Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-04-22 05:57:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 7
ToolJet/server/templates/google-cloud-storage-explorer/definition.json
Akshay Sasidharan bb87916fcb fix duplicate queries on templates
2024-01-05 18:48:20 +05:30

30538 lines
1.9 MiB
Raw Blame History

{
"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"
}
Reference in a new issue View git blame Copy permalink