{ "tooljet_database": [ { "id": "7d98bd02-b2d5-4e79-bcc4-c9a102211124", "table_name": "employee_expense", "schema": { "columns": [ { "column_name": "id", "data_type": "integer", "column_default": "nextval('\"7d98bd02-b2d5-4e79-bcc4-c9a102211124_id_seq\"'::regclass)", "character_maximum_length": null, "numeric_precision": 32, "is_nullable": "NO", "constraint_type": "PRIMARY KEY", "keytype": "PRIMARY KEY" }, { "column_name": "description", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "category", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "receipt", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "status", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "amount", "data_type": "double precision", "column_default": null, "character_maximum_length": null, "numeric_precision": 53, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "employee_email", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "employee_name", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "date_submitted", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" } ] } } ], "app": [ { "definition": { "appV2": { "id": "61d9b309-cd6a-47b7-b79e-e89ca02ef758", "type": "front-end", "name": "Expense tracker admin", "slug": "expense-tracker-admin", "isPublic": false, "isMaintenanceOn": false, "icon": "archive", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "currentVersionId": null, "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc", "workflowApiToken": null, "workflowEnabled": false, "createdAt": "2023-11-17T18:58:57.441Z", "creationMode": "DEFAULT", "updatedAt": "2024-01-02T20:16:24.592Z", "editingVersion": { "id": "f9428e66-fb29-4de4-afb2-b5141a62f905", "name": "v1", "definition": { "showViewerNavigation": false, "homePageId": "b4d0cfa2-2893-4b10-869e-91cef96d3d08", "pages": { "b4d0cfa2-2893-4b10-869e-91cef96d3d08": { "components": { "541d6d37-4244-4ca0-8f55-0e76bc9443ba": { "id": "541d6d37-4244-4ca0-8f55-0e76bc9443ba", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Dashboard" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text6", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 120, "left": 2.3255813953488373, "width": 4, "height": 40 } } }, "b43a4113-2eaa-45c1-a5d8-10157ac82173": { "id": "b43a4113-2eaa-45c1-a5d8-10157ac82173", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "container2", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 20, "left": 2.3255811696137485, "width": 41, "height": 70 } } }, "f13880b1-b197-494e-8e6e-8b8333a0e2a0": { "id": "f13880b1-b197-494e-8e6e-8b8333a0e2a0", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff" }, "textSize": { "value": "{{24}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "B R A N D" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text15", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 2.325581395348837, "width": 4, "height": 40 } }, "parent": "b43a4113-2eaa-45c1-a5d8-10157ac82173" }, "076860fd-3e87-4040-ace3-8f38cfe908d1": { "id": "076860fd-3e87-4040-ace3-8f38cfe908d1", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff", "fxActive": false }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "capitalize" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": "{{0}}" }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{`${globals.currentUser.firstName} ${globals.currentUser.lastName} `}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text16", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 67.4418635841583, "width": 12, "height": 40 } }, "parent": "b43a4113-2eaa-45c1-a5d8-10157ac82173" }, "b3c215ea-7832-4e5c-8b39-44406c4702b2": { "id": "b3c215ea-7832-4e5c-8b39-44406c4702b2", "component": { "properties": { "icon": { "type": "iconPicker", "displayName": "Icon", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "iconColor": { "type": "color", "displayName": "Icon color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "iconColor": { "value": "#ffffffff" }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "icon": { "value": "IconUserCircle" } }, "general": {}, "exposedVariables": {} }, "name": "icon4", "displayName": "Icon", "description": "Icon", "defaultSize": { "width": 5, "height": 48 }, "component": "Icon", "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "displayName": "Set Visibility", "handle": "setVisibility", "params": [ { "handle": "value", "displayName": "Value", "defaultValue": "{{true}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 95.34883163997867, "width": 1, "height": 40 } }, "parent": "b43a4113-2eaa-45c1-a5d8-10157ac82173" }, "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97": { "component": { "properties": { "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "container3", "displayName": "Container", "description": "Group components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 160, "left": 2.3255813953488373, "width": 41, "height": 670 } }, "withDefaultChildren": false }, "ed3c303e-dcb1-4b9a-b907-1ecca3a8df75": { "id": "ed3c303e-dcb1-4b9a-b907-1ecca3a8df75", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date range" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text18", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 2.3255833977031735, "width": 3, "height": 30 } }, "parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97" }, "5ba0345c-961a-4d00-876d-d90e1a8fa15a": { "id": "5ba0345c-961a-4d00-876d-d90e1a8fa15a", "component": { "properties": { "defaultStartDate": { "type": "code", "displayName": "Default start date", "validation": { "schema": { "type": "string" } } }, "defaultEndDate": { "type": "code", "displayName": "Default end date", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "defaultStartDate": { "value": "{{moment().subtract(3,\"month\").format(\"YYYY/MM/DD\")}}" }, "defaultEndDate": { "value": "{{moment().format(\"YYYY/MM/DD\")}}" }, "format": { "value": "YYYY/MM/DD" } }, "general": {}, "exposedVariables": {} }, "name": "daterangepicker6", "displayName": "Range Picker", "description": "Select a date range", "component": "DaterangePicker", "defaultSize": { "width": 10, "height": 30 }, "exposedVariables": { "endDate": {}, "startDate": {} } }, "layouts": { "desktop": { "top": 50, "left": 2.325577610336826, "width": 8, "height": 40 } }, "parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97" }, "595fb73c-c455-470c-a501-335c34fca38d": { "id": "595fb73c-c455-470c-a501-335c34fca38d", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryName": "listExpenses", "queryId": "aaa30055-ab52-45b1-8374-d05195e7edc6", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#3e63dd1a", "fxActive": false }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "loaderColor": { "value": "#3e63ddff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff", "fxActive": false }, "disabledState": { "value": "{{queries.listExpenses.isLoading}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Apply filter" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button5", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 50, "left": 37.20931142741755, "width": 4, "height": 40 } }, "parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97" }, "873098f6-371a-4586-b627-de92258843c5": { "id": "873098f6-371a-4586-b627-de92258843c5", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Status" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text19", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 23.25581191474764, "width": 3, "height": 30 } }, "parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97" }, "5745fc7e-e5a6-4bca-9d70-cf5c9da67993": { "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{\"\"}}" }, "values": { "value": "{{[\"\", \"approved\", \"rejected\", \"pending\"]}}" }, "display_values": { "value": "{{[\"All\", \"Approved\", \"Rejected\", \"Pending\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select status" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown1", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97", "layouts": { "desktop": { "top": 50, "left": 23.25581701159946, "width": 4.999999999999999, "height": 40 } }, "withDefaultChildren": false }, "19f77238-34a2-4dac-9a64-21f398b0240d": { "id": "19f77238-34a2-4dac-9a64-21f398b0240d", "component": { "properties": { "title": { "type": "string", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "code", "displayName": "Table data", "validation": { "schema": { "type": "array", "element": { "type": "object" }, "optional": true } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "columns": { "type": "array", "displayName": "Table Columns" }, "useDynamicColumn": { "type": "toggle", "displayName": "Use dynamic column", "validation": { "schema": { "type": "boolean" } } }, "columnData": { "type": "code", "displayName": "Column data" }, "rowsPerPage": { "type": "code", "displayName": "Number of rows per page", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "serverSidePagination": { "type": "toggle", "displayName": "Server-side pagination", "validation": { "schema": { "type": "boolean" } } }, "enableNextButton": { "type": "toggle", "displayName": "Enable next page button", "validation": { "schema": { "type": "boolean" } } }, "enabledSort": { "type": "toggle", "displayName": "Enable sorting", "validation": { "schema": { "type": "boolean" } } }, "hideColumnSelectorButton": { "type": "toggle", "displayName": "Hide column selector button", "validation": { "schema": { "type": "boolean" } } }, "enablePrevButton": { "type": "toggle", "displayName": "Enable previous page button", "validation": { "schema": { "type": "boolean" } } }, "totalRecords": { "type": "code", "displayName": "Total records server side", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "clientSidePagination": { "type": "toggle", "displayName": "Client-side pagination", "validation": { "schema": { "type": "boolean" } } }, "serverSideSearch": { "type": "toggle", "displayName": "Server-side search", "validation": { "schema": { "type": "boolean" } } }, "serverSideSort": { "type": "toggle", "displayName": "Server-side sort", "validation": { "schema": { "type": "boolean" } } }, "serverSideFilter": { "type": "toggle", "displayName": "Server-side filter", "validation": { "schema": { "type": "boolean" } } }, "actionButtonBackgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "actionButtonTextColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "displaySearchBox": { "type": "toggle", "displayName": "Show search box", "validation": { "schema": { "type": "boolean" } } }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button", "validation": { "schema": { "type": "boolean" } } }, "showFilterButton": { "type": "toggle", "displayName": "Show filter button", "validation": { "schema": { "type": "boolean" } } }, "showBulkUpdateActions": { "type": "toggle", "displayName": "Show update buttons", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Regular", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Condensed", "value": "condensed" }, { "name": "Regular", "value": "regular" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "10" }, "tableType": { "value": "table-classic" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.listExpenses.isLoading}}", "fxActive": true }, "data": { "value": "{{queries?.listExpenses?.data ?? []}}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": false }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "clientSidePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{true}}" }, "showDownloadButton": { "value": "{{false}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true }, "columns": { "value": [ { "name": "id", "id": "a043d834-c894-4091-942d-1e4a600bf906", "columnType": "number" }, { "id": "e10729f5-383d-4a60-a628-1841a84be52a", "name": "employee name", "key": "employee_name", "columnType": "string", "autogenerated": true }, { "id": "35d009f6-ed14-43d8-bb52-56c839475038", "name": "employee email", "key": "employee_email", "columnType": "string", "autogenerated": true }, { "name": "category", "id": "1e910707-d279-43be-9ad0-101c5c2e259b", "columnType": "string" }, { "name": "amount ($)", "id": "a3455643-e26b-4e4e-b250-ecdc8ffce044", "key": "amount", "columnType": "number" }, { "name": "status", "id": "aa3aea88-5d0c-4201-a202-2651d1cf7ef2", "textColor": "{{({ approved: \"#00C65D\", rejected: \"#DF2C00\", pending: \"#F6D100\" })[rowData.status]}}", "columnType": "string" }, { "name": "date submitted", "id": "c56d43f7-befa-45de-8913-411a8fa6826a", "key": "date_submitted", "columnType": "datepicker", "isTimeChecked": false, "dateFormat": "YYYY/MM/DD", "parseDateFormat": "YYYY/MM/DD" }, { "name": "description", "id": "e5be50ba-67cc-4e10-9e21-cff2e3fd27b7", "key": "description", "columnType": "default" } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 55, "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 143, "3d4dc529-964c-4e34-bfac-59d059c85521": 111, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 217, "f1c5b098-25a8-494a-8141-0b6327a4a60f": 88, "3b38b9bb-bd1b-40b7-82c5-3e17cb660d3a": 101, "f22fda6f-da28-42db-9192-fee66fd26567": 97.99999999999997, "8d6770cb-f6a8-455b-b215-96fb7a2cff4e": 118, "6cdfda6d-1845-4b66-8803-b8de18201b1a": 105, "2ee0c705-e498-40df-b5ae-a0334d50de6f": 256, "05b13020-5760-4150-8121-a0bfb1330baf": 124, "7e1e18ee-437e-4c4c-b5ff-5410274384f7": 192, "07a1f8fe-90d9-4571-9a5a-1f125037bea5": 117, "2b818d4e-9a06-48cc-b214-bd4183aedc35": 105, "a043d834-c894-4091-942d-1e4a600bf906": 73, "c56d43f7-befa-45de-8913-411a8fa6826a": 195, "e5be50ba-67cc-4e10-9e21-cff2e3fd27b7": 207, "e10729f5-383d-4a60-a628-1841a84be52a": 151, "35d009f6-ed14-43d8-bb52-56c839475038": 218, "1e910707-d279-43be-9ad0-101c5c2e259b": 136, "aa3aea88-5d0c-4201-a202-2651d1cf7ef2": 96, "a3455643-e26b-4e4e-b250-ecdc8ffce044": 110 } }, "actions": { "value": [ { "name": "Action0", "buttonText": "View", "events": [ { "eventId": "onClick", "actionId": "switch-page", "message": "Hello world!", "alertType": "info", "pageId": "89520877-a4b6-408f-bda7-b82b7cc998b9", "queryParams": [ [ "id", "{{components.table6.selectedRow.id}}" ] ] } ], "position": "right", "fxActive": false, "disableActionButton": "{{false}}", "textColor": "#ffffffff", "backgroundColor": "#3e63ddff" } ] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "email", "Description", "new_column1", "receipt", "datesubmitted", "amount", "Status", "id", "datesubmitted", "Employee name", "description", "category", "receipt", "amount", "status", "new_column1", "id", "datesubmitted", "description", "category", "status", "id", "datesubmitted", "description", "category", "status" ] }, "enablePagination": { "value": true }, "showAddNewRowButton": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "table6", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 20, "height": 358 }, "exposedVariables": { "selectedRow": {}, "changeSet": {}, "dataUpdates": [], "pageIndex": 1, "searchText": "", "selectedRows": [], "filters": [] }, "actions": [ { "handle": "setPage", "displayName": "Set page", "params": [ { "handle": "page", "displayName": "Page", "defaultValue": "{{1}}" } ] }, { "handle": "selectRow", "displayName": "Select row", "params": [ { "handle": "key", "displayName": "Key" }, { "handle": "value", "displayName": "Value" } ] }, { "handle": "deselectRow", "displayName": "Deselect row" }, { "handle": "discardChanges", "displayName": "Discard Changes" }, { "handle": "discardNewlyAddedRows", "displayName": "Discard newly added rows" } ] }, "layouts": { "desktop": { "top": 110, "left": 2.325581358962442, "width": 41, "height": 520 } }, "parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97" }, "928a9e56-af22-44df-9bf1-f83fc2db830a": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff" }, "textSize": { "value": 14 }, "textAlign": { "value": "center" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "A D M I N I S T R A T O R" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text7", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "b43a4113-2eaa-45c1-a5d8-10157ac82173", "layouts": { "desktop": { "top": 10, "left": 41.86046511627907, "width": 7, "height": 40 } }, "withDefaultChildren": false } }, "handle": "home", "name": "Home", "events": [ { "eventId": "onPageLoad", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "aaa30055-ab52-45b1-8374-d05195e7edc6", "queryName": "listExpenses", "parameters": {} } ] }, "89520877-a4b6-408f-bda7-b82b7cc998b9": { "name": "Expense detail page", "handle": "expense-detail-page", "components": { "f7365b95-39d2-434e-9e15-c8211452b9db": { "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "fxActive": true, "value": "{{queries.expenseDetails.isLoading}}" } }, "general": {}, "exposedVariables": {} }, "name": "container3", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 80, "left": 2.3255811086208023, "width": 41, "height": 750 } }, "withDefaultChildren": false }, "7808ed42-b375-49e3-b13c-2397f716d713": { "id": "7808ed42-b375-49e3-b13c-2397f716d713", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Amount" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text2", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 290, "left": 2.325582160014442, "width": 4, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "dc067f34-0ca8-4dfc-a5bc-173e2c0df9e1": { "id": "dc067f34-0ca8-4dfc-a5bc-173e2c0df9e1", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error Text Color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "{{queries.expenseDetails.data.amount}}" }, "placeholder": { "value": "Enter your amount" } }, "general": {}, "exposedVariables": {} }, "name": "textinput1", "displayName": "Text Input", "description": "Text field for forms", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 290, "left": 11.627907486429367, "width": 15.039236523514825, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "2c57c516-6f33-4fd6-8bc2-581ea1e17fe8": { "id": "2c57c516-6f33-4fd6-8bc2-581ea1e17fe8", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Category" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text3", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 350, "left": 2.325580230157231, "width": 4.033605318259923, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "dc6c1cdd-a0d1-4631-b926-70aba1e121b3": { "id": "dc6c1cdd-a0d1-4631-b926-70aba1e121b3", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Details of expense" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text5", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 410, "left": 2.3255807401180757, "width": 4, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "b46da6c8-4adb-4164-aa88-c629f8d1c001": { "id": "b46da6c8-4adb-4164-aa88-c629f8d1c001", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "{{queries.expenseDetails.data.description}}" }, "placeholder": { "value": "Describe your expense" } }, "general": {}, "exposedVariables": {} }, "name": "textarea1", "displayName": "Textarea", "description": "Text area form field", "component": "TextArea", "defaultSize": { "width": 6, "height": 100 }, "exposedVariables": { "value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" } ] }, "layouts": { "desktop": { "top": 450, "left": 2.3255798299068937, "width": 18.999999999999996, "height": 110 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "3e0ac6d7-ab9e-40ba-b7ca-2942280559a5": { "component": { "properties": { "url": { "type": "code", "displayName": "File URL", "validation": { "schema": { "type": "string" } } }, "scale": { "type": "toggle", "displayName": "Scale page to width", "validation": { "schema": { "type": "boolean" } } }, "pageControls": { "type": "toggle", "displayName": "Show page controls", "validation": { "schema": { "type": "boolean" } } }, "showDownloadOption": { "type": "toggle", "displayName": "Show the Download", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 10px 1px #8888884d" } }, "properties": { "url": { "value": "{{'data:image/png;base64,' + queries.expenseDetails.data.receipt}}" }, "scale": { "value": "{{true}}" }, "pageControls": { "value": "{{false}}" }, "showDownloadOption": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "pdf1", "displayName": "PDF", "description": "Embed PDF file", "component": "PDF", "defaultSize": { "width": 20, "height": 640 }, "exposedVariables": {} }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db", "layouts": { "desktop": { "top": 110, "left": 48.83720799213971, "width": 21, "height": 600 } }, "withDefaultChildren": false }, "41e889af-8a4f-4625-817e-04f2e21549a6": { "id": "41e889af-8a4f-4625-817e-04f2e21549a6", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Employee Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text8", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 170, "left": 2.325582888017991, "width": 4, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "a4e9fef8-fbf3-415d-b94a-c7c929784218": { "id": "a4e9fef8-fbf3-415d-b94a-c7c929784218", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error Text Color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "{{queries.expenseDetails.data.employee_name}}" }, "placeholder": { "value": "Employee name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput2", "displayName": "Text Input", "description": "Text field for forms", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 170, "left": 11.627903959658262, "width": 15.033948087773464, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "cef5f306-b447-4a9a-b424-b2ba4e123b62": { "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "dividerColor": { "type": "color", "displayName": "Divider Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#88888833" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider1", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db", "layouts": { "desktop": { "top": 70, "left": 2.325581395348837, "width": 41, "height": 10 } }, "withDefaultChildren": false }, "f67962ae-d3c3-41a4-8534-321df81edd0a": { "id": "f67962ae-d3c3-41a4-8534-321df81edd0a", "component": { "properties": { "icon": { "type": "iconPicker", "displayName": "Icon", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "iconColor": { "type": "color", "displayName": "Icon Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "switch-page", "message": "Hello world!", "alertType": "info", "pageId": "b4d0cfa2-2893-4b10-869e-91cef96d3d08" } ], "styles": { "iconColor": { "value": "#3e63ddff", "fxActive": false }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "icon": { "value": "IconArrowLeft" } }, "general": {}, "exposedVariables": {} }, "name": "icon1", "displayName": "Icon", "description": "Icon", "defaultSize": { "width": 5, "height": 48 }, "component": "Icon", "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "displayName": "Set Visibility", "handle": "setVisibility", "params": [ { "handle": "value", "displayName": "Value", "defaultValue": "{{true}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 2.3255813953488373, "width": 1, "height": 40 } } }, "43bff61e-1c92-4bfc-90e2-2e2a9d26a763": { "id": "43bff61e-1c92-4bfc-90e2-2e2a9d26a763", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Expense Details" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text7", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 6.976745450163009, "width": 7, "height": 40 } } }, "88c4353f-a551-4733-8714-cb9e16c0d318": { "id": "88c4353f-a551-4733-8714-cb9e16c0d318", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3E63DD", "fxActive": false }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{`Expense #${queries.expenseDetails.data.id}`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text9", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 2.3255821082776333, "width": 8.043898728159355, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "4323ed4c-f99f-4b3e-876d-db380eb1df4f": { "id": "4323ed4c-f99f-4b3e-876d-db380eb1df4f", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text10", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 110, "left": 2.325581358962442, "width": 4, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "ef654245-6bf4-40c7-9d10-6398e8f383ba": { "id": "ef654245-6bf4-40c7-9d10-6398e8f383ba", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error Text Color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "{{queries.expenseDetails.data.date_submitted}}" }, "placeholder": { "value": "Date" } }, "general": {}, "exposedVariables": {} }, "name": "textinput3", "displayName": "Text Input", "description": "Text field for forms", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 110, "left": 11.627907368268282, "width": 15.033948087773464, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "3fa246c8-a97f-42fb-868d-2e5841e041bb": { "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error Text Color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "{{queries.expenseDetails.data.category}}" }, "placeholder": { "value": "Category" } }, "general": {}, "exposedVariables": {} }, "name": "textinput4", "displayName": "Text Input", "description": "Text field for forms", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db", "layouts": { "desktop": { "top": 350, "left": 11.627907595864212, "width": 15.038773956265942, "height": 40 } }, "withDefaultChildren": false }, "40dcc5e7-6b17-4321-b64e-46025489df9a": { "id": "40dcc5e7-6b17-4321-b64e-46025489df9a", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Status" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text11", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 600, "left": 2.325581140644074, "width": 4, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "b01f8af2-2a52-426e-873e-80edfe4d8f04": { "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{queries.updateExpenseStatus.isLoading || queries.expenseDetails.data.status != \"pending\"}}", "fxActive": true }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{queries.expenseDetails.data.status}}" }, "values": { "value": "{{[\"approved\", \"rejected\", \"pending\"]}}" }, "display_values": { "value": "{{[\"Approved\", \"Rejected\", \"Pending\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select an option" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown1", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db", "layouts": { "desktop": { "top": 600, "left": 11.627906430948268, "width": 15, "height": 40 } }, "withDefaultChildren": false }, "a255e06a-17cb-4726-99b9-b29ea4ffb6de": { "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "c3c03021-c71e-4247-b0a8-8a74d5bf5b12", "queryName": "updateExpenseStatus", "parameters": {} }, { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "a96856e4-bc68-480c-9667-bce036389fcc", "queryName": "expenseDetails", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#375FCF" }, "disabledState": { "value": "{{queries.expenseDetails.data.status != \"pending\"}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Save" }, "loadingState": { "value": "{{queries.updateExpenseStatus.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button8", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db", "layouts": { "desktop": { "top": 670, "left": 39.53488360490564, "width": 3.0000000000000004, "height": 40 } }, "withDefaultChildren": false }, "ebf20a4c-2032-46b3-bf51-e9e63b77f7bb": { "id": "ebf20a4c-2032-46b3-bf51-e9e63b77f7bb", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Employee Email" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text12", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 230, "left": 2.32558215537566, "width": 4, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "e51f1fdf-5bdf-4f47-a12b-551aa1795d81": { "id": "e51f1fdf-5bdf-4f47-a12b-551aa1795d81", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error Text Color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "{{queries.expenseDetails.data.employee_email}}" }, "placeholder": { "value": "Employee name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput5", "displayName": "Text Input", "description": "Text field for forms", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 230, "left": 11.627907268111, "width": 15.033948087773464, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "b095aef7-6944-449f-b0ba-01bb15c6b1a8": { "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "{{({ approved: \"#00C65D22\", rejected: \"#DF2C0022\", pending: \"#F6D10022\" })[queries.expenseDetails.data.status]}}", "fxActive": true }, "textColor": { "value": "{{({ approved: \"#00C65D\", rejected: \"#DF2C00\", pending: \"#F6D100\" })[queries.expenseDetails.data.status]}}", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{50}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{queries.expenseDetails.data.status.toUpperCase().split(\"\").join(\" \")}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button2", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db", "layouts": { "desktop": { "top": 20, "left": 86.04650977192519, "width": 4.999999999999999, "height": 40 } }, "withDefaultChildren": false } }, "events": [ { "eventId": "onPageLoad", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "a96856e4-bc68-480c-9667-bce036389fcc", "queryName": "expenseDetails", "parameters": {}, "runOnlyIf": "{{globals.urlparams.id != undefined}}" }, { "eventId": "onPageLoad", "actionId": "switch-page", "message": "Hello world!", "alertType": "info", "runOnlyIf": "{{globals.urlparams.id == undefined}}", "pageId": "b4d0cfa2-2893-4b10-869e-91cef96d3d08" } ] } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": "5000", "canvasMaxWidthType": "px", "canvasMaxHeight": "2400", "canvasBackgroundColor": "", "backgroundFxQuery": "" }, "components": { "8b02a3ac-ca1d-420f-abb8-5f7db409d6e2": { "id": "8b02a3ac-ca1d-420f-abb8-5f7db409d6e2", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#FFFFFF", "fxActive": true }, "borderRadius": { "value": "0" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "container2", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 660, "left": -0.03833735818827982, "width": 43, "height": 80 } } }, "3d0794e7-1b30-4ec2-9f3e-975e200578c9": { "id": "3d0794e7-1b30-4ec2-9f3e-975e200578c9", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#FFFFFF", "fxActive": true }, "textColor": { "value": "#20134B", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "< Previous Expense" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button1", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 11.757106454395258, "width": 5.99537037037037, "height": 40 } }, "parent": "8b02a3ac-ca1d-420f-abb8-5f7db409d6e2" }, "5975e379-e4a0-425a-a0e0-2b21282784cf": { "id": "5975e379-e4a0-425a-a0e0-2b21282784cf", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#FFFFFF", "fxActive": true }, "textColor": { "value": "#20134B", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Next Expense >" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button2", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 77.48923399031861, "width": 5.027731188228491, "height": 40 } }, "parent": "8b02a3ac-ca1d-420f-abb8-5f7db409d6e2" }, "f7365b95-39d2-434e-9e15-c8211452b9db": { "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "12" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "fxActive": true, "value": "{{queries.ExpenseDetailPage.isLoading===true?true:false}}" } }, "general": {}, "exposedVariables": {} }, "name": "container3", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 80, "left": 11.630036640646043, "width": 33, "height": 490 } }, "withDefaultChildren": false }, "7808ed42-b375-49e3-b13c-2397f716d713": { "id": "7808ed42-b375-49e3-b13c-2397f716d713", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#20134B", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Amount" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text2", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 210, "left": 4.651163198153794, "width": 3, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "dc067f34-0ca8-4dfc-a5bc-173e2c0df9e1": { "id": "dc067f34-0ca8-4dfc-a5bc-173e2c0df9e1", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error Text Color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{6}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "{{queries.ExpenseDetailPage.data[0].amount}}" }, "placeholder": { "value": "Enter your amount" } }, "general": {}, "exposedVariables": {} }, "name": "textinput1", "displayName": "Text Input", "description": "Text field for forms", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 210, "left": 20.93023274173657, "width": 15.039236523514825, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "2c57c516-6f33-4fd6-8bc2-581ea1e17fe8": { "id": "2c57c516-6f33-4fd6-8bc2-581ea1e17fe8", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#20134B", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Category" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text3", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 260, "left": 4.651167535806316, "width": 4.033605318259923, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "dc6c1cdd-a0d1-4631-b926-70aba1e121b3": { "id": "dc6c1cdd-a0d1-4631-b926-70aba1e121b3", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#20134B", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Details of expense" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text5", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 310, "left": 4.651169523576039, "width": 17.930261641933875, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "b46da6c8-4adb-4164-aa88-c629f8d1c001": { "id": "b46da6c8-4adb-4164-aa88-c629f8d1c001", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{6}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "{{queries.ExpenseDetailPage.data[0].description}}" }, "placeholder": { "value": "Describe your expense" } }, "general": {}, "exposedVariables": {} }, "name": "textarea1", "displayName": "Textarea", "description": "Text area form field", "component": "TextArea", "defaultSize": { "width": 6, "height": 100 }, "exposedVariables": { "value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" } ] }, "layouts": { "desktop": { "top": 350, "left": 4.707509207463121, "width": 22.014813536564017, "height": 110 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "f791a67d-6f03-4c48-9cdf-5e2625e5eb80": { "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "189d8a65-1571-4dad-9806-82f61ee1fbb0", "queryName": "ApproveExpense" }, { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "34c279af-b99a-4fe2-a612-4045cee4c06a", "queryName": "ExpenseDetailPage" } ], "styles": { "backgroundColor": { "value": "#ffffffff", "fxActive": false }, "textColor": { "value": "#46A758", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#46A758", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Approve" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button3", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 590, "left": 58.12250493646978, "width": 4, "height": 40 } }, "withDefaultChildren": false }, "22e6c6b3-8fba-47d5-a417-304f8ab3c29d": { "id": "22e6c6b3-8fba-47d5-a417-304f8ab3c29d", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "0a791e93-b5b2-4f00-8cec-db65c15c6394", "queryName": "RejectExpense" }, { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "34c279af-b99a-4fe2-a612-4045cee4c06a", "queryName": "ExpenseDetailPage" } ], "styles": { "backgroundColor": { "value": "#ffffffff", "fxActive": false }, "textColor": { "value": "#E54D2E", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#E54D2E", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Reject" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button5", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 590, "left": 69.75040645389767, "width": 4, "height": 40 } } }, "f1efbecb-5322-450a-853a-9f7a5581bdaf": { "id": "f1efbecb-5322-450a-853a-9f7a5581bdaf", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "c4c33fcd-2b67-4592-936b-8ae6425f4b16", "queryName": "FlaggedExpense" }, { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "34c279af-b99a-4fe2-a612-4045cee4c06a", "queryName": "ExpenseDetailPage" } ], "styles": { "backgroundColor": { "value": "#ffffffff", "fxActive": false }, "textColor": { "value": "#889096", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#889096", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Flag" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button6", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 590, "left": 81.3996087937128, "width": 3, "height": 40 } } }, "3e0ac6d7-ab9e-40ba-b7ca-2942280559a5": { "component": { "properties": { "url": { "type": "code", "displayName": "File URL", "validation": { "schema": { "type": "string" } } }, "scale": { "type": "toggle", "displayName": "Scale page to width", "validation": { "schema": { "type": "boolean" } } }, "pageControls": { "type": "toggle", "displayName": "Show page controls", "validation": { "schema": { "type": "boolean" } } }, "showDownloadOption": { "type": "toggle", "displayName": "Show the Download", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "url": { "value": "{{'data:image/png;base64,' + queries.ExpenseDetailPage.data[0].receipt}}" }, "scale": { "value": "{{true}}" }, "pageControls": { "value": "{{false}}" }, "showDownloadOption": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "pdf1", "displayName": "PDF", "description": "Embed PDF file", "component": "PDF", "defaultSize": { "width": 20, "height": 640 }, "exposedVariables": {} }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db", "layouts": { "desktop": { "top": 104, "left": 63.09035790623552, "width": 13.976846901992486, "height": 350 } }, "withDefaultChildren": false }, "41e889af-8a4f-4625-817e-04f2e21549a6": { "id": "41e889af-8a4f-4625-817e-04f2e21549a6", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#20134B", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Employee Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text8", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 160, "left": 4.8865804635435985, "width": 7.051421213550593, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "a4e9fef8-fbf3-415d-b94a-c7c929784218": { "id": "a4e9fef8-fbf3-415d-b94a-c7c929784218", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error Text Color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{6}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Employee name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput2", "displayName": "Text Input", "description": "Text field for forms", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 160, "left": 20.930230282311104, "width": 15.033948087773464, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "cef5f306-b447-4a9a-b424-b2ba4e123b62": { "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "dividerColor": { "type": "color", "displayName": "Divider Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#9b9b9bff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider1", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db", "layouts": { "desktop": { "top": 70, "left": 2.9006877363308416, "width": 40.01773312725625, "height": 10 } }, "withDefaultChildren": false }, "5bb9c33f-c0e0-4d65-a531-f416aca161a3": { "id": "5bb9c33f-c0e0-4d65-a531-f416aca161a3", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#20134B", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Status" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text6", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 79.06977056893254, "width": 2.994500716185799, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "cd8b1b86-6400-4e28-82b2-952123a73507": { "id": "cd8b1b86-6400-4e28-82b2-952123a73507", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#F1F3F5", "fxActive": true }, "textColor": { "value": "#687076", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#375fcf00", "fxActive": false }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{queries.ExpenseDetailPage.data[0].status}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button7", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 86.04651116595315, "width": 3.9951503990178017, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "f67962ae-d3c3-41a4-8534-321df81edd0a": { "id": "f67962ae-d3c3-41a4-8534-321df81edd0a", "component": { "properties": { "icon": { "type": "iconPicker", "displayName": "Icon", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "iconColor": { "type": "color", "displayName": "Icon Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "switch-page", "message": "Hello world!", "alertType": "info", "pageId": "b4d0cfa2-2893-4b10-869e-91cef96d3d08" }, { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "81943fba-eebf-44cd-89a8-c9d9b8a9e2c7", "queryName": "ListAllExpenses" } ], "styles": { "iconColor": { "value": "#20134B", "fxActive": true }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "icon": { "value": "IconArrowLeft" } }, "general": {}, "exposedVariables": {} }, "name": "icon1", "displayName": "Icon", "description": "Icon", "defaultSize": { "width": 5, "height": 48 }, "component": "Icon", "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "displayName": "Set Visibility", "handle": "setVisibility", "params": [ { "handle": "value", "displayName": "Value", "defaultValue": "{{true}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 11.627907106727907, "width": 1.9911509053210048, "height": 40 } } }, "43bff61e-1c92-4bfc-90e2-2e2a9d26a763": { "id": "43bff61e-1c92-4bfc-90e2-2e2a9d26a763", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#20134B", "fxActive": true }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Expense Details" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text7", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 16.279071023435332, "width": 7, "height": 40 } } }, "88c4353f-a551-4733-8714-cb9e16c0d318": { "id": "88c4353f-a551-4733-8714-cb9e16c0d318", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#2B0E44", "fxActive": true }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Expense #{{queries.ExpenseDetailPage.data[0].id}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text9", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 4.7645458519336445, "width": 8.043898728159355, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "4323ed4c-f99f-4b3e-876d-db380eb1df4f": { "id": "4323ed4c-f99f-4b3e-876d-db380eb1df4f", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#20134B", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text10", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 110, "left": 4.651162759148427, "width": 7.051421213550593, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "ef654245-6bf4-40c7-9d10-6398e8f383ba": { "id": "ef654245-6bf4-40c7-9d10-6398e8f383ba", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error Text Color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{6}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "{{queries.ExpenseDetailPage.data[0].datesubmitted}}" }, "placeholder": { "value": "Date" } }, "general": {}, "exposedVariables": {} }, "name": "textinput3", "displayName": "Text Input", "description": "Text field for forms", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 110, "left": 20.93023274173657, "width": 15.033948087773464, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "3fa246c8-a97f-42fb-868d-2e5841e041bb": { "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error Text Color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{6}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "{{queries.ExpenseDetailPage.data[0].category}}" }, "placeholder": { "value": "Category" } }, "general": {}, "exposedVariables": {} }, "name": "textinput4", "displayName": "Text Input", "description": "Text field for forms", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db", "layouts": { "desktop": { "top": 260, "left": 20.987272320839814, "width": 15.038773956265942, "height": 40 } }, "withDefaultChildren": false } } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": "5000", "canvasMaxWidthType": "px", "canvasMaxHeight": "2400", "canvasBackgroundColor": "", "backgroundFxQuery": "" }, "showViewerNavigation": false, "homePageId": "2d684124-f12e-4d5e-8996-b218e8d339ba", "appId": "61d9b309-cd6a-47b7-b79e-e89ca02ef758", "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "promotedFrom": null, "createdAt": "2023-11-17T18:58:57.456Z", "updatedAt": "2024-01-02T20:16:53.332Z" }, "components": [ { "id": "b5593e8a-5124-470e-abc2-4ff46c8ef60c", "name": "text6", "type": "Text", "pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba", "parent": null, "properties": { "text": { "value": "Dashboard" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "d6208849-bccc-4e23-95e2-b2c27f7c1909", "type": "desktop", "top": 120, "left": 2.3255813953488373, "width": 4, "height": 40, "componentId": "b5593e8a-5124-470e-abc2-4ff46c8ef60c" } ] }, { "id": "3e8b9013-3cd6-4f84-bab1-544b42e6d376", "name": "container2", "type": "Container", "pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba", "parent": null, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "37ee6f42-6806-4856-8d0c-b9409a39a2a2", "type": "desktop", "top": 20, "left": 2.3255811696137485, "width": 41, "height": 70, "componentId": "3e8b9013-3cd6-4f84-bab1-544b42e6d376" } ] }, { "id": "88cdfbc9-0963-4c64-b5af-772b19bf61f8", "name": "text15", "type": "Text", "pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba", "parent": "3e8b9013-3cd6-4f84-bab1-544b42e6d376", "properties": { "text": { "value": "B R A N D" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff" }, "textSize": { "value": "{{24}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "38b6035d-b307-412c-986b-8b84d0cc8b21", "type": "desktop", "top": 10, "left": 2.325581395348837, "width": 4, "height": 40, "componentId": "88cdfbc9-0963-4c64-b5af-772b19bf61f8" } ] }, { "id": "dc3d72f8-125c-49f5-9d3c-9a59c53a6e17", "name": "text16", "type": "Text", "pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba", "parent": "3e8b9013-3cd6-4f84-bab1-544b42e6d376", "properties": { "text": { "value": "{{`${globals.currentUser.firstName} ${globals.currentUser.lastName} `}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff", "fxActive": false }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "capitalize" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": "{{0}}" }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "be32387b-cbc1-458b-a4d5-193ccb4883db", "type": "desktop", "top": 10, "left": 67.4418635841583, "width": 12, "height": 40, "componentId": "dc3d72f8-125c-49f5-9d3c-9a59c53a6e17" } ] }, { "id": "ed1e79f1-91f4-49cf-b18e-6a7bc20debff", "name": "icon4", "type": "Icon", "pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba", "parent": "3e8b9013-3cd6-4f84-bab1-544b42e6d376", "properties": { "icon": { "value": "IconUserCircle" } }, "general": {}, "styles": { "iconColor": { "value": "#ffffffff" }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "946d8725-7003-4222-bf33-6ce001441612", "type": "desktop", "top": 10, "left": 95.34883163997867, "width": 1, "height": 40, "componentId": "ed1e79f1-91f4-49cf-b18e-6a7bc20debff" } ] }, { "id": "2144fd88-2f02-4ec2-88d9-17226c8e0b49", "name": "text18", "type": "Text", "pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba", "parent": "f518da8e-9433-4464-b41a-863a9ad07a83", "properties": { "text": { "value": "Date range" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "a7f5d48c-f4d7-4853-a373-3278a4b98162", "type": "desktop", "top": 20, "left": 2.3255833977031735, "width": 3, "height": 30, "componentId": "2144fd88-2f02-4ec2-88d9-17226c8e0b49" } ] }, { "id": "f4272854-8c12-476a-888b-e6f7a46d9ad1", "name": "button5", "type": "Button", "pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba", "parent": "f518da8e-9433-4464-b41a-863a9ad07a83", "properties": { "text": { "value": "Apply filter" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#3e63dd1a", "fxActive": false }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "loaderColor": { "value": "#3e63ddff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff", "fxActive": false }, "disabledState": { "value": "{{queries.listExpenses.isLoading}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "93ac62a1-ebfa-4c1c-b7f1-4ade02bf6d47", "type": "desktop", "top": 50, "left": 37.20931142741755, "width": 4, "height": 40, "componentId": "f4272854-8c12-476a-888b-e6f7a46d9ad1" } ] }, { "id": "5f2c9ac4-ef4f-4ebd-b6f8-0ec89b5c450b", "name": "text19", "type": "Text", "pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba", "parent": "f518da8e-9433-4464-b41a-863a9ad07a83", "properties": { "text": { "value": "Status" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "159f2893-ef77-4b1a-ac48-3b0da136d100", "type": "desktop", "top": 20, "left": 23.25581191474764, "width": 3, "height": 30, "componentId": "5f2c9ac4-ef4f-4ebd-b6f8-0ec89b5c450b" } ] }, { "id": "3433e7b0-79eb-4b7a-a688-58b4f07bef23", "name": "dropdown1", "type": "DropDown", "pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba", "parent": "f518da8e-9433-4464-b41a-863a9ad07a83", "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{\"\\%\\%\"}}" }, "values": { "value": "{{[\"\\%\\%\", \"approved\", \"rejected\", \"pending\"]}}" }, "display_values": { "value": "{{[\"All\", \"Approved\", \"Rejected\", \"Pending\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select status" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": null } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2024-01-02T19:20:08.571Z", "layouts": [ { "id": "432255e2-2d67-44d9-b396-1fb974b78ea3", "type": "desktop", "top": 50, "left": 23.25581701159946, "width": 4.999999999999999, "height": 40, "componentId": "3433e7b0-79eb-4b7a-a688-58b4f07bef23" } ] }, { "id": "23985a7e-93d3-4a75-b617-12ff10c6b79e", "name": "text7", "type": "Text", "pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba", "parent": "3e8b9013-3cd6-4f84-bab1-544b42e6d376", "properties": { "text": { "value": "A D M I N I S T R A T O R" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff" }, "textSize": { "value": 14 }, "textAlign": { "value": "center" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "bbbc9951-364b-41c8-a2e0-b2d3d265c0e2", "type": "desktop", "top": 10, "left": 41.86046511627907, "width": 7, "height": 40, "componentId": "23985a7e-93d3-4a75-b617-12ff10c6b79e" } ] }, { "id": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4", "name": "container3", "type": "Container", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": null, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "fxActive": true, "value": "{{queries.expenseDetails.isLoading}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#8888884d" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2024-01-02T20:13:21.952Z", "layouts": [ { "id": "cd3476af-0f15-482f-9208-f06310c328d5", "type": "desktop", "top": 80, "left": 2.3255811086208023, "width": 41, "height": 750, "componentId": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4" } ] }, { "id": "2ea2d101-cae1-49f1-aaa7-5ced8ef64971", "name": "text2", "type": "Text", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4", "properties": { "text": { "value": "Amount" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "195240fd-84b7-43d8-be31-d3efc6506ab7", "type": "desktop", "top": 290, "left": 2.325582160014442, "width": 4, "height": 40, "componentId": "2ea2d101-cae1-49f1-aaa7-5ced8ef64971" } ] }, { "id": "82562536-b741-4c98-b83a-d702ffc9612b", "name": "textinput1", "type": "TextInput", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4", "properties": { "value": { "value": "{{queries.expenseDetails.data.amount}}" }, "placeholder": { "value": "Enter your amount" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "b58bc14c-62ef-4f4b-ba3f-521118a2d8fa", "type": "desktop", "top": 290, "left": 11.627907486429367, "width": 15.039236523514825, "height": 40, "componentId": "82562536-b741-4c98-b83a-d702ffc9612b" } ] }, { "id": "95b3bfcd-7a00-4e22-afcb-717e275f62f0", "name": "text3", "type": "Text", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4", "properties": { "text": { "value": "Category" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "bc1dd00e-0d49-44e3-b4ab-c545e59d8485", "type": "desktop", "top": 350, "left": 2.325580230157231, "width": 4.033605318259923, "height": 40, "componentId": "95b3bfcd-7a00-4e22-afcb-717e275f62f0" } ] }, { "id": "65366bc0-72b3-48d8-a0e4-7b1ff459c00e", "name": "text5", "type": "Text", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4", "properties": { "text": { "value": "Details of expense" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "1acdbd00-b845-4345-b14f-33e7bf3737b6", "type": "desktop", "top": 410, "left": 2.3255807401180757, "width": 4, "height": 40, "componentId": "65366bc0-72b3-48d8-a0e4-7b1ff459c00e" } ] }, { "id": "27b625f4-aaa8-4687-863c-b7dba81da4ab", "name": "textarea1", "type": "TextArea", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4", "properties": { "value": { "value": "{{queries.expenseDetails.data.description}}" }, "placeholder": { "value": "Describe your expense" } }, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "4adc22a7-764e-4434-8c99-3a3d7385a5d7", "type": "desktop", "top": 450, "left": 2.3255798299068937, "width": 18.999999999999996, "height": 110, "componentId": "27b625f4-aaa8-4687-863c-b7dba81da4ab" } ] }, { "id": "ef81182c-9cfe-4de5-b60e-9ec1c2b3df58", "name": "pdf1", "type": "PDF", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4", "properties": { "url": { "value": "{{'data:image/png;base64,' + queries.expenseDetails.data.receipt}}" }, "scale": { "value": "{{true}}" }, "pageControls": { "value": "{{false}}" }, "showDownloadOption": { "value": "{{false}}" } }, "general": {}, "styles": { "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 10px 1px #8888884d" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "d76919ba-7561-4685-90e4-64c7dc1f45c4", "type": "desktop", "top": 110, "left": 48.83720799213971, "width": 21, "height": 600, "componentId": "ef81182c-9cfe-4de5-b60e-9ec1c2b3df58" } ] }, { "id": "32329558-8bac-4810-a6a3-c8e0cbe6792c", "name": "text8", "type": "Text", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4", "properties": { "text": { "value": "Employee Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "34ccd66a-8696-447c-b9a5-b47b2ed91600", "type": "desktop", "top": 170, "left": 2.325582888017991, "width": 4, "height": 40, "componentId": "32329558-8bac-4810-a6a3-c8e0cbe6792c" } ] }, { "id": "4da9a5c9-fb36-49c0-a126-6b710c92c929", "name": "textinput2", "type": "TextInput", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4", "properties": { "value": { "value": "{{queries.expenseDetails.data.employee_name}}" }, "placeholder": { "value": "Employee name" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "b985f09a-d8bf-44fe-8419-0c5f2f3d3d83", "type": "desktop", "top": 170, "left": 11.627903959658262, "width": 15.033948087773464, "height": 40, "componentId": "4da9a5c9-fb36-49c0-a126-6b710c92c929" } ] }, { "id": "56eee8df-64af-4678-b20e-f9629cef9c01", "name": "divider1", "type": "Divider", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4", "properties": {}, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#88888833" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "4c61aa79-6800-49c7-a3f8-87afa6290d03", "type": "desktop", "top": 70, "left": 2.325581395348837, "width": 41, "height": 10, "componentId": "56eee8df-64af-4678-b20e-f9629cef9c01" } ] }, { "id": "d9d6e111-e062-4191-aa2c-7f131b1d01a4", "name": "icon1", "type": "Icon", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": null, "properties": { "icon": { "value": "IconArrowLeft" } }, "general": {}, "styles": { "iconColor": { "value": "#3e63ddff", "fxActive": false }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "f709adb9-b271-4fd7-98b2-470f0773d989", "type": "desktop", "top": 20, "left": 2.3255813953488373, "width": 1, "height": 40, "componentId": "d9d6e111-e062-4191-aa2c-7f131b1d01a4" } ] }, { "id": "9258a304-2ea2-4a10-b873-b30e7db07414", "name": "text7", "type": "Text", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": null, "properties": { "text": { "value": "Expense Details" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "abc7e3fd-0cff-4309-a3f7-b9f3bf004405", "type": "desktop", "top": 20, "left": 6.976745450163009, "width": 7, "height": 40, "componentId": "9258a304-2ea2-4a10-b873-b30e7db07414" } ] }, { "id": "5339a0ec-b54b-45ae-8075-30dfb63c3864", "name": "text9", "type": "Text", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4", "properties": { "text": { "value": "{{`Expense #${queries.expenseDetails.data.id}`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3E63DD", "fxActive": false }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "aefe0b88-9590-49cc-b7c2-ed08a861f7d7", "type": "desktop", "top": 20, "left": 2.3255821082776333, "width": 8.043898728159355, "height": 40, "componentId": "5339a0ec-b54b-45ae-8075-30dfb63c3864" } ] }, { "id": "cb3a4300-78e6-4457-9ecd-2ae567d552f4", "name": "text10", "type": "Text", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4", "properties": { "text": { "value": "Date" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "6abde988-d022-44da-9761-8e55611963a1", "type": "desktop", "top": 110, "left": 2.325581358962442, "width": 4, "height": 40, "componentId": "cb3a4300-78e6-4457-9ecd-2ae567d552f4" } ] }, { "id": "dc70c0c1-cbfd-48d4-80d4-45da198b033f", "name": "textinput3", "type": "TextInput", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4", "properties": { "value": { "value": "{{queries.expenseDetails.data.date_submitted}}" }, "placeholder": { "value": "Date" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "d1ab8f58-fa36-42b9-adfa-bd8cd1e43220", "type": "desktop", "top": 110, "left": 11.627907368268282, "width": 15.033948087773464, "height": 40, "componentId": "dc70c0c1-cbfd-48d4-80d4-45da198b033f" } ] }, { "id": "b9e219e7-8147-46eb-a376-59ab391dda12", "name": "textinput4", "type": "TextInput", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4", "properties": { "value": { "value": "{{queries.expenseDetails.data.category}}" }, "placeholder": { "value": "Category" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "1d957fec-b248-4cda-86de-3f3cc415ed3a", "type": "desktop", "top": 350, "left": 11.627907595864212, "width": 15.038773956265942, "height": 40, "componentId": "b9e219e7-8147-46eb-a376-59ab391dda12" } ] }, { "id": "c0e24c59-b6e5-4be1-8f1b-f46310c983fe", "name": "text11", "type": "Text", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4", "properties": { "text": { "value": "Status" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "1d5e348b-48db-4def-aa8d-13e009d068e8", "type": "desktop", "top": 600, "left": 2.325581140644074, "width": 4, "height": 40, "componentId": "c0e24c59-b6e5-4be1-8f1b-f46310c983fe" } ] }, { "id": "f95c860b-2b94-44d5-94e8-809e2c67017d", "name": "dropdown1", "type": "DropDown", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4", "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{queries.expenseDetails.data.status}}" }, "values": { "value": "{{[\"approved\", \"rejected\", \"pending\"]}}" }, "display_values": { "value": "{{[\"Approved\", \"Rejected\", \"Pending\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select an option" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{queries.updateExpenseStatus.isLoading || queries.expenseDetails.data.status != \"pending\"}}", "fxActive": true }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": null } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "84c6ad2c-83f1-4922-97c0-fc96349f5b0d", "type": "desktop", "top": 600, "left": 11.627906430948268, "width": 15, "height": 40, "componentId": "f95c860b-2b94-44d5-94e8-809e2c67017d" } ] }, { "id": "efaed39a-8239-48ab-bde4-af5128a64e7e", "name": "button8", "type": "Button", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4", "properties": { "text": { "value": "Save" }, "loadingState": { "value": "{{queries.updateExpenseStatus.isLoading}}", "fxActive": true } }, "general": {}, "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#375FCF" }, "disabledState": { "value": "{{queries.expenseDetails.data.status != \"pending\"}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "6bcccdc9-830f-4161-85f0-3af4e547e80f", "type": "desktop", "top": 670, "left": 39.53488360490564, "width": 3.0000000000000004, "height": 40, "componentId": "efaed39a-8239-48ab-bde4-af5128a64e7e" } ] }, { "id": "3dccdb09-daf7-45c1-982d-a334573b61e9", "name": "text12", "type": "Text", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4", "properties": { "text": { "value": "Employee Email" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "2e10214e-887f-4f33-9807-b96cd5a54d31", "type": "desktop", "top": 230, "left": 2.32558215537566, "width": 4, "height": 40, "componentId": "3dccdb09-daf7-45c1-982d-a334573b61e9" } ] }, { "id": "445cf444-0b1d-484c-b721-7b2438f61fe6", "name": "textinput5", "type": "TextInput", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4", "properties": { "value": { "value": "{{queries.expenseDetails.data.employee_email}}" }, "placeholder": { "value": "Employee name" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "0c74b23b-9aea-4870-b430-0a9110c29a10", "type": "desktop", "top": 230, "left": 11.627907268111, "width": 15.033948087773464, "height": 40, "componentId": "445cf444-0b1d-484c-b721-7b2438f61fe6" } ] }, { "id": "2d5a8684-9a98-4c53-9608-9b3b13799c87", "name": "button2", "type": "Button", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "parent": "2e7d07bb-9a8d-48aa-bf35-f12c0fee6bf4", "properties": { "text": { "value": "{{queries.expenseDetails.data.status.toUpperCase().split(\"\").join(\" \")}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "{{({ approved: \"#00C65D22\", rejected: \"#DF2C0022\", pending: \"#F6D10022\" })[queries.expenseDetails.data.status]}}", "fxActive": true }, "textColor": { "value": "{{({ approved: \"#00C65D\", rejected: \"#DF2C00\", pending: \"#F6D100\" })[queries.expenseDetails.data.status]}}", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{50}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "875c667f-6c8f-4004-95ab-82777a5a822c", "type": "desktop", "top": 20, "left": 86.04650977192519, "width": 4.999999999999999, "height": 40, "componentId": "2d5a8684-9a98-4c53-9608-9b3b13799c87" } ] }, { "id": "f518da8e-9433-4464-b41a-863a9ad07a83", "name": "container3", "type": "Container", "pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba", "parent": null, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#8888884d" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2024-01-02T19:29:20.221Z", "layouts": [ { "id": "18963f97-ee0f-4fe9-b182-5e43afc9bfe3", "type": "desktop", "top": 160, "left": 2.3255798603502345, "width": 41, "height": 670, "componentId": "f518da8e-9433-4464-b41a-863a9ad07a83" } ] }, { "id": "df61a856-0935-47ae-9019-f5991b89fb4e", "name": "daterangepicker6", "type": "DaterangePicker", "pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba", "parent": "f518da8e-9433-4464-b41a-863a9ad07a83", "properties": { "defaultStartDate": { "value": "{{moment().subtract(3,\"month\").format(\"YYYY/MM/DD\")}}" }, "defaultEndDate": { "value": "{{moment().format(\"YYYY/MM/DD\")}}" }, "format": { "value": "YYYY/MM/DD" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "1a3fd7a0-ae99-4b82-bcf7-3f9ec1afe00b", "type": "desktop", "top": 50, "left": 2.325577791166162, "width": 8, "height": 40, "componentId": "df61a856-0935-47ae-9019-f5991b89fb4e" } ] }, { "id": "a8bf8aa1-b977-4100-8255-ccf6374552c1", "name": "table1", "type": "Table", "pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba", "parent": "f518da8e-9433-4464-b41a-863a9ad07a83", "properties": { "loadingState": { "value": "{{queries.listExpenses.isLoading}}", "fxActive": true }, "data": { "value": "{{queries?.listExpenses?.data ?? []}}" }, "serverSidePagination": { "value": false }, "enablePagination": { "value": true }, "showDownloadButton": { "value": "{{false}}" }, "showFilterButton": { "value": "{{false}}" }, "columns": { "value": [ { "id": "a043d834-c894-4091-942d-1e4a600bf906", "columnType": "number" }, { "id": "e10729f5-383d-4a60-a628-1841a84be52a", "name": "employee name", "key": "employee_name", "columnType": "string" }, { "id": "35d009f6-ed14-43d8-bb52-56c839475038", "name": "employee email", "key": "employee_email", "columnType": "string" }, { "name": "category", "id": "1e910707-d279-43be-9ad0-101c5c2e259b", "columnType": "string" }, { "name": "amount ($)", "id": "a3455643-e26b-4e4e-b250-ecdc8ffce044", "key": "amount", "columnType": "number" }, { "name": "status", "id": "aa3aea88-5d0c-4201-a202-2651d1cf7ef2", "textColor": "{{({ approved: \"#00C65D\", rejected: \"#DF2C00\", pending: \"#F6D100\" })[rowData.status]}}", "columnType": "string" }, { "name": "date submitted", "id": "c56d43f7-befa-45de-8913-411a8fa6826a", "key": "date_submitted", "columnType": "string", "isTimeChecked": false, "dateFormat": "YYYY/MM/DD", "parseDateFormat": "YYYY/MM/DD" }, { "name": "description", "id": "e5be50ba-67cc-4e10-9e21-cff2e3fd27b7", "key": "description", "columnType": "string", "textWrap": "hide" } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 55, "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 143, "3d4dc529-964c-4e34-bfac-59d059c85521": 111, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 217, "f1c5b098-25a8-494a-8141-0b6327a4a60f": 88, "3b38b9bb-bd1b-40b7-82c5-3e17cb660d3a": 101, "f22fda6f-da28-42db-9192-fee66fd26567": 97.99999999999997, "8d6770cb-f6a8-455b-b215-96fb7a2cff4e": 118, "6cdfda6d-1845-4b66-8803-b8de18201b1a": 105, "2ee0c705-e498-40df-b5ae-a0334d50de6f": 256, "05b13020-5760-4150-8121-a0bfb1330baf": 124, "7e1e18ee-437e-4c4c-b5ff-5410274384f7": 192, "07a1f8fe-90d9-4571-9a5a-1f125037bea5": 117, "2b818d4e-9a06-48cc-b214-bd4183aedc35": 105, "a043d834-c894-4091-942d-1e4a600bf906": 73, "c56d43f7-befa-45de-8913-411a8fa6826a": 141, "e5be50ba-67cc-4e10-9e21-cff2e3fd27b7": 232, "e10729f5-383d-4a60-a628-1841a84be52a": 151, "35d009f6-ed14-43d8-bb52-56c839475038": 270, "1e910707-d279-43be-9ad0-101c5c2e259b": 136, "aa3aea88-5d0c-4201-a202-2651d1cf7ef2": 96, "a3455643-e26b-4e4e-b250-ecdc8ffce044": 110 } }, "actions": { "value": [ { "name": "Action0", "buttonText": "View", "events": [ { "eventId": "onClick", "actionId": "switch-page", "message": "Hello world!", "alertType": "info", "pageId": "89520877-a4b6-408f-bda7-b82b7cc998b9", "queryParams": [ [ "id", "{{components.table6.selectedRow.id}}" ] ] } ], "position": "right", "fxActive": false, "disableActionButton": "{{false}}", "textColor": "#ffffffff", "backgroundColor": "#3e63ddff" } ] }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "clientSidePagination": { "value": "{{true}}" }, "columnDeletionHistory": { "value": [ "email", "Description", "new_column1", "receipt", "datesubmitted", "amount", "Status", "id", "datesubmitted", "Employee name", "description", "category", "receipt", "amount", "status", "new_column1", "id", "datesubmitted", "description", "category", "status", "id", "datesubmitted", "description", "category", "status" ] } }, "general": null, "styles": { "actionButtonRadius": { "value": "5" }, "borderRadius": { "value": "10" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-01-02T20:09:46.138Z", "updatedAt": "2024-01-02T20:09:46.138Z", "layouts": [ { "id": "1bb86978-1b31-49b0-84a2-20a8e02a178e", "type": "desktop", "top": 110, "left": 2.325581358962442, "width": 41, "height": 520, "componentId": "a8bf8aa1-b977-4100-8255-ccf6374552c1" } ] } ], "pages": [ { "id": "2d684124-f12e-4d5e-8996-b218e8d339ba", "name": "Home", "handle": "home", "index": 0, "disabled": false, "hidden": false, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905" }, { "id": "ac994427-5faf-4946-9d78-25eafe064c44", "name": "Expense detail page", "handle": "expense-detail-page", "index": 1, "disabled": false, "hidden": false, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905" } ], "events": [ { "id": "41693160-416c-4e6e-8599-e4af0cd08f15", "name": "onClick", "index": 0, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "aaa30055-ab52-45b1-8374-d05195e7edc6", "actionId": "run-query", "alertType": "info", "queryName": "listExpenses", "parameters": {} }, "sourceId": "f4272854-8c12-476a-888b-e6f7a46d9ad1", "target": "component", "appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "6b0898f4-1a20-4fba-984c-769e0ea1145d", "name": "onPageLoad", "index": 0, "event": { "eventId": "onPageLoad", "message": "Hello world!", "queryId": "a96856e4-bc68-480c-9667-bce036389fcc", "actionId": "run-query", "alertType": "info", "queryName": "expenseDetails", "runOnlyIf": "{{globals.urlparams.id != undefined}}", "parameters": {} }, "sourceId": "ac994427-5faf-4946-9d78-25eafe064c44", "target": "page", "appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "7ee5b95c-6f90-493b-bd69-97a7be799283", "name": "onClick", "index": 0, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "c3c03021-c71e-4247-b0a8-8a74d5bf5b12", "actionId": "run-query", "alertType": "info", "queryName": "updateExpenseStatus", "parameters": {} }, "sourceId": "efaed39a-8239-48ab-bde4-af5128a64e7e", "target": "component", "appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "d54db8da-1d19-4837-9a86-870239c9244e", "name": "onClick", "index": 1, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "a96856e4-bc68-480c-9667-bce036389fcc", "actionId": "run-query", "alertType": "info", "queryName": "expenseDetails", "parameters": {} }, "sourceId": "efaed39a-8239-48ab-bde4-af5128a64e7e", "target": "component", "appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "541c8ed0-b939-4354-b84d-152ad49448ff", "name": "onPageLoad", "index": 1, "event": { "pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba", "eventId": "onPageLoad", "message": "Hello world!", "actionId": "switch-page", "alertType": "info", "runOnlyIf": "{{globals.urlparams.id == undefined}}" }, "sourceId": "ac994427-5faf-4946-9d78-25eafe064c44", "target": "page", "appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "8cdc407d-0366-4456-9c26-c6f7469181d3", "name": "onClick", "index": 0, "event": { "pageId": "2d684124-f12e-4d5e-8996-b218e8d339ba", "eventId": "onClick", "message": "Hello world!", "actionId": "switch-page", "alertType": "info" }, "sourceId": "d9d6e111-e062-4191-aa2c-7f131b1d01a4", "target": "component", "appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "5b47d7a5-a533-4d84-8cc2-779ee9bf02a9", "name": "onClick", "index": 0, "event": { "ref": "Action0", "pageId": "ac994427-5faf-4946-9d78-25eafe064c44", "eventId": "onClick", "message": "Hello world!", "actionId": "switch-page", "alertType": "info", "queryParams": [ [ "id", "{{components.table1.selectedRow.id}}" ] ] }, "sourceId": "a8bf8aa1-b977-4100-8255-ccf6374552c1", "target": "table_action", "appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2024-01-02T20:12:13.383Z" }, { "id": "966a9dfb-d55e-46d5-b1a8-54cd486a257a", "name": "onPageLoad", "index": 0, "event": { "eventId": "onPageLoad", "message": "Hello world!", "queryId": "aaa30055-ab52-45b1-8374-d05195e7edc6", "actionId": "run-query", "alertType": "info", "queryName": "listExpenses", "parameters": {} }, "sourceId": "2d684124-f12e-4d5e-8996-b218e8d339ba", "target": "page", "appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2024-01-02T20:08:14.536Z" } ], "dataQueries": [ { "id": "a96856e4-bc68-480c-9667-bce036389fcc", "name": "expenseDetails", "options": { "operation": "list_rows", "transformationLanguage": "javascript", "enableTransformation": true, "organization_id": "f2743867-cdcd-424b-a551-2d45504aca64", "table_name": "employee_expense", "list_rows": { "where_filters": { "1": { "column": "id", "operator": "eq", "value": "{{globals.urlparams.id}}", "id": "1" } } }, "runOnPageLoad": false, "table_id": "7d98bd02-b2d5-4e79-bcc4-c9a102211124", "join_table": { "joins": [ { "id": 1700161232740, "conditions": { "operator": "AND", "conditionsList": [ { "operator": "=", "leftField": { "table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6" } } ] }, "joinType": "INNER" } ], "from": { "name": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6", "type": "Table" }, "fields": [] }, "transformation": "return data[0] ?? {};" }, "dataSourceId": "807078ad-734f-4f6a-b01a-03cdef79f2e1", "appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905", "createdAt": "2023-11-17T18:58:57.440Z", "updatedAt": "2023-12-27T01:23:41.388Z" }, { "id": "c3c03021-c71e-4247-b0a8-8a74d5bf5b12", "name": "updateExpenseStatus", "options": { "operation": "update_rows", "transformationLanguage": "javascript", "enableTransformation": false, "organization_id": "c54a4ec7-1bcd-45ba-83f6-4789f71951dd", "table_id": "7d98bd02-b2d5-4e79-bcc4-c9a102211124", "join_table": { "joins": [ { "id": 1700221121698, "conditions": { "operator": "AND", "conditionsList": [ { "operator": "=", "leftField": { "table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6" } } ] }, "joinType": "INNER" } ], "from": { "name": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6", "type": "Table" }, "fields": [ { "name": "id", "table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6" }, { "name": "datesubmitted", "table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6" }, { "name": "description", "table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6" }, { "name": "category", "table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6" }, { "name": "receipt", "table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6" }, { "name": "status", "table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6" }, { "name": "amount", "table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6" }, { "name": "employeename", "table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6" } ] }, "list_rows": {}, "update_rows": { "columns": { "b9485959-2759-4ec1-81c8-c39dc8887a2a": { "column": "status", "value": "{{components.dropdown1.value}}" } }, "where_filters": { "327a2b46-2464-46e2-a8d6-790dffa024ad": { "column": "id", "operator": "eq", "value": "{{queries.expenseDetails.data.id}}", "id": "327a2b46-2464-46e2-a8d6-790dffa024ad" } } } }, "dataSourceId": "807078ad-734f-4f6a-b01a-03cdef79f2e1", "appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905", "createdAt": "2023-11-17T18:58:57.440Z", "updatedAt": "2023-11-17T18:58:57.440Z" }, { "id": "aaa30055-ab52-45b1-8374-d05195e7edc6", "name": "listExpenses", "options": { "operation": "list_rows", "transformationLanguage": "javascript", "enableTransformation": true, "organization_id": "c54a4ec7-1bcd-45ba-83f6-4789f71951dd", "table_id": "7d98bd02-b2d5-4e79-bcc4-c9a102211124", "join_table": { "joins": [ { "id": 1700217886028, "conditions": { "operator": "AND", "conditionsList": [ { "operator": "=", "leftField": { "table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6" } } ] }, "joinType": "INNER" } ], "from": { "name": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6", "type": "Table" }, "fields": [ { "name": "id", "table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6" }, { "name": "datesubmitted", "table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6" }, { "name": "description", "table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6" }, { "name": "category", "table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6" }, { "name": "receipt", "table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6" }, { "name": "status", "table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6" }, { "name": "amount", "table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6" }, { "name": "employeename", "table": "8bf3ed02-2778-42b9-ba66-93c8fb10ddb6" } ] }, "list_rows": { "where_filters": { "9a3c70fa-65f2-4da6-99c7-81e66dd0e848": { "column": "date_submitted", "operator": "gte", "value": "{{components.daterangepicker6.startDate}}", "id": "9a3c70fa-65f2-4da6-99c7-81e66dd0e848" }, "9b7a64cd-56f1-48f9-a888-21fda9dec77a": { "column": "date_submitted", "operator": "lte", "value": "{{components.daterangepicker6.endDate}}", "id": "9b7a64cd-56f1-48f9-a888-21fda9dec77a" }, "72f68473-ecde-43dc-9736-461e152b87ab": { "column": "status", "operator": "like", "value": "{{components?.dropdown1?.value ?? \"\\%\\%\"}}", "id": "72f68473-ecde-43dc-9736-461e152b87ab" } }, "order_filters": { "0c67798b-d1e1-4778-88dd-0c82af92c41b": { "column": "id", "order": "desc", "id": "0c67798b-d1e1-4778-88dd-0c82af92c41b" } } }, "transformation": "return data.map(({receipt, ...row}) => ({...row}));" }, "dataSourceId": "807078ad-734f-4f6a-b01a-03cdef79f2e1", "appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905", "createdAt": "2023-11-17T18:58:57.440Z", "updatedAt": "2024-01-02T20:03:34.509Z" } ], "dataSources": [ { "id": "99f7242d-a13f-4a40-91e1-90f206bb14d0", "name": "restapidefault", "kind": "restapi", "type": "static", "pluginId": null, "appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905", "organizationId": null, "scope": "local", "createdAt": "2023-11-17T18:58:57.518Z", "updatedAt": "2023-11-17T18:58:57.518Z" }, { "id": "108419cd-1c90-41ec-8def-a06781c123b7", "name": "runjsdefault", "kind": "runjs", "type": "static", "pluginId": null, "appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905", "organizationId": null, "scope": "local", "createdAt": "2023-11-17T18:58:57.530Z", "updatedAt": "2023-11-17T18:58:57.530Z" }, { "id": "f9f982cf-c0ca-4881-a455-be55646a9c43", "name": "runpydefault", "kind": "runpy", "type": "static", "pluginId": null, "appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905", "organizationId": null, "scope": "local", "createdAt": "2023-11-17T18:58:57.538Z", "updatedAt": "2023-11-17T18:58:57.538Z" }, { "id": "807078ad-734f-4f6a-b01a-03cdef79f2e1", "name": "tooljetdbdefault", "kind": "tooljetdb", "type": "static", "pluginId": null, "appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905", "organizationId": null, "scope": "local", "createdAt": "2023-11-17T18:58:57.545Z", "updatedAt": "2023-11-17T18:58:57.545Z" }, { "id": "9390015d-54bf-48f8-8dd9-386ee850bfc4", "name": "workflowsdefault", "kind": "workflows", "type": "static", "pluginId": null, "appVersionId": "f9428e66-fb29-4de4-afb2-b5141a62f905", "organizationId": null, "scope": "local", "createdAt": "2023-11-17T18:58:57.553Z", "updatedAt": "2023-11-17T18:58:57.553Z" } ], "appVersions": [ { "id": "f9428e66-fb29-4de4-afb2-b5141a62f905", "name": "v1", "definition": { "showViewerNavigation": false, "homePageId": "b4d0cfa2-2893-4b10-869e-91cef96d3d08", "pages": { "b4d0cfa2-2893-4b10-869e-91cef96d3d08": { "components": { "541d6d37-4244-4ca0-8f55-0e76bc9443ba": { "id": "541d6d37-4244-4ca0-8f55-0e76bc9443ba", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Dashboard" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text6", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 120, "left": 2.3255813953488373, "width": 4, "height": 40 } } }, "b43a4113-2eaa-45c1-a5d8-10157ac82173": { "id": "b43a4113-2eaa-45c1-a5d8-10157ac82173", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "container2", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 20, "left": 2.3255811696137485, "width": 41, "height": 70 } } }, "f13880b1-b197-494e-8e6e-8b8333a0e2a0": { "id": "f13880b1-b197-494e-8e6e-8b8333a0e2a0", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff" }, "textSize": { "value": "{{24}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "B R A N D" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text15", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 2.325581395348837, "width": 4, "height": 40 } }, "parent": "b43a4113-2eaa-45c1-a5d8-10157ac82173" }, "076860fd-3e87-4040-ace3-8f38cfe908d1": { "id": "076860fd-3e87-4040-ace3-8f38cfe908d1", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff", "fxActive": false }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "capitalize" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": "{{0}}" }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{`${globals.currentUser.firstName} ${globals.currentUser.lastName} `}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text16", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 67.4418635841583, "width": 12, "height": 40 } }, "parent": "b43a4113-2eaa-45c1-a5d8-10157ac82173" }, "b3c215ea-7832-4e5c-8b39-44406c4702b2": { "id": "b3c215ea-7832-4e5c-8b39-44406c4702b2", "component": { "properties": { "icon": { "type": "iconPicker", "displayName": "Icon", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "iconColor": { "type": "color", "displayName": "Icon color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "iconColor": { "value": "#ffffffff" }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "icon": { "value": "IconUserCircle" } }, "general": {}, "exposedVariables": {} }, "name": "icon4", "displayName": "Icon", "description": "Icon", "defaultSize": { "width": 5, "height": 48 }, "component": "Icon", "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "displayName": "Set Visibility", "handle": "setVisibility", "params": [ { "handle": "value", "displayName": "Value", "defaultValue": "{{true}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 95.34883163997867, "width": 1, "height": 40 } }, "parent": "b43a4113-2eaa-45c1-a5d8-10157ac82173" }, "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97": { "component": { "properties": { "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "container3", "displayName": "Container", "description": "Group components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 160, "left": 2.3255813953488373, "width": 41, "height": 670 } }, "withDefaultChildren": false }, "ed3c303e-dcb1-4b9a-b907-1ecca3a8df75": { "id": "ed3c303e-dcb1-4b9a-b907-1ecca3a8df75", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date range" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text18", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 2.3255833977031735, "width": 3, "height": 30 } }, "parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97" }, "5ba0345c-961a-4d00-876d-d90e1a8fa15a": { "id": "5ba0345c-961a-4d00-876d-d90e1a8fa15a", "component": { "properties": { "defaultStartDate": { "type": "code", "displayName": "Default start date", "validation": { "schema": { "type": "string" } } }, "defaultEndDate": { "type": "code", "displayName": "Default end date", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "defaultStartDate": { "value": "{{moment().subtract(3,\"month\").format(\"YYYY/MM/DD\")}}" }, "defaultEndDate": { "value": "{{moment().format(\"YYYY/MM/DD\")}}" }, "format": { "value": "YYYY/MM/DD" } }, "general": {}, "exposedVariables": {} }, "name": "daterangepicker6", "displayName": "Range Picker", "description": "Select a date range", "component": "DaterangePicker", "defaultSize": { "width": 10, "height": 30 }, "exposedVariables": { "endDate": {}, "startDate": {} } }, "layouts": { "desktop": { "top": 50, "left": 2.325577610336826, "width": 8, "height": 40 } }, "parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97" }, "595fb73c-c455-470c-a501-335c34fca38d": { "id": "595fb73c-c455-470c-a501-335c34fca38d", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryName": "listExpenses", "queryId": "aaa30055-ab52-45b1-8374-d05195e7edc6", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#3e63dd1a", "fxActive": false }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "loaderColor": { "value": "#3e63ddff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff", "fxActive": false }, "disabledState": { "value": "{{queries.listExpenses.isLoading}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Apply filter" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button5", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 50, "left": 37.20931142741755, "width": 4, "height": 40 } }, "parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97" }, "873098f6-371a-4586-b627-de92258843c5": { "id": "873098f6-371a-4586-b627-de92258843c5", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Status" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text19", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 23.25581191474764, "width": 3, "height": 30 } }, "parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97" }, "5745fc7e-e5a6-4bca-9d70-cf5c9da67993": { "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{\"\"}}" }, "values": { "value": "{{[\"\", \"approved\", \"rejected\", \"pending\"]}}" }, "display_values": { "value": "{{[\"All\", \"Approved\", \"Rejected\", \"Pending\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select status" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown1", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97", "layouts": { "desktop": { "top": 50, "left": 23.25581701159946, "width": 4.999999999999999, "height": 40 } }, "withDefaultChildren": false }, "19f77238-34a2-4dac-9a64-21f398b0240d": { "id": "19f77238-34a2-4dac-9a64-21f398b0240d", "component": { "properties": { "title": { "type": "string", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "code", "displayName": "Table data", "validation": { "schema": { "type": "array", "element": { "type": "object" }, "optional": true } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "columns": { "type": "array", "displayName": "Table Columns" }, "useDynamicColumn": { "type": "toggle", "displayName": "Use dynamic column", "validation": { "schema": { "type": "boolean" } } }, "columnData": { "type": "code", "displayName": "Column data" }, "rowsPerPage": { "type": "code", "displayName": "Number of rows per page", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "serverSidePagination": { "type": "toggle", "displayName": "Server-side pagination", "validation": { "schema": { "type": "boolean" } } }, "enableNextButton": { "type": "toggle", "displayName": "Enable next page button", "validation": { "schema": { "type": "boolean" } } }, "enabledSort": { "type": "toggle", "displayName": "Enable sorting", "validation": { "schema": { "type": "boolean" } } }, "hideColumnSelectorButton": { "type": "toggle", "displayName": "Hide column selector button", "validation": { "schema": { "type": "boolean" } } }, "enablePrevButton": { "type": "toggle", "displayName": "Enable previous page button", "validation": { "schema": { "type": "boolean" } } }, "totalRecords": { "type": "code", "displayName": "Total records server side", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "clientSidePagination": { "type": "toggle", "displayName": "Client-side pagination", "validation": { "schema": { "type": "boolean" } } }, "serverSideSearch": { "type": "toggle", "displayName": "Server-side search", "validation": { "schema": { "type": "boolean" } } }, "serverSideSort": { "type": "toggle", "displayName": "Server-side sort", "validation": { "schema": { "type": "boolean" } } }, "serverSideFilter": { "type": "toggle", "displayName": "Server-side filter", "validation": { "schema": { "type": "boolean" } } }, "actionButtonBackgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "actionButtonTextColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "displaySearchBox": { "type": "toggle", "displayName": "Show search box", "validation": { "schema": { "type": "boolean" } } }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button", "validation": { "schema": { "type": "boolean" } } }, "showFilterButton": { "type": "toggle", "displayName": "Show filter button", "validation": { "schema": { "type": "boolean" } } }, "showBulkUpdateActions": { "type": "toggle", "displayName": "Show update buttons", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Regular", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Condensed", "value": "condensed" }, { "name": "Regular", "value": "regular" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "10" }, "tableType": { "value": "table-classic" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.listExpenses.isLoading}}", "fxActive": true }, "data": { "value": "{{queries?.listExpenses?.data ?? []}}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": false }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "clientSidePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{true}}" }, "showDownloadButton": { "value": "{{false}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true }, "columns": { "value": [ { "name": "id", "id": "a043d834-c894-4091-942d-1e4a600bf906", "columnType": "number" }, { "id": "e10729f5-383d-4a60-a628-1841a84be52a", "name": "employee name", "key": "employee_name", "columnType": "string", "autogenerated": true }, { "id": "35d009f6-ed14-43d8-bb52-56c839475038", "name": "employee email", "key": "employee_email", "columnType": "string", "autogenerated": true }, { "name": "category", "id": "1e910707-d279-43be-9ad0-101c5c2e259b", "columnType": "string" }, { "name": "amount ($)", "id": "a3455643-e26b-4e4e-b250-ecdc8ffce044", "key": "amount", "columnType": "number" }, { "name": "status", "id": "aa3aea88-5d0c-4201-a202-2651d1cf7ef2", "textColor": "{{({ approved: \"#00C65D\", rejected: \"#DF2C00\", pending: \"#F6D100\" })[rowData.status]}}", "columnType": "string" }, { "name": "date submitted", "id": "c56d43f7-befa-45de-8913-411a8fa6826a", "key": "date_submitted", "columnType": "datepicker", "isTimeChecked": false, "dateFormat": "YYYY/MM/DD", "parseDateFormat": "YYYY/MM/DD" }, { "name": "description", "id": "e5be50ba-67cc-4e10-9e21-cff2e3fd27b7", "key": "description", "columnType": "default" } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 55, "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 143, "3d4dc529-964c-4e34-bfac-59d059c85521": 111, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 217, "f1c5b098-25a8-494a-8141-0b6327a4a60f": 88, "3b38b9bb-bd1b-40b7-82c5-3e17cb660d3a": 101, "f22fda6f-da28-42db-9192-fee66fd26567": 97.99999999999997, "8d6770cb-f6a8-455b-b215-96fb7a2cff4e": 118, "6cdfda6d-1845-4b66-8803-b8de18201b1a": 105, "2ee0c705-e498-40df-b5ae-a0334d50de6f": 256, "05b13020-5760-4150-8121-a0bfb1330baf": 124, "7e1e18ee-437e-4c4c-b5ff-5410274384f7": 192, "07a1f8fe-90d9-4571-9a5a-1f125037bea5": 117, "2b818d4e-9a06-48cc-b214-bd4183aedc35": 105, "a043d834-c894-4091-942d-1e4a600bf906": 73, "c56d43f7-befa-45de-8913-411a8fa6826a": 195, "e5be50ba-67cc-4e10-9e21-cff2e3fd27b7": 207, "e10729f5-383d-4a60-a628-1841a84be52a": 151, "35d009f6-ed14-43d8-bb52-56c839475038": 218, "1e910707-d279-43be-9ad0-101c5c2e259b": 136, "aa3aea88-5d0c-4201-a202-2651d1cf7ef2": 96, "a3455643-e26b-4e4e-b250-ecdc8ffce044": 110 } }, "actions": { "value": [ { "name": "Action0", "buttonText": "View", "events": [ { "eventId": "onClick", "actionId": "switch-page", "message": "Hello world!", "alertType": "info", "pageId": "89520877-a4b6-408f-bda7-b82b7cc998b9", "queryParams": [ [ "id", "{{components.table6.selectedRow.id}}" ] ] } ], "position": "right", "fxActive": false, "disableActionButton": "{{false}}", "textColor": "#ffffffff", "backgroundColor": "#3e63ddff" } ] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "email", "Description", "new_column1", "receipt", "datesubmitted", "amount", "Status", "id", "datesubmitted", "Employee name", "description", "category", "receipt", "amount", "status", "new_column1", "id", "datesubmitted", "description", "category", "status", "id", "datesubmitted", "description", "category", "status" ] }, "enablePagination": { "value": true }, "showAddNewRowButton": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "table6", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 20, "height": 358 }, "exposedVariables": { "selectedRow": {}, "changeSet": {}, "dataUpdates": [], "pageIndex": 1, "searchText": "", "selectedRows": [], "filters": [] }, "actions": [ { "handle": "setPage", "displayName": "Set page", "params": [ { "handle": "page", "displayName": "Page", "defaultValue": "{{1}}" } ] }, { "handle": "selectRow", "displayName": "Select row", "params": [ { "handle": "key", "displayName": "Key" }, { "handle": "value", "displayName": "Value" } ] }, { "handle": "deselectRow", "displayName": "Deselect row" }, { "handle": "discardChanges", "displayName": "Discard Changes" }, { "handle": "discardNewlyAddedRows", "displayName": "Discard newly added rows" } ] }, "layouts": { "desktop": { "top": 110, "left": 2.325581358962442, "width": 41, "height": 520 } }, "parent": "2e3fd0ee-117b-4f74-bcfa-ec0eecd9bb97" }, "928a9e56-af22-44df-9bf1-f83fc2db830a": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff" }, "textSize": { "value": 14 }, "textAlign": { "value": "center" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "A D M I N I S T R A T O R" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text7", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "b43a4113-2eaa-45c1-a5d8-10157ac82173", "layouts": { "desktop": { "top": 10, "left": 41.86046511627907, "width": 7, "height": 40 } }, "withDefaultChildren": false } }, "handle": "home", "name": "Home", "events": [ { "eventId": "onPageLoad", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "aaa30055-ab52-45b1-8374-d05195e7edc6", "queryName": "listExpenses", "parameters": {} } ] }, "89520877-a4b6-408f-bda7-b82b7cc998b9": { "name": "Expense detail page", "handle": "expense-detail-page", "components": { "f7365b95-39d2-434e-9e15-c8211452b9db": { "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "fxActive": true, "value": "{{queries.expenseDetails.isLoading}}" } }, "general": {}, "exposedVariables": {} }, "name": "container3", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 80, "left": 2.3255811086208023, "width": 41, "height": 750 } }, "withDefaultChildren": false }, "7808ed42-b375-49e3-b13c-2397f716d713": { "id": "7808ed42-b375-49e3-b13c-2397f716d713", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Amount" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text2", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 290, "left": 2.325582160014442, "width": 4, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "dc067f34-0ca8-4dfc-a5bc-173e2c0df9e1": { "id": "dc067f34-0ca8-4dfc-a5bc-173e2c0df9e1", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error Text Color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "{{queries.expenseDetails.data.amount}}" }, "placeholder": { "value": "Enter your amount" } }, "general": {}, "exposedVariables": {} }, "name": "textinput1", "displayName": "Text Input", "description": "Text field for forms", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 290, "left": 11.627907486429367, "width": 15.039236523514825, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "2c57c516-6f33-4fd6-8bc2-581ea1e17fe8": { "id": "2c57c516-6f33-4fd6-8bc2-581ea1e17fe8", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Category" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text3", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 350, "left": 2.325580230157231, "width": 4.033605318259923, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "dc6c1cdd-a0d1-4631-b926-70aba1e121b3": { "id": "dc6c1cdd-a0d1-4631-b926-70aba1e121b3", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Details of expense" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text5", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 410, "left": 2.3255807401180757, "width": 4, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "b46da6c8-4adb-4164-aa88-c629f8d1c001": { "id": "b46da6c8-4adb-4164-aa88-c629f8d1c001", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "{{queries.expenseDetails.data.description}}" }, "placeholder": { "value": "Describe your expense" } }, "general": {}, "exposedVariables": {} }, "name": "textarea1", "displayName": "Textarea", "description": "Text area form field", "component": "TextArea", "defaultSize": { "width": 6, "height": 100 }, "exposedVariables": { "value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" } ] }, "layouts": { "desktop": { "top": 450, "left": 2.3255798299068937, "width": 18.999999999999996, "height": 110 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "3e0ac6d7-ab9e-40ba-b7ca-2942280559a5": { "component": { "properties": { "url": { "type": "code", "displayName": "File URL", "validation": { "schema": { "type": "string" } } }, "scale": { "type": "toggle", "displayName": "Scale page to width", "validation": { "schema": { "type": "boolean" } } }, "pageControls": { "type": "toggle", "displayName": "Show page controls", "validation": { "schema": { "type": "boolean" } } }, "showDownloadOption": { "type": "toggle", "displayName": "Show the Download", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 10px 1px #8888884d" } }, "properties": { "url": { "value": "{{'data:image/png;base64,' + queries.expenseDetails.data.receipt}}" }, "scale": { "value": "{{true}}" }, "pageControls": { "value": "{{false}}" }, "showDownloadOption": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "pdf1", "displayName": "PDF", "description": "Embed PDF file", "component": "PDF", "defaultSize": { "width": 20, "height": 640 }, "exposedVariables": {} }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db", "layouts": { "desktop": { "top": 110, "left": 48.83720799213971, "width": 21, "height": 600 } }, "withDefaultChildren": false }, "41e889af-8a4f-4625-817e-04f2e21549a6": { "id": "41e889af-8a4f-4625-817e-04f2e21549a6", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Employee Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text8", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 170, "left": 2.325582888017991, "width": 4, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "a4e9fef8-fbf3-415d-b94a-c7c929784218": { "id": "a4e9fef8-fbf3-415d-b94a-c7c929784218", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error Text Color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "{{queries.expenseDetails.data.employee_name}}" }, "placeholder": { "value": "Employee name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput2", "displayName": "Text Input", "description": "Text field for forms", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 170, "left": 11.627903959658262, "width": 15.033948087773464, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "cef5f306-b447-4a9a-b424-b2ba4e123b62": { "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "dividerColor": { "type": "color", "displayName": "Divider Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#88888833" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider1", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db", "layouts": { "desktop": { "top": 70, "left": 2.325581395348837, "width": 41, "height": 10 } }, "withDefaultChildren": false }, "f67962ae-d3c3-41a4-8534-321df81edd0a": { "id": "f67962ae-d3c3-41a4-8534-321df81edd0a", "component": { "properties": { "icon": { "type": "iconPicker", "displayName": "Icon", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "iconColor": { "type": "color", "displayName": "Icon Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "switch-page", "message": "Hello world!", "alertType": "info", "pageId": "b4d0cfa2-2893-4b10-869e-91cef96d3d08" } ], "styles": { "iconColor": { "value": "#3e63ddff", "fxActive": false }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "icon": { "value": "IconArrowLeft" } }, "general": {}, "exposedVariables": {} }, "name": "icon1", "displayName": "Icon", "description": "Icon", "defaultSize": { "width": 5, "height": 48 }, "component": "Icon", "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "displayName": "Set Visibility", "handle": "setVisibility", "params": [ { "handle": "value", "displayName": "Value", "defaultValue": "{{true}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 2.3255813953488373, "width": 1, "height": 40 } } }, "43bff61e-1c92-4bfc-90e2-2e2a9d26a763": { "id": "43bff61e-1c92-4bfc-90e2-2e2a9d26a763", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff", "fxActive": false }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Expense Details" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text7", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 6.976745450163009, "width": 7, "height": 40 } } }, "88c4353f-a551-4733-8714-cb9e16c0d318": { "id": "88c4353f-a551-4733-8714-cb9e16c0d318", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3E63DD", "fxActive": false }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{`Expense #${queries.expenseDetails.data.id}`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text9", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 2.3255821082776333, "width": 8.043898728159355, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "4323ed4c-f99f-4b3e-876d-db380eb1df4f": { "id": "4323ed4c-f99f-4b3e-876d-db380eb1df4f", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text10", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 110, "left": 2.325581358962442, "width": 4, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "ef654245-6bf4-40c7-9d10-6398e8f383ba": { "id": "ef654245-6bf4-40c7-9d10-6398e8f383ba", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error Text Color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "{{queries.expenseDetails.data.date_submitted}}" }, "placeholder": { "value": "Date" } }, "general": {}, "exposedVariables": {} }, "name": "textinput3", "displayName": "Text Input", "description": "Text field for forms", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 110, "left": 11.627907368268282, "width": 15.033948087773464, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "3fa246c8-a97f-42fb-868d-2e5841e041bb": { "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error Text Color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "{{queries.expenseDetails.data.category}}" }, "placeholder": { "value": "Category" } }, "general": {}, "exposedVariables": {} }, "name": "textinput4", "displayName": "Text Input", "description": "Text field for forms", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db", "layouts": { "desktop": { "top": 350, "left": 11.627907595864212, "width": 15.038773956265942, "height": 40 } }, "withDefaultChildren": false }, "40dcc5e7-6b17-4321-b64e-46025489df9a": { "id": "40dcc5e7-6b17-4321-b64e-46025489df9a", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Status" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text11", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 600, "left": 2.325581140644074, "width": 4, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "b01f8af2-2a52-426e-873e-80edfe4d8f04": { "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{queries.updateExpenseStatus.isLoading || queries.expenseDetails.data.status != \"pending\"}}", "fxActive": true }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{queries.expenseDetails.data.status}}" }, "values": { "value": "{{[\"approved\", \"rejected\", \"pending\"]}}" }, "display_values": { "value": "{{[\"Approved\", \"Rejected\", \"Pending\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select an option" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown1", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db", "layouts": { "desktop": { "top": 600, "left": 11.627906430948268, "width": 15, "height": 40 } }, "withDefaultChildren": false }, "a255e06a-17cb-4726-99b9-b29ea4ffb6de": { "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "c3c03021-c71e-4247-b0a8-8a74d5bf5b12", "queryName": "updateExpenseStatus", "parameters": {} }, { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "a96856e4-bc68-480c-9667-bce036389fcc", "queryName": "expenseDetails", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#375FCF" }, "disabledState": { "value": "{{queries.expenseDetails.data.status != \"pending\"}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Save" }, "loadingState": { "value": "{{queries.updateExpenseStatus.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button8", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db", "layouts": { "desktop": { "top": 670, "left": 39.53488360490564, "width": 3.0000000000000004, "height": 40 } }, "withDefaultChildren": false }, "ebf20a4c-2032-46b3-bf51-e9e63b77f7bb": { "id": "ebf20a4c-2032-46b3-bf51-e9e63b77f7bb", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Employee Email" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text12", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 230, "left": 2.32558215537566, "width": 4, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "e51f1fdf-5bdf-4f47-a12b-551aa1795d81": { "id": "e51f1fdf-5bdf-4f47-a12b-551aa1795d81", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error Text Color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "{{queries.expenseDetails.data.employee_email}}" }, "placeholder": { "value": "Employee name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput5", "displayName": "Text Input", "description": "Text field for forms", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 230, "left": 11.627907268111, "width": 15.033948087773464, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "b095aef7-6944-449f-b0ba-01bb15c6b1a8": { "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "{{({ approved: \"#00C65D22\", rejected: \"#DF2C0022\", pending: \"#F6D10022\" })[queries.expenseDetails.data.status]}}", "fxActive": true }, "textColor": { "value": "{{({ approved: \"#00C65D\", rejected: \"#DF2C00\", pending: \"#F6D100\" })[queries.expenseDetails.data.status]}}", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{50}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{queries.expenseDetails.data.status.toUpperCase().split(\"\").join(\" \")}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button2", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db", "layouts": { "desktop": { "top": 20, "left": 86.04650977192519, "width": 4.999999999999999, "height": 40 } }, "withDefaultChildren": false } }, "events": [ { "eventId": "onPageLoad", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "a96856e4-bc68-480c-9667-bce036389fcc", "queryName": "expenseDetails", "parameters": {}, "runOnlyIf": "{{globals.urlparams.id != undefined}}" }, { "eventId": "onPageLoad", "actionId": "switch-page", "message": "Hello world!", "alertType": "info", "runOnlyIf": "{{globals.urlparams.id == undefined}}", "pageId": "b4d0cfa2-2893-4b10-869e-91cef96d3d08" } ] } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": "5000", "canvasMaxWidthType": "px", "canvasMaxHeight": "2400", "canvasBackgroundColor": "", "backgroundFxQuery": "" }, "components": { "8b02a3ac-ca1d-420f-abb8-5f7db409d6e2": { "id": "8b02a3ac-ca1d-420f-abb8-5f7db409d6e2", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#FFFFFF", "fxActive": true }, "borderRadius": { "value": "0" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "container2", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 660, "left": -0.03833735818827982, "width": 43, "height": 80 } } }, "3d0794e7-1b30-4ec2-9f3e-975e200578c9": { "id": "3d0794e7-1b30-4ec2-9f3e-975e200578c9", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#FFFFFF", "fxActive": true }, "textColor": { "value": "#20134B", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "< Previous Expense" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button1", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 11.757106454395258, "width": 5.99537037037037, "height": 40 } }, "parent": "8b02a3ac-ca1d-420f-abb8-5f7db409d6e2" }, "5975e379-e4a0-425a-a0e0-2b21282784cf": { "id": "5975e379-e4a0-425a-a0e0-2b21282784cf", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#FFFFFF", "fxActive": true }, "textColor": { "value": "#20134B", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Next Expense >" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button2", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 77.48923399031861, "width": 5.027731188228491, "height": 40 } }, "parent": "8b02a3ac-ca1d-420f-abb8-5f7db409d6e2" }, "f7365b95-39d2-434e-9e15-c8211452b9db": { "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "12" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "fxActive": true, "value": "{{queries.ExpenseDetailPage.isLoading===true?true:false}}" } }, "general": {}, "exposedVariables": {} }, "name": "container3", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 80, "left": 11.630036640646043, "width": 33, "height": 490 } }, "withDefaultChildren": false }, "7808ed42-b375-49e3-b13c-2397f716d713": { "id": "7808ed42-b375-49e3-b13c-2397f716d713", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#20134B", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Amount" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text2", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 210, "left": 4.651163198153794, "width": 3, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "dc067f34-0ca8-4dfc-a5bc-173e2c0df9e1": { "id": "dc067f34-0ca8-4dfc-a5bc-173e2c0df9e1", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error Text Color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{6}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "{{queries.ExpenseDetailPage.data[0].amount}}" }, "placeholder": { "value": "Enter your amount" } }, "general": {}, "exposedVariables": {} }, "name": "textinput1", "displayName": "Text Input", "description": "Text field for forms", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 210, "left": 20.93023274173657, "width": 15.039236523514825, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "2c57c516-6f33-4fd6-8bc2-581ea1e17fe8": { "id": "2c57c516-6f33-4fd6-8bc2-581ea1e17fe8", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#20134B", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Category" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text3", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 260, "left": 4.651167535806316, "width": 4.033605318259923, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "dc6c1cdd-a0d1-4631-b926-70aba1e121b3": { "id": "dc6c1cdd-a0d1-4631-b926-70aba1e121b3", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#20134B", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Details of expense" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text5", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 310, "left": 4.651169523576039, "width": 17.930261641933875, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "b46da6c8-4adb-4164-aa88-c629f8d1c001": { "id": "b46da6c8-4adb-4164-aa88-c629f8d1c001", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{6}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "{{queries.ExpenseDetailPage.data[0].description}}" }, "placeholder": { "value": "Describe your expense" } }, "general": {}, "exposedVariables": {} }, "name": "textarea1", "displayName": "Textarea", "description": "Text area form field", "component": "TextArea", "defaultSize": { "width": 6, "height": 100 }, "exposedVariables": { "value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" } ] }, "layouts": { "desktop": { "top": 350, "left": 4.707509207463121, "width": 22.014813536564017, "height": 110 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "f791a67d-6f03-4c48-9cdf-5e2625e5eb80": { "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "189d8a65-1571-4dad-9806-82f61ee1fbb0", "queryName": "ApproveExpense" }, { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "34c279af-b99a-4fe2-a612-4045cee4c06a", "queryName": "ExpenseDetailPage" } ], "styles": { "backgroundColor": { "value": "#ffffffff", "fxActive": false }, "textColor": { "value": "#46A758", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#46A758", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Approve" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button3", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 590, "left": 58.12250493646978, "width": 4, "height": 40 } }, "withDefaultChildren": false }, "22e6c6b3-8fba-47d5-a417-304f8ab3c29d": { "id": "22e6c6b3-8fba-47d5-a417-304f8ab3c29d", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "0a791e93-b5b2-4f00-8cec-db65c15c6394", "queryName": "RejectExpense" }, { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "34c279af-b99a-4fe2-a612-4045cee4c06a", "queryName": "ExpenseDetailPage" } ], "styles": { "backgroundColor": { "value": "#ffffffff", "fxActive": false }, "textColor": { "value": "#E54D2E", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#E54D2E", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Reject" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button5", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 590, "left": 69.75040645389767, "width": 4, "height": 40 } } }, "f1efbecb-5322-450a-853a-9f7a5581bdaf": { "id": "f1efbecb-5322-450a-853a-9f7a5581bdaf", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "c4c33fcd-2b67-4592-936b-8ae6425f4b16", "queryName": "FlaggedExpense" }, { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "34c279af-b99a-4fe2-a612-4045cee4c06a", "queryName": "ExpenseDetailPage" } ], "styles": { "backgroundColor": { "value": "#ffffffff", "fxActive": false }, "textColor": { "value": "#889096", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#889096", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Flag" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button6", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 590, "left": 81.3996087937128, "width": 3, "height": 40 } } }, "3e0ac6d7-ab9e-40ba-b7ca-2942280559a5": { "component": { "properties": { "url": { "type": "code", "displayName": "File URL", "validation": { "schema": { "type": "string" } } }, "scale": { "type": "toggle", "displayName": "Scale page to width", "validation": { "schema": { "type": "boolean" } } }, "pageControls": { "type": "toggle", "displayName": "Show page controls", "validation": { "schema": { "type": "boolean" } } }, "showDownloadOption": { "type": "toggle", "displayName": "Show the Download", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "url": { "value": "{{'data:image/png;base64,' + queries.ExpenseDetailPage.data[0].receipt}}" }, "scale": { "value": "{{true}}" }, "pageControls": { "value": "{{false}}" }, "showDownloadOption": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "pdf1", "displayName": "PDF", "description": "Embed PDF file", "component": "PDF", "defaultSize": { "width": 20, "height": 640 }, "exposedVariables": {} }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db", "layouts": { "desktop": { "top": 104, "left": 63.09035790623552, "width": 13.976846901992486, "height": 350 } }, "withDefaultChildren": false }, "41e889af-8a4f-4625-817e-04f2e21549a6": { "id": "41e889af-8a4f-4625-817e-04f2e21549a6", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#20134B", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Employee Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text8", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 160, "left": 4.8865804635435985, "width": 7.051421213550593, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "a4e9fef8-fbf3-415d-b94a-c7c929784218": { "id": "a4e9fef8-fbf3-415d-b94a-c7c929784218", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error Text Color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{6}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Employee name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput2", "displayName": "Text Input", "description": "Text field for forms", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 160, "left": 20.930230282311104, "width": 15.033948087773464, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "cef5f306-b447-4a9a-b424-b2ba4e123b62": { "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "dividerColor": { "type": "color", "displayName": "Divider Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#9b9b9bff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider1", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db", "layouts": { "desktop": { "top": 70, "left": 2.9006877363308416, "width": 40.01773312725625, "height": 10 } }, "withDefaultChildren": false }, "5bb9c33f-c0e0-4d65-a531-f416aca161a3": { "id": "5bb9c33f-c0e0-4d65-a531-f416aca161a3", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#20134B", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Status" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text6", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 79.06977056893254, "width": 2.994500716185799, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "cd8b1b86-6400-4e28-82b2-952123a73507": { "id": "cd8b1b86-6400-4e28-82b2-952123a73507", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#F1F3F5", "fxActive": true }, "textColor": { "value": "#687076", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#375fcf00", "fxActive": false }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{queries.ExpenseDetailPage.data[0].status}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button7", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 86.04651116595315, "width": 3.9951503990178017, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "f67962ae-d3c3-41a4-8534-321df81edd0a": { "id": "f67962ae-d3c3-41a4-8534-321df81edd0a", "component": { "properties": { "icon": { "type": "iconPicker", "displayName": "Icon", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "iconColor": { "type": "color", "displayName": "Icon Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "switch-page", "message": "Hello world!", "alertType": "info", "pageId": "b4d0cfa2-2893-4b10-869e-91cef96d3d08" }, { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "81943fba-eebf-44cd-89a8-c9d9b8a9e2c7", "queryName": "ListAllExpenses" } ], "styles": { "iconColor": { "value": "#20134B", "fxActive": true }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "icon": { "value": "IconArrowLeft" } }, "general": {}, "exposedVariables": {} }, "name": "icon1", "displayName": "Icon", "description": "Icon", "defaultSize": { "width": 5, "height": 48 }, "component": "Icon", "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "displayName": "Set Visibility", "handle": "setVisibility", "params": [ { "handle": "value", "displayName": "Value", "defaultValue": "{{true}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 11.627907106727907, "width": 1.9911509053210048, "height": 40 } } }, "43bff61e-1c92-4bfc-90e2-2e2a9d26a763": { "id": "43bff61e-1c92-4bfc-90e2-2e2a9d26a763", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#20134B", "fxActive": true }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Expense Details" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text7", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 16.279071023435332, "width": 7, "height": 40 } } }, "88c4353f-a551-4733-8714-cb9e16c0d318": { "id": "88c4353f-a551-4733-8714-cb9e16c0d318", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#2B0E44", "fxActive": true }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Expense #{{queries.ExpenseDetailPage.data[0].id}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text9", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 20, "left": 4.7645458519336445, "width": 8.043898728159355, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "4323ed4c-f99f-4b3e-876d-db380eb1df4f": { "id": "4323ed4c-f99f-4b3e-876d-db380eb1df4f", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#20134B", "fxActive": true }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Date" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text10", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 110, "left": 4.651162759148427, "width": 7.051421213550593, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "ef654245-6bf4-40c7-9d10-6398e8f383ba": { "id": "ef654245-6bf4-40c7-9d10-6398e8f383ba", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error Text Color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{6}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "{{queries.ExpenseDetailPage.data[0].datesubmitted}}" }, "placeholder": { "value": "Date" } }, "general": {}, "exposedVariables": {} }, "name": "textinput3", "displayName": "Text Input", "description": "Text field for forms", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 110, "left": 20.93023274173657, "width": 15.033948087773464, "height": 40 } }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db" }, "3fa246c8-a97f-42fb-868d-2e5841e041bb": { "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error Text Color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{6}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "{{queries.ExpenseDetailPage.data[0].category}}" }, "placeholder": { "value": "Category" } }, "general": {}, "exposedVariables": {} }, "name": "textinput4", "displayName": "Text Input", "description": "Text field for forms", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "f7365b95-39d2-434e-9e15-c8211452b9db", "layouts": { "desktop": { "top": 260, "left": 20.987272320839814, "width": 15.038773956265942, "height": 40 } }, "withDefaultChildren": false } } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": "5000", "canvasMaxWidthType": "px", "canvasMaxHeight": "2400", "canvasBackgroundColor": "", "backgroundFxQuery": "" }, "showViewerNavigation": false, "homePageId": "2d684124-f12e-4d5e-8996-b218e8d339ba", "appId": "61d9b309-cd6a-47b7-b79e-e89ca02ef758", "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "promotedFrom": null, "createdAt": "2023-11-17T18:58:57.456Z", "updatedAt": "2024-01-02T20:16:53.332Z" } ], "appEnvironments": [ { "id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "name": "production", "isDefault": true, "priority": 3, "enabled": true, "createdAt": "2023-04-26T19:44:06.852Z", "updatedAt": "2023-04-26T19:44:06.852Z" }, { "id": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "name": "staging", "isDefault": false, "priority": 2, "enabled": true, "createdAt": "2023-04-26T19:44:06.852Z", "updatedAt": "2023-04-26T19:44:06.852Z" }, { "id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "name": "development", "isDefault": false, "priority": 1, "enabled": true, "createdAt": "2023-04-26T19:44:06.852Z", "updatedAt": "2023-04-26T19:44:06.852Z" } ], "dataSourceOptions": [ { "id": "c7a97426-4c31-46eb-98a6-db9f908466b5", "dataSourceId": "99f7242d-a13f-4a40-91e1-90f206bb14d0", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2023-11-17T18:58:57.525Z", "updatedAt": "2023-11-17T18:58:57.525Z" }, { "id": "1e5c271f-d9e3-4d09-bd82-5174b71592c8", "dataSourceId": "99f7242d-a13f-4a40-91e1-90f206bb14d0", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2023-11-17T18:58:57.525Z", "updatedAt": "2023-11-17T18:58:57.525Z" }, { "id": "d79407a9-8b33-40b7-8bc5-de05662c7e0e", "dataSourceId": "99f7242d-a13f-4a40-91e1-90f206bb14d0", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2023-11-17T18:58:57.525Z", "updatedAt": "2023-11-17T18:58:57.525Z" }, { "id": "e72bc9d9-4ad1-4552-8d6f-f2ad3004212b", "dataSourceId": "108419cd-1c90-41ec-8def-a06781c123b7", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2023-11-17T18:58:57.534Z", "updatedAt": "2023-11-17T18:58:57.534Z" }, { "id": "8f6bd857-ec9a-4fd7-885a-842bd47b4f5a", "dataSourceId": "108419cd-1c90-41ec-8def-a06781c123b7", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2023-11-17T18:58:57.534Z", "updatedAt": "2023-11-17T18:58:57.534Z" }, { "id": "a883a20b-9041-49bf-9a47-219ecb583cf6", "dataSourceId": "108419cd-1c90-41ec-8def-a06781c123b7", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2023-11-17T18:58:57.534Z", "updatedAt": "2023-11-17T18:58:57.534Z" }, { "id": "f610f4b2-0a5f-4d8e-b7ba-e9374995238e", "dataSourceId": "f9f982cf-c0ca-4881-a455-be55646a9c43", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2023-11-17T18:58:57.543Z", "updatedAt": "2023-11-17T18:58:57.543Z" }, { "id": "4c79146f-f791-42e0-a552-be67f2771bf8", "dataSourceId": "f9f982cf-c0ca-4881-a455-be55646a9c43", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2023-11-17T18:58:57.543Z", "updatedAt": "2023-11-17T18:58:57.543Z" }, { "id": "46c64866-f1db-4b96-acff-907ea230233b", "dataSourceId": "f9f982cf-c0ca-4881-a455-be55646a9c43", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2023-11-17T18:58:57.543Z", "updatedAt": "2023-11-17T18:58:57.543Z" }, { "id": "dba61e3e-da57-482e-9ebd-edb97bc2fd1d", "dataSourceId": "807078ad-734f-4f6a-b01a-03cdef79f2e1", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2023-11-17T18:58:57.550Z", "updatedAt": "2023-11-17T18:58:57.550Z" }, { "id": "e4168505-5c1a-4f5f-bedd-d0837004329d", "dataSourceId": "807078ad-734f-4f6a-b01a-03cdef79f2e1", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2023-11-17T18:58:57.550Z", "updatedAt": "2023-11-17T18:58:57.550Z" }, { "id": "89434095-188f-43a6-b7c2-10ac9e68b324", "dataSourceId": "807078ad-734f-4f6a-b01a-03cdef79f2e1", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2023-11-17T18:58:57.550Z", "updatedAt": "2023-11-17T18:58:57.550Z" }, { "id": "5243cac8-c80d-4ebb-988e-1fb7af2138db", "dataSourceId": "9390015d-54bf-48f8-8dd9-386ee850bfc4", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2023-11-17T18:58:57.557Z", "updatedAt": "2023-11-17T18:58:57.557Z" }, { "id": "ba0ac743-3013-4dca-8b3e-e6c4a0b956dd", "dataSourceId": "9390015d-54bf-48f8-8dd9-386ee850bfc4", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2023-11-17T18:58:57.557Z", "updatedAt": "2023-11-17T18:58:57.557Z" }, { "id": "99299ce3-b20e-4fd8-96d8-c726870041f9", "dataSourceId": "9390015d-54bf-48f8-8dd9-386ee850bfc4", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2023-11-17T18:58:57.557Z", "updatedAt": "2023-11-17T18:58:57.557Z" } ], "schemaDetails": { "multiPages": true, "multiEnv": true, "globalDataSources": true } } } } ], "tooljet_version": "2.25.0-ee2.11.1-cloud2.1.8" }