{ "tooljet_database": [], "app": [ { "definition": { "appV2": { "id": "d68c86a1-6df5-426d-aca9-801424c0a993", "type": "front-end", "name": "Google Cloud Storage Explorer", "slug": "google-cloud-storage-explorer", "isPublic": false, "isMaintenanceOn": false, "icon": "server", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "currentVersionId": null, "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc", "workflowApiToken": null, "workflowEnabled": false, "createdAt": "2023-11-02T10:59:37.238Z", "creationMode": "DEFAULT", "updatedAt": "2024-01-02T13:09:47.366Z", "editingVersion": { "id": "a11405c6-ff35-4e47-9416-05d832f83ec9", "name": "v1", "definition": { "showViewerNavigation": false, "homePageId": "618e84d3-ca56-4615-8511-eff8c3fb7d14", "pages": { "618e84d3-ca56-4615-8511-eff8c3fb7d14": { "components": { "59487773-99d3-4b3d-b43d-a8bb92d0f6b1": { "component": { "properties": { "loadingState": { "type": "toggle", "displayName": "loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#ffffffff", "fxActive": false }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 10px 0px #88888880" } }, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "container1", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 20, "left": 2.325581325172176, "width": 41, "height": 70 } }, "withDefaultChildren": false }, "afeeaa7c-0509-49de-932e-e640f4a99ad8": { "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": "{{22}}" }, "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": "Google Cloud Storage Explorer" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text2", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "59487773-99d3-4b3d-b43d-a8bb92d0f6b1", "layouts": { "desktop": { "top": 10, "left": 2.347106383607878, "width": 13.993303186907838, "height": 40 } }, "withDefaultChildren": false }, "22c90be5-7657-49b7-8128-e9d3fbae4d9e": { "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } }, "useDefaultButton": { "type": "toggle", "displayName": "Use default trigger button", "validation": { "schema": { "type": "boolean" } } }, "triggerButtonLabel": { "type": "code", "displayName": "Trigger button label", "validation": { "schema": { "type": "string" } } }, "hideTitleBar": { "type": "toggle", "displayName": "Hide title bar" }, "hideCloseButton": { "type": "toggle", "displayName": "Hide close button" }, "hideOnEsc": { "type": "toggle", "displayName": "Close on escape key" }, "closeOnClickingOutside": { "type": "toggle", "displayName": "Close on clicking outside" }, "size": { "type": "select", "displayName": "Modal size", "options": [ { "name": "small", "value": "sm" }, { "name": "medium", "value": "lg" }, { "name": "large", "value": "xl" } ], "validation": { "schema": { "type": "string" } } }, "modalHeight": { "type": "code", "displayName": "Modal Height", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onOpen": { "displayName": "On open" }, "onClose": { "displayName": "On close" } }, "styles": { "headerBackgroundColor": { "type": "color", "displayName": "Header background color", "validation": { "schema": { "type": "string" } } }, "headerTextColor": { "type": "color", "displayName": "Header title color", "validation": { "schema": { "type": "string" } } }, "bodyBackgroundColor": { "type": "color", "displayName": "Body background color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "triggerButtonBackgroundColor": { "type": "color", "displayName": "Trigger button background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "triggerButtonTextColor": { "type": "color", "displayName": "Trigger button text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "headerBackgroundColor": { "value": "#4285f4ff" }, "headerTextColor": { "value": "#ffffffff" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#4D72FA" }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Upload file" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Launch Modal" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "400px" } }, "general": {}, "exposedVariables": {} }, "name": "modal1", "displayName": "Modal", "description": "Modal triggered by events", "component": "Modal", "defaultSize": { "width": 10, "height": 34 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 804, "left": 88.37208832796597, "width": 4, "height": 50 } }, "withDefaultChildren": false }, "73b65b00-5865-441a-8062-6a2716c8bb93": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Upload an image file to GCS bucket: {{components.table2.selectedRow.Name}}" }, "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" } ] } ] }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 20.00000762939453, "left": 4.651168588027936, "width": 38.986914555937034, "height": 40 } }, "withDefaultChildren": false }, "2d14b7de-a28f-45c8-87ab-af456a209b20": { "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": "a25b2778-a8aa-4716-84b8-f31fbb66a3ff", "queryName": "uploadObject", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#1b73e8ff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{components.textinput2.value == \"\" || components.filepicker1.file.length == 0}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Upload" }, "loadingState": { "value": "{{queries.uploadObject.isLoading}}", "fxActive": true } }, "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" } ] } ] }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 330, "left": 79.06977621357093, "width": 7.036632765433699, "height": 40 } }, "withDefaultChildren": false }, "c45a4353-c94b-4aed-9ee7-8ebf2f7e2212": { "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "close-modal", "message": "Hello world!", "alertType": "info", "modal": "22c90be5-7657-49b7-8128-e9d3fbae4d9e" } ], "styles": { "backgroundColor": { "value": "#1b73e80d" }, "textColor": { "value": "#1b73e8ff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#1b73e8ff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button4", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 330, "left": 60.46512903792135, "width": 7.036632765433699, "height": 40 } }, "withDefaultChildren": false }, "b26452e5-bc4e-4545-acf5-94b58a41a8d7": { "component": { "properties": { "instructionText": { "type": "code", "displayName": "Instruction Text", "validation": { "schema": { "type": "string" } } }, "enableDropzone": { "type": "code", "displayName": "Use Drop zone", "validation": { "schema": { "type": "boolean" } } }, "enablePicker": { "type": "code", "displayName": "Use File Picker", "validation": { "schema": { "type": "boolean" } } }, "enableMultiple": { "type": "code", "displayName": "Pick multiple files", "validation": { "schema": { "type": "boolean" } } }, "maxFileCount": { "type": "code", "displayName": "Max file count", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "fileType": { "type": "code", "displayName": "Accept file types", "validation": { "schema": { "type": "string" } } }, "maxSize": { "type": "code", "displayName": "Max size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minSize": { "type": "code", "displayName": "Min size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "parseContent": { "type": "toggle", "displayName": "Parse content", "validation": { "schema": { "type": "boolean" } } }, "parseFileType": { "type": "select", "displayName": "File type", "options": [ { "name": "Autodetect from extension", "value": "auto-detect" }, { "name": "CSV", "value": "csv" }, { "name": "Microsoft Excel - xls", "value": "vnd.ms-excel" }, { "name": "Microsoft Excel - xlsx", "value": "vnd.openxmlformats-officedocument.spreadsheetml.sheet" } ], "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onFileSelected": { "displayName": "On File Selected" }, "onFileLoaded": { "displayName": "On File Loaded" }, "onFileDeselected": { "displayName": "On File Deselected" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{10}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "instructionText": { "value": "Drag and Drop an image file here, or click to select an image file" }, "enableDropzone": { "value": "{{true}}" }, "enablePicker": { "value": "{{true}}" }, "maxFileCount": { "value": "{{1}}" }, "enableMultiple": { "value": "{{false}}" }, "fileType": { "value": "{{\"image/*\"}}" }, "maxSize": { "value": "{{1048576}}" }, "minSize": { "value": "{{50}}" }, "parseContent": { "value": "{{false}}" }, "parseFileType": { "value": "auto-detect" } }, "general": {}, "exposedVariables": {} }, "name": "filepicker1", "displayName": "File Picker", "description": "File Picker", "component": "FilePicker", "defaultSize": { "width": 15, "height": 100 }, "actions": [ { "handle": "clearFiles", "displayName": "Clear Files" } ], "exposedVariables": { "file": [ { "name": "", "content": "", "dataURL": "", "type": "", "parsedData": "" } ], "isParsing": false } }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 180, "left": 4.651173686998922, "width": 39.00000000000001, "height": 130 } }, "withDefaultChildren": false }, "94cb14f6-8b09-4e44-b338-b0cb817f61ab": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "File Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text4", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 80, "left": 4.6511588228167575, "width": 39.00000000000001, "height": 30 } }, "withDefaultChildren": false }, "bb00d395-fbda-4c36-9fbb-f857192e2453": { "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": "{{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": "Enter file name according to Google Cloud Storage conventions" } }, "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" } ] } ] }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 110.00000762939453, "left": 4.651180408209157, "width": 38.986914555937034, "height": 40 } }, "withDefaultChildren": false }, "5920cde4-3e72-4531-a2d3-c97574bffc6a": { "component": { "properties": { "loadingState": { "type": "toggle", "displayName": "loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#ffffffff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 10px 0px #88888880" } }, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "container2", "displayName": "Container", "description": "Group components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 110.00003051757812, "left": 2.3255813953488373, "width": 41, "height": 660 } }, "withDefaultChildren": false }, "a86d4752-2f8a-48df-a42c-ce2177b5dbe5": { "id": "a86d4752-2f8a-48df-a42c-ce2177b5dbe5", "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" } } }, "allowSelection": { "type": "toggle", "displayName": "Allow selection", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } }, "showAddNewRowButton": { "type": "toggle", "displayName": "Show add new row button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Regular", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Compact", "value": "compact" }, { "name": "Spacious", "value": "spacious" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onRowClicked", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "fd36c608-c896-4b6f-9cb1-145aae7a4683", "queryName": "getObjects", "parameters": {} } ], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "condensed" }, "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.getBuckets.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getBuckets.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": "{{false}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{true}}" }, "showDownloadButton": { "value": "{{false}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true }, "columns": { "value": [ { "id": "4d5e17e8-d0c6-416e-b086-6f3f357ece04", "name": "Buckets", "key": "Name", "columnType": "string", "autogenerated": true, "cellBackgroundColor": "{{rowData.Name == components.table2.selectedRow.Name ? \"#4285f4\" : \"inherit\"}}", "textColor": "{{rowData.Name == components.table2.selectedRow.Name ? \"#FFFFFF\" : \"\"}}" } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{true}}" }, "columnSizes": { "value": "{{({})}}" }, "actions": { "value": [] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "id", "email", "CreationDate" ] } }, "general": {}, "exposedVariables": {} }, "name": "table2", "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" }, { "displayName": "Download table data", "handle": "downloadTableData", "params": [ { "handle": "type", "displayName": "Type", "options": [ { "name": "Download as Excel", "value": "xlsx" }, { "name": "Download as CSV", "value": "csv" }, { "name": "Download as PDF", "value": "pdf" } ], "defaultValue": "{{Download as Excel}}", "type": "select" } ] } ] }, "layouts": { "desktop": { "top": 30.00000762939453, "left": 2.3255868180426593, "width": 12.000000000000002, "height": 590 } }, "parent": "5920cde4-3e72-4531-a2d3-c97574bffc6a" }, "a49e6b60-0c29-4ac7-b0ac-1e9bb85b0cee": { "id": "a49e6b60-0c29-4ac7-b0ac-1e9bb85b0cee", "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" } } }, "allowSelection": { "type": "toggle", "displayName": "Allow selection", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } }, "showAddNewRowButton": { "type": "toggle", "displayName": "Show add new row button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Regular", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Compact", "value": "compact" }, { "name": "Spacious", "value": "spacious" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "10" }, "tableType": { "value": "table-striped" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getObjects.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getObjects.data.files}}" }, "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": "{{true}}" }, "autogenerateColumns": { "value": true }, "columns": { "value": [ { "id": "3d4fdcf8-b327-4fc8-9882-8df2b38136c8", "name": "name", "key": "name", "columnType": "string", "autogenerated": true }, { "id": "99787589-b11c-4da1-890a-41baa2c9b7dc", "name": "last modified", "key": "updated", "columnType": "string", "autogenerated": true }, { "id": "a2b3742e-3981-49e3-9efb-bf8a9fe804ab", "name": "size", "key": "size", "columnType": "string", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "ea9cee72-c734-4069-9618-67a5d5617834": 279, "1c53ddfe-d4ce-4557-9dbf-6ca80b9673dd": 72, "1b26d091-d602-47af-bd5c-87179e1092da": 415, "3d4fdcf8-b327-4fc8-9882-8df2b38136c8": 415, "99787589-b11c-4da1-890a-41baa2c9b7dc": 279, "a2b3742e-3981-49e3-9efb-bf8a9fe804ab": 90 } }, "actions": { "value": [ { "name": "Action0", "buttonText": "Copy signed URL", "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "6bf734b4-456a-4ee7-8c03-4155117fd34c", "queryName": "getSignedUrl", "parameters": {} } ], "position": "right", "textColor": "#4285f4ff", "backgroundColor": "#ffffff00", "fxActive": true, "disableActionButton": "{{queries.getSignedUrl.isLoading}}" } ] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "ETag", "StorageClass", "kind", "id", "selfLink", "mediaLink", "bucket", "generation", "metageneration", "contentType", "storageClass", "md5Hash", "crc32c", "etag", "updated", "timeStorageClassUpdated", "timeCreated" ] }, "serverSideSearch": { "value": "" } }, "general": {}, "exposedVariables": {} }, "name": "table3", "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" }, { "displayName": "Download table data", "handle": "downloadTableData", "params": [ { "handle": "type", "displayName": "Type", "options": [ { "name": "Download as Excel", "value": "xlsx" }, { "name": "Download as CSV", "value": "csv" }, { "name": "Download as PDF", "value": "pdf" } ], "defaultValue": "{{Download as Excel}}", "type": "select" } ] } ] }, "layouts": { "desktop": { "top": 80, "left": 32.55814055452974, "width": 28, "height": 540 } }, "parent": "5920cde4-3e72-4531-a2d3-c97574bffc6a" }, "d28af613-c578-4dd0-a60d-eb20e0a81dad": { "id": "d28af613-c578-4dd0-a60d-eb20e0a81dad", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "queryName": "switchToUploader", "runOnlyIf": "", "componentSpecificActionHandle": "setTab", "componentId": "aac6738d-810f-4141-9dac-0e35cdfa779c", "componentSpecificActionParams": [ { "handle": "id", "displayName": "Id", "value": "1" } ] } ], "styles": { "backgroundColor": { "value": "#1b73e8ff", "fxActive": false }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{components.table2.selectedRow.Name == undefined}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Upload file" }, "loadingState": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "{{components.table2.selectedRow.Name == undefined ? \"Select a bucket to upload file\" : \"\"}}" } }, "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": 29.99999237060547, "left": 86.0465399904129, "width": 5.03934847036995, "height": 40 } }, "parent": "5920cde4-3e72-4531-a2d3-c97574bffc6a" }, "1548137c-e4ce-4bca-90e5-f9923b51fbf3": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components.table2.selectedRow.Name == undefined ? \"Select a bucket to view files stored in it.\" : \"Files in the selected bucket:\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text9", "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": "5920cde4-3e72-4531-a2d3-c97574bffc6a", "layouts": { "desktop": { "top": 30, "left": 32.558141027828526, "width": 14.000000000000002, "height": 40 } }, "withDefaultChildren": false }, "ad5f5b17-c77c-4195-8084-f6b25c7e71ee": { "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": "#4285f4ff" }, "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": "{{queries?.getSignedUrl?.isLoading ?? false}}", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "" }, "loadingState": { "value": "{{queries.getSignedUrl.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "text5", "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": "59487773-99d3-4b3d-b43d-a8bb92d0f6b1", "layouts": { "desktop": { "top": 10, "left": 95.34884394657414, "width": 1, "height": 40 } }, "withDefaultChildren": false }, "31e9f96a-7936-4bdf-b2dc-dae018d63fea": { "id": "31e9f96a-7936-4bdf-b2dc-dae018d63fea", "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": "#4285f4ff" }, "textSize": { "value": 14 }, "textAlign": { "value": "right" }, "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": "{{queries?.getSignedUrl?.isLoading ?? false}}", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Generating signed URL" }, "loadingState": { "value": "", "fxActive": false } }, "general": {}, "exposedVariables": {} }, "name": "text6", "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" } ] } ] }, "layouts": { "desktop": { "top": 10.000007629394531, "left": 79.0697646019113, "width": 7, "height": 40 } }, "parent": "59487773-99d3-4b3d-b43d-a8bb92d0f6b1" } }, "handle": "home", "name": "Home" } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": "5000", "canvasMaxWidthType": "px", "canvasMaxHeight": 2400, "canvasBackgroundColor": "", "backgroundFxQuery": "" }, "components": { "aac6738d-810f-4141-9dac-0e35cdfa779c": { "component": { "properties": { "tabs": { "type": "code", "displayName": "Tabs", "validation": { "schema": { "type": "array", "element": { "type": "object", "object": { "id": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } } } }, "defaultTab": { "type": "code", "displayName": "Default tab", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "hideTabs": { "type": "toggle", "displayName": "Hide Tabs", "validation": { "schema": { "type": "boolean" } } }, "renderOnlyActiveTab": { "type": "toggle", "displayName": "Render only active tab", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onTabSwitch": { "displayName": "On tab switch" } }, "styles": { "highlightColor": { "type": "color", "displayName": "Highlight Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "tabWidth": { "type": "select", "displayName": "Tab width", "options": [ { "name": "Auto", "value": "auto" }, { "name": "Equally split", "value": "split" } ] } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "highlightColor": { "value": "#ec912dff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "tabWidth": { "value": "auto" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "tabs": { "value": "{{[ \n\t\t{ title: 'Browser', id: '0' }, \n\t\t{ title: 'Uploader', id: '1' }, \n ]}}" }, "defaultTab": { "value": "0" }, "hideTabs": { "value": false }, "renderOnlyActiveTab": { "value": true } }, "general": {}, "exposedVariables": {} }, "name": "tabs1", "displayName": "Tabs", "description": "Tabs component", "defaultSize": { "width": 30, "height": 300 }, "defaultChildren": [ { "componentName": "Image", "layout": { "top": 60, "left": 37, "height": 100 }, "tab": 0, "properties": [ "source" ], "defaultValue": { "source": "https://uploads-ssl.webflow.com/6266634263b9179f76b2236e/62666392f32677b5cb2fb84b_logo.svg" } }, { "componentName": "Text", "layout": { "top": 100, "left": 17, "height": 50, "width": 34 }, "tab": 1, "properties": [ "text" ], "defaultValue": { "text": "Open-source low-code framework to build & deploy internal tools within minutes." } }, { "componentName": "Table", "layout": { "top": 0, "left": 1, "width": 42, "height": 250 }, "tab": 2 } ], "component": "Tabs", "actions": [ { "handle": "setTab", "displayName": "Set current tab", "params": [ { "handle": "id", "displayName": "Id" } ] } ], "exposedVariables": { "currentTab": "" } }, "layouts": { "desktop": { "top": 120, "left": 6.953317528514922, "width": 36, "height": 670 } }, "withDefaultChildren": false }, "c5b6efb3-490a-494e-804d-2862575f399d": { "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" } } }, "allowSelection": { "type": "toggle", "displayName": "Allow selection", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } }, "showAddNewRowButton": { "type": "toggle", "displayName": "Show add new row button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Borderless", "value": "table-borderless" }, { "name": "Classic", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" }, { "name": "Striped & bordered", "value": "table-striped table-bordered" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Compact", "value": "compact" }, { "name": "Spacious", "value": "spacious" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "compact" }, "borderRadius": { "value": "0" }, "tableType": { "value": "table-bordered" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "data": { "value": "{{ [ \n\t\t{ id: 1, name: 'Sarah', email: 'sarah@example.com'}, \n\t\t{ id: 2, name: 'Lisa', email: 'lisa@example.com'}, \n\t\t{ id: 3, name: 'Sam', email: 'sam@example.com'}, \n\t\t{ id: 4, name: 'Jon', email: 'jon@example.com'} \n] }}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": "{{false}}" }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "clientSidePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{true}}" }, "showDownloadButton": { "value": "{{true}}" }, "showFilterButton": { "value": "{{true}}" }, "autogenerateColumns": { "value": true }, "columns": { "value": [ { "name": "id", "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737", "autogenerated": true }, { "name": "name", "id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a", "autogenerated": true }, { "name": "email", "id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{true}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": "{{({})}}" }, "actions": { "value": [] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "showAddNewRowButton": { "value": "{{true}}" }, "allowSelection": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "table1", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 20, "height": 358 }, "exposedVariables": { "selectedRow": {}, "changeSet": {}, "dataUpdates": [], "pageIndex": 1, "searchText": "", "selectedRows": [], "filters": [] }, "actions": [ { "handle": "setPage", "displayName": "Set page", "params": [ { "handle": "page", "displayName": "Page", "defaultValue": "{{1}}" } ] }, { "handle": "selectRow", "displayName": "Select row", "params": [ { "handle": "key", "displayName": "Key" }, { "handle": "value", "displayName": "Value" } ] }, { "handle": "deselectRow", "displayName": "Deselect row" }, { "handle": "discardChanges", "displayName": "Discard Changes" }, { "handle": "discardNewlyAddedRows", "displayName": "Discard newly added rows" }, { "displayName": "Download table data", "handle": "downloadTableData", "params": [ { "handle": "type", "displayName": "Type", "options": [ { "name": "Download as Excel", "value": "xlsx" }, { "name": "Download as CSV", "value": "csv" }, { "name": "Download as PDF", "value": "pdf" } ], "defaultValue": "{{Download as Excel}}", "type": "select" } ] } ] }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-2", "layouts": { "desktop": { "top": 0, "left": 1, "width": 42, "height": 250 } } }, "59487773-99d3-4b3d-b43d-a8bb92d0f6b1": { "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": "#2C3748", "fxActive": true }, "borderRadius": { "value": "0" }, "borderColor": { "value": "#ffffff00" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "container1", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 0, "left": -0.019166757772257036, "width": 43, "height": 90 } }, "withDefaultChildren": false }, "643a3d7e-0eba-49c0-b073-d5b20e7c7b3b": { "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" } } }, "allowSelection": { "type": "toggle", "displayName": "Allow selection", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } }, "showAddNewRowButton": { "type": "toggle", "displayName": "Show add new row button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Borderless", "value": "table-borderless" }, { "name": "Classic", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" }, { "name": "Striped & bordered", "value": "table-striped table-bordered" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Compact", "value": "compact" }, { "name": "Spacious", "value": "spacious" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onRowClicked", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "d39a7124-2edd-4f44-bf84-dc465a7d2e5b", "queryName": "getObjects" } ], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "spacious" }, "borderRadius": { "value": "5" }, "tableType": { "value": "table-striped" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "data": { "value": "{{queries.getBuckets.data.Buckets}}" }, "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": "{{false}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{true}}" }, "showDownloadButton": { "value": "{{false}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true }, "columns": { "value": [ { "id": "4d5e17e8-d0c6-416e-b086-6f3f357ece04", "name": "Buckets", "key": "Name", "columnType": "string", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": "{{({})}}" }, "actions": { "value": [] }, "enabledSort": { "value": "{{false}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "id", "email", "CreationDate" ] } }, "general": {}, "exposedVariables": {} }, "name": "table2", "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" }, { "displayName": "Download table data", "handle": "downloadTableData", "params": [ { "handle": "type", "displayName": "Type", "options": [ { "name": "Download as Excel", "value": "xlsx" }, { "name": "Download as CSV", "value": "csv" }, { "name": "Download as PDF", "value": "pdf" } ], "defaultValue": "{{Download as Excel}}", "type": "select" } ] } ] }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-0", "layouts": { "desktop": { "top": 20, "left": 2.325613821749114, "width": 10.973363744220382, "height": 590 } }, "withDefaultChildren": false }, "afeeaa7c-0509-49de-932e-e640f4a99ad8": { "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": "{{22}}" }, "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": "AWS S3 File Browser" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text2", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "59487773-99d3-4b3d-b43d-a8bb92d0f6b1", "layouts": { "desktop": { "top": 20, "left": 2.3471096549217116, "width": 13.993303186907838, "height": 40 } }, "withDefaultChildren": false }, "b58c165d-312f-4ad7-907b-8f4467207a81": { "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", "fxActive": false }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "icon": { "value": "IconLogout" } }, "general": {}, "exposedVariables": {} }, "name": "icon1", "displayName": "Icon", "description": "Icon", "defaultSize": { "width": 5, "height": 48 }, "component": "Icon", "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "displayName": "Set Visibility", "handle": "setVisibility", "params": [ { "handle": "value", "displayName": "Value", "defaultValue": "{{true}}", "type": "toggle" } ] } ] }, "parent": "59487773-99d3-4b3d-b43d-a8bb92d0f6b1", "layouts": { "desktop": { "top": 28, "left": 93.65342265740117, "width": 0.9786882267441847, "height": 30 } }, "withDefaultChildren": false }, "5d14cc41-dd47-4de3-b9e6-8c72286da085": { "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" } } }, "allowSelection": { "type": "toggle", "displayName": "Allow selection", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } }, "showAddNewRowButton": { "type": "toggle", "displayName": "Show add new row button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Borderless", "value": "table-borderless" }, { "name": "Classic", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" }, { "name": "Striped & bordered", "value": "table-striped table-bordered" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Compact", "value": "compact" }, { "name": "Spacious", "value": "spacious" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "spacious" }, "borderRadius": { "value": "5" }, "tableType": { "value": "table-striped" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getObjects.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getObjects.data.Contents}}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": "{{false}}" }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "clientSidePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{true}}" }, "showDownloadButton": { "value": "{{false}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true }, "columns": { "value": [ { "id": "1b26d091-d602-47af-bd5c-87179e1092da", "name": "Key", "key": "Key", "columnType": "string", "autogenerated": true }, { "id": "ea9cee72-c734-4069-9618-67a5d5617834", "name": "LastModified", "key": "LastModified", "columnType": "string", "autogenerated": true }, { "id": "1c53ddfe-d4ce-4557-9dbf-6ca80b9673dd", "name": "Size", "key": "Size", "columnType": "number", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "ea9cee72-c734-4069-9618-67a5d5617834": 237, "1c53ddfe-d4ce-4557-9dbf-6ca80b9673dd": 47, "1b26d091-d602-47af-bd5c-87179e1092da": 391 } }, "actions": { "value": [] }, "enabledSort": { "value": "{{false}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "ETag", "StorageClass" ] }, "serverSideSearch": { "value": "" } }, "general": {}, "exposedVariables": {} }, "name": "table3", "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" }, { "displayName": "Download table data", "handle": "downloadTableData", "params": [ { "handle": "type", "displayName": "Type", "options": [ { "name": "Download as Excel", "value": "xlsx" }, { "name": "Download as CSV", "value": "csv" }, { "name": "Download as PDF", "value": "pdf" } ], "defaultValue": "{{Download as Excel}}", "type": "select" } ] } ] }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-0", "layouts": { "desktop": { "top": 85, "left": 30.23277648693854, "width": 29.023997256310512, "height": 520 } }, "withDefaultChildren": false }, "57e932d8-11e9-402d-ba82-9c5c8b8d62eb": { "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "22c90be5-7657-49b7-8128-e9d3fbae4d9e" } ], "styles": { "backgroundColor": { "value": "#ec912dff", "fxActive": true }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ec912dff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Upload files" }, "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" } ] } ] }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-0", "layouts": { "desktop": { "top": 20, "left": 86.00513695268548, "width": 5.03934847036995, "height": 40 } }, "withDefaultChildren": false }, "33c07316-9b9a-4c68-a7a2-1afee1b881a6": { "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": "{{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": "Prefix" } }, "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" } ] } ] }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-0", "layouts": { "desktop": { "top": 20, "left": 30.272567524824503, "width": 12.002668604065757, "height": 40 } }, "withDefaultChildren": false }, "cc871558-cd81-48a1-a654-5f076cadad8c": { "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": "#ffffffff" }, "textColor": { "value": "#ec912dff", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ec912dff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Search" }, "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" } ] } ] }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-0", "layouts": { "desktop": { "top": 20, "left": 58.139530795373226, "width": 4.000849940323339, "height": 40 } }, "withDefaultChildren": false }, "22c90be5-7657-49b7-8128-e9d3fbae4d9e": { "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } }, "useDefaultButton": { "type": "toggle", "displayName": "Use default trigger button", "validation": { "schema": { "type": "boolean" } } }, "triggerButtonLabel": { "type": "code", "displayName": "Trigger button label", "validation": { "schema": { "type": "string" } } }, "hideTitleBar": { "type": "toggle", "displayName": "Hide title bar" }, "hideCloseButton": { "type": "toggle", "displayName": "Hide close button" }, "hideOnEsc": { "type": "toggle", "displayName": "Close on escape key" }, "closeOnClickingOutside": { "type": "toggle", "displayName": "Close on clicking outside" }, "size": { "type": "select", "displayName": "Modal size", "options": [ { "name": "small", "value": "sm" }, { "name": "medium", "value": "lg" }, { "name": "large", "value": "xl" } ], "validation": { "schema": { "type": "string" } } }, "modalHeight": { "type": "code", "displayName": "Modal Height", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onOpen": { "displayName": "On open" }, "onClose": { "displayName": "On close" } }, "styles": { "headerBackgroundColor": { "type": "color", "displayName": "Header background color", "validation": { "schema": { "type": "string" } } }, "headerTextColor": { "type": "color", "displayName": "Header title color", "validation": { "schema": { "type": "string" } } }, "bodyBackgroundColor": { "type": "color", "displayName": "Body background color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "triggerButtonBackgroundColor": { "type": "color", "displayName": "Trigger button background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "triggerButtonTextColor": { "type": "color", "displayName": "Trigger button text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "headerBackgroundColor": { "value": "#ffffffff" }, "headerTextColor": { "value": "#000000" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#4D72FA" }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Upload file" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Launch Modal" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "400px" } }, "general": {}, "exposedVariables": {} }, "name": "modal1", "displayName": "Modal", "description": "Modal triggered by events", "component": "Modal", "defaultSize": { "width": 10, "height": 34 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 940, "left": 37.2093025964635, "width": 10, "height": 34 } }, "withDefaultChildren": false }, "73b65b00-5865-441a-8062-6a2716c8bb93": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Upload you files to S3 bucket: {{components.table2.selectedRow.Name}}" }, "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" } ] } ] }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 20, "left": 4.651165021277508, "width": 38.986914555937034, "height": 40 } }, "withDefaultChildren": false }, "2d14b7de-a28f-45c8-87ab-af456a209b20": { "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": "4d945178-ffd4-447a-a452-819154bead88", "queryName": "s33" } ], "styles": { "backgroundColor": { "value": "#f5a623ff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#375FCF" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Upload" }, "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" } ] } ] }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 310, "left": 4.651170644788405, "width": 7.036632765433699, "height": 40 } }, "withDefaultChildren": false }, "c45a4353-c94b-4aed-9ee7-8ebf2f7e2212": { "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "close-modal", "message": "Hello world!", "alertType": "info", "modal": "22c90be5-7657-49b7-8128-e9d3fbae4d9e" } ], "styles": { "backgroundColor": { "value": "#fcfbf9ff" }, "textColor": { "value": "#f5a623ff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#375FCF" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button4", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 310, "left": 23.255816865301114, "width": 7.036632765433699, "height": 40 } }, "withDefaultChildren": false }, "b26452e5-bc4e-4545-acf5-94b58a41a8d7": { "component": { "properties": { "instructionText": { "type": "code", "displayName": "Instruction Text", "validation": { "schema": { "type": "string" } } }, "enableDropzone": { "type": "code", "displayName": "Use Drop zone", "validation": { "schema": { "type": "boolean" } } }, "enablePicker": { "type": "code", "displayName": "Use File Picker", "validation": { "schema": { "type": "boolean" } } }, "enableMultiple": { "type": "code", "displayName": "Pick multiple files", "validation": { "schema": { "type": "boolean" } } }, "maxFileCount": { "type": "code", "displayName": "Max file count", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "fileType": { "type": "code", "displayName": "Accept file types", "validation": { "schema": { "type": "string" } } }, "maxSize": { "type": "code", "displayName": "Max size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minSize": { "type": "code", "displayName": "Min size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "parseContent": { "type": "toggle", "displayName": "Parse content", "validation": { "schema": { "type": "boolean" } } }, "parseFileType": { "type": "select", "displayName": "File type", "options": [ { "name": "Autodetect from extension", "value": "auto-detect" }, { "name": "CSV", "value": "csv" }, { "name": "Microsoft Excel - xls", "value": "vnd.ms-excel" }, { "name": "Microsoft Excel - xlsx", "value": "vnd.openxmlformats-officedocument.spreadsheetml.sheet" } ], "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onFileSelected": { "displayName": "On File Selected" }, "onFileLoaded": { "displayName": "On File Loaded" }, "onFileDeselected": { "displayName": "On File Deselected" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{0}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "instructionText": { "value": "Drag and Drop some image files here, or click to select image files" }, "enableDropzone": { "value": "{{true}}" }, "enablePicker": { "value": "{{true}}" }, "maxFileCount": { "value": "{{2}}" }, "enableMultiple": { "value": "{{false}}" }, "fileType": { "value": "{{\"image/*\"}}" }, "maxSize": { "value": "{{1048576}}" }, "minSize": { "value": "{{50}}" }, "parseContent": { "value": "{{false}}" }, "parseFileType": { "value": "auto-detect" } }, "general": {}, "exposedVariables": {} }, "name": "filepicker1", "displayName": "File Picker", "description": "File Picker", "component": "FilePicker", "defaultSize": { "width": 15, "height": 100 }, "actions": [ { "handle": "clearFiles", "displayName": "Clear Files" } ], "exposedVariables": { "file": [ { "name": "", "content": "", "dataURL": "", "type": "", "parsedData": "" } ], "isParsing": false } }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 190, "left": 4.651166394429335, "width": 39.016032907948436, "height": 100 } }, "withDefaultChildren": false }, "94cb14f6-8b09-4e44-b338-b0cb817f61ab": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "File Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text4", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 70, "left": 4.651165222233789, "width": 38.986914555937034, "height": 40 } }, "withDefaultChildren": false }, "bb00d395-fbda-4c36-9fbb-f857192e2453": { "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": "{{0}}" }, "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": "Enter file name according to S3 conventions" } }, "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" } ] } ] }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 110, "left": 4.651165185472113, "width": 38.986914555937034, "height": 40 } }, "withDefaultChildren": false }, "443cd7b9-0a80-4508-be2b-33d56a510e30": { "id": "443cd7b9-0a80-4508-be2b-33d56a510e30", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Upload you files to S3 bucket" }, "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": 20, "left": 4.651162045184044, "width": 38.986914555937034, "height": 40 } }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-1" }, "4c9e518a-5eaf-4453-aaa1-3c429bdb6675": { "id": "4c9e518a-5eaf-4453-aaa1-3c429bdb6675", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "File Name" }, "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": 190, "left": 4.651162045184044, "width": 38.986914555937034, "height": 40 } }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-1" }, "fd7f805b-adfa-4323-80e2-09d382e46f04": { "id": "fd7f805b-adfa-4323-80e2-09d382e46f04", "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": "#dae2ebff" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{0}}" }, "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": "Enter file name according to S3 conventions" } }, "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": 230, "left": 4.651272015784802, "width": 25.99956493770245, "height": 40 } }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-1" }, "846bcf76-7f5c-4656-be3b-d8b649e4573b": { "id": "846bcf76-7f5c-4656-be3b-d8b649e4573b", "component": { "properties": { "instructionText": { "type": "code", "displayName": "Instruction Text", "validation": { "schema": { "type": "string" } } }, "enableDropzone": { "type": "code", "displayName": "Use Drop zone", "validation": { "schema": { "type": "boolean" } } }, "enablePicker": { "type": "code", "displayName": "Use File Picker", "validation": { "schema": { "type": "boolean" } } }, "enableMultiple": { "type": "code", "displayName": "Pick multiple files", "validation": { "schema": { "type": "boolean" } } }, "maxFileCount": { "type": "code", "displayName": "Max file count", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "fileType": { "type": "code", "displayName": "Accept file types", "validation": { "schema": { "type": "string" } } }, "maxSize": { "type": "code", "displayName": "Max size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minSize": { "type": "code", "displayName": "Min size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "parseContent": { "type": "toggle", "displayName": "Parse content", "validation": { "schema": { "type": "boolean" } } }, "parseFileType": { "type": "select", "displayName": "File type", "options": [ { "name": "Autodetect from extension", "value": "auto-detect" }, { "name": "CSV", "value": "csv" }, { "name": "Microsoft Excel - xls", "value": "vnd.ms-excel" }, { "name": "Microsoft Excel - xlsx", "value": "vnd.openxmlformats-officedocument.spreadsheetml.sheet" } ], "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onFileSelected": { "displayName": "On File Selected" }, "onFileLoaded": { "displayName": "On File Loaded" }, "onFileDeselected": { "displayName": "On File Deselected" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{0}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "instructionText": { "value": "Drag and Drop some image files here, or click to select image files" }, "enableDropzone": { "value": "{{true}}" }, "enablePicker": { "value": "{{true}}" }, "maxFileCount": { "value": "{{2}}" }, "enableMultiple": { "value": "{{false}}" }, "fileType": { "value": "{{\"image/*\"}}" }, "maxSize": { "value": "{{1048576}}" }, "minSize": { "value": "{{50}}" }, "parseContent": { "value": "{{false}}" }, "parseFileType": { "value": "auto-detect" } }, "general": {}, "exposedVariables": {} }, "name": "filepicker2", "displayName": "File Picker", "description": "File Picker", "component": "FilePicker", "defaultSize": { "width": 15, "height": 100 }, "actions": [ { "handle": "clearFiles", "displayName": "Clear Files" } ], "exposedVariables": { "file": [ { "name": "", "content": "", "dataURL": "", "type": "", "parsedData": "" } ], "isParsing": false } }, "layouts": { "desktop": { "top": 330, "left": 4.651216987328487, "width": 39.016032907948436, "height": 160 } }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-1" }, "7a324eaf-fea3-4a05-afb0-313209c6914b": { "id": "7a324eaf-fea3-4a05-afb0-313209c6914b", "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": "4d945178-ffd4-447a-a452-819154bead88", "queryName": "s33" } ], "styles": { "backgroundColor": { "value": "#f5a623ff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#375FCF" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Upload" }, "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": 520, "left": 79.06976577375512, "width": 7.036632765433699, "height": 40 } }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-1" }, "aad7f0d2-4e54-410a-8322-95cf6b6a7967": { "id": "aad7f0d2-4e54-410a-8322-95cf6b6a7967", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Bucket Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text7", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 80, "left": 4.651162045184044, "width": 38.986914555937034, "height": 40 } }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-1" }, "d9c49043-d3fc-4ab7-ab95-4feead33c936": { "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": "0" }, "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": "{{components.table2.selectedRow.Name}}" }, "values": { "value": "{{queries.getBuckets.data.Buckets.map(item => item.Name)}}" }, "display_values": { "value": "{{queries.getBuckets.data.Buckets.map(item => item.Name)}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select your bucket" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown1", "displayName": "Dropdown", "description": "Select one value from options", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-1", "layouts": { "desktop": { "top": 120, "left": 4.651250004402277, "width": 26.00937885557519, "height": 40 } }, "withDefaultChildren": false }, "cdcb741e-2ee6-4e86-9f7d-db36186db348": { "id": "cdcb741e-2ee6-4e86-9f7d-db36186db348", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Upload your file" }, "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": 290, "left": 4.651162045184044, "width": 38.986914555937034, "height": 40 } }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-1" } } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": 100, "canvasMaxWidthType": "%", "canvasMaxHeight": 2400, "canvasBackgroundColor": "", "backgroundFxQuery": "" }, "showViewerNavigation": false, "homePageId": "bc8bd7fb-86c1-44ef-84bd-ba7353ea1948", "appId": "d68c86a1-6df5-426d-aca9-801424c0a993", "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "promotedFrom": null, "createdAt": "2023-11-02T10:59:37.248Z", "updatedAt": "2024-01-02T13:09:39.627Z" }, "components": [ { "id": "75903691-ec65-49fb-9acf-e35ad9757d30", "name": "container1", "type": "Container", "pageId": "bc8bd7fb-86c1-44ef-84bd-ba7353ea1948", "parent": null, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#ffffffff", "fxActive": false }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 10px 0px #88888880" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "e4c66182-a5c7-4e7f-a0e4-0d52921c0cea", "type": "desktop", "top": 20, "left": 2.325581325172176, "width": 41, "height": 70, "componentId": "75903691-ec65-49fb-9acf-e35ad9757d30" } ] }, { "id": "45a183ed-530f-432e-acee-94c20a1e0539", "name": "text2", "type": "Text", "pageId": "bc8bd7fb-86c1-44ef-84bd-ba7353ea1948", "parent": "75903691-ec65-49fb-9acf-e35ad9757d30", "properties": { "text": { "value": "Google Cloud Storage Explorer" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000", "fxActive": false }, "textSize": { "value": "{{22}}" }, "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": "52b3591f-6db5-4315-b228-b4623c43b7ce", "type": "desktop", "top": 10, "left": 2.347106383607878, "width": 13.993303186907838, "height": 40, "componentId": "45a183ed-530f-432e-acee-94c20a1e0539" } ] }, { "id": "8dbaa01b-bef4-43fa-a451-ba618812a3ad", "name": "modal1", "type": "Modal", "pageId": "bc8bd7fb-86c1-44ef-84bd-ba7353ea1948", "parent": null, "properties": { "title": { "value": "Upload file" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Launch Modal" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "400px" } }, "general": {}, "styles": { "headerBackgroundColor": { "value": "#4285f4ff" }, "headerTextColor": { "value": "#ffffffff" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#4D72FA" }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "5edcda54-441d-47ac-8547-e73a1df7b0dc", "type": "desktop", "top": 804, "left": 88.37208832796597, "width": 4, "height": 50, "componentId": "8dbaa01b-bef4-43fa-a451-ba618812a3ad" } ] }, { "id": "2611ba74-7ef7-4e1d-ac91-43e01667c159", "name": "text3", "type": "Text", "pageId": "bc8bd7fb-86c1-44ef-84bd-ba7353ea1948", "parent": "8dbaa01b-bef4-43fa-a451-ba618812a3ad", "properties": { "text": { "value": "Upload an image file to GCS bucket: {{components.table2.selectedRow.Name}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "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": "3d5a36af-c6b4-4efa-bcd2-c281d8fe3ac9", "type": "desktop", "top": 20.00000762939453, "left": 4.651168588027936, "width": 38.986914555937034, "height": 40, "componentId": "2611ba74-7ef7-4e1d-ac91-43e01667c159" } ] }, { "id": "bd4bd1c2-1bcf-4e10-abaa-2113c9b1fde7", "name": "button3", "type": "Button", "pageId": "bc8bd7fb-86c1-44ef-84bd-ba7353ea1948", "parent": "8dbaa01b-bef4-43fa-a451-ba618812a3ad", "properties": { "text": { "value": "Upload" }, "loadingState": { "value": "{{queries.uploadObject.isLoading}}", "fxActive": true } }, "general": {}, "styles": { "backgroundColor": { "value": "#1b73e8ff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{components.textinput2.value == \"\" || components.filepicker1.file.length == 0}}", "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": "26f620ab-23c1-471c-ba38-393d950a4bd9", "type": "desktop", "top": 330, "left": 79.06977621357093, "width": 7.036632765433699, "height": 40, "componentId": "bd4bd1c2-1bcf-4e10-abaa-2113c9b1fde7" } ] }, { "id": "3858adfd-5d68-4888-848c-79c3e24587d5", "name": "button4", "type": "Button", "pageId": "bc8bd7fb-86c1-44ef-84bd-ba7353ea1948", "parent": "8dbaa01b-bef4-43fa-a451-ba618812a3ad", "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#1b73e80d" }, "textColor": { "value": "#1b73e8ff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#1b73e8ff" }, "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": "30fff9d4-d187-4afc-9e9b-09b6ec1866a5", "type": "desktop", "top": 330, "left": 60.46512903792135, "width": 7.036632765433699, "height": 40, "componentId": "3858adfd-5d68-4888-848c-79c3e24587d5" } ] }, { "id": "3cc9b90e-bbda-46db-8c14-fdc3659a7beb", "name": "filepicker1", "type": "FilePicker", "pageId": "bc8bd7fb-86c1-44ef-84bd-ba7353ea1948", "parent": "8dbaa01b-bef4-43fa-a451-ba618812a3ad", "properties": { "instructionText": { "value": "Drag and Drop an image file here, or click to select an image file" }, "enableDropzone": { "value": "{{true}}" }, "enablePicker": { "value": "{{true}}" }, "maxFileCount": { "value": "{{1}}" }, "enableMultiple": { "value": "{{false}}" }, "fileType": { "value": "{{\"image/*\"}}" }, "maxSize": { "value": "{{1048576}}" }, "minSize": { "value": "{{50}}" }, "parseContent": { "value": "{{false}}" }, "parseFileType": { "value": "auto-detect" } }, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{10}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "7b834316-b1c3-452a-b6b5-97d3e144d35d", "type": "desktop", "top": 180, "left": 4.651173686998922, "width": 39.00000000000001, "height": 130, "componentId": "3cc9b90e-bbda-46db-8c14-fdc3659a7beb" } ] }, { "id": "6cb01429-a306-47f8-8468-a08a712f62d6", "name": "text4", "type": "Text", "pageId": "bc8bd7fb-86c1-44ef-84bd-ba7353ea1948", "parent": "8dbaa01b-bef4-43fa-a451-ba618812a3ad", "properties": { "text": { "value": "File Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "06a5aa9f-c588-4d29-9a69-e4c1444cf081", "type": "desktop", "top": 80, "left": 4.6511588228167575, "width": 39.00000000000001, "height": 30, "componentId": "6cb01429-a306-47f8-8468-a08a712f62d6" } ] }, { "id": "16937ba0-5422-49db-af91-33d1ea60b6ae", "name": "textinput2", "type": "TextInput", "pageId": "bc8bd7fb-86c1-44ef-84bd-ba7353ea1948", "parent": "8dbaa01b-bef4-43fa-a451-ba618812a3ad", "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter file name according to Google Cloud Storage conventions" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "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": "90b422bf-5f5e-47a7-8c46-ca281aaa1902", "type": "desktop", "top": 110.00000762939453, "left": 4.651180408209157, "width": 38.986914555937034, "height": 40, "componentId": "16937ba0-5422-49db-af91-33d1ea60b6ae" } ] }, { "id": "a30a6fe6-0827-4810-8ea4-63bda424e29c", "name": "container2", "type": "Container", "pageId": "bc8bd7fb-86c1-44ef-84bd-ba7353ea1948", "parent": null, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#ffffffff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 10px 0px #88888880" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "abc308ae-0768-490d-9776-a66118b3d27c", "type": "desktop", "top": 110.00003051757812, "left": 2.3255813953488373, "width": 41, "height": 660, "componentId": "a30a6fe6-0827-4810-8ea4-63bda424e29c" } ] }, { "id": "a9eb170f-dad2-49eb-9174-89a2dc5e07c8", "name": "table2", "type": "Table", "pageId": "bc8bd7fb-86c1-44ef-84bd-ba7353ea1948", "parent": "a30a6fe6-0827-4810-8ea4-63bda424e29c", "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getBuckets.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getBuckets.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": "{{false}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{true}}" }, "showDownloadButton": { "value": "{{false}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true }, "columns": { "value": [ { "id": "4d5e17e8-d0c6-416e-b086-6f3f357ece04", "name": "Buckets", "key": "Name", "columnType": "string", "autogenerated": true, "cellBackgroundColor": "{{rowData.Name == components.table2.selectedRow.Name ? \"#4285f4\" : \"inherit\"}}", "textColor": "{{rowData.Name == components.table2.selectedRow.Name ? \"#FFFFFF\" : \"\"}}" } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{true}}" }, "columnSizes": { "value": "{{({})}}" }, "actions": { "value": [] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "id", "email", "CreationDate" ] } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "condensed" }, "borderRadius": { "value": "10" }, "tableType": { "value": "table-classic" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "97597843-abb0-41f6-aeb4-3d56d4a366e9", "type": "desktop", "top": 30.00000762939453, "left": 2.3255868180426593, "width": 12.000000000000002, "height": 590, "componentId": "a9eb170f-dad2-49eb-9174-89a2dc5e07c8" } ] }, { "id": "bb36e2a5-522e-4bf2-94e2-2b8d875e77a8", "name": "table3", "type": "Table", "pageId": "bc8bd7fb-86c1-44ef-84bd-ba7353ea1948", "parent": "a30a6fe6-0827-4810-8ea4-63bda424e29c", "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getObjects.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getObjects.data.files}}" }, "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": "{{true}}" }, "autogenerateColumns": { "value": true }, "columns": { "value": [ { "id": "3d4fdcf8-b327-4fc8-9882-8df2b38136c8", "name": "name", "key": "name", "columnType": "string", "autogenerated": true }, { "id": "99787589-b11c-4da1-890a-41baa2c9b7dc", "name": "last modified", "key": "updated", "columnType": "string", "autogenerated": true }, { "id": "a2b3742e-3981-49e3-9efb-bf8a9fe804ab", "name": "size", "key": "size", "columnType": "string", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "ea9cee72-c734-4069-9618-67a5d5617834": 279, "1c53ddfe-d4ce-4557-9dbf-6ca80b9673dd": 72, "1b26d091-d602-47af-bd5c-87179e1092da": 415, "3d4fdcf8-b327-4fc8-9882-8df2b38136c8": 415, "99787589-b11c-4da1-890a-41baa2c9b7dc": 279, "a2b3742e-3981-49e3-9efb-bf8a9fe804ab": 90 } }, "actions": { "value": [ { "name": "Action0", "buttonText": "Copy signed URL", "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "6bf734b4-456a-4ee7-8c03-4155117fd34c", "queryName": "getSignedUrl", "parameters": {} } ], "position": "right", "textColor": "#4285f4ff", "backgroundColor": "#ffffff00", "fxActive": true, "disableActionButton": "{{queries.getSignedUrl.isLoading}}" } ] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "ETag", "StorageClass", "kind", "id", "selfLink", "mediaLink", "bucket", "generation", "metageneration", "contentType", "storageClass", "md5Hash", "crc32c", "etag", "updated", "timeStorageClassUpdated", "timeCreated" ] }, "serverSideSearch": { "value": "" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "10" }, "tableType": { "value": "table-striped" } }, "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": "c47eb57e-5141-4664-82fa-7427406dba38", "type": "desktop", "top": 80, "left": 32.55814055452974, "width": 28, "height": 540, "componentId": "bb36e2a5-522e-4bf2-94e2-2b8d875e77a8" } ] }, { "id": "df94b8dc-d62a-4047-953f-ab6864acb0ca", "name": "button6", "type": "Button", "pageId": "bc8bd7fb-86c1-44ef-84bd-ba7353ea1948", "parent": "a30a6fe6-0827-4810-8ea4-63bda424e29c", "properties": { "text": { "value": "Upload file" }, "loadingState": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "{{components.table2.selectedRow.Name == undefined ? \"Select a bucket to upload file\" : \"\"}}" } }, "styles": { "backgroundColor": { "value": "#1b73e8ff", "fxActive": false }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{components.table2.selectedRow.Name == undefined}}", "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": "4e42a74e-c755-4fbd-b4ff-f1157677e79b", "type": "desktop", "top": 29.99999237060547, "left": 86.0465399904129, "width": 5.03934847036995, "height": 40, "componentId": "df94b8dc-d62a-4047-953f-ab6864acb0ca" } ] }, { "id": "cda396fa-1b18-47c6-a333-50b6a39ddada", "name": "text9", "type": "Text", "pageId": "bc8bd7fb-86c1-44ef-84bd-ba7353ea1948", "parent": "a30a6fe6-0827-4810-8ea4-63bda424e29c", "properties": { "text": { "value": "{{components.table2.selectedRow.Name == undefined ? \"Select a bucket to view files stored in it.\" : \"Files in the selected bucket:\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "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": "bc49826d-cb39-42de-a207-d42e308ec8a7", "type": "desktop", "top": 30, "left": 32.558141027828526, "width": 14.000000000000002, "height": 40, "componentId": "cda396fa-1b18-47c6-a333-50b6a39ddada" } ] }, { "id": "7b2f8d93-5ef8-4a78-9f0b-6ad1aae07b91", "name": "text5", "type": "Text", "pageId": "bc8bd7fb-86c1-44ef-84bd-ba7353ea1948", "parent": "75903691-ec65-49fb-9acf-e35ad9757d30", "properties": { "text": { "value": "" }, "loadingState": { "value": "{{queries.getSignedUrl.isLoading}}", "fxActive": true } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#4285f4ff" }, "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": "{{queries?.getSignedUrl?.isLoading ?? false}}", "fxActive": 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": "c3f2e311-02ac-4b7e-a8c8-8be611cdd61d", "type": "desktop", "top": 10, "left": 95.34884394657414, "width": 1, "height": 40, "componentId": "7b2f8d93-5ef8-4a78-9f0b-6ad1aae07b91" } ] }, { "id": "667e6a97-be9c-4825-96c2-3c697b0b04eb", "name": "text6", "type": "Text", "pageId": "bc8bd7fb-86c1-44ef-84bd-ba7353ea1948", "parent": "75903691-ec65-49fb-9acf-e35ad9757d30", "properties": { "text": { "value": "Generating signed URL" }, "loadingState": { "value": "", "fxActive": false } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#4285f4ff" }, "textSize": { "value": 14 }, "textAlign": { "value": "right" }, "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": "{{queries?.getSignedUrl?.isLoading ?? false}}", "fxActive": 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": "e6d6ae00-6c8a-4c02-9980-372a9560b3b0", "type": "desktop", "top": 10.000007629394531, "left": 79.0697646019113, "width": 7, "height": 40, "componentId": "667e6a97-be9c-4825-96c2-3c697b0b04eb" } ] } ], "pages": [ { "id": "bc8bd7fb-86c1-44ef-84bd-ba7353ea1948", "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": "a11405c6-ff35-4e47-9416-05d832f83ec9" } ], "events": [ { "id": "6a4c28ca-4fbf-4b3d-a88b-71393de2e3ab", "name": "onClick", "index": 0, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "a25b2778-a8aa-4716-84b8-f31fbb66a3ff", "actionId": "run-query", "alertType": "info", "queryName": "uploadObject", "parameters": {} }, "sourceId": "bd4bd1c2-1bcf-4e10-abaa-2113c9b1fde7", "target": "component", "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "e37d7c5b-cdb4-4d83-8b38-ec3d15ae9022", "name": "onRowClicked", "index": 0, "event": { "eventId": "onRowClicked", "message": "Hello world!", "queryId": "fd36c608-c896-4b6f-9cb1-145aae7a4683", "actionId": "run-query", "alertType": "info", "queryName": "getObjects", "parameters": {} }, "sourceId": "a9eb170f-dad2-49eb-9174-89a2dc5e07c8", "target": "component", "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "145634c6-8cd5-483e-af47-0aeb3dfc69a3", "name": "onClick", "index": 0, "event": { "ref": "Action0", "eventId": "onClick", "message": "Hello world!", "queryId": "6bf734b4-456a-4ee7-8c03-4155117fd34c", "actionId": "run-query", "alertType": "info", "queryName": "getSignedUrl", "parameters": {} }, "sourceId": "bb36e2a5-522e-4bf2-94e2-2b8d875e77a8", "target": "table_action", "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "8f50db2d-9a06-4180-a87c-afd39ca35dfb", "name": "onDataQuerySuccess", "index": 1, "event": { "eventId": "onDataQuerySuccess", "message": "Image uploaded successfully.", "actionId": "show-alert", "alertType": "success" }, "sourceId": "a25b2778-a8aa-4716-84b8-f31fbb66a3ff", "target": "data_query", "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "3491dbbe-9f03-48b5-8838-89858c2770c0", "name": "onDataQuerySuccess", "index": 3, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "fd36c608-c896-4b6f-9cb1-145aae7a4683", "actionId": "run-query", "alertType": "info", "queryName": "getObjects", "parameters": {} }, "sourceId": "a25b2778-a8aa-4716-84b8-f31fbb66a3ff", "target": "data_query", "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "f9e0ab28-30ba-4b03-8135-b9df1c872559", "name": "onDataQueryFailure", "index": 4, "event": { "eventId": "onDataQueryFailure", "message": "Failed to upload image! Please check and try again.", "actionId": "show-alert", "alertType": "warning" }, "sourceId": "a25b2778-a8aa-4716-84b8-f31fbb66a3ff", "target": "data_query", "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "8781ddc6-acf9-4b0a-9c34-bc028eb78a55", "name": "onDataQuerySuccess", "index": 0, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "copy-to-clipboard", "alertType": "info", "contentToCopy": "{{queries.getSignedUrl.data.url}}" }, "sourceId": "6bf734b4-456a-4ee7-8c03-4155117fd34c", "target": "data_query", "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "20a5a1d8-f85f-48f6-8b58-bfecd15db945", "name": "onClick", "index": 0, "event": { "modal": "8dbaa01b-bef4-43fa-a451-ba618812a3ad", "eventId": "onClick", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "3858adfd-5d68-4888-848c-79c3e24587d5", "target": "component", "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "0797633a-d5c6-4b7a-be63-cfd8a16709ec", "name": "onClick", "index": 0, "event": { "modal": "8dbaa01b-bef4-43fa-a451-ba618812a3ad", "eventId": "onClick", "message": "Hello world!", "actionId": "show-modal", "alertType": "info", "queryName": "switchToUploader", "runOnlyIf": "", "componentId": "aac6738d-810f-4141-9dac-0e35cdfa779c", "componentSpecificActionHandle": "setTab", "componentSpecificActionParams": [ { "value": "1", "handle": "id", "displayName": "Id" } ] }, "sourceId": "df94b8dc-d62a-4047-953f-ab6864acb0ca", "target": "component", "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "db679b0a-6859-4227-9ed7-8a833d490753", "name": "onDataQuerySuccess", "index": 0, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "control-component", "alertType": "info", "componentId": "bb36e2a5-522e-4bf2-94e2-2b8d875e77a8", "componentSpecificActionHandle": "setPage", "componentSpecificActionParams": [ { "value": "{{1}}", "handle": "page" } ] }, "sourceId": "fd36c608-c896-4b6f-9cb1-145aae7a4683", "target": "data_query", "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "ace3ab62-956e-4b55-af58-3d4feab1bd29", "name": "onDataQuerySuccess", "index": 0, "event": { "modal": "8dbaa01b-bef4-43fa-a451-ba618812a3ad", "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "a25b2778-a8aa-4716-84b8-f31fbb66a3ff", "target": "data_query", "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "6e19abd4-64d4-420d-8f19-78bb52de48b7", "name": "onDataQuerySuccess", "index": 2, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "control-component", "alertType": "info", "componentId": "3cc9b90e-bbda-46db-8c14-fdc3659a7beb", "componentSpecificActionHandle": "clearFiles", "componentSpecificActionParams": [] }, "sourceId": "a25b2778-a8aa-4716-84b8-f31fbb66a3ff", "target": "data_query", "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" } ], "dataQueries": [ { "id": "fd36c608-c896-4b6f-9cb1-145aae7a4683", "name": "getObjects", "options": { "transformationLanguage": "javascript", "enableTransformation": true, "operation": "list_files", "bucket": "{{components.table2.selectedRow.Name}}", "events": [ { "eventId": "onDataQuerySuccess", "actionId": "control-component", "message": "Hello world!", "alertType": "info", "componentSpecificActionHandle": "setPage", "componentId": "a49e6b60-0c29-4ac7-b0ac-1e9bb85b0cee", "componentSpecificActionParams": [ { "handle": "page", "value": "{{1}}" } ] } ], "transformation": "function convertBytesToSize(bytes) {\n const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\", \"TB\"];\n if (bytes === 0) return \"0 Byte\";\n\n const i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));\n const roundedSize = parseFloat(\n (bytes / Math.pow(1024, i)).toFixed(2)\n ).toString();\n return roundedSize + \" \" + sizes[i];\n}\n\nvar files = data.files.map((file) => ({\n ...file,\n size: convertBytesToSize(parseInt(file.size)),\n}));\n\nreturn { files };" }, "dataSourceId": "255e9db0-3ce8-4f7d-af77-0a3d3b4dd769", "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "createdAt": "2023-11-02T10:59:37.238Z", "updatedAt": "2024-01-02T13:09:25.061Z" }, { "id": "a25b2778-a8aa-4716-84b8-f31fbb66a3ff", "name": "uploadObject", "options": { "transformationLanguage": "javascript", "enableTransformation": false, "operation": "upload_file", "bucket": "{{components.table2.selectedRow.Name}}", "file": "{{`${components.textinput2.value}${components.filepicker1.file[0].name.slice(components.filepicker1.file[0].name.lastIndexOf(\".\"))}`}}", "contentType": "{{components.filepicker1.file[0].type}}", "data": "{{components.filepicker1.file[0].base64Data}}", "encoding": "base64", "events": [ { "eventId": "onDataQuerySuccess", "actionId": "close-modal", "message": "Hello world!", "alertType": "info", "modal": "22c90be5-7657-49b7-8128-e9d3fbae4d9e" }, { "eventId": "onDataQuerySuccess", "actionId": "show-alert", "message": "Image uploaded successfully.", "alertType": "success" }, { "eventId": "onDataQuerySuccess", "actionId": "control-component", "message": "Hello world!", "alertType": "info", "componentSpecificActionHandle": "clearFiles", "componentId": "b26452e5-bc4e-4545-acf5-94b58a41a8d7", "componentSpecificActionParams": [] }, { "eventId": "onDataQuerySuccess", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "fd36c608-c896-4b6f-9cb1-145aae7a4683", "queryName": "getObjects", "parameters": {} }, { "eventId": "onDataQueryFailure", "actionId": "show-alert", "message": "Failed to upload image! Please check and try again.", "alertType": "warning" } ] }, "dataSourceId": "255e9db0-3ce8-4f7d-af77-0a3d3b4dd769", "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "createdAt": "2023-11-02T10:59:37.238Z", "updatedAt": "2023-12-26T14:38:48.771Z" }, { "id": "6bf734b4-456a-4ee7-8c03-4155117fd34c", "name": "getSignedUrl", "options": { "transformationLanguage": "javascript", "enableTransformation": false, "operation": "signed_url_for_get", "bucket": "{{components.table2.selectedRow.Name}}", "file": "{{components.table3.selectedRow.name}}", "events": [ { "eventId": "onDataQuerySuccess", "actionId": "copy-to-clipboard", "message": "Hello world!", "alertType": "info", "contentToCopy": "{{queries.getSignedUrl.data.url}}" } ] }, "dataSourceId": "255e9db0-3ce8-4f7d-af77-0a3d3b4dd769", "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "createdAt": "2023-11-02T10:59:37.238Z", "updatedAt": "2023-12-26T14:38:54.514Z" }, { "id": "f071c639-217f-472b-a1fb-bd45e9ff014d", "name": "getBuckets", "options": { "transformationLanguage": "javascript", "enableTransformation": true, "operation": "list_buckets", "runOnPageLoad": true, "transformation": "return data.buckets.map((row) => ({Name: row}));" }, "dataSourceId": "255e9db0-3ce8-4f7d-af77-0a3d3b4dd769", "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "createdAt": "2023-11-02T10:59:37.238Z", "updatedAt": "2024-01-02T13:10:02.294Z" } ], "dataSources": [ { "id": "255e9db0-3ce8-4f7d-af77-0a3d3b4dd769", "name": "GCS File Explorer", "kind": "gcs", "type": "default", "pluginId": null, "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "scope": "global", "createdAt": "2023-11-02T10:59:37.238Z", "updatedAt": "2023-11-02T11:00:26.649Z" }, { "id": "2d2a5b13-050e-43d1-a16f-1ce0d9ea9ec7", "name": "restapidefault", "kind": "restapi", "type": "static", "pluginId": null, "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "organizationId": null, "scope": "local", "createdAt": "2023-11-02T10:59:37.305Z", "updatedAt": "2023-11-02T10:59:37.305Z" }, { "id": "4d5784ca-9617-4125-b4c5-86256ce3c95f", "name": "runjsdefault", "kind": "runjs", "type": "static", "pluginId": null, "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "organizationId": null, "scope": "local", "createdAt": "2023-11-02T10:59:37.314Z", "updatedAt": "2023-11-02T10:59:37.314Z" }, { "id": "d13e9a76-9984-4ef7-9164-369f8865eca0", "name": "runpydefault", "kind": "runpy", "type": "static", "pluginId": null, "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "organizationId": null, "scope": "local", "createdAt": "2023-11-02T10:59:37.322Z", "updatedAt": "2023-11-02T10:59:37.322Z" }, { "id": "8d833d32-daeb-4eb9-83aa-f712b93d37c1", "name": "tooljetdbdefault", "kind": "tooljetdb", "type": "static", "pluginId": null, "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "organizationId": null, "scope": "local", "createdAt": "2023-11-02T10:59:37.333Z", "updatedAt": "2023-11-02T10:59:37.333Z" }, { "id": "b50c19ac-99e4-46c3-917f-e54a3f7f7e6b", "name": "workflowsdefault", "kind": "workflows", "type": "static", "pluginId": null, "appVersionId": "a11405c6-ff35-4e47-9416-05d832f83ec9", "organizationId": null, "scope": "local", "createdAt": "2023-11-02T10:59:37.348Z", "updatedAt": "2023-11-02T10:59:37.348Z" } ], "appVersions": [ { "id": "a11405c6-ff35-4e47-9416-05d832f83ec9", "name": "v1", "definition": { "showViewerNavigation": false, "homePageId": "618e84d3-ca56-4615-8511-eff8c3fb7d14", "pages": { "618e84d3-ca56-4615-8511-eff8c3fb7d14": { "components": { "59487773-99d3-4b3d-b43d-a8bb92d0f6b1": { "component": { "properties": { "loadingState": { "type": "toggle", "displayName": "loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#ffffffff", "fxActive": false }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 10px 0px #88888880" } }, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "container1", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 20, "left": 2.325581325172176, "width": 41, "height": 70 } }, "withDefaultChildren": false }, "afeeaa7c-0509-49de-932e-e640f4a99ad8": { "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": "{{22}}" }, "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": "Google Cloud Storage Explorer" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text2", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "59487773-99d3-4b3d-b43d-a8bb92d0f6b1", "layouts": { "desktop": { "top": 10, "left": 2.347106383607878, "width": 13.993303186907838, "height": 40 } }, "withDefaultChildren": false }, "22c90be5-7657-49b7-8128-e9d3fbae4d9e": { "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } }, "useDefaultButton": { "type": "toggle", "displayName": "Use default trigger button", "validation": { "schema": { "type": "boolean" } } }, "triggerButtonLabel": { "type": "code", "displayName": "Trigger button label", "validation": { "schema": { "type": "string" } } }, "hideTitleBar": { "type": "toggle", "displayName": "Hide title bar" }, "hideCloseButton": { "type": "toggle", "displayName": "Hide close button" }, "hideOnEsc": { "type": "toggle", "displayName": "Close on escape key" }, "closeOnClickingOutside": { "type": "toggle", "displayName": "Close on clicking outside" }, "size": { "type": "select", "displayName": "Modal size", "options": [ { "name": "small", "value": "sm" }, { "name": "medium", "value": "lg" }, { "name": "large", "value": "xl" } ], "validation": { "schema": { "type": "string" } } }, "modalHeight": { "type": "code", "displayName": "Modal Height", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onOpen": { "displayName": "On open" }, "onClose": { "displayName": "On close" } }, "styles": { "headerBackgroundColor": { "type": "color", "displayName": "Header background color", "validation": { "schema": { "type": "string" } } }, "headerTextColor": { "type": "color", "displayName": "Header title color", "validation": { "schema": { "type": "string" } } }, "bodyBackgroundColor": { "type": "color", "displayName": "Body background color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "triggerButtonBackgroundColor": { "type": "color", "displayName": "Trigger button background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "triggerButtonTextColor": { "type": "color", "displayName": "Trigger button text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "headerBackgroundColor": { "value": "#4285f4ff" }, "headerTextColor": { "value": "#ffffffff" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#4D72FA" }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Upload file" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Launch Modal" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "400px" } }, "general": {}, "exposedVariables": {} }, "name": "modal1", "displayName": "Modal", "description": "Modal triggered by events", "component": "Modal", "defaultSize": { "width": 10, "height": 34 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 804, "left": 88.37208832796597, "width": 4, "height": 50 } }, "withDefaultChildren": false }, "73b65b00-5865-441a-8062-6a2716c8bb93": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Upload an image file to GCS bucket: {{components.table2.selectedRow.Name}}" }, "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" } ] } ] }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 20.00000762939453, "left": 4.651168588027936, "width": 38.986914555937034, "height": 40 } }, "withDefaultChildren": false }, "2d14b7de-a28f-45c8-87ab-af456a209b20": { "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": "a25b2778-a8aa-4716-84b8-f31fbb66a3ff", "queryName": "uploadObject", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#1b73e8ff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{components.textinput2.value == \"\" || components.filepicker1.file.length == 0}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Upload" }, "loadingState": { "value": "{{queries.uploadObject.isLoading}}", "fxActive": true } }, "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" } ] } ] }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 330, "left": 79.06977621357093, "width": 7.036632765433699, "height": 40 } }, "withDefaultChildren": false }, "c45a4353-c94b-4aed-9ee7-8ebf2f7e2212": { "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "close-modal", "message": "Hello world!", "alertType": "info", "modal": "22c90be5-7657-49b7-8128-e9d3fbae4d9e" } ], "styles": { "backgroundColor": { "value": "#1b73e80d" }, "textColor": { "value": "#1b73e8ff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#1b73e8ff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button4", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 330, "left": 60.46512903792135, "width": 7.036632765433699, "height": 40 } }, "withDefaultChildren": false }, "b26452e5-bc4e-4545-acf5-94b58a41a8d7": { "component": { "properties": { "instructionText": { "type": "code", "displayName": "Instruction Text", "validation": { "schema": { "type": "string" } } }, "enableDropzone": { "type": "code", "displayName": "Use Drop zone", "validation": { "schema": { "type": "boolean" } } }, "enablePicker": { "type": "code", "displayName": "Use File Picker", "validation": { "schema": { "type": "boolean" } } }, "enableMultiple": { "type": "code", "displayName": "Pick multiple files", "validation": { "schema": { "type": "boolean" } } }, "maxFileCount": { "type": "code", "displayName": "Max file count", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "fileType": { "type": "code", "displayName": "Accept file types", "validation": { "schema": { "type": "string" } } }, "maxSize": { "type": "code", "displayName": "Max size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minSize": { "type": "code", "displayName": "Min size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "parseContent": { "type": "toggle", "displayName": "Parse content", "validation": { "schema": { "type": "boolean" } } }, "parseFileType": { "type": "select", "displayName": "File type", "options": [ { "name": "Autodetect from extension", "value": "auto-detect" }, { "name": "CSV", "value": "csv" }, { "name": "Microsoft Excel - xls", "value": "vnd.ms-excel" }, { "name": "Microsoft Excel - xlsx", "value": "vnd.openxmlformats-officedocument.spreadsheetml.sheet" } ], "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onFileSelected": { "displayName": "On File Selected" }, "onFileLoaded": { "displayName": "On File Loaded" }, "onFileDeselected": { "displayName": "On File Deselected" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{10}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "instructionText": { "value": "Drag and Drop an image file here, or click to select an image file" }, "enableDropzone": { "value": "{{true}}" }, "enablePicker": { "value": "{{true}}" }, "maxFileCount": { "value": "{{1}}" }, "enableMultiple": { "value": "{{false}}" }, "fileType": { "value": "{{\"image/*\"}}" }, "maxSize": { "value": "{{1048576}}" }, "minSize": { "value": "{{50}}" }, "parseContent": { "value": "{{false}}" }, "parseFileType": { "value": "auto-detect" } }, "general": {}, "exposedVariables": {} }, "name": "filepicker1", "displayName": "File Picker", "description": "File Picker", "component": "FilePicker", "defaultSize": { "width": 15, "height": 100 }, "actions": [ { "handle": "clearFiles", "displayName": "Clear Files" } ], "exposedVariables": { "file": [ { "name": "", "content": "", "dataURL": "", "type": "", "parsedData": "" } ], "isParsing": false } }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 180, "left": 4.651173686998922, "width": 39.00000000000001, "height": 130 } }, "withDefaultChildren": false }, "94cb14f6-8b09-4e44-b338-b0cb817f61ab": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "File Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text4", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 80, "left": 4.6511588228167575, "width": 39.00000000000001, "height": 30 } }, "withDefaultChildren": false }, "bb00d395-fbda-4c36-9fbb-f857192e2453": { "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": "{{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": "Enter file name according to Google Cloud Storage conventions" } }, "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" } ] } ] }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 110.00000762939453, "left": 4.651180408209157, "width": 38.986914555937034, "height": 40 } }, "withDefaultChildren": false }, "5920cde4-3e72-4531-a2d3-c97574bffc6a": { "component": { "properties": { "loadingState": { "type": "toggle", "displayName": "loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#ffffffff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 10px 0px #88888880" } }, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "container2", "displayName": "Container", "description": "Group components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 110.00003051757812, "left": 2.3255813953488373, "width": 41, "height": 660 } }, "withDefaultChildren": false }, "a86d4752-2f8a-48df-a42c-ce2177b5dbe5": { "id": "a86d4752-2f8a-48df-a42c-ce2177b5dbe5", "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" } } }, "allowSelection": { "type": "toggle", "displayName": "Allow selection", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } }, "showAddNewRowButton": { "type": "toggle", "displayName": "Show add new row button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Regular", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Compact", "value": "compact" }, { "name": "Spacious", "value": "spacious" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onRowClicked", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "fd36c608-c896-4b6f-9cb1-145aae7a4683", "queryName": "getObjects", "parameters": {} } ], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "condensed" }, "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.getBuckets.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getBuckets.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": "{{false}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{true}}" }, "showDownloadButton": { "value": "{{false}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true }, "columns": { "value": [ { "id": "4d5e17e8-d0c6-416e-b086-6f3f357ece04", "name": "Buckets", "key": "Name", "columnType": "string", "autogenerated": true, "cellBackgroundColor": "{{rowData.Name == components.table2.selectedRow.Name ? \"#4285f4\" : \"inherit\"}}", "textColor": "{{rowData.Name == components.table2.selectedRow.Name ? \"#FFFFFF\" : \"\"}}" } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{true}}" }, "columnSizes": { "value": "{{({})}}" }, "actions": { "value": [] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "id", "email", "CreationDate" ] } }, "general": {}, "exposedVariables": {} }, "name": "table2", "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" }, { "displayName": "Download table data", "handle": "downloadTableData", "params": [ { "handle": "type", "displayName": "Type", "options": [ { "name": "Download as Excel", "value": "xlsx" }, { "name": "Download as CSV", "value": "csv" }, { "name": "Download as PDF", "value": "pdf" } ], "defaultValue": "{{Download as Excel}}", "type": "select" } ] } ] }, "layouts": { "desktop": { "top": 30.00000762939453, "left": 2.3255868180426593, "width": 12.000000000000002, "height": 590 } }, "parent": "5920cde4-3e72-4531-a2d3-c97574bffc6a" }, "a49e6b60-0c29-4ac7-b0ac-1e9bb85b0cee": { "id": "a49e6b60-0c29-4ac7-b0ac-1e9bb85b0cee", "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" } } }, "allowSelection": { "type": "toggle", "displayName": "Allow selection", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } }, "showAddNewRowButton": { "type": "toggle", "displayName": "Show add new row button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Regular", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Compact", "value": "compact" }, { "name": "Spacious", "value": "spacious" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "10" }, "tableType": { "value": "table-striped" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getObjects.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getObjects.data.files}}" }, "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": "{{true}}" }, "autogenerateColumns": { "value": true }, "columns": { "value": [ { "id": "3d4fdcf8-b327-4fc8-9882-8df2b38136c8", "name": "name", "key": "name", "columnType": "string", "autogenerated": true }, { "id": "99787589-b11c-4da1-890a-41baa2c9b7dc", "name": "last modified", "key": "updated", "columnType": "string", "autogenerated": true }, { "id": "a2b3742e-3981-49e3-9efb-bf8a9fe804ab", "name": "size", "key": "size", "columnType": "string", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "ea9cee72-c734-4069-9618-67a5d5617834": 279, "1c53ddfe-d4ce-4557-9dbf-6ca80b9673dd": 72, "1b26d091-d602-47af-bd5c-87179e1092da": 415, "3d4fdcf8-b327-4fc8-9882-8df2b38136c8": 415, "99787589-b11c-4da1-890a-41baa2c9b7dc": 279, "a2b3742e-3981-49e3-9efb-bf8a9fe804ab": 90 } }, "actions": { "value": [ { "name": "Action0", "buttonText": "Copy signed URL", "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "6bf734b4-456a-4ee7-8c03-4155117fd34c", "queryName": "getSignedUrl", "parameters": {} } ], "position": "right", "textColor": "#4285f4ff", "backgroundColor": "#ffffff00", "fxActive": true, "disableActionButton": "{{queries.getSignedUrl.isLoading}}" } ] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "ETag", "StorageClass", "kind", "id", "selfLink", "mediaLink", "bucket", "generation", "metageneration", "contentType", "storageClass", "md5Hash", "crc32c", "etag", "updated", "timeStorageClassUpdated", "timeCreated" ] }, "serverSideSearch": { "value": "" } }, "general": {}, "exposedVariables": {} }, "name": "table3", "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" }, { "displayName": "Download table data", "handle": "downloadTableData", "params": [ { "handle": "type", "displayName": "Type", "options": [ { "name": "Download as Excel", "value": "xlsx" }, { "name": "Download as CSV", "value": "csv" }, { "name": "Download as PDF", "value": "pdf" } ], "defaultValue": "{{Download as Excel}}", "type": "select" } ] } ] }, "layouts": { "desktop": { "top": 80, "left": 32.55814055452974, "width": 28, "height": 540 } }, "parent": "5920cde4-3e72-4531-a2d3-c97574bffc6a" }, "d28af613-c578-4dd0-a60d-eb20e0a81dad": { "id": "d28af613-c578-4dd0-a60d-eb20e0a81dad", "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "queryName": "switchToUploader", "runOnlyIf": "", "componentSpecificActionHandle": "setTab", "componentId": "aac6738d-810f-4141-9dac-0e35cdfa779c", "componentSpecificActionParams": [ { "handle": "id", "displayName": "Id", "value": "1" } ] } ], "styles": { "backgroundColor": { "value": "#1b73e8ff", "fxActive": false }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ffffff00" }, "disabledState": { "value": "{{components.table2.selectedRow.Name == undefined}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Upload file" }, "loadingState": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "{{components.table2.selectedRow.Name == undefined ? \"Select a bucket to upload file\" : \"\"}}" } }, "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": 29.99999237060547, "left": 86.0465399904129, "width": 5.03934847036995, "height": 40 } }, "parent": "5920cde4-3e72-4531-a2d3-c97574bffc6a" }, "1548137c-e4ce-4bca-90e5-f9923b51fbf3": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components.table2.selectedRow.Name == undefined ? \"Select a bucket to view files stored in it.\" : \"Files in the selected bucket:\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text9", "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": "5920cde4-3e72-4531-a2d3-c97574bffc6a", "layouts": { "desktop": { "top": 30, "left": 32.558141027828526, "width": 14.000000000000002, "height": 40 } }, "withDefaultChildren": false }, "ad5f5b17-c77c-4195-8084-f6b25c7e71ee": { "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": "#4285f4ff" }, "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": "{{queries?.getSignedUrl?.isLoading ?? false}}", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "" }, "loadingState": { "value": "{{queries.getSignedUrl.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "text5", "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": "59487773-99d3-4b3d-b43d-a8bb92d0f6b1", "layouts": { "desktop": { "top": 10, "left": 95.34884394657414, "width": 1, "height": 40 } }, "withDefaultChildren": false }, "31e9f96a-7936-4bdf-b2dc-dae018d63fea": { "id": "31e9f96a-7936-4bdf-b2dc-dae018d63fea", "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": "#4285f4ff" }, "textSize": { "value": 14 }, "textAlign": { "value": "right" }, "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": "{{queries?.getSignedUrl?.isLoading ?? false}}", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Generating signed URL" }, "loadingState": { "value": "", "fxActive": false } }, "general": {}, "exposedVariables": {} }, "name": "text6", "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" } ] } ] }, "layouts": { "desktop": { "top": 10.000007629394531, "left": 79.0697646019113, "width": 7, "height": 40 } }, "parent": "59487773-99d3-4b3d-b43d-a8bb92d0f6b1" } }, "handle": "home", "name": "Home" } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": "5000", "canvasMaxWidthType": "px", "canvasMaxHeight": 2400, "canvasBackgroundColor": "", "backgroundFxQuery": "" }, "components": { "aac6738d-810f-4141-9dac-0e35cdfa779c": { "component": { "properties": { "tabs": { "type": "code", "displayName": "Tabs", "validation": { "schema": { "type": "array", "element": { "type": "object", "object": { "id": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } } } }, "defaultTab": { "type": "code", "displayName": "Default tab", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "hideTabs": { "type": "toggle", "displayName": "Hide Tabs", "validation": { "schema": { "type": "boolean" } } }, "renderOnlyActiveTab": { "type": "toggle", "displayName": "Render only active tab", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onTabSwitch": { "displayName": "On tab switch" } }, "styles": { "highlightColor": { "type": "color", "displayName": "Highlight Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "tabWidth": { "type": "select", "displayName": "Tab width", "options": [ { "name": "Auto", "value": "auto" }, { "name": "Equally split", "value": "split" } ] } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "highlightColor": { "value": "#ec912dff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "tabWidth": { "value": "auto" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "tabs": { "value": "{{[ \n\t\t{ title: 'Browser', id: '0' }, \n\t\t{ title: 'Uploader', id: '1' }, \n ]}}" }, "defaultTab": { "value": "0" }, "hideTabs": { "value": false }, "renderOnlyActiveTab": { "value": true } }, "general": {}, "exposedVariables": {} }, "name": "tabs1", "displayName": "Tabs", "description": "Tabs component", "defaultSize": { "width": 30, "height": 300 }, "defaultChildren": [ { "componentName": "Image", "layout": { "top": 60, "left": 37, "height": 100 }, "tab": 0, "properties": [ "source" ], "defaultValue": { "source": "https://uploads-ssl.webflow.com/6266634263b9179f76b2236e/62666392f32677b5cb2fb84b_logo.svg" } }, { "componentName": "Text", "layout": { "top": 100, "left": 17, "height": 50, "width": 34 }, "tab": 1, "properties": [ "text" ], "defaultValue": { "text": "Open-source low-code framework to build & deploy internal tools within minutes." } }, { "componentName": "Table", "layout": { "top": 0, "left": 1, "width": 42, "height": 250 }, "tab": 2 } ], "component": "Tabs", "actions": [ { "handle": "setTab", "displayName": "Set current tab", "params": [ { "handle": "id", "displayName": "Id" } ] } ], "exposedVariables": { "currentTab": "" } }, "layouts": { "desktop": { "top": 120, "left": 6.953317528514922, "width": 36, "height": 670 } }, "withDefaultChildren": false }, "c5b6efb3-490a-494e-804d-2862575f399d": { "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" } } }, "allowSelection": { "type": "toggle", "displayName": "Allow selection", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } }, "showAddNewRowButton": { "type": "toggle", "displayName": "Show add new row button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Borderless", "value": "table-borderless" }, { "name": "Classic", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" }, { "name": "Striped & bordered", "value": "table-striped table-bordered" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Compact", "value": "compact" }, { "name": "Spacious", "value": "spacious" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "compact" }, "borderRadius": { "value": "0" }, "tableType": { "value": "table-bordered" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "data": { "value": "{{ [ \n\t\t{ id: 1, name: 'Sarah', email: 'sarah@example.com'}, \n\t\t{ id: 2, name: 'Lisa', email: 'lisa@example.com'}, \n\t\t{ id: 3, name: 'Sam', email: 'sam@example.com'}, \n\t\t{ id: 4, name: 'Jon', email: 'jon@example.com'} \n] }}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": "{{false}}" }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "clientSidePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{true}}" }, "showDownloadButton": { "value": "{{true}}" }, "showFilterButton": { "value": "{{true}}" }, "autogenerateColumns": { "value": true }, "columns": { "value": [ { "name": "id", "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737", "autogenerated": true }, { "name": "name", "id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a", "autogenerated": true }, { "name": "email", "id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{true}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": "{{({})}}" }, "actions": { "value": [] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "showAddNewRowButton": { "value": "{{true}}" }, "allowSelection": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "table1", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 20, "height": 358 }, "exposedVariables": { "selectedRow": {}, "changeSet": {}, "dataUpdates": [], "pageIndex": 1, "searchText": "", "selectedRows": [], "filters": [] }, "actions": [ { "handle": "setPage", "displayName": "Set page", "params": [ { "handle": "page", "displayName": "Page", "defaultValue": "{{1}}" } ] }, { "handle": "selectRow", "displayName": "Select row", "params": [ { "handle": "key", "displayName": "Key" }, { "handle": "value", "displayName": "Value" } ] }, { "handle": "deselectRow", "displayName": "Deselect row" }, { "handle": "discardChanges", "displayName": "Discard Changes" }, { "handle": "discardNewlyAddedRows", "displayName": "Discard newly added rows" }, { "displayName": "Download table data", "handle": "downloadTableData", "params": [ { "handle": "type", "displayName": "Type", "options": [ { "name": "Download as Excel", "value": "xlsx" }, { "name": "Download as CSV", "value": "csv" }, { "name": "Download as PDF", "value": "pdf" } ], "defaultValue": "{{Download as Excel}}", "type": "select" } ] } ] }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-2", "layouts": { "desktop": { "top": 0, "left": 1, "width": 42, "height": 250 } } }, "59487773-99d3-4b3d-b43d-a8bb92d0f6b1": { "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": "#2C3748", "fxActive": true }, "borderRadius": { "value": "0" }, "borderColor": { "value": "#ffffff00" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "container1", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 0, "left": -0.019166757772257036, "width": 43, "height": 90 } }, "withDefaultChildren": false }, "643a3d7e-0eba-49c0-b073-d5b20e7c7b3b": { "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" } } }, "allowSelection": { "type": "toggle", "displayName": "Allow selection", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } }, "showAddNewRowButton": { "type": "toggle", "displayName": "Show add new row button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Borderless", "value": "table-borderless" }, { "name": "Classic", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" }, { "name": "Striped & bordered", "value": "table-striped table-bordered" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Compact", "value": "compact" }, { "name": "Spacious", "value": "spacious" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onRowClicked", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "d39a7124-2edd-4f44-bf84-dc465a7d2e5b", "queryName": "getObjects" } ], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "spacious" }, "borderRadius": { "value": "5" }, "tableType": { "value": "table-striped" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "data": { "value": "{{queries.getBuckets.data.Buckets}}" }, "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": "{{false}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{true}}" }, "showDownloadButton": { "value": "{{false}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true }, "columns": { "value": [ { "id": "4d5e17e8-d0c6-416e-b086-6f3f357ece04", "name": "Buckets", "key": "Name", "columnType": "string", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": "{{({})}}" }, "actions": { "value": [] }, "enabledSort": { "value": "{{false}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "id", "email", "CreationDate" ] } }, "general": {}, "exposedVariables": {} }, "name": "table2", "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" }, { "displayName": "Download table data", "handle": "downloadTableData", "params": [ { "handle": "type", "displayName": "Type", "options": [ { "name": "Download as Excel", "value": "xlsx" }, { "name": "Download as CSV", "value": "csv" }, { "name": "Download as PDF", "value": "pdf" } ], "defaultValue": "{{Download as Excel}}", "type": "select" } ] } ] }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-0", "layouts": { "desktop": { "top": 20, "left": 2.325613821749114, "width": 10.973363744220382, "height": 590 } }, "withDefaultChildren": false }, "afeeaa7c-0509-49de-932e-e640f4a99ad8": { "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": "{{22}}" }, "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": "AWS S3 File Browser" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text2", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "59487773-99d3-4b3d-b43d-a8bb92d0f6b1", "layouts": { "desktop": { "top": 20, "left": 2.3471096549217116, "width": 13.993303186907838, "height": 40 } }, "withDefaultChildren": false }, "b58c165d-312f-4ad7-907b-8f4467207a81": { "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", "fxActive": false }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "icon": { "value": "IconLogout" } }, "general": {}, "exposedVariables": {} }, "name": "icon1", "displayName": "Icon", "description": "Icon", "defaultSize": { "width": 5, "height": 48 }, "component": "Icon", "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "displayName": "Set Visibility", "handle": "setVisibility", "params": [ { "handle": "value", "displayName": "Value", "defaultValue": "{{true}}", "type": "toggle" } ] } ] }, "parent": "59487773-99d3-4b3d-b43d-a8bb92d0f6b1", "layouts": { "desktop": { "top": 28, "left": 93.65342265740117, "width": 0.9786882267441847, "height": 30 } }, "withDefaultChildren": false }, "5d14cc41-dd47-4de3-b9e6-8c72286da085": { "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" } } }, "allowSelection": { "type": "toggle", "displayName": "Allow selection", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } }, "showAddNewRowButton": { "type": "toggle", "displayName": "Show add new row button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action Button Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Borderless", "value": "table-borderless" }, { "name": "Classic", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" }, { "name": "Striped & bordered", "value": "table-striped table-bordered" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Compact", "value": "compact" }, { "name": "Spacious", "value": "spacious" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "spacious" }, "borderRadius": { "value": "5" }, "tableType": { "value": "table-striped" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getObjects.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getObjects.data.Contents}}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": "{{false}}" }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "clientSidePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{true}}" }, "showDownloadButton": { "value": "{{false}}" }, "showFilterButton": { "value": "{{false}}" }, "autogenerateColumns": { "value": true }, "columns": { "value": [ { "id": "1b26d091-d602-47af-bd5c-87179e1092da", "name": "Key", "key": "Key", "columnType": "string", "autogenerated": true }, { "id": "ea9cee72-c734-4069-9618-67a5d5617834", "name": "LastModified", "key": "LastModified", "columnType": "string", "autogenerated": true }, { "id": "1c53ddfe-d4ce-4557-9dbf-6ca80b9673dd", "name": "Size", "key": "Size", "columnType": "number", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "ea9cee72-c734-4069-9618-67a5d5617834": 237, "1c53ddfe-d4ce-4557-9dbf-6ca80b9673dd": 47, "1b26d091-d602-47af-bd5c-87179e1092da": 391 } }, "actions": { "value": [] }, "enabledSort": { "value": "{{false}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "ETag", "StorageClass" ] }, "serverSideSearch": { "value": "" } }, "general": {}, "exposedVariables": {} }, "name": "table3", "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" }, { "displayName": "Download table data", "handle": "downloadTableData", "params": [ { "handle": "type", "displayName": "Type", "options": [ { "name": "Download as Excel", "value": "xlsx" }, { "name": "Download as CSV", "value": "csv" }, { "name": "Download as PDF", "value": "pdf" } ], "defaultValue": "{{Download as Excel}}", "type": "select" } ] } ] }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-0", "layouts": { "desktop": { "top": 85, "left": 30.23277648693854, "width": 29.023997256310512, "height": 520 } }, "withDefaultChildren": false }, "57e932d8-11e9-402d-ba82-9c5c8b8d62eb": { "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "22c90be5-7657-49b7-8128-e9d3fbae4d9e" } ], "styles": { "backgroundColor": { "value": "#ec912dff", "fxActive": true }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ec912dff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Upload files" }, "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" } ] } ] }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-0", "layouts": { "desktop": { "top": 20, "left": 86.00513695268548, "width": 5.03934847036995, "height": 40 } }, "withDefaultChildren": false }, "33c07316-9b9a-4c68-a7a2-1afee1b881a6": { "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": "{{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": "Prefix" } }, "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" } ] } ] }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-0", "layouts": { "desktop": { "top": 20, "left": 30.272567524824503, "width": 12.002668604065757, "height": 40 } }, "withDefaultChildren": false }, "cc871558-cd81-48a1-a654-5f076cadad8c": { "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": "#ffffffff" }, "textColor": { "value": "#ec912dff", "fxActive": true }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ec912dff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Search" }, "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" } ] } ] }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-0", "layouts": { "desktop": { "top": 20, "left": 58.139530795373226, "width": 4.000849940323339, "height": 40 } }, "withDefaultChildren": false }, "22c90be5-7657-49b7-8128-e9d3fbae4d9e": { "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } }, "useDefaultButton": { "type": "toggle", "displayName": "Use default trigger button", "validation": { "schema": { "type": "boolean" } } }, "triggerButtonLabel": { "type": "code", "displayName": "Trigger button label", "validation": { "schema": { "type": "string" } } }, "hideTitleBar": { "type": "toggle", "displayName": "Hide title bar" }, "hideCloseButton": { "type": "toggle", "displayName": "Hide close button" }, "hideOnEsc": { "type": "toggle", "displayName": "Close on escape key" }, "closeOnClickingOutside": { "type": "toggle", "displayName": "Close on clicking outside" }, "size": { "type": "select", "displayName": "Modal size", "options": [ { "name": "small", "value": "sm" }, { "name": "medium", "value": "lg" }, { "name": "large", "value": "xl" } ], "validation": { "schema": { "type": "string" } } }, "modalHeight": { "type": "code", "displayName": "Modal Height", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onOpen": { "displayName": "On open" }, "onClose": { "displayName": "On close" } }, "styles": { "headerBackgroundColor": { "type": "color", "displayName": "Header background color", "validation": { "schema": { "type": "string" } } }, "headerTextColor": { "type": "color", "displayName": "Header title color", "validation": { "schema": { "type": "string" } } }, "bodyBackgroundColor": { "type": "color", "displayName": "Body background color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "triggerButtonBackgroundColor": { "type": "color", "displayName": "Trigger button background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "triggerButtonTextColor": { "type": "color", "displayName": "Trigger button text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "headerBackgroundColor": { "value": "#ffffffff" }, "headerTextColor": { "value": "#000000" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#4D72FA" }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Upload file" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Launch Modal" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "400px" } }, "general": {}, "exposedVariables": {} }, "name": "modal1", "displayName": "Modal", "description": "Modal triggered by events", "component": "Modal", "defaultSize": { "width": 10, "height": 34 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 940, "left": 37.2093025964635, "width": 10, "height": 34 } }, "withDefaultChildren": false }, "73b65b00-5865-441a-8062-6a2716c8bb93": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Upload you files to S3 bucket: {{components.table2.selectedRow.Name}}" }, "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" } ] } ] }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 20, "left": 4.651165021277508, "width": 38.986914555937034, "height": 40 } }, "withDefaultChildren": false }, "2d14b7de-a28f-45c8-87ab-af456a209b20": { "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": "4d945178-ffd4-447a-a452-819154bead88", "queryName": "s33" } ], "styles": { "backgroundColor": { "value": "#f5a623ff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#375FCF" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Upload" }, "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" } ] } ] }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 310, "left": 4.651170644788405, "width": 7.036632765433699, "height": 40 } }, "withDefaultChildren": false }, "c45a4353-c94b-4aed-9ee7-8ebf2f7e2212": { "component": { "properties": { "text": { "type": "code", "displayName": "Button Text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "close-modal", "message": "Hello world!", "alertType": "info", "modal": "22c90be5-7657-49b7-8128-e9d3fbae4d9e" } ], "styles": { "backgroundColor": { "value": "#fcfbf9ff" }, "textColor": { "value": "#f5a623ff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#375FCF" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button4", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": {}, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 310, "left": 23.255816865301114, "width": 7.036632765433699, "height": 40 } }, "withDefaultChildren": false }, "b26452e5-bc4e-4545-acf5-94b58a41a8d7": { "component": { "properties": { "instructionText": { "type": "code", "displayName": "Instruction Text", "validation": { "schema": { "type": "string" } } }, "enableDropzone": { "type": "code", "displayName": "Use Drop zone", "validation": { "schema": { "type": "boolean" } } }, "enablePicker": { "type": "code", "displayName": "Use File Picker", "validation": { "schema": { "type": "boolean" } } }, "enableMultiple": { "type": "code", "displayName": "Pick multiple files", "validation": { "schema": { "type": "boolean" } } }, "maxFileCount": { "type": "code", "displayName": "Max file count", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "fileType": { "type": "code", "displayName": "Accept file types", "validation": { "schema": { "type": "string" } } }, "maxSize": { "type": "code", "displayName": "Max size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minSize": { "type": "code", "displayName": "Min size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "parseContent": { "type": "toggle", "displayName": "Parse content", "validation": { "schema": { "type": "boolean" } } }, "parseFileType": { "type": "select", "displayName": "File type", "options": [ { "name": "Autodetect from extension", "value": "auto-detect" }, { "name": "CSV", "value": "csv" }, { "name": "Microsoft Excel - xls", "value": "vnd.ms-excel" }, { "name": "Microsoft Excel - xlsx", "value": "vnd.openxmlformats-officedocument.spreadsheetml.sheet" } ], "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onFileSelected": { "displayName": "On File Selected" }, "onFileLoaded": { "displayName": "On File Loaded" }, "onFileDeselected": { "displayName": "On File Deselected" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{0}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "instructionText": { "value": "Drag and Drop some image files here, or click to select image files" }, "enableDropzone": { "value": "{{true}}" }, "enablePicker": { "value": "{{true}}" }, "maxFileCount": { "value": "{{2}}" }, "enableMultiple": { "value": "{{false}}" }, "fileType": { "value": "{{\"image/*\"}}" }, "maxSize": { "value": "{{1048576}}" }, "minSize": { "value": "{{50}}" }, "parseContent": { "value": "{{false}}" }, "parseFileType": { "value": "auto-detect" } }, "general": {}, "exposedVariables": {} }, "name": "filepicker1", "displayName": "File Picker", "description": "File Picker", "component": "FilePicker", "defaultSize": { "width": 15, "height": 100 }, "actions": [ { "handle": "clearFiles", "displayName": "Clear Files" } ], "exposedVariables": { "file": [ { "name": "", "content": "", "dataURL": "", "type": "", "parsedData": "" } ], "isParsing": false } }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 190, "left": 4.651166394429335, "width": 39.016032907948436, "height": 100 } }, "withDefaultChildren": false }, "94cb14f6-8b09-4e44-b338-b0cb817f61ab": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "File Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text4", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 70, "left": 4.651165222233789, "width": 38.986914555937034, "height": 40 } }, "withDefaultChildren": false }, "bb00d395-fbda-4c36-9fbb-f857192e2453": { "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": "{{0}}" }, "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": "Enter file name according to S3 conventions" } }, "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" } ] } ] }, "parent": "22c90be5-7657-49b7-8128-e9d3fbae4d9e", "layouts": { "desktop": { "top": 110, "left": 4.651165185472113, "width": 38.986914555937034, "height": 40 } }, "withDefaultChildren": false }, "443cd7b9-0a80-4508-be2b-33d56a510e30": { "id": "443cd7b9-0a80-4508-be2b-33d56a510e30", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Upload you files to S3 bucket" }, "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": 20, "left": 4.651162045184044, "width": 38.986914555937034, "height": 40 } }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-1" }, "4c9e518a-5eaf-4453-aaa1-3c429bdb6675": { "id": "4c9e518a-5eaf-4453-aaa1-3c429bdb6675", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "File Name" }, "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": 190, "left": 4.651162045184044, "width": 38.986914555937034, "height": 40 } }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-1" }, "fd7f805b-adfa-4323-80e2-09d382e46f04": { "id": "fd7f805b-adfa-4323-80e2-09d382e46f04", "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": "#dae2ebff" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{0}}" }, "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": "Enter file name according to S3 conventions" } }, "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": 230, "left": 4.651272015784802, "width": 25.99956493770245, "height": 40 } }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-1" }, "846bcf76-7f5c-4656-be3b-d8b649e4573b": { "id": "846bcf76-7f5c-4656-be3b-d8b649e4573b", "component": { "properties": { "instructionText": { "type": "code", "displayName": "Instruction Text", "validation": { "schema": { "type": "string" } } }, "enableDropzone": { "type": "code", "displayName": "Use Drop zone", "validation": { "schema": { "type": "boolean" } } }, "enablePicker": { "type": "code", "displayName": "Use File Picker", "validation": { "schema": { "type": "boolean" } } }, "enableMultiple": { "type": "code", "displayName": "Pick multiple files", "validation": { "schema": { "type": "boolean" } } }, "maxFileCount": { "type": "code", "displayName": "Max file count", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "fileType": { "type": "code", "displayName": "Accept file types", "validation": { "schema": { "type": "string" } } }, "maxSize": { "type": "code", "displayName": "Max size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minSize": { "type": "code", "displayName": "Min size limit (Bytes)", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "parseContent": { "type": "toggle", "displayName": "Parse content", "validation": { "schema": { "type": "boolean" } } }, "parseFileType": { "type": "select", "displayName": "File type", "options": [ { "name": "Autodetect from extension", "value": "auto-detect" }, { "name": "CSV", "value": "csv" }, { "name": "Microsoft Excel - xls", "value": "vnd.ms-excel" }, { "name": "Microsoft Excel - xlsx", "value": "vnd.openxmlformats-officedocument.spreadsheetml.sheet" } ], "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onFileSelected": { "displayName": "On File Selected" }, "onFileLoaded": { "displayName": "On File Loaded" }, "onFileDeselected": { "displayName": "On File Deselected" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{0}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "instructionText": { "value": "Drag and Drop some image files here, or click to select image files" }, "enableDropzone": { "value": "{{true}}" }, "enablePicker": { "value": "{{true}}" }, "maxFileCount": { "value": "{{2}}" }, "enableMultiple": { "value": "{{false}}" }, "fileType": { "value": "{{\"image/*\"}}" }, "maxSize": { "value": "{{1048576}}" }, "minSize": { "value": "{{50}}" }, "parseContent": { "value": "{{false}}" }, "parseFileType": { "value": "auto-detect" } }, "general": {}, "exposedVariables": {} }, "name": "filepicker2", "displayName": "File Picker", "description": "File Picker", "component": "FilePicker", "defaultSize": { "width": 15, "height": 100 }, "actions": [ { "handle": "clearFiles", "displayName": "Clear Files" } ], "exposedVariables": { "file": [ { "name": "", "content": "", "dataURL": "", "type": "", "parsedData": "" } ], "isParsing": false } }, "layouts": { "desktop": { "top": 330, "left": 4.651216987328487, "width": 39.016032907948436, "height": 160 } }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-1" }, "7a324eaf-fea3-4a05-afb0-313209c6914b": { "id": "7a324eaf-fea3-4a05-afb0-313209c6914b", "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": "4d945178-ffd4-447a-a452-819154bead88", "queryName": "s33" } ], "styles": { "backgroundColor": { "value": "#f5a623ff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#375FCF" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Upload" }, "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": 520, "left": 79.06976577375512, "width": 7.036632765433699, "height": 40 } }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-1" }, "aad7f0d2-4e54-410a-8322-95cf6b6a7967": { "id": "aad7f0d2-4e54-410a-8322-95cf6b6a7967", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Bucket Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text7", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 80, "left": 4.651162045184044, "width": 38.986914555937034, "height": 40 } }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-1" }, "d9c49043-d3fc-4ab7-ab95-4feead33c936": { "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": "0" }, "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": "{{components.table2.selectedRow.Name}}" }, "values": { "value": "{{queries.getBuckets.data.Buckets.map(item => item.Name)}}" }, "display_values": { "value": "{{queries.getBuckets.data.Buckets.map(item => item.Name)}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select your bucket" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown1", "displayName": "Dropdown", "description": "Select one value from options", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-1", "layouts": { "desktop": { "top": 120, "left": 4.651250004402277, "width": 26.00937885557519, "height": 40 } }, "withDefaultChildren": false }, "cdcb741e-2ee6-4e86-9f7d-db36186db348": { "id": "cdcb741e-2ee6-4e86-9f7d-db36186db348", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Upload your file" }, "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": 290, "left": 4.651162045184044, "width": 38.986914555937034, "height": 40 } }, "parent": "aac6738d-810f-4141-9dac-0e35cdfa779c-1" } } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": 100, "canvasMaxWidthType": "%", "canvasMaxHeight": 2400, "canvasBackgroundColor": "", "backgroundFxQuery": "" }, "showViewerNavigation": false, "homePageId": "bc8bd7fb-86c1-44ef-84bd-ba7353ea1948", "appId": "d68c86a1-6df5-426d-aca9-801424c0a993", "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "promotedFrom": null, "createdAt": "2023-11-02T10:59:37.248Z", "updatedAt": "2024-01-02T13:09:39.627Z" } ], "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": "8015a893-0df3-4e02-acf7-b503b6a62f48", "dataSourceId": "2d2a5b13-050e-43d1-a16f-1ce0d9ea9ec7", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2023-11-02T10:59:37.311Z", "updatedAt": "2023-11-02T10:59:37.311Z" }, { "id": "42fd22b8-472e-450e-ad77-dab2f12cf59d", "dataSourceId": "2d2a5b13-050e-43d1-a16f-1ce0d9ea9ec7", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2023-11-02T10:59:37.311Z", "updatedAt": "2023-11-02T10:59:37.311Z" }, { "id": "598794e9-7258-4f19-b264-26bce436ee55", "dataSourceId": "2d2a5b13-050e-43d1-a16f-1ce0d9ea9ec7", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2023-11-02T10:59:37.311Z", "updatedAt": "2023-11-02T10:59:37.311Z" }, { "id": "a1c14e34-8874-498c-b9fa-93552debdcac", "dataSourceId": "4d5784ca-9617-4125-b4c5-86256ce3c95f", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2023-11-02T10:59:37.319Z", "updatedAt": "2023-11-02T10:59:37.319Z" }, { "id": "3c1d0e1b-6155-42dc-b3dd-b9ff94cd057e", "dataSourceId": "4d5784ca-9617-4125-b4c5-86256ce3c95f", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2023-11-02T10:59:37.319Z", "updatedAt": "2023-11-02T10:59:37.319Z" }, { "id": "3cc6973f-22f4-46d2-9a3a-ef7aa4ad1ccc", "dataSourceId": "4d5784ca-9617-4125-b4c5-86256ce3c95f", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2023-11-02T10:59:37.319Z", "updatedAt": "2023-11-02T10:59:37.319Z" }, { "id": "3db4243b-f4ad-4c8a-877e-7a28c5f8195b", "dataSourceId": "d13e9a76-9984-4ef7-9164-369f8865eca0", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2023-11-02T10:59:37.329Z", "updatedAt": "2023-11-02T10:59:37.329Z" }, { "id": "04011461-5a8c-4690-8a50-77e7f036c3cf", "dataSourceId": "d13e9a76-9984-4ef7-9164-369f8865eca0", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2023-11-02T10:59:37.329Z", "updatedAt": "2023-11-02T10:59:37.329Z" }, { "id": "f8b3fda2-0fdc-4fdb-bae7-5927cb095bbb", "dataSourceId": "d13e9a76-9984-4ef7-9164-369f8865eca0", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2023-11-02T10:59:37.329Z", "updatedAt": "2023-11-02T10:59:37.329Z" }, { "id": "090c561b-828d-4fb4-9c9d-d5fea3eb3970", "dataSourceId": "8d833d32-daeb-4eb9-83aa-f712b93d37c1", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2023-11-02T10:59:37.338Z", "updatedAt": "2023-11-02T10:59:37.338Z" }, { "id": "5f20b58b-81da-4a19-9a98-c0439db3b299", "dataSourceId": "8d833d32-daeb-4eb9-83aa-f712b93d37c1", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2023-11-02T10:59:37.338Z", "updatedAt": "2023-11-02T10:59:37.338Z" }, { "id": "4b1e6126-850b-4fc7-b065-7bd366f3a6ea", "dataSourceId": "8d833d32-daeb-4eb9-83aa-f712b93d37c1", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2023-11-02T10:59:37.338Z", "updatedAt": "2023-11-02T10:59:37.338Z" }, { "id": "73082a7f-d6f4-40c1-9050-53c04db17602", "dataSourceId": "b50c19ac-99e4-46c3-917f-e54a3f7f7e6b", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2023-11-02T10:59:37.355Z", "updatedAt": "2023-11-02T10:59:37.355Z" }, { "id": "584ee030-09ec-4fc4-bfe3-7cc34f21fcb7", "dataSourceId": "b50c19ac-99e4-46c3-917f-e54a3f7f7e6b", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2023-11-02T10:59:37.355Z", "updatedAt": "2023-11-02T10:59:37.355Z" }, { "id": "1447b6d7-59ab-461c-b61e-53f06430b8de", "dataSourceId": "b50c19ac-99e4-46c3-917f-e54a3f7f7e6b", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2023-11-02T10:59:37.355Z", "updatedAt": "2023-11-02T10:59:37.355Z" }, { "id": "0308579c-e39e-4f17-9578-32c4b7b56ebd", "dataSourceId": "255e9db0-3ce8-4f7d-af77-0a3d3b4dd769", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": { "private_key": { "credential_id": "", "encrypted": true } }, "createdAt": "2023-11-02T10:59:37.542Z", "updatedAt": "2023-11-02T10:59:37.542Z" }, { "id": "63fe0a5b-efa3-4bcc-b590-86a82de5bcf3", "dataSourceId": "255e9db0-3ce8-4f7d-af77-0a3d3b4dd769", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": { "private_key": { "credential_id": "", "encrypted": true } }, "createdAt": "2023-11-02T10:59:37.547Z", "updatedAt": "2023-11-02T10:59:37.547Z" }, { "id": "7142b1a7-dade-4e31-a45a-4ca904c078cf", "dataSourceId": "255e9db0-3ce8-4f7d-af77-0a3d3b4dd769", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": { "private_key": { "credential_id": "", "encrypted": true } }, "createdAt": "2023-11-02T10:59:37.552Z", "updatedAt": "2023-11-02T11:00:26.647Z" } ], "schemaDetails": { "multiPages": true, "multiEnv": true, "globalDataSources": true } } } } ], "tooljet_version": "2.25.0-ee2.11.1-cloud2.1.8" }