mirror of
https://github.com/ToolJet/ToolJet
synced 2026-05-02 10:57:20 +00:00
74258 lines
No EOL
4.9 MiB
74258 lines
No EOL
4.9 MiB
{
|
|
"tooljet_database": [
|
|
{
|
|
"id": "da33a5fe-ada5-4dd1-8218-f3572a33aabe",
|
|
"table_name": "sales_analytics_products",
|
|
"schema": {
|
|
"columns": [
|
|
{
|
|
"column_name": "id",
|
|
"data_type": "integer",
|
|
"column_default": "nextval('\"da33a5fe-ada5-4dd1-8218-f3572a33aabe_id_seq\"'::regclass)",
|
|
"character_maximum_length": null,
|
|
"numeric_precision": 32,
|
|
"is_nullable": "NO",
|
|
"constraint_type": "PRIMARY KEY",
|
|
"keytype": "PRIMARY KEY"
|
|
},
|
|
{
|
|
"column_name": "name",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "type",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "brand",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "qty_in_stock",
|
|
"data_type": "integer",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": 32,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "current_price",
|
|
"data_type": "double precision",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": 53,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "created_at",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "updated_at",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "is_active",
|
|
"data_type": "boolean",
|
|
"column_default": "true",
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"id": "cdb1dd71-591f-4e2d-a939-706d3e5e5ea0",
|
|
"table_name": "sales_analytics_customers",
|
|
"schema": {
|
|
"columns": [
|
|
{
|
|
"column_name": "id",
|
|
"data_type": "integer",
|
|
"column_default": "nextval('\"cdb1dd71-591f-4e2d-a939-706d3e5e5ea0_id_seq\"'::regclass)",
|
|
"character_maximum_length": null,
|
|
"numeric_precision": 32,
|
|
"is_nullable": "NO",
|
|
"constraint_type": "PRIMARY KEY",
|
|
"keytype": "PRIMARY KEY"
|
|
},
|
|
{
|
|
"column_name": "name",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "email",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "company",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "created_at",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "updated_at",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "is_active",
|
|
"data_type": "boolean",
|
|
"column_default": "true",
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "country",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"id": "a13820a6-bc6a-448c-a348-384adb75c48d",
|
|
"table_name": "sales_analytics_orders",
|
|
"schema": {
|
|
"columns": [
|
|
{
|
|
"column_name": "id",
|
|
"data_type": "integer",
|
|
"column_default": "nextval('\"a13820a6-bc6a-448c-a348-384adb75c48d_id_seq\"'::regclass)",
|
|
"character_maximum_length": null,
|
|
"numeric_precision": 32,
|
|
"is_nullable": "NO",
|
|
"constraint_type": "PRIMARY KEY",
|
|
"keytype": "PRIMARY KEY"
|
|
},
|
|
{
|
|
"column_name": "customer_id",
|
|
"data_type": "integer",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": 32,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "product_id",
|
|
"data_type": "integer",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": 32,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "quantity",
|
|
"data_type": "integer",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": 32,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "at_price",
|
|
"data_type": "double precision",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": 53,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "total_price",
|
|
"data_type": "double precision",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": 53,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "created_at",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "updated_at",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "is_active",
|
|
"data_type": "boolean",
|
|
"column_default": "true",
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "product_name",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "country",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
}
|
|
]
|
|
}
|
|
}
|
|
],
|
|
"app": [
|
|
{
|
|
"definition": {
|
|
"appV2": {
|
|
"id": "7e2569c0-debc-4e6f-80b6-39defd06b40c",
|
|
"type": "front-end",
|
|
"name": "Sales Analytics Dashboard - ToolJet DB",
|
|
"slug": "sales-analytics-dashboard-tooljet-db",
|
|
"isPublic": false,
|
|
"isMaintenanceOn": false,
|
|
"icon": "layers",
|
|
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
|
|
"currentVersionId": null,
|
|
"userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
|
|
"workflowApiToken": null,
|
|
"workflowEnabled": false,
|
|
"createdAt": "2023-09-11T18:11:00.809Z",
|
|
"creationMode": "DEFAULT",
|
|
"updatedAt": "2024-01-02T11:46:46.452Z",
|
|
"editingVersion": {
|
|
"id": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"name": "v1",
|
|
"definition": {
|
|
"showViewerNavigation": false,
|
|
"homePageId": "cbd7f186-e2c5-4443-97c6-ccb0e7f37f38",
|
|
"pages": {
|
|
"cbd7f186-e2c5-4443-97c6-ccb0e7f37f38": {
|
|
"components": {
|
|
"5e82a221-8213-4caf-817c-88f97d8e4883": {
|
|
"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": "#4f81ffff",
|
|
"fxActive": false
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"tabWidth": {
|
|
"value": "auto"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"tabs": {
|
|
"value": "{{[\n { title: \"Overview\", id: \"0\" },\n { title: \"Orders\", id: \"3\" },\n { title: \"Customers\", id: \"1\" },\n { title: \"Products\", id: \"2\" },\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": 70,
|
|
"left": 0,
|
|
"width": 43,
|
|
"height": 640
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"64c60f67-ae5f-4fec-a74e-9b62100503be": {
|
|
"id": "64c60f67-ae5f-4fec-a74e-9b62100503be",
|
|
"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"
|
|
}
|
|
}
|
|
},
|
|
"defaultSelectedRow": {
|
|
"type": "code",
|
|
"displayName": "Default selected row",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "object"
|
|
}
|
|
}
|
|
},
|
|
"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": "Condensed",
|
|
"value": "condensed"
|
|
},
|
|
{
|
|
"name": "Regular",
|
|
"value": "regular"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"actionButtonRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"cellSize": {
|
|
"value": "regular"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"tableType": {
|
|
"value": "table-classic"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Table"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getCustomers.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"data": {
|
|
"value": "{{queries.getCustomers.data}}"
|
|
},
|
|
"useDynamicColumn": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnData": {
|
|
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
|
|
},
|
|
"rowsPerPage": {
|
|
"value": "{{10}}"
|
|
},
|
|
"serverSidePagination": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableNextButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"enablePrevButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"totalRecords": {
|
|
"value": ""
|
|
},
|
|
"clientSidePagination": {
|
|
"value": "{{true}}"
|
|
},
|
|
"serverSideSort": {
|
|
"value": "{{false}}"
|
|
},
|
|
"serverSideFilter": {
|
|
"value": "{{false}}"
|
|
},
|
|
"displaySearchBox": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showDownloadButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showFilterButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"autogenerateColumns": {
|
|
"value": true,
|
|
"generateNestedColumns": true
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"name": "id",
|
|
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "name",
|
|
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "email",
|
|
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "company",
|
|
"id": "e9460e25-9cff-4961-8ac9-39516d7a5981"
|
|
},
|
|
{
|
|
"id": "d3be2482-e0ca-4347-bd71-2c3241631952",
|
|
"name": "country",
|
|
"key": "country",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "created_at",
|
|
"id": "3d5ce08d-82a5-44b7-939c-126dafffb4a0"
|
|
},
|
|
{
|
|
"name": "updated_at",
|
|
"id": "7fe6cdb6-cd92-4bb7-bdb3-fd0aebe3f003"
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showBulkSelector": {
|
|
"value": "{{false}}"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 241,
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 102,
|
|
"rightActions": 72,
|
|
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 207,
|
|
"leftActions": 104,
|
|
"e9460e25-9cff-4961-8ac9-39516d7a5981": 160,
|
|
"d1d6d6f1-3f08-465b-8080-829a460d0b78": 242,
|
|
"7278dc62-35af-4b8c-b8ef-ae11897de851": 104,
|
|
"d3be2482-e0ca-4347-bd71-2c3241631952": 174
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": [
|
|
{
|
|
"name": "Action0",
|
|
"buttonText": "View details",
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "show-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "2a7a0455-0855-487d-94d0-3c183747ce2c",
|
|
"queryName": "getCustomerOrders",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"position": "left",
|
|
"disableActionButton": "{{false}}",
|
|
"textColor": "#213b81ff",
|
|
"backgroundColor": "#f0f6ffff"
|
|
}
|
|
]
|
|
},
|
|
"enabledSort": {
|
|
"value": "{{true}}"
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"defaultSelectedRow": {
|
|
"value": "{{{\"id\":1}}}"
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"allowSelection": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"order date",
|
|
"product",
|
|
"quantity",
|
|
"is_active"
|
|
]
|
|
}
|
|
},
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 80.00003051757812,
|
|
"left": 2.325580249259922,
|
|
"width": 41,
|
|
"height": 490
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-1"
|
|
},
|
|
"9196a79f-d2d0-4945-a18c-461621110d6d": {
|
|
"id": "9196a79f-d2d0-4945-a18c-461621110d6d",
|
|
"component": {
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"type": "code",
|
|
"displayName": "Primary value label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"primaryValue": {
|
|
"type": "code",
|
|
"displayName": "Primary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"hideSecondary": {
|
|
"type": "toggle",
|
|
"displayName": "Hide secondary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"secondaryValueLabel": {
|
|
"type": "code",
|
|
"displayName": "Secondary value label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryValue": {
|
|
"type": "code",
|
|
"displayName": "Secondary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondarySignDisplay": {
|
|
"type": "code",
|
|
"displayName": "Secondary sign display",
|
|
"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": {},
|
|
"styles": {
|
|
"primaryLabelColour": {
|
|
"type": "color",
|
|
"displayName": "Primary Label Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"primaryTextColour": {
|
|
"type": "color",
|
|
"displayName": "Primary Text Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryLabelColour": {
|
|
"type": "color",
|
|
"displayName": "Secondary Label Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryTextColour": {
|
|
"type": "color",
|
|
"displayName": "Secondary Text Colour",
|
|
"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": {
|
|
"primaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"primaryTextColour": {
|
|
"value": "#000000"
|
|
},
|
|
"secondaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"secondaryTextColour": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .avgOrderValue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}",
|
|
"fxActive": true
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"value": "Average Order Value ($)"
|
|
},
|
|
"primaryValue": {
|
|
"value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].avgOrderValue}}"
|
|
},
|
|
"secondaryValueLabel": {
|
|
"value": "Last month"
|
|
},
|
|
"secondaryValue": {
|
|
"value": "{{`${(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .avgOrderValue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) *\n 100\n).toFixed(2)}%`}}"
|
|
},
|
|
"secondarySignDisplay": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .avgOrderValue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"hideSecondary": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "statistics1",
|
|
"displayName": "Statistics",
|
|
"description": "Statistics can be used to display different statistical information",
|
|
"component": "Statistics",
|
|
"defaultSize": {
|
|
"width": 9.2,
|
|
"height": 152
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 74.41860383993948,
|
|
"width": 9.999999999999998,
|
|
"height": 170
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0"
|
|
},
|
|
"866b47b2-bf23-4ef8-bf0b-26fa857ed807": {
|
|
"id": "866b47b2-bf23-4ef8-bf0b-26fa857ed807",
|
|
"component": {
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"type": "code",
|
|
"displayName": "Primary value label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"primaryValue": {
|
|
"type": "code",
|
|
"displayName": "Primary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"hideSecondary": {
|
|
"type": "toggle",
|
|
"displayName": "Hide secondary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"secondaryValueLabel": {
|
|
"type": "code",
|
|
"displayName": "Secondary value label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryValue": {
|
|
"type": "code",
|
|
"displayName": "Secondary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondarySignDisplay": {
|
|
"type": "code",
|
|
"displayName": "Secondary sign display",
|
|
"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": {},
|
|
"styles": {
|
|
"primaryLabelColour": {
|
|
"type": "color",
|
|
"displayName": "Primary Label Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"primaryTextColour": {
|
|
"type": "color",
|
|
"displayName": "Primary Text Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryLabelColour": {
|
|
"type": "color",
|
|
"displayName": "Secondary Label Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryTextColour": {
|
|
"type": "color",
|
|
"displayName": "Secondary Text Colour",
|
|
"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": {
|
|
"primaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"primaryTextColour": {
|
|
"value": "#000000"
|
|
},
|
|
"secondaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"secondaryTextColour": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .customerIds.size -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}",
|
|
"fxActive": true
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"value": "Total customers"
|
|
},
|
|
"primaryValue": {
|
|
"value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].customerIds.size}}"
|
|
},
|
|
"secondaryValueLabel": {
|
|
"value": "Last month"
|
|
},
|
|
"secondaryValue": {
|
|
"value": "{{`${(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .customerIds.size -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) *\n 100\n).toFixed(2)}%`}}"
|
|
},
|
|
"secondarySignDisplay": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .customerIds.size -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"hideSecondary": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "statistics2",
|
|
"displayName": "Statistics",
|
|
"description": "Statistics can be used to display different statistical information",
|
|
"component": "Statistics",
|
|
"defaultSize": {
|
|
"width": 9.2,
|
|
"height": 152
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 2.3255812455980243,
|
|
"width": 9,
|
|
"height": 170
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0"
|
|
},
|
|
"3168ef8d-15d1-44c5-827a-cf183d11cf98": {
|
|
"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": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{5}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{ !queries.getCustomers.isLoading }}",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`${queries?.getCustomers?.data?.length ?? 0} Customers`}}"
|
|
},
|
|
"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": "5e82a221-8213-4caf-817c-88f97d8e4883-1",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 2.325595995777369,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"a291e07a-cb22-4f02-b05d-40707ee14e2c": {
|
|
"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": "#213b81ff"
|
|
},
|
|
"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": "Customer"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Launch Modal"
|
|
},
|
|
"size": {
|
|
"value": "xl"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "920px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "modal2",
|
|
"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": 750.000057220459,
|
|
"left": 2.3256077478684265,
|
|
"width": 8,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"6611ee93-dfd1-42c6-b002-439bb005eca2": {
|
|
"id": "6611ee93-dfd1-42c6-b002-439bb005eca2",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Email"
|
|
},
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 120,
|
|
"left": 4.6511635881258995,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"af78e81a-11f3-472a-b66b-73327dde099d": {
|
|
"id": "af78e81a-11f3-472a-b66b-73327dde099d",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Name"
|
|
},
|
|
"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": 60,
|
|
"left": 4.651161793912395,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"bd544998-d2ae-4ad2-af4f-f0683eea8e1b": {
|
|
"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": "{{components.textinput1.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{components.textinput1.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.name}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter name"
|
|
}
|
|
},
|
|
"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": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 60,
|
|
"left": 16.279067969008917,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"98b9b1cc-fe4f-4db7-b534-b22ad4c4eadd": {
|
|
"id": "98b9b1cc-fe4f-4db7-b534-b22ad4c4eadd",
|
|
"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": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput2.value) ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput2.value) ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.email}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter email"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput2",
|
|
"displayName": "Text Input",
|
|
"description": "Text field for forms",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 120,
|
|
"left": 16.279068577527127,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"9deaf722-d8f3-4d64-afab-a3c25782a26e": {
|
|
"id": "9deaf722-d8f3-4d64-afab-a3c25782a26e",
|
|
"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": "{{components.textinput3.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{components.textinput3.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.company}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter company name"
|
|
}
|
|
},
|
|
"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": 180,
|
|
"left": 16.27906704285889,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"36bec844-5b66-478c-814d-257a91e59b80": {
|
|
"id": "36bec844-5b66-478c-814d-257a91e59b80",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Company"
|
|
},
|
|
"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": 180,
|
|
"left": 4.6511635881258995,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"c52fa65e-c16c-4315-a0e1-dd7c80839b9d": {
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#dadcde",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider1",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 830,
|
|
"left": 3.134246213676306e-7,
|
|
"width": 43,
|
|
"height": 10
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"8afb3d48-36eb-449c-8d2f-a17c36941493": {
|
|
"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": "369acf3e-3774-4aa3-9afe-916f32b66713",
|
|
"queryName": "checkProductQuantity",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{components.dropdown2.value == undefined || components.dropdown3.value == undefined}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add Order"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.checkProductQuantity.isLoading || queries.reduceProductQuantity.isLoading || queries.addOrder.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button1",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 860,
|
|
"left": 83.72093023255815,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"8d1bc6ea-d601-48f5-99b7-80fd0ab607e1": {
|
|
"id": "8d1bc6ea-d601-48f5-99b7-80fd0ab607e1",
|
|
"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": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffff80"
|
|
},
|
|
"textColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button2",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 860,
|
|
"left": 72.09302215268106,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"d4e9af65-5062-458c-b2f4-f0b6afdea142": {
|
|
"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": "#ffffff00",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#213B81",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "Customer Details"
|
|
},
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 4.651166276216096,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"a72bb1eb-afe6-463f-9b80-077ed0d7f748": {
|
|
"id": "a72bb1eb-afe6-463f-9b80-077ed0d7f748",
|
|
"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": "#213B81",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "Order Details"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text9",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 4.651201625160855,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"18505c13-2546-4f7e-89f2-59768b29ce57": {
|
|
"id": "18505c13-2546-4f7e-89f2-59768b29ce57",
|
|
"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": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{5}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{ !queries.getProducts.isLoading }}",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`${queries?.getProducts?.data?.length ?? 0} Products`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text16",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 2.3255869327817056,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-2"
|
|
},
|
|
"724ff2bb-3b5c-448e-944d-e176705b34db": {
|
|
"id": "724ff2bb-3b5c-448e-944d-e176705b34db",
|
|
"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"
|
|
}
|
|
}
|
|
},
|
|
"defaultSelectedRow": {
|
|
"type": "code",
|
|
"displayName": "Default selected row",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "object"
|
|
}
|
|
}
|
|
},
|
|
"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": "Condensed",
|
|
"value": "condensed"
|
|
},
|
|
{
|
|
"name": "Regular",
|
|
"value": "regular"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"actionButtonRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"cellSize": {
|
|
"value": "regular"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"tableType": {
|
|
"value": "table-classic"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Table"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getProducts.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"data": {
|
|
"value": "{{queries.getProducts.data}}"
|
|
},
|
|
"useDynamicColumn": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnData": {
|
|
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
|
|
},
|
|
"rowsPerPage": {
|
|
"value": "{{10}}"
|
|
},
|
|
"serverSidePagination": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableNextButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"enablePrevButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"totalRecords": {
|
|
"value": ""
|
|
},
|
|
"clientSidePagination": {
|
|
"value": "{{true}}"
|
|
},
|
|
"serverSideSort": {
|
|
"value": "{{false}}"
|
|
},
|
|
"serverSideFilter": {
|
|
"value": "{{false}}"
|
|
},
|
|
"displaySearchBox": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showDownloadButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showFilterButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"autogenerateColumns": {
|
|
"value": true,
|
|
"generateNestedColumns": true
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"name": "id",
|
|
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "6ff6f2d1-ae39-4f01-9f02-001a75567deb",
|
|
"name": "name",
|
|
"key": "name",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "type",
|
|
"id": "e9460e25-9cff-4961-8ac9-39516d7a5981",
|
|
"columnType": "default"
|
|
},
|
|
{
|
|
"name": "brand",
|
|
"id": "d1d6d6f1-3f08-465b-8080-829a460d0b78",
|
|
"columnType": "default"
|
|
},
|
|
{
|
|
"name": "qty_in_stock",
|
|
"id": "7278dc62-35af-4b8c-b8ef-ae11897de851"
|
|
},
|
|
{
|
|
"id": "d9d4cf35-b1d4-4179-b16e-b6688c69eb3a",
|
|
"name": "current_price",
|
|
"key": "current_price",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "4b3fb0f6-a827-465e-bdf5-7b607d27507b",
|
|
"name": "created_at",
|
|
"key": "created_at",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "7b0c396a-aaee-4485-aebc-c8281b19f3bf",
|
|
"name": "updated_at",
|
|
"key": "updated_at",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showBulkSelector": {
|
|
"value": "{{false}}"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 65,
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 102,
|
|
"rightActions": 72,
|
|
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 140,
|
|
"leftActions": 72,
|
|
"e9460e25-9cff-4961-8ac9-39516d7a5981": 183,
|
|
"d1d6d6f1-3f08-465b-8080-829a460d0b78": 160,
|
|
"7278dc62-35af-4b8c-b8ef-ae11897de851": 175,
|
|
"6ff6f2d1-ae39-4f01-9f02-001a75567deb": 247,
|
|
"d9d4cf35-b1d4-4179-b16e-b6688c69eb3a": 178
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": [
|
|
{
|
|
"name": "Action0",
|
|
"buttonText": "Edit",
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "show-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
}
|
|
],
|
|
"position": "left",
|
|
"disableActionButton": "{{false}}",
|
|
"backgroundColor": "#f0f6ffff",
|
|
"textColor": "#213b81ff"
|
|
}
|
|
]
|
|
},
|
|
"enabledSort": {
|
|
"value": "{{true}}"
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"defaultSelectedRow": {
|
|
"value": "{{{\"id\":1}}}"
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"allowSelection": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"order date",
|
|
"Qty sold",
|
|
"email",
|
|
"is_active"
|
|
]
|
|
}
|
|
},
|
|
"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": 80,
|
|
"left": 2.3255813953488373,
|
|
"width": 41,
|
|
"height": 490
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-2"
|
|
},
|
|
"d62cfa83-4661-4ac6-a52f-6ca0def3a6b1": {
|
|
"id": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1",
|
|
"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": "#ffffff1a"
|
|
},
|
|
"headerTextColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"value": "#ffffff1a"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"value": "#ffffffff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Add product"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Add product"
|
|
},
|
|
"size": {
|
|
"value": "lg"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "380px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "modal6",
|
|
"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": 30,
|
|
"left": 67.44186080042796,
|
|
"width": 4.999999999999999,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-2"
|
|
},
|
|
"d6887251-aeec-4c61-9ed5-7857a629f548": {
|
|
"id": "d6887251-aeec-4c61-9ed5-7857a629f548",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Name"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text30",
|
|
"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": 70,
|
|
"left": 4.651168424894576,
|
|
"width": 3,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"429efd49-6f00-4425-a9c3-85999698c138": {
|
|
"id": "429efd49-6f00-4425-a9c3-85999698c138",
|
|
"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": "{{components.textinput13.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{components.textinput13.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput13",
|
|
"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": 70,
|
|
"left": 11.62790689160906,
|
|
"width": 36,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"52e43826-1aa0-49b4-a4d3-a135f884fa70": {
|
|
"id": "52e43826-1aa0-49b4-a4d3-a135f884fa70",
|
|
"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": "{{components.textinput14.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{components.textinput14.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter company name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput14",
|
|
"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": 140,
|
|
"left": 60.46510288959324,
|
|
"width": 15.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"a89caaeb-b9f0-4a38-adde-f77707b64939": {
|
|
"id": "a89caaeb-b9f0-4a38-adde-f77707b64939",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Brand"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text31",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 51.16279745082527,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"16a11718-2e5f-4fb8-a89a-5e1636c83c7f": {
|
|
"id": "16a11718-2e5f-4fb8-a89a-5e1636c83c7f",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#dadcde",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider5",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 280,
|
|
"left": 4.00079841256229e-7,
|
|
"width": 43,
|
|
"height": 10
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"0a12ce5c-5511-4027-9764-054b6752659b": {
|
|
"id": "0a12ce5c-5511-4027-9764-054b6752659b",
|
|
"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": "693b5371-72c6-426d-8253-7cce3b1594ac",
|
|
"queryName": "addProduct",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{ !components.textinput13.isValid || !components.textinput14.isValid || !components.dropdown4.isValid || !components.textinput18.isValid || !components.textinput19.isValid}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add Product"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.addProduct.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button9",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 310,
|
|
"left": 76.74419092490663,
|
|
"width": 8,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"7ca82553-80e7-421b-b278-5a00d0250b89": {
|
|
"id": "7ca82553-80e7-421b-b278-5a00d0250b89",
|
|
"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": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"textColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button10",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 310,
|
|
"left": 62.79068219897656,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"c511607b-5a00-418c-b814-5b9ccf8fa4bf": {
|
|
"id": "c511607b-5a00-418c-b814-5b9ccf8fa4bf",
|
|
"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": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "Product Details"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text33",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 4.6511560061557224,
|
|
"width": 14.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"89304548-d603-41fb-8696-c77096ff17d6": {
|
|
"id": "89304548-d603-41fb-8696-c77096ff17d6",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Quantity"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text35",
|
|
"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": 220,
|
|
"left": 51.16278773230763,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"0110ef71-686f-4c85-a85b-4d47a80111b8": {
|
|
"id": "0110ef71-686f-4c85-a85b-4d47a80111b8",
|
|
"component": {
|
|
"properties": {
|
|
"title": {
|
|
"type": "code",
|
|
"displayName": "Title",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"data": {
|
|
"type": "json",
|
|
"displayName": "Data",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "array"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading State",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"markerColor": {
|
|
"type": "color",
|
|
"displayName": "Marker color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"showAxes": {
|
|
"type": "toggle",
|
|
"displayName": "Show axes",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showGridLines": {
|
|
"type": "toggle",
|
|
"displayName": "Show grid lines",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"type": {
|
|
"type": "select",
|
|
"displayName": "Chart type",
|
|
"options": [
|
|
{
|
|
"name": "Line",
|
|
"value": "line"
|
|
},
|
|
{
|
|
"name": "Bar",
|
|
"value": "bar"
|
|
},
|
|
{
|
|
"name": "Pie",
|
|
"value": "pie"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"jsonDescription": {
|
|
"type": "json",
|
|
"displayName": "Json Description",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"plotFromJson": {
|
|
"type": "toggle",
|
|
"displayName": "Use Plotly JSON schema",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"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": {
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"padding": {
|
|
"value": "50"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Sales per country this year"
|
|
},
|
|
"markerColor": {
|
|
"value": "#CDE1F8"
|
|
},
|
|
"showAxes": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showGridLines": {
|
|
"value": "{{true}}"
|
|
},
|
|
"plotFromJson": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading || queries.ordersAnalyticsAfterColors.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"jsonDescription": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading || queries.ordersAnalyticsAfterColors.isLoading || queries.getOrders.data.length == 0 ? \"{}\" : JSON.stringify(queries?.ordersAnalyticsAfterColors?.data ?? {})}}"
|
|
},
|
|
"type": {
|
|
"value": "line"
|
|
},
|
|
"data": {
|
|
"value": "[\n { \"x\": \"Jan\", \"y\": 100},\n { \"x\": \"Feb\", \"y\": 80},\n { \"x\": \"Mar\", \"y\": 40}\n]"
|
|
},
|
|
"barmode": {
|
|
"value": "group"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "chart3",
|
|
"displayName": "Chart",
|
|
"description": "Display charts",
|
|
"component": "Chart",
|
|
"defaultSize": {
|
|
"width": 20,
|
|
"height": 400
|
|
},
|
|
"exposedVariables": {
|
|
"show": null
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 230,
|
|
"left": 58.13953624532072,
|
|
"width": 17,
|
|
"height": 330
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0"
|
|
},
|
|
"e5d754ff-eb1f-4d1d-945b-65843b32408e": {
|
|
"id": "e5d754ff-eb1f-4d1d-945b-65843b32408e",
|
|
"component": {
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"type": "code",
|
|
"displayName": "Primary value label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"primaryValue": {
|
|
"type": "code",
|
|
"displayName": "Primary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"hideSecondary": {
|
|
"type": "toggle",
|
|
"displayName": "Hide secondary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"secondaryValueLabel": {
|
|
"type": "code",
|
|
"displayName": "Secondary value label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryValue": {
|
|
"type": "code",
|
|
"displayName": "Secondary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondarySignDisplay": {
|
|
"type": "code",
|
|
"displayName": "Secondary sign display",
|
|
"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": {},
|
|
"styles": {
|
|
"primaryLabelColour": {
|
|
"type": "color",
|
|
"displayName": "Primary Label Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"primaryTextColour": {
|
|
"type": "color",
|
|
"displayName": "Primary Text Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryLabelColour": {
|
|
"type": "color",
|
|
"displayName": "Secondary Label Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryTextColour": {
|
|
"type": "color",
|
|
"displayName": "Secondary Text Colour",
|
|
"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": {
|
|
"primaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"primaryTextColour": {
|
|
"value": "#000000"
|
|
},
|
|
"secondaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"secondaryTextColour": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}",
|
|
"fxActive": true
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"value": "Revenue ($)"
|
|
},
|
|
"primaryValue": {
|
|
"value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue}}"
|
|
},
|
|
"secondaryValueLabel": {
|
|
"value": "Last month"
|
|
},
|
|
"secondaryValue": {
|
|
"value": "{{`${(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) *\n 100\n).toFixed(2)}%`}}"
|
|
},
|
|
"secondarySignDisplay": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"hideSecondary": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "statistics4",
|
|
"displayName": "Statistics",
|
|
"description": "Statistics can be used to display different statistical information",
|
|
"component": "Statistics",
|
|
"defaultSize": {
|
|
"width": 9.2,
|
|
"height": 152
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 48.83721329386816,
|
|
"width": 9.999999999999998,
|
|
"height": 170
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0"
|
|
},
|
|
"b91a9efc-f701-4305-be8c-4001a7a80400": {
|
|
"id": "b91a9efc-f701-4305-be8c-4001a7a80400",
|
|
"component": {
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"type": "code",
|
|
"displayName": "Primary value label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"primaryValue": {
|
|
"type": "code",
|
|
"displayName": "Primary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"hideSecondary": {
|
|
"type": "toggle",
|
|
"displayName": "Hide secondary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"secondaryValueLabel": {
|
|
"type": "code",
|
|
"displayName": "Secondary value label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryValue": {
|
|
"type": "code",
|
|
"displayName": "Secondary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondarySignDisplay": {
|
|
"type": "code",
|
|
"displayName": "Secondary sign display",
|
|
"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": {},
|
|
"styles": {
|
|
"primaryLabelColour": {
|
|
"type": "color",
|
|
"displayName": "Primary Label Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"primaryTextColour": {
|
|
"type": "color",
|
|
"displayName": "Primary Text Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryLabelColour": {
|
|
"type": "color",
|
|
"displayName": "Secondary Label Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryTextColour": {
|
|
"type": "color",
|
|
"displayName": "Secondary Text Colour",
|
|
"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": {
|
|
"primaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"primaryTextColour": {
|
|
"value": "#000000"
|
|
},
|
|
"secondaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"secondaryTextColour": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}",
|
|
"fxActive": true
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"value": "Qty. Sold"
|
|
},
|
|
"primaryValue": {
|
|
"value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold}}"
|
|
},
|
|
"secondaryValueLabel": {
|
|
"value": "Last month"
|
|
},
|
|
"secondaryValue": {
|
|
"value": "{{`${(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) *\n 100\n).toFixed(2)}%`}}"
|
|
},
|
|
"secondarySignDisplay": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"hideSecondary": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "statistics6",
|
|
"displayName": "Statistics",
|
|
"description": "Statistics can be used to display different statistical information",
|
|
"component": "Statistics",
|
|
"defaultSize": {
|
|
"width": 9.2,
|
|
"height": 152
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 25.58139219926747,
|
|
"width": 9,
|
|
"height": 170
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0"
|
|
},
|
|
"f3c8c84e-18b9-4432-aec0-bd92b10d2692": {
|
|
"id": "f3c8c84e-18b9-4432-aec0-bd92b10d2692",
|
|
"component": {
|
|
"properties": {
|
|
"title": {
|
|
"type": "code",
|
|
"displayName": "Title",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"data": {
|
|
"type": "json",
|
|
"displayName": "Data",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "array"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading State",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"markerColor": {
|
|
"type": "color",
|
|
"displayName": "Marker color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"showAxes": {
|
|
"type": "toggle",
|
|
"displayName": "Show axes",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showGridLines": {
|
|
"type": "toggle",
|
|
"displayName": "Show grid lines",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"type": {
|
|
"type": "select",
|
|
"displayName": "Chart type",
|
|
"options": [
|
|
{
|
|
"name": "Line",
|
|
"value": "line"
|
|
},
|
|
{
|
|
"name": "Bar",
|
|
"value": "bar"
|
|
},
|
|
{
|
|
"name": "Pie",
|
|
"value": "pie"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"jsonDescription": {
|
|
"type": "json",
|
|
"displayName": "Json Description",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"plotFromJson": {
|
|
"type": "toggle",
|
|
"displayName": "Use Plotly JSON schema",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"barmode": {
|
|
"type": "select",
|
|
"displayName": "Bar mode",
|
|
"options": [
|
|
{
|
|
"name": "Stack",
|
|
"value": "stack"
|
|
},
|
|
{
|
|
"name": "Group",
|
|
"value": "group"
|
|
},
|
|
{
|
|
"name": "Overlay",
|
|
"value": "overlay"
|
|
},
|
|
{
|
|
"name": "Relative",
|
|
"value": "relative"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"schemas": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"padding": {
|
|
"value": "50"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Total sales this year"
|
|
},
|
|
"markerColor": {
|
|
"value": "#5e82e0ff"
|
|
},
|
|
"showAxes": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showGridLines": {
|
|
"value": "{{true}}"
|
|
},
|
|
"plotFromJson": {
|
|
"value": "{{false}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"barmode": {
|
|
"value": "group"
|
|
},
|
|
"jsonDescription": {
|
|
"value": "{\n \"data\": [\n {\n \"x\": [\n \"Jan\",\n \"Feb\",\n \"Mar\",\n \"Jun\",\n \"Jul\",\n \"Aug\",\n \"Sep\",\n \"Oct\",\n \"Nov\",\n \"Dec\"\n \n ],\n \"y\": [\n 100,\n 80,\n 40,\n 60,\n 60,\n 25,\n 0,\n 0,\n 0,\n 0\n ],\n \"type\": \"bar\"\n }\n ]\n }"
|
|
},
|
|
"type": {
|
|
"value": "bar"
|
|
},
|
|
"data": {
|
|
"value": "{{Object.values(queries?.ordersAnalytics?.data?.dataPerMonth ?? {}).map(\n (month) => ({\n x: month.monthName,\n y: month.revenue,\n })\n)}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "chart6",
|
|
"displayName": "Chart",
|
|
"description": "Display charts",
|
|
"component": "Chart",
|
|
"defaultSize": {
|
|
"width": 20,
|
|
"height": 400
|
|
},
|
|
"exposedVariables": {
|
|
"show": null
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 230,
|
|
"left": 2.3255813953488373,
|
|
"width": 23,
|
|
"height": 330
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0"
|
|
},
|
|
"08300762-0eba-4b4d-af8f-2a7fb75fea38": {
|
|
"id": "08300762-0eba-4b4d-af8f-2a7fb75fea38",
|
|
"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": "#ffffff00"
|
|
},
|
|
"textColor": {
|
|
"value": "#213B81",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "Orders summary by cost"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text39",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 55.8139500865679,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"c01bbbf2-ec98-4ae5-a8c9-448266a6289d": {
|
|
"id": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d",
|
|
"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": "#213b81ff"
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": false
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"value": "#ffffffff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Add customer"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Add customer"
|
|
},
|
|
"size": {
|
|
"value": "lg"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "280px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "modal7",
|
|
"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": 30,
|
|
"left": 69.76743908216835,
|
|
"width": 4.999999999999999,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-1"
|
|
},
|
|
"a2b173a3-7b02-4bf7-b423-99b36ae96fcb": {
|
|
"id": "a2b173a3-7b02-4bf7-b423-99b36ae96fcb",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Email"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text42",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 120,
|
|
"left": 4.651164026267174,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"46db1ccd-6b3d-4e4f-91e2-f2c9349d04a5": {
|
|
"id": "46db1ccd-6b3d-4e4f-91e2-f2c9349d04a5",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Name"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text43",
|
|
"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": 60,
|
|
"left": 4.651162963972348,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"b86629b8-e27a-41fb-abe0-7f2541815262": {
|
|
"id": "b86629b8-e27a-41fb-abe0-7f2541815262",
|
|
"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": "{{components.textinput11.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{components.textinput11.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput11",
|
|
"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": 60.00001525878906,
|
|
"left": 13.953475264081066,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"ac45c5f5-ed9e-40aa-8711-aa1cd3e71c65": {
|
|
"id": "ac45c5f5-ed9e-40aa-8711-aa1cd3e71c65",
|
|
"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": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput15.value) ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput15.value) ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter email"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput15",
|
|
"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": 120.00001525878906,
|
|
"left": 13.953482739224162,
|
|
"width": 14.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"75b94950-b063-48ec-904d-0bc5174a915f": {
|
|
"id": "75b94950-b063-48ec-904d-0bc5174a915f",
|
|
"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": "{{components.textinput16.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{components.textinput16.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter company name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput16",
|
|
"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": 60,
|
|
"left": 62.7907019101015,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"61447808-eac6-4bc1-90fc-69a4973684a7": {
|
|
"id": "61447808-eac6-4bc1-90fc-69a4973684a7",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Company"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text44",
|
|
"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": 60,
|
|
"left": 51.16279499745627,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"5c75dd41-5123-461a-bc60-22d28ff85c61": {
|
|
"id": "5c75dd41-5123-461a-bc60-22d28ff85c61",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#dadcde",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider7",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 190,
|
|
"left": 0,
|
|
"width": 43,
|
|
"height": 10
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"81e083a2-5d63-4a6c-af1d-18cb9719bd9e": {
|
|
"id": "81e083a2-5d63-4a6c-af1d-18cb9719bd9e",
|
|
"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": "987f39ac-dd30-4346-b04b-ba92c7b3d288",
|
|
"queryName": "addCustomer",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00",
|
|
"fxActive": false
|
|
},
|
|
"disabledState": {
|
|
"value": "{{ !components.textinput11.isValid || !components.textinput15.isValid || !components.textinput16.isValid || !components.dropdown6.isValid}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add customer"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.addCustomer.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button12",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 220,
|
|
"left": 76.74418426940643,
|
|
"width": 8,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"caec1f77-e911-4dda-ae20-25a2c1c1200b": {
|
|
"id": "caec1f77-e911-4dda-ae20-25a2c1c1200b",
|
|
"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": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"textColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button13",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 220,
|
|
"left": 62.79071384658206,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"4d57de11-54bb-437f-9f4e-47620be2292c": {
|
|
"id": "4d57de11-54bb-437f-9f4e-47620be2292c",
|
|
"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": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "Customer Details"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text46",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 4.651154551901468,
|
|
"width": 14.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"d7053db4-ae15-46a2-aeb5-02daefc2735f": {
|
|
"id": "d7053db4-ae15-46a2-aeb5-02daefc2735f",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Type"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text50",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 4.651159034566407,
|
|
"width": 3,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"31d79ec2-793a-4140-8cf0-1820ab353db2": {
|
|
"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": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#375FCF"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add Customer"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button15",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-1",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 83.72092413686282,
|
|
"width": 6,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"47d3a78b-8435-4a20-a849-3b7c0be713b7": {
|
|
"component": {
|
|
"properties": {
|
|
"data": {
|
|
"type": "code",
|
|
"displayName": "List data",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "object"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"mode": {
|
|
"type": "select",
|
|
"displayName": "Mode",
|
|
"options": [
|
|
{
|
|
"name": "list",
|
|
"value": "list"
|
|
},
|
|
{
|
|
"name": "grid",
|
|
"value": "grid"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"columns": {
|
|
"type": "number",
|
|
"displayName": "Columns",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
},
|
|
"conditionallyRender": {
|
|
"key": "mode",
|
|
"value": "grid"
|
|
}
|
|
},
|
|
"rowHeight": {
|
|
"type": "code",
|
|
"displayName": "Row height",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"showBorder": {
|
|
"type": "code",
|
|
"displayName": "Show bottom border",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
},
|
|
"conditionallyRender": {
|
|
"key": "mode",
|
|
"value": "list"
|
|
}
|
|
},
|
|
"enablePagination": {
|
|
"type": "toggle",
|
|
"displayName": "Enable pagination",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"rowsPerPage": {
|
|
"type": "code",
|
|
"displayName": "Rows per page",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onRowClicked": {
|
|
"displayName": "Row clicked (Deprecated)"
|
|
},
|
|
"onRecordClicked": {
|
|
"displayName": "Record clicked"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"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"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"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": {
|
|
"backgroundColor": {
|
|
"value": "#8888880d"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{10}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"data": {
|
|
"value": "{{queries.getCustomerOrders.data}}"
|
|
},
|
|
"mode": {
|
|
"value": "list"
|
|
},
|
|
"columns": {
|
|
"value": "{{3}}"
|
|
},
|
|
"rowHeight": {
|
|
"value": "60"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showBorder": {
|
|
"value": "{{true}}"
|
|
},
|
|
"rowsPerPage": {
|
|
"value": "{{10}}"
|
|
},
|
|
"enablePagination": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "listview1",
|
|
"displayName": "List View",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 20,
|
|
"height": 300
|
|
},
|
|
"defaultChildren": [
|
|
{
|
|
"componentName": "Image",
|
|
"layout": {
|
|
"top": 15,
|
|
"left": 6.976744186046512,
|
|
"height": 100
|
|
},
|
|
"properties": [
|
|
"source"
|
|
],
|
|
"accessorKey": "imageURL"
|
|
},
|
|
{
|
|
"componentName": "Text",
|
|
"layout": {
|
|
"top": 50,
|
|
"left": 27,
|
|
"height": 30
|
|
},
|
|
"properties": [
|
|
"text"
|
|
],
|
|
"accessorKey": "text"
|
|
},
|
|
{
|
|
"componentName": "Button",
|
|
"layout": {
|
|
"top": 50,
|
|
"left": 60,
|
|
"height": 30
|
|
},
|
|
"incrementWidth": 2,
|
|
"properties": [
|
|
"text"
|
|
],
|
|
"accessorKey": "buttonText"
|
|
}
|
|
],
|
|
"component": "Listview",
|
|
"exposedVariables": {
|
|
"data": [
|
|
{}
|
|
]
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 469.99999237060547,
|
|
"left": 4.651161008130597,
|
|
"width": 39.00000000000001,
|
|
"height": 180
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"2befd867-7265-4237-a299-6f5be30c7fea": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{listItem.product_name}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text52",
|
|
"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": "47d3a78b-8435-4a20-a849-3b7c0be713b7",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 16.279071031395265,
|
|
"width": 15.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"4de2a869-67ad-47b2-8b9c-66b83ef660d8": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`\\$${listItem.total_price.toFixed(2)}`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text53",
|
|
"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": "47d3a78b-8435-4a20-a849-3b7c0be713b7",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 55.81395159116008,
|
|
"width": 8,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"ccd2a4d8-608a-4e04-8500-6dc547504c22": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{listItem.quantity}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text54",
|
|
"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": "47d3a78b-8435-4a20-a849-3b7c0be713b7",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 79.06976680603806,
|
|
"width": 6,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"7fd3caa1-8a6c-4a32-8d16-5c448c6d4d59": {
|
|
"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": "#8888880d"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container1",
|
|
"displayName": "Container",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 420,
|
|
"left": 4.651162113937779,
|
|
"width": 39.00000000000001,
|
|
"height": 50
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"6704e8d1-4c9a-4324-a5c3-49357c1a782e": {
|
|
"id": "6704e8d1-4c9a-4324-a5c3-49357c1a782e",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{10}}"
|
|
},
|
|
"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": "Product name"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text55",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 16.279069134183267,
|
|
"width": 10,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "7fd3caa1-8a6c-4a32-8d16-5c448c6d4d59"
|
|
},
|
|
"e827c106-75d4-421a-be52-60f0690da520": {
|
|
"id": "e827c106-75d4-421a-be52-60f0690da520",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{8}}"
|
|
},
|
|
"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": "Total price"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text56",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 55.8139360981166,
|
|
"width": 7,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "7fd3caa1-8a6c-4a32-8d16-5c448c6d4d59"
|
|
},
|
|
"d8c49bcc-8d06-4547-bb19-4b7c2a90a17d": {
|
|
"id": "d8c49bcc-8d06-4547-bb19-4b7c2a90a17d",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{5}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Quantity"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text57",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 79.06977213164956,
|
|
"width": 7,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "7fd3caa1-8a6c-4a32-8d16-5c448c6d4d59"
|
|
},
|
|
"6a9a1d90-0458-45f1-a49d-9563ae18b8d3": {
|
|
"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": "#88888826"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container2",
|
|
"displayName": "Container",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 659.999885559082,
|
|
"left": 4.651164003236601,
|
|
"width": 39.00000000000001,
|
|
"height": 50
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"21e90e2c-f1eb-440e-b7d6-1d21c15e7f2a": {
|
|
"id": "21e90e2c-f1eb-440e-b7d6-1d21c15e7f2a",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{5}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Total"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text58",
|
|
"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": 0,
|
|
"left": 60.465116268814555,
|
|
"width": 6.999999999999999,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "6a9a1d90-0458-45f1-a49d-9563ae18b8d3"
|
|
},
|
|
"4f17d16e-758a-49dd-b85d-7a81e8928a2a": {
|
|
"id": "4f17d16e-758a-49dd-b85d-7a81e8928a2a",
|
|
"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": "#213b81ff"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{8}}"
|
|
},
|
|
"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": "{{`\\$${queries.getCustomerOrders.data\n .map((order) => order?.total_price ?? 0)\n .reduce((sum, n) => {\n return sum + n;\n }, 0)\n .toFixed(2)}`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text41",
|
|
"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": 0,
|
|
"left": 79.06976744186046,
|
|
"width": 8,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "6a9a1d90-0458-45f1-a49d-9563ae18b8d3"
|
|
},
|
|
"4c3768db-31db-48bd-9079-31ae3a7206ef": {
|
|
"id": "4c3768db-31db-48bd-9079-31ae3a7206ef",
|
|
"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": "09bfbae9-3e36-4a93-b8e0-12e46b902229",
|
|
"queryName": "editCustomer",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00",
|
|
"fxActive": false
|
|
},
|
|
"disabledState": {
|
|
"value": "{{ !components.textinput1.isValid || !components.textinput2.isValid || !components.textinput3.isValid || !components.dropdown7.isValid}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Update"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.editCustomer.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button11",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 300,
|
|
"left": 39.53488372093023,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"23653770-571b-4857-a45c-7aba0a6e73c4": {
|
|
"id": "23653770-571b-4857-a45c-7aba0a6e73c4",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#dadcde",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider9",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 360,
|
|
"left": 4.651165636896876,
|
|
"width": 39.00000000000001,
|
|
"height": 10
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"54cc01e3-231b-42ef-9fb9-d97ad100c25e": {
|
|
"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": [
|
|
{
|
|
"eventId": "onSelect",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "f2b2d1e8-dc3c-433d-9dcc-acf7f7221ca6",
|
|
"queryName": "getProductDetails",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{queries.checkProductQuantity.isLoading || queries.reduceProductQuantity.isLoading || queries.addOrder.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{}}"
|
|
},
|
|
"values": {
|
|
"value": "{{queries.getProducts.data.map(product => product.id)}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{queries.getProducts.data.map(product => `${product.brand} - ${product.name}`)}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getProducts.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"placeholder": {
|
|
"value": "Select a product"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown2",
|
|
"displayName": "Dropdown",
|
|
"description": "Select one value from options",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 780,
|
|
"left": 4.65116070509264,
|
|
"width": 16,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"0c102a9f-d84e-429c-936b-e02717dcc7cc": {
|
|
"id": "0c102a9f-d84e-429c-936b-e02717dcc7cc",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{0}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Product"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text60",
|
|
"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": 750,
|
|
"left": 4.651164977171899,
|
|
"width": 10,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"ca96e2a1-812e-4f3d-be78-113e693b20b3": {
|
|
"id": "ca96e2a1-812e-4f3d-be78-113e693b20b3",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{0}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Quantity"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text61",
|
|
"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": 750,
|
|
"left": 46.511626745762634,
|
|
"width": 10,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"b10da0f8-d9f4-4d1d-be61-7b3accbb2d64": {
|
|
"id": "b10da0f8-d9f4-4d1d-be61-7b3accbb2d64",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{0}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Total ($)"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text62",
|
|
"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": 750,
|
|
"left": 76.74418365661388,
|
|
"width": 7,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"47bcf998-1d86-4c9d-9fde-9c738903bad2": {
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{queries.checkProductQuantity.isLoading || queries.reduceProductQuantity.isLoading || queries.addOrder.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{}}"
|
|
},
|
|
"values": {
|
|
"value": "{{Array.from({length: queries?.getProductDetails?.data?.qty_in_stock ?? 0}, (_, i) => i + 1)}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{Array.from({length: queries?.getProductDetails?.data?.qty_in_stock ?? 0}, (_, i) => i + 1)}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getProductDetails.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"placeholder": {
|
|
"value": "Select quantity"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown3",
|
|
"displayName": "Dropdown",
|
|
"description": "Select one value from options",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 780,
|
|
"left": 46.51162072672183,
|
|
"width": 11.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"57aa09a1-81be-4734-bade-28355cd09e3e": {
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{((components?.dropdown3?.value ?? 0) * (queries?.getProductDetails?.data?.current_price ?? 0)).toFixed(2)}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "0"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput17",
|
|
"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": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 780,
|
|
"left": 76.7441870145945,
|
|
"width": 8,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"338a534e-e7e9-4248-bf55-fa457b7516d2": {
|
|
"id": "338a534e-e7e9-4248-bf55-fa457b7516d2",
|
|
"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": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#375FCF"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add Product"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button14",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 83.72091289215417,
|
|
"width": 6,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-2"
|
|
},
|
|
"8fef9dce-58f0-4727-ae46-dea836b63888": {
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.dropdown4.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{components.dropdown4.value != undefined ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"appliances\", \"beauty\", \"electronics\", \"kitchen\", \"stationary\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Appliances\", \"Beauty\", \"Electronics\", \"Kitchen\", \"Stationary\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select type of product"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown4",
|
|
"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": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 11.62790224971062,
|
|
"width": 15,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"3d8d2ff7-e634-4ee5-b941-c4c8b21cd402": {
|
|
"id": "3d8d2ff7-e634-4ee5-b941-c4c8b21cd402",
|
|
"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": "{{/^\\d+$/.test(components.textinput18.value) ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{/^\\d+$/.test(components.textinput18.value) ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter quantity to be added"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput18",
|
|
"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": 220,
|
|
"left": 60.46510156732731,
|
|
"width": 15.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"0441f736-54ce-4cf9-ba60-faccf154124a": {
|
|
"id": "0441f736-54ce-4cf9-ba60-faccf154124a",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Price"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text36",
|
|
"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": 220,
|
|
"left": 4.651162598330287,
|
|
"width": 3,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"8737f63e-9ec9-46b3-acae-88dfc320e74c": {
|
|
"id": "8737f63e-9ec9-46b3-acae-88dfc320e74c",
|
|
"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": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput19.value) ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput19.value) ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter price ($)"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput19",
|
|
"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": 220,
|
|
"left": 11.62790302224886,
|
|
"width": 15.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"fe446d8e-ea94-43b6-bba2-1aedf9c9390f": {
|
|
"id": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f",
|
|
"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": "#ffffff1a"
|
|
},
|
|
"headerTextColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"value": "#ffffff1a"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"value": "#ffffffff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Edit product"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Add product"
|
|
},
|
|
"size": {
|
|
"value": "lg"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "380px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "modal4",
|
|
"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": 30,
|
|
"left": 53.48837380790299,
|
|
"width": 4.999999999999999,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-2"
|
|
},
|
|
"b318dd60-0908-47d5-a406-be0dea02a7e3": {
|
|
"id": "b318dd60-0908-47d5-a406-be0dea02a7e3",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Name"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text32",
|
|
"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": 70,
|
|
"left": 4.651168424894576,
|
|
"width": 3,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"b3882e8e-1ef9-49fa-89a7-ade20b60117e": {
|
|
"id": "b3882e8e-1ef9-49fa-89a7-ade20b60117e",
|
|
"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": "{{components.textinput12.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{components.textinput12.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table2.selectedRow.name}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput12",
|
|
"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": 70,
|
|
"left": 11.627907708198,
|
|
"width": 36,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"1ab7f02b-0f0c-4e8b-ae92-598914682761": {
|
|
"id": "1ab7f02b-0f0c-4e8b-ae92-598914682761",
|
|
"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": "{{components.textinput20.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{components.textinput20.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table2.selectedRow.brand}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter company name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput20",
|
|
"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": 140,
|
|
"left": 60.46510212031943,
|
|
"width": 15.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"cf9986df-f32b-41af-90e4-0691dea35a1e": {
|
|
"id": "cf9986df-f32b-41af-90e4-0691dea35a1e",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Brand"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text34",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 51.162797249108145,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"2ac19144-0be7-4c06-973d-63333141314a": {
|
|
"id": "2ac19144-0be7-4c06-973d-63333141314a",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#dadcde",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider8",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 280,
|
|
"left": 4.00079841256229e-7,
|
|
"width": 43,
|
|
"height": 10
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"d44a2f3a-f61f-4489-813a-2d7d84e50b50": {
|
|
"id": "d44a2f3a-f61f-4489-813a-2d7d84e50b50",
|
|
"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": "38520d62-864b-4489-8e08-796244458fec",
|
|
"queryName": "editProduct",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{ !components.textinput12.isValid || !components.textinput20.isValid || !components.dropdown5.isValid || !components.textinput22.isValid || !components.textinput21.isValid}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Save"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.editProduct.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button16",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 310,
|
|
"left": 83.72093120374878,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"76d94a84-7977-4efa-9101-8ebb31ba6c5d": {
|
|
"id": "76d94a84-7977-4efa-9101-8ebb31ba6c5d",
|
|
"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": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"textColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button17",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 310,
|
|
"left": 69.76741833633251,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"e6a96636-5c0b-446f-841c-d1bf158ef5e9": {
|
|
"id": "e6a96636-5c0b-446f-841c-d1bf158ef5e9",
|
|
"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": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "Product Details"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text37",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 4.6511560061557224,
|
|
"width": 14.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"4f2ddbd1-0cff-4935-8c38-974ed434cae7": {
|
|
"id": "4f2ddbd1-0cff-4935-8c38-974ed434cae7",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Quantity"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text38",
|
|
"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": 220,
|
|
"left": 51.16278773230763,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"131b8395-3cec-4c0d-bbbe-e374d515e070": {
|
|
"id": "131b8395-3cec-4c0d-bbbe-e374d515e070",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Type"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text40",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 4.651158461484289,
|
|
"width": 3,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"e85bc7ac-87be-49ce-8260-9e5343d17d6b": {
|
|
"id": "e85bc7ac-87be-49ce-8260-9e5343d17d6b",
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.dropdown5.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{components.dropdown5.value != undefined ? true : \"\"}}"
|
|
}
|
|
},
|
|
"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.type}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"appliances\", \"beauty\", \"electronics\", \"kitchen\", \"stationary\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Appliances\", \"Beauty\", \"Electronics\", \"Kitchen\", \"Stationary\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select type of product"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown5",
|
|
"displayName": "Dropdown",
|
|
"description": "Select one value from options",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 11.627898671773568,
|
|
"width": 15,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"3bbf57a9-e267-4fd6-803a-74390480638d": {
|
|
"id": "3bbf57a9-e267-4fd6-803a-74390480638d",
|
|
"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": "{{/^\\d+$/.test(components.textinput21.value) ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{/^\\d+$/.test(components.textinput21.value) ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table2.selectedRow.qty_in_stock}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter quantity to be added"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput21",
|
|
"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": 220,
|
|
"left": 60.46510923238416,
|
|
"width": 15.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"88633dc5-2a0d-4e0e-bf4f-a864859a7135": {
|
|
"id": "88633dc5-2a0d-4e0e-bf4f-a864859a7135",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Price"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text45",
|
|
"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": 220,
|
|
"left": 4.651162598330287,
|
|
"width": 3,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"69bf3926-6c1e-4ec5-9c5a-488b0967c7e0": {
|
|
"id": "69bf3926-6c1e-4ec5-9c5a-488b0967c7e0",
|
|
"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": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput22.value) ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput22.value) ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table2.selectedRow.current_price}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter price ($)"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput22",
|
|
"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": 220,
|
|
"left": 11.627900290084854,
|
|
"width": 15.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"f5a01d5f-a38c-411e-9ad9-646304b6c29c": {
|
|
"id": "f5a01d5f-a38c-411e-9ad9-646304b6c29c",
|
|
"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": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "{{queries.getCustomerOrders.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": ""
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getCustomerOrders.isLoading || queries.customerOrderChart.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text47",
|
|
"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": 380,
|
|
"left": 88.37209056618315,
|
|
"width": 3,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"10d97fa5-70ed-49ea-b755-7e77b676018e": {
|
|
"id": "10d97fa5-70ed-49ea-b755-7e77b676018e",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{10}}"
|
|
},
|
|
"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": "Prod. Id"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text48",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 0.0000028836761174488856,
|
|
"width": 5,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "7fd3caa1-8a6c-4a32-8d16-5c448c6d4d59"
|
|
},
|
|
"f49067b7-5cb3-4a76-81a5-6a934623c763": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`#${listItem.product_id}`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text49",
|
|
"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": "47d3a78b-8435-4a20-a849-3b7c0be713b7",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": -3.134246213676306e-7,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"79f5d6a0-d8da-401a-985f-39b3c5fe7ee5": {
|
|
"id": "79f5d6a0-d8da-401a-985f-39b3c5fe7ee5",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Country"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text59",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 120,
|
|
"left": 51.162796233025766,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"bbc5e3e2-1440-49d4-90ca-62168f05a326": {
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.dropdown6.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{components.dropdown6.value != undefined ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select a country"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown6",
|
|
"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": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 120,
|
|
"left": 62.79068508336573,
|
|
"width": 14.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"43a8f399-2396-40f3-97a4-f71d993f5f52": {
|
|
"id": "43a8f399-2396-40f3-97a4-f71d993f5f52",
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.dropdown7.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{components.dropdown7.value != undefined ? true : \"\"}}"
|
|
}
|
|
},
|
|
"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.table1.selectedRow.country}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select a country"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown7",
|
|
"displayName": "Dropdown",
|
|
"description": "Select one value from options",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 16.27906996955359,
|
|
"width": 14.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"ef8a575b-4af5-4441-b2b4-3e019d0605bf": {
|
|
"id": "ef8a575b-4af5-4441-b2b4-3e019d0605bf",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Country"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text63",
|
|
"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": 240,
|
|
"left": 4.651161831394547,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"f9648d95-7e44-4c04-8251-76ceca06bf40": {
|
|
"id": "f9648d95-7e44-4c04-8251-76ceca06bf40",
|
|
"component": {
|
|
"properties": {
|
|
"title": {
|
|
"type": "code",
|
|
"displayName": "Title",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"data": {
|
|
"type": "json",
|
|
"displayName": "Data",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "array"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading State",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"markerColor": {
|
|
"type": "color",
|
|
"displayName": "Marker color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"showAxes": {
|
|
"type": "toggle",
|
|
"displayName": "Show axes",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showGridLines": {
|
|
"type": "toggle",
|
|
"displayName": "Show grid lines",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"type": {
|
|
"type": "select",
|
|
"displayName": "Chart type",
|
|
"options": [
|
|
{
|
|
"name": "Line",
|
|
"value": "line"
|
|
},
|
|
{
|
|
"name": "Bar",
|
|
"value": "bar"
|
|
},
|
|
{
|
|
"name": "Pie",
|
|
"value": "pie"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"jsonDescription": {
|
|
"type": "json",
|
|
"displayName": "Json Description",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"plotFromJson": {
|
|
"type": "toggle",
|
|
"displayName": "Use Plotly JSON schema",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"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": {
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"padding": {
|
|
"value": "10"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": ""
|
|
},
|
|
"markerColor": {
|
|
"value": "#CDE1F8"
|
|
},
|
|
"showAxes": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showGridLines": {
|
|
"value": "{{true}}"
|
|
},
|
|
"plotFromJson": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getCustomerOrders.isLoading || queries.customerOrderChart.isLoading || queries.customerOrderChartAfterColors.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"jsonDescription": {
|
|
"value": "{{queries.getCustomerOrders.isLoading || queries.customerOrderChart.isLoading || queries.customerOrderChartAfterColors.isLoading || queries.getCustomerOrders.data.length == 0 ? \"{}\" : JSON.stringify(queries?.customerOrderChartAfterColors?.data ?? {})}}"
|
|
},
|
|
"type": {
|
|
"value": "line"
|
|
},
|
|
"data": {
|
|
"value": "[\n { \"x\": \"Jan\", \"y\": 100},\n { \"x\": \"Feb\", \"y\": 80},\n { \"x\": \"Mar\", \"y\": 40}\n]"
|
|
},
|
|
"barmode": {
|
|
"value": "group"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "chart4",
|
|
"displayName": "Chart",
|
|
"description": "Display charts",
|
|
"component": "Chart",
|
|
"defaultSize": {
|
|
"width": 20,
|
|
"height": 400
|
|
},
|
|
"exposedVariables": {
|
|
"show": null
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 60,
|
|
"left": 55.81395348837209,
|
|
"width": 17,
|
|
"height": 280
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"9fa4e38c-9387-4900-bb70-ff415b46bcdf": {
|
|
"id": "9fa4e38c-9387-4900-bb70-ff415b46bcdf",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213b80ff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "0"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00",
|
|
"fxActive": false
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container3",
|
|
"displayName": "Container",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 0,
|
|
"left": 0,
|
|
"width": 43,
|
|
"height": 70
|
|
}
|
|
}
|
|
},
|
|
"bc1a299e-b62e-4e60-a161-14427d60d051": {
|
|
"id": "bc1a299e-b62e-4e60-a161-14427d60d051",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"textSize": {
|
|
"value": "{{24}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "center"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": "{{0}}"
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "B R A N D"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text51",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 2.3255827912519793,
|
|
"width": 6,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "9fa4e38c-9387-4900-bb70-ff415b46bcdf"
|
|
},
|
|
"43bb2148-1b6a-4763-9919-979202193c52": {
|
|
"id": "43bb2148-1b6a-4763-9919-979202193c52",
|
|
"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": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"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": "Sales Analytics"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text64",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 67.44186626637374,
|
|
"width": 12,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "9fa4e38c-9387-4900-bb70-ff415b46bcdf"
|
|
},
|
|
"90d2c00b-320e-4aa4-917e-6b7992654326": {
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#dadcdeff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "verticaldivider1",
|
|
"displayName": "Vertical Divider",
|
|
"description": "Vertical Separator between components",
|
|
"component": "VerticalDivider",
|
|
"defaultSize": {
|
|
"width": 2,
|
|
"height": 100
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 60,
|
|
"left": 51.16278745544168,
|
|
"width": 1,
|
|
"height": 280
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"274f2ffa-b06c-4b21-80d0-cbd7ad6dece4": {
|
|
"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"
|
|
}
|
|
}
|
|
},
|
|
"defaultSelectedRow": {
|
|
"type": "code",
|
|
"displayName": "Default selected row",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "object"
|
|
}
|
|
}
|
|
},
|
|
"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": "Condensed",
|
|
"value": "condensed"
|
|
},
|
|
{
|
|
"name": "Regular",
|
|
"value": "regular"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"actionButtonRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"cellSize": {
|
|
"value": "regular"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"tableType": {
|
|
"value": "table-classic"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Table"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"data": {
|
|
"value": "{{queries.getOrders.data}}"
|
|
},
|
|
"useDynamicColumn": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnData": {
|
|
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
|
|
},
|
|
"rowsPerPage": {
|
|
"value": "{{10}}"
|
|
},
|
|
"serverSidePagination": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableNextButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"enablePrevButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"totalRecords": {
|
|
"value": ""
|
|
},
|
|
"clientSidePagination": {
|
|
"value": "{{true}}"
|
|
},
|
|
"serverSideSort": {
|
|
"value": "{{false}}"
|
|
},
|
|
"serverSideFilter": {
|
|
"value": "{{false}}"
|
|
},
|
|
"displaySearchBox": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showDownloadButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showFilterButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"autogenerateColumns": {
|
|
"value": true,
|
|
"generateNestedColumns": true
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"name": "id",
|
|
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "ecb7323d-bf03-4856-992a-4d12b2711c0e",
|
|
"name": "customer_id",
|
|
"key": "customer_id",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "84563b44-0e3c-4c56-bcad-1392f5c6c1da",
|
|
"name": "country",
|
|
"key": "country",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "556f9785-ae13-4cf5-9252-d34beaed481a",
|
|
"name": "product_id",
|
|
"key": "product_id",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "7eb4e510-53dd-42ec-8261-e188d5b9c3ad",
|
|
"name": "product_name",
|
|
"key": "product_name",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "41f621c1-0982-420c-9d0a-65aef3d583e2",
|
|
"name": "quantity",
|
|
"key": "quantity",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "d8112b51-7942-424f-8940-8e6a1ca0209b",
|
|
"name": "at_price",
|
|
"key": "at_price",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "0a7386fb-a654-43cb-b71c-8c8714eb4ce5",
|
|
"name": "total_price",
|
|
"key": "total_price",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "0936336a-5d6f-4647-aaf4-a4b99c1c4895",
|
|
"name": "created_at",
|
|
"key": "created_at",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "67effed7-a352-4bd2-905f-08aa63bc53a5",
|
|
"name": "updated_at",
|
|
"key": "updated_at",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showBulkSelector": {
|
|
"value": "{{false}}"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 88,
|
|
"ecb7323d-bf03-4856-992a-4d12b2711c0e": 135,
|
|
"556f9785-ae13-4cf5-9252-d34beaed481a": 143,
|
|
"41f621c1-0982-420c-9d0a-65aef3d583e2": 142,
|
|
"d8112b51-7942-424f-8940-8e6a1ca0209b": 156,
|
|
"0a7386fb-a654-43cb-b71c-8c8714eb4ce5": 162,
|
|
"84563b44-0e3c-4c56-bcad-1392f5c6c1da": 167,
|
|
"7eb4e510-53dd-42ec-8261-e188d5b9c3ad": 362
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": []
|
|
},
|
|
"enabledSort": {
|
|
"value": "{{true}}"
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"defaultSelectedRow": {
|
|
"value": "{{{\"id\":1}}}"
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"allowSelection": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"is_active"
|
|
]
|
|
}
|
|
},
|
|
"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": "5e82a221-8213-4caf-817c-88f97d8e4883-3",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 80,
|
|
"left": 2.3255804871948036,
|
|
"width": 41,
|
|
"height": 490
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"248634d0-c840-4b85-8c32-56c87ff8549a": {
|
|
"id": "248634d0-c840-4b85-8c32-56c87ff8549a",
|
|
"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": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{5}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{ !queries.getOrders.isLoading }}",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`${queries?.getOrders?.data?.length ?? 0} Orders`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text65",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 2.3255822593327444,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-3"
|
|
}
|
|
},
|
|
"handle": "home",
|
|
"name": "Home"
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": true,
|
|
"appInMaintenance": false,
|
|
"canvasMaxWidth": "100",
|
|
"canvasMaxWidthType": "%",
|
|
"canvasMaxHeight": 2400,
|
|
"canvasBackgroundColor": "",
|
|
"backgroundFxQuery": ""
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": true,
|
|
"appInMaintenance": false,
|
|
"canvasMaxWidth": 100,
|
|
"canvasMaxWidthType": "%",
|
|
"canvasMaxHeight": 2400,
|
|
"canvasBackgroundColor": "",
|
|
"backgroundFxQuery": ""
|
|
},
|
|
"showViewerNavigation": false,
|
|
"homePageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"appId": "7e2569c0-debc-4e6f-80b6-39defd06b40c",
|
|
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"promotedFrom": null,
|
|
"createdAt": "2023-09-11T18:11:00.826Z",
|
|
"updatedAt": "2024-01-02T11:45:48.296Z"
|
|
},
|
|
"components": [
|
|
{
|
|
"id": "fed0f7f0-b9dd-4b35-9895-be94678f0438",
|
|
"name": "statistics1",
|
|
"type": "Statistics",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-0",
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"value": "Average Order Value ($)"
|
|
},
|
|
"primaryValue": {
|
|
"value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].avgOrderValue}}"
|
|
},
|
|
"secondaryValueLabel": {
|
|
"value": "Last month"
|
|
},
|
|
"secondaryValue": {
|
|
"value": "{{`${Math.min(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .avgOrderValue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) *\n 100,\n 100\n).toFixed(2)}%`}}"
|
|
},
|
|
"secondarySignDisplay": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .avgOrderValue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"hideSecondary": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"primaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"primaryTextColour": {
|
|
"value": "#000000"
|
|
},
|
|
"secondaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"secondaryTextColour": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .avgOrderValue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}",
|
|
"fxActive": true
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2024-01-02T11:41:00.446Z",
|
|
"layouts": [
|
|
{
|
|
"id": "31a076a3-d1a5-4d87-b375-f40c7535b647",
|
|
"type": "desktop",
|
|
"top": 30,
|
|
"left": 74.41860383993948,
|
|
"width": 9.999999999999998,
|
|
"height": 170,
|
|
"componentId": "fed0f7f0-b9dd-4b35-9895-be94678f0438"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "1b027083-839f-4b5f-bd47-caeeb608104e",
|
|
"name": "text2",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-1",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`${queries?.getCustomers?.data?.length ?? 0} Customers`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{5}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{ !queries.getCustomers.isLoading }}",
|
|
"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": "54a768b5-a983-4101-9d38-1d78e24b773d",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 2.325595995777369,
|
|
"width": 14,
|
|
"height": 40,
|
|
"componentId": "1b027083-839f-4b5f-bd47-caeeb608104e"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"name": "modal2",
|
|
"type": "Modal",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": null,
|
|
"properties": {
|
|
"title": {
|
|
"value": "Customer"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Launch Modal"
|
|
},
|
|
"size": {
|
|
"value": "xl"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "920px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"headerBackgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"headerTextColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"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": "7db27a55-c780-46b8-82e4-ad27e262c537",
|
|
"type": "desktop",
|
|
"top": 750.000057220459,
|
|
"left": 2.3256077478684265,
|
|
"width": 8,
|
|
"height": 40,
|
|
"componentId": "a39d1dbb-8124-4b07-b348-01b0c95af865"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "c67c5633-05ea-4862-9ed1-e50026521801",
|
|
"name": "text4",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Email"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "0fbf0945-0361-4493-81c2-b265f7b78507",
|
|
"type": "desktop",
|
|
"top": 120,
|
|
"left": 4.6511635881258995,
|
|
"width": 5,
|
|
"height": 40,
|
|
"componentId": "c67c5633-05ea-4862-9ed1-e50026521801"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "d89e1734-837b-4e50-8515-9db7b4b30759",
|
|
"name": "text5",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Name"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "35ae2153-dcc1-44ef-ab9b-f0f8e143022b",
|
|
"type": "desktop",
|
|
"top": 60,
|
|
"left": 4.651161793912395,
|
|
"width": 5,
|
|
"height": 40,
|
|
"componentId": "d89e1734-837b-4e50-8515-9db7b4b30759"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "9d2221ec-8e42-4be2-8929-c5c92a65eb30",
|
|
"name": "textinput1",
|
|
"type": "TextInput",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.name}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "{{components.textinput1.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"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": "{{components.textinput1.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "1bcb97de-68d5-4ea6-a985-e7aac36cb0bb",
|
|
"type": "desktop",
|
|
"top": 60,
|
|
"left": 16.279067969008917,
|
|
"width": 14,
|
|
"height": 40,
|
|
"componentId": "9d2221ec-8e42-4be2-8929-c5c92a65eb30"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "0c8ca5b2-097a-4349-adf2-f7af5e0ad7e7",
|
|
"name": "textinput2",
|
|
"type": "TextInput",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.email}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter email"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput2.value) ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"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": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput2.value) ? true : \"\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "b355dd3f-1b0b-47b2-a0e3-b5a7d4995534",
|
|
"type": "desktop",
|
|
"top": 120,
|
|
"left": 16.279068577527127,
|
|
"width": 14,
|
|
"height": 40,
|
|
"componentId": "0c8ca5b2-097a-4349-adf2-f7af5e0ad7e7"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "26a2215c-aa61-4e84-ab17-e11c72e5cc30",
|
|
"name": "textinput3",
|
|
"type": "TextInput",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.company}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter company name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "{{components.textinput3.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"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": "{{components.textinput3.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "699f54e4-6768-489c-9309-e370e30babdb",
|
|
"type": "desktop",
|
|
"top": 180,
|
|
"left": 16.27906704285889,
|
|
"width": 14,
|
|
"height": 40,
|
|
"componentId": "26a2215c-aa61-4e84-ab17-e11c72e5cc30"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "4c0b5459-8103-477d-9d9c-bd1150dbac62",
|
|
"name": "text6",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Company"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "0256a575-734c-4d3f-8972-4b427c52dc07",
|
|
"type": "desktop",
|
|
"top": 180,
|
|
"left": 4.6511635881258995,
|
|
"width": 5,
|
|
"height": 40,
|
|
"componentId": "4c0b5459-8103-477d-9d9c-bd1150dbac62"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "364d00f3-535c-4297-8984-3433aee595a4",
|
|
"name": "divider1",
|
|
"type": "Divider",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#dadcde",
|
|
"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": "86c8b5cc-e5e6-4200-b9d9-933eeb1822f4",
|
|
"type": "desktop",
|
|
"top": 830,
|
|
"left": 3.134246213676306e-7,
|
|
"width": 43,
|
|
"height": 10,
|
|
"componentId": "364d00f3-535c-4297-8984-3433aee595a4"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "797f0373-813a-4837-8ebc-b89296c7762a",
|
|
"name": "button2",
|
|
"type": "Button",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffff80"
|
|
},
|
|
"textColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}",
|
|
"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": "587e6ee1-baba-48fa-b912-2cf8859af65c",
|
|
"type": "desktop",
|
|
"top": 860,
|
|
"left": 72.09302215268106,
|
|
"width": 4,
|
|
"height": 40,
|
|
"componentId": "797f0373-813a-4837-8ebc-b89296c7762a"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "8d57e25e-a5be-4e9a-a521-046aae134899",
|
|
"name": "text8",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Customer Details"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffff00",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#213B81",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "4ed71807-d695-4f0d-bce1-b8180f8d72ba",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 4.651166276216096,
|
|
"width": 14,
|
|
"height": 40,
|
|
"componentId": "8d57e25e-a5be-4e9a-a521-046aae134899"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "ef141176-ff58-48a2-8738-da9983048a79",
|
|
"name": "text9",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Order Details"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#213B81",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "523980ab-acc4-4e19-b308-d9bcc9e498eb",
|
|
"type": "desktop",
|
|
"top": 380,
|
|
"left": 4.651201625160855,
|
|
"width": 14,
|
|
"height": 40,
|
|
"componentId": "ef141176-ff58-48a2-8738-da9983048a79"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "fbe4ee99-8d06-4d9a-a5e4-24920a836644",
|
|
"name": "text16",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-2",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`${queries?.getProducts?.data?.length ?? 0} Products`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{5}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{ !queries.getProducts.isLoading }}",
|
|
"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": "a46758c5-0f18-43f9-8af4-3f48e3d746c3",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 2.3255869327817056,
|
|
"width": 14,
|
|
"height": 40,
|
|
"componentId": "fbe4ee99-8d06-4d9a-a5e4-24920a836644"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "05f13508-39aa-4ecd-9381-c03b34add678",
|
|
"name": "modal6",
|
|
"type": "Modal",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-2",
|
|
"properties": {
|
|
"title": {
|
|
"value": "Add product"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Add product"
|
|
},
|
|
"size": {
|
|
"value": "lg"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "380px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"headerBackgroundColor": {
|
|
"value": "#ffffff1a"
|
|
},
|
|
"headerTextColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"value": "#ffffff1a"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"value": "#ffffffff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "e5ef1407-3c48-4f20-b33f-c8c1fe3bd5e2",
|
|
"type": "desktop",
|
|
"top": 30,
|
|
"left": 67.44186080042796,
|
|
"width": 4.999999999999999,
|
|
"height": 40,
|
|
"componentId": "05f13508-39aa-4ecd-9381-c03b34add678"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "a4113ddf-a832-4d5a-9810-3776e37dc6e8",
|
|
"name": "text30",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "05f13508-39aa-4ecd-9381-c03b34add678",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Name"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "2ab200dc-d875-4bee-bf86-ad5a36475c0e",
|
|
"type": "desktop",
|
|
"top": 70,
|
|
"left": 4.651168424894576,
|
|
"width": 3,
|
|
"height": 40,
|
|
"componentId": "a4113ddf-a832-4d5a-9810-3776e37dc6e8"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "a498d1a4-14b2-4842-ba57-56c8b764df1f",
|
|
"name": "textinput13",
|
|
"type": "TextInput",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "05f13508-39aa-4ecd-9381-c03b34add678",
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "{{components.textinput13.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{components.textinput13.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "97f6e709-c970-485f-a2c3-3cd816c2cc2d",
|
|
"type": "desktop",
|
|
"top": 70,
|
|
"left": 11.62790689160906,
|
|
"width": 36,
|
|
"height": 40,
|
|
"componentId": "a498d1a4-14b2-4842-ba57-56c8b764df1f"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "cce06654-1237-43b6-8fe1-3da0b0f472f6",
|
|
"name": "textinput14",
|
|
"type": "TextInput",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "05f13508-39aa-4ecd-9381-c03b34add678",
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter company name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "{{components.textinput14.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{components.textinput14.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "ceb73305-f955-4333-80a8-acf0b2de067b",
|
|
"type": "desktop",
|
|
"top": 140,
|
|
"left": 60.46510288959324,
|
|
"width": 15.000000000000002,
|
|
"height": 40,
|
|
"componentId": "cce06654-1237-43b6-8fe1-3da0b0f472f6"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "aa2b5ca2-51e9-48a2-98e6-15b9400ddb4c",
|
|
"name": "text31",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "05f13508-39aa-4ecd-9381-c03b34add678",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Brand"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "45e4beb2-6d61-41c0-a84d-cc8c4dceb0c1",
|
|
"type": "desktop",
|
|
"top": 140,
|
|
"left": 51.16279745082527,
|
|
"width": 4,
|
|
"height": 40,
|
|
"componentId": "aa2b5ca2-51e9-48a2-98e6-15b9400ddb4c"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "d07ef2a0-cd7f-4a88-b56f-ecbbcd87e096",
|
|
"name": "divider5",
|
|
"type": "Divider",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "05f13508-39aa-4ecd-9381-c03b34add678",
|
|
"properties": {},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#dadcde",
|
|
"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": "dbad4620-009c-449d-9b96-79f4ae0474a7",
|
|
"type": "desktop",
|
|
"top": 280,
|
|
"left": 4.00079841256229e-7,
|
|
"width": 43,
|
|
"height": 10,
|
|
"componentId": "d07ef2a0-cd7f-4a88-b56f-ecbbcd87e096"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "40e36c3d-1a4b-48c4-b0cc-5e4403a0563f",
|
|
"name": "button9",
|
|
"type": "Button",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "05f13508-39aa-4ecd-9381-c03b34add678",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add Product"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.addProduct.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{ !components.textinput13.isValid || !components.textinput14.isValid || !components.dropdown4.isValid || !components.textinput18.isValid || !components.textinput19.isValid}}",
|
|
"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": "7d3ba4c3-0e9d-4d1d-9d92-f1ce3925a603",
|
|
"type": "desktop",
|
|
"top": 310,
|
|
"left": 76.74419092490663,
|
|
"width": 8,
|
|
"height": 40,
|
|
"componentId": "40e36c3d-1a4b-48c4-b0cc-5e4403a0563f"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "fbf7e002-2ceb-4747-9dde-b932c19035aa",
|
|
"name": "button10",
|
|
"type": "Button",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "05f13508-39aa-4ecd-9381-c03b34add678",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"textColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"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": "d2f05364-4328-4eaf-9605-e77d0227e843",
|
|
"type": "desktop",
|
|
"top": 310,
|
|
"left": 62.79068219897656,
|
|
"width": 5,
|
|
"height": 40,
|
|
"componentId": "fbf7e002-2ceb-4747-9dde-b932c19035aa"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "8d890fd8-9ca5-47e7-8eb1-62f85201f78b",
|
|
"name": "text33",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "05f13508-39aa-4ecd-9381-c03b34add678",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Product Details"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "1815a539-173a-4eea-baad-39e49862565f",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 4.6511560061557224,
|
|
"width": 14.000000000000002,
|
|
"height": 40,
|
|
"componentId": "8d890fd8-9ca5-47e7-8eb1-62f85201f78b"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "45777e03-18bf-4a5b-a765-42fb9fb05552",
|
|
"name": "text35",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "05f13508-39aa-4ecd-9381-c03b34add678",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Quantity"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "86581fc5-9928-4f65-83a0-7ea27e80d299",
|
|
"type": "desktop",
|
|
"top": 220,
|
|
"left": 51.16278773230763,
|
|
"width": 4,
|
|
"height": 40,
|
|
"componentId": "45777e03-18bf-4a5b-a765-42fb9fb05552"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "78715f42-2e77-466c-9766-2cf736dcffe6",
|
|
"name": "chart3",
|
|
"type": "Chart",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-0",
|
|
"properties": {
|
|
"title": {
|
|
"value": "Sales per country this year"
|
|
},
|
|
"markerColor": {
|
|
"value": "#CDE1F8"
|
|
},
|
|
"showAxes": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showGridLines": {
|
|
"value": "{{true}}"
|
|
},
|
|
"plotFromJson": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading || queries.ordersAnalyticsAfterColors.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"jsonDescription": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading || queries.ordersAnalyticsAfterColors.isLoading || queries.getOrders.data.length == 0 ? \"{}\" : JSON.stringify(queries?.ordersAnalyticsAfterColors?.data ?? {})}}"
|
|
},
|
|
"type": {
|
|
"value": "line"
|
|
},
|
|
"data": {
|
|
"value": "[\n { \"x\": \"Jan\", \"y\": 100},\n { \"x\": \"Feb\", \"y\": 80},\n { \"x\": \"Mar\", \"y\": 40}\n]"
|
|
},
|
|
"barmode": {
|
|
"value": "group"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"padding": {
|
|
"value": "50"
|
|
},
|
|
"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": "aec7c3bb-e559-4fdc-9e6c-fa834c9bea86",
|
|
"type": "desktop",
|
|
"top": 230,
|
|
"left": 58.13953624532072,
|
|
"width": 17,
|
|
"height": 330,
|
|
"componentId": "78715f42-2e77-466c-9766-2cf736dcffe6"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "fd051db8-fab3-4de4-a31c-d09f3b5e8cd3",
|
|
"name": "chart6",
|
|
"type": "Chart",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-0",
|
|
"properties": {
|
|
"title": {
|
|
"value": "Total sales this year"
|
|
},
|
|
"markerColor": {
|
|
"value": "#5e82e0ff"
|
|
},
|
|
"showAxes": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showGridLines": {
|
|
"value": "{{true}}"
|
|
},
|
|
"plotFromJson": {
|
|
"value": "{{false}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"barmode": {
|
|
"value": "group"
|
|
},
|
|
"jsonDescription": {
|
|
"value": "{\n \"data\": [\n {\n \"x\": [\n \"Jan\",\n \"Feb\",\n \"Mar\",\n \"Jun\",\n \"Jul\",\n \"Aug\",\n \"Sep\",\n \"Oct\",\n \"Nov\",\n \"Dec\"\n \n ],\n \"y\": [\n 100,\n 80,\n 40,\n 60,\n 60,\n 25,\n 0,\n 0,\n 0,\n 0\n ],\n \"type\": \"bar\"\n }\n ]\n }"
|
|
},
|
|
"type": {
|
|
"value": "bar"
|
|
},
|
|
"data": {
|
|
"value": "{{Object.values(queries?.ordersAnalytics?.data?.dataPerMonth ?? {}).map(\n (month) => ({\n x: month.monthName,\n y: month.revenue,\n })\n)}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"padding": {
|
|
"value": "50"
|
|
},
|
|
"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": "469660de-5332-4a31-b535-dc014cc26c75",
|
|
"type": "desktop",
|
|
"top": 230,
|
|
"left": 2.3255813953488373,
|
|
"width": 23,
|
|
"height": 330,
|
|
"componentId": "fd051db8-fab3-4de4-a31c-d09f3b5e8cd3"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "1f8ec980-d643-4f77-940b-0a2fa50b8e13",
|
|
"name": "text39",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Orders summary by cost"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffff00"
|
|
},
|
|
"textColor": {
|
|
"value": "#213B81",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "c65f65c2-d82c-4f37-b18c-3968aca0ee03",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 55.8139500865679,
|
|
"width": 14,
|
|
"height": 40,
|
|
"componentId": "1f8ec980-d643-4f77-940b-0a2fa50b8e13"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "81da0f4e-1a1e-4f9a-8350-d53cec821bee",
|
|
"name": "modal7",
|
|
"type": "Modal",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-1",
|
|
"properties": {
|
|
"title": {
|
|
"value": "Add customer"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Add customer"
|
|
},
|
|
"size": {
|
|
"value": "lg"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "280px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"headerBackgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"headerTextColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": false
|
|
},
|
|
"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": "0a7d92c6-2696-4a3f-a7fc-2d3b0acdb6ae",
|
|
"type": "desktop",
|
|
"top": 30,
|
|
"left": 69.76743908216835,
|
|
"width": 4.999999999999999,
|
|
"height": 40,
|
|
"componentId": "81da0f4e-1a1e-4f9a-8350-d53cec821bee"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "e95b2bfb-d30c-44b6-b35d-9755206aea16",
|
|
"name": "text42",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Email"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "7a123191-a6a4-4337-8dc7-16882e848018",
|
|
"type": "desktop",
|
|
"top": 120,
|
|
"left": 4.651164026267174,
|
|
"width": 4,
|
|
"height": 40,
|
|
"componentId": "e95b2bfb-d30c-44b6-b35d-9755206aea16"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "834147ed-1679-4771-b475-49dc60251e90",
|
|
"name": "text43",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Name"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "712d6f19-6bf1-44dd-9d82-aa3150f817ff",
|
|
"type": "desktop",
|
|
"top": 60,
|
|
"left": 4.651162963972348,
|
|
"width": 4,
|
|
"height": 40,
|
|
"componentId": "834147ed-1679-4771-b475-49dc60251e90"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "90bb2924-7d7c-4499-bf23-c14cf016c747",
|
|
"name": "textinput11",
|
|
"type": "TextInput",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee",
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "{{components.textinput11.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{components.textinput11.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "18a4d380-57d6-4587-b86a-6b4f2047f88f",
|
|
"type": "desktop",
|
|
"top": 60.00001525878906,
|
|
"left": 13.953475264081066,
|
|
"width": 14,
|
|
"height": 40,
|
|
"componentId": "90bb2924-7d7c-4499-bf23-c14cf016c747"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "f7aeb724-f94d-4c16-b29b-e04889a5081c",
|
|
"name": "textinput15",
|
|
"type": "TextInput",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee",
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter email"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput15.value) ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput15.value) ? true : \"\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "9e82955d-341e-42e1-a73e-cbde953abd31",
|
|
"type": "desktop",
|
|
"top": 120.00001525878906,
|
|
"left": 13.953482739224162,
|
|
"width": 14.000000000000002,
|
|
"height": 40,
|
|
"componentId": "f7aeb724-f94d-4c16-b29b-e04889a5081c"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "41e58fd2-7601-4cf0-abe1-98a7cd1a7045",
|
|
"name": "textinput16",
|
|
"type": "TextInput",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee",
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter company name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "{{components.textinput16.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{components.textinput16.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "45579811-b211-4b77-8c95-fad9678f6d68",
|
|
"type": "desktop",
|
|
"top": 60,
|
|
"left": 62.7907019101015,
|
|
"width": 14,
|
|
"height": 40,
|
|
"componentId": "41e58fd2-7601-4cf0-abe1-98a7cd1a7045"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "31357317-4e10-4522-afbc-ddb81a985870",
|
|
"name": "text44",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Company"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "86bda0b1-f2e8-441b-951a-dbb9af3f41fd",
|
|
"type": "desktop",
|
|
"top": 60,
|
|
"left": 51.16279499745627,
|
|
"width": 5,
|
|
"height": 40,
|
|
"componentId": "31357317-4e10-4522-afbc-ddb81a985870"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "723bcf8d-9b14-4bae-9dab-12baafd844f2",
|
|
"name": "divider7",
|
|
"type": "Divider",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee",
|
|
"properties": {},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#dadcde",
|
|
"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": "1a30345a-7b52-4d87-9a56-31f6b7205e01",
|
|
"type": "desktop",
|
|
"top": 190,
|
|
"left": 0,
|
|
"width": 43,
|
|
"height": 10,
|
|
"componentId": "723bcf8d-9b14-4bae-9dab-12baafd844f2"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "9989d3e1-1116-4a03-abb8-d4917f3ffe7b",
|
|
"name": "button12",
|
|
"type": "Button",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add customer"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.addCustomer.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00",
|
|
"fxActive": false
|
|
},
|
|
"disabledState": {
|
|
"value": "{{ !components.textinput11.isValid || !components.textinput15.isValid || !components.textinput16.isValid || !components.dropdown6.isValid}}",
|
|
"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": "648f7513-9841-414d-a846-dd27d61f9216",
|
|
"type": "desktop",
|
|
"top": 220,
|
|
"left": 76.74418426940643,
|
|
"width": 8,
|
|
"height": 40,
|
|
"componentId": "9989d3e1-1116-4a03-abb8-d4917f3ffe7b"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "f6f287ec-37f6-4783-82c6-68c752ee4cf8",
|
|
"name": "button13",
|
|
"type": "Button",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"textColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"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": "1017f30b-30ae-42fc-80d7-e7043155aab8",
|
|
"type": "desktop",
|
|
"top": 220,
|
|
"left": 62.79071384658206,
|
|
"width": 5,
|
|
"height": 40,
|
|
"componentId": "f6f287ec-37f6-4783-82c6-68c752ee4cf8"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "3f05b898-e31c-465d-b615-4c417e7a62d5",
|
|
"name": "text46",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Customer Details"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "de1a0e86-e331-4fb6-95fe-9e82c5e6aaa5",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 4.651154551901468,
|
|
"width": 14.000000000000002,
|
|
"height": 40,
|
|
"componentId": "3f05b898-e31c-465d-b615-4c417e7a62d5"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "8572d9f8-2dbd-4b51-81bb-18461628fa3b",
|
|
"name": "text50",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "05f13508-39aa-4ecd-9381-c03b34add678",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Type"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "5cb1e796-f3d4-4c4e-bc77-bc9edbca5bba",
|
|
"type": "desktop",
|
|
"top": 140,
|
|
"left": 4.651159034566407,
|
|
"width": 3,
|
|
"height": 40,
|
|
"componentId": "8572d9f8-2dbd-4b51-81bb-18461628fa3b"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "2afe1b25-3226-4363-8708-b3e49555a4b7",
|
|
"name": "button15",
|
|
"type": "Button",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-1",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add Customer"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#375FCF"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "5e787fe0-22fc-4c67-8552-86923f25ad10",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 83.72092413686282,
|
|
"width": 6,
|
|
"height": 40,
|
|
"componentId": "2afe1b25-3226-4363-8708-b3e49555a4b7"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "21ea1521-df4f-43ff-bf91-c72d723bf535",
|
|
"name": "listview1",
|
|
"type": "Listview",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"data": {
|
|
"value": "{{queries.getCustomerOrders.data}}"
|
|
},
|
|
"mode": {
|
|
"value": "list"
|
|
},
|
|
"columns": {
|
|
"value": "{{3}}"
|
|
},
|
|
"rowHeight": {
|
|
"value": "60"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showBorder": {
|
|
"value": "{{true}}"
|
|
},
|
|
"rowsPerPage": {
|
|
"value": "{{10}}"
|
|
},
|
|
"enablePagination": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#8888880d"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"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": "3bfd9ae4-ca5e-452d-8045-06be44a8033e",
|
|
"type": "desktop",
|
|
"top": 469.99999237060547,
|
|
"left": 4.651161008130597,
|
|
"width": 39.00000000000001,
|
|
"height": 180,
|
|
"componentId": "21ea1521-df4f-43ff-bf91-c72d723bf535"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "220a17e7-ae9e-4575-aa46-01c5ae868a9e",
|
|
"name": "text52",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "21ea1521-df4f-43ff-bf91-c72d723bf535",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{listItem.product_name}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "7196570e-8416-41b1-87d3-8f6d246dfb9f",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 16.279071031395265,
|
|
"width": 15.000000000000002,
|
|
"height": 40,
|
|
"componentId": "220a17e7-ae9e-4575-aa46-01c5ae868a9e"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "67d75e62-ec8e-42c6-bcc2-52ada3a550d9",
|
|
"name": "text53",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "21ea1521-df4f-43ff-bf91-c72d723bf535",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`\\$${listItem.total_price.toFixed(2)}`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "cab070d8-7875-48db-a071-6c3ea999053a",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 55.81395159116008,
|
|
"width": 8,
|
|
"height": 40,
|
|
"componentId": "67d75e62-ec8e-42c6-bcc2-52ada3a550d9"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "6179c52c-aa32-432e-8a5f-adab4d75b291",
|
|
"name": "text54",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "21ea1521-df4f-43ff-bf91-c72d723bf535",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{listItem.quantity}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "6eb881af-edfb-4fc8-9012-3280e043033c",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 79.06976680603806,
|
|
"width": 6,
|
|
"height": 40,
|
|
"componentId": "6179c52c-aa32-432e-8a5f-adab4d75b291"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "42323f53-0523-4d26-9698-bc34d1f6f178",
|
|
"name": "container1",
|
|
"type": "Container",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#8888880d"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"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": "6e895f98-8cf5-46ba-8519-464a561d3832",
|
|
"type": "desktop",
|
|
"top": 420,
|
|
"left": 4.651162113937779,
|
|
"width": 39.00000000000001,
|
|
"height": 50,
|
|
"componentId": "42323f53-0523-4d26-9698-bc34d1f6f178"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "79ac6fd4-7407-44be-b216-e7eae5b56d96",
|
|
"name": "text55",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "42323f53-0523-4d26-9698-bc34d1f6f178",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Product name"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{10}}"
|
|
},
|
|
"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": "6ef25040-f0a2-4efb-bf71-02f258eaf0fe",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 16.279069134183267,
|
|
"width": 10,
|
|
"height": 30,
|
|
"componentId": "79ac6fd4-7407-44be-b216-e7eae5b56d96"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "08f3a926-7174-4baa-af22-ad07c6f6470f",
|
|
"name": "text56",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "42323f53-0523-4d26-9698-bc34d1f6f178",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Total price"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{8}}"
|
|
},
|
|
"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": "3e17cac4-d6dd-4c71-a811-5628ec90c22c",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 55.8139360981166,
|
|
"width": 7,
|
|
"height": 30,
|
|
"componentId": "08f3a926-7174-4baa-af22-ad07c6f6470f"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "7ec1a8d8-9adc-464f-8573-ef075f9abd1d",
|
|
"name": "text57",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "42323f53-0523-4d26-9698-bc34d1f6f178",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Quantity"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{5}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "ced52c3f-766e-4947-bca6-547b64779706",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 79.06977213164956,
|
|
"width": 7,
|
|
"height": 30,
|
|
"componentId": "7ec1a8d8-9adc-464f-8573-ef075f9abd1d"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "9145ef1d-be6b-40a4-ad24-8727f429d084",
|
|
"name": "container2",
|
|
"type": "Container",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#88888826"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"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": "6b79d110-88ac-4e99-82fe-dcf0e774f9e4",
|
|
"type": "desktop",
|
|
"top": 659.999885559082,
|
|
"left": 4.651164003236601,
|
|
"width": 39.00000000000001,
|
|
"height": 50,
|
|
"componentId": "9145ef1d-be6b-40a4-ad24-8727f429d084"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "d65617c4-19cc-474d-a855-e68e3177ff80",
|
|
"name": "text58",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "9145ef1d-be6b-40a4-ad24-8727f429d084",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Total"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{5}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "a5bc2771-975b-4811-a4b1-854991fcc896",
|
|
"type": "desktop",
|
|
"top": 0,
|
|
"left": 60.465116268814555,
|
|
"width": 6.999999999999999,
|
|
"height": 40,
|
|
"componentId": "d65617c4-19cc-474d-a855-e68e3177ff80"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "5dcd9aae-90e5-4134-8b92-bd788466580d",
|
|
"name": "text41",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "9145ef1d-be6b-40a4-ad24-8727f429d084",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`\\$${queries.getCustomerOrders.data\n .map((order) => order?.total_price ?? 0)\n .reduce((sum, n) => {\n return sum + n;\n }, 0)\n .toFixed(2)}`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{8}}"
|
|
},
|
|
"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": "e5b70e3b-47c9-404f-958e-abf111b32bee",
|
|
"type": "desktop",
|
|
"top": 0,
|
|
"left": 79.06976744186046,
|
|
"width": 8,
|
|
"height": 40,
|
|
"componentId": "5dcd9aae-90e5-4134-8b92-bd788466580d"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "79b56359-59d1-4b77-ac19-aa8d23c22f71",
|
|
"name": "button11",
|
|
"type": "Button",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Update"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.editCustomer.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00",
|
|
"fxActive": false
|
|
},
|
|
"disabledState": {
|
|
"value": "{{ !components.textinput1.isValid || !components.textinput2.isValid || !components.textinput3.isValid || !components.dropdown7.isValid}}",
|
|
"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": "431d4f90-5b46-45a1-9114-d5366dba342a",
|
|
"type": "desktop",
|
|
"top": 300,
|
|
"left": 39.53488372093023,
|
|
"width": 4,
|
|
"height": 40,
|
|
"componentId": "79b56359-59d1-4b77-ac19-aa8d23c22f71"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "9e76e3b2-cdfb-4764-b91d-7e30929106e7",
|
|
"name": "divider9",
|
|
"type": "Divider",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#dadcde",
|
|
"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": "80b377ee-571f-4a60-93b7-e57b678b0608",
|
|
"type": "desktop",
|
|
"top": 360,
|
|
"left": 4.651165636896876,
|
|
"width": 39.00000000000001,
|
|
"height": 10,
|
|
"componentId": "9e76e3b2-cdfb-4764-b91d-7e30929106e7"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "4c52520b-a2e2-4e62-909b-b181d70a9c17",
|
|
"name": "text60",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Product"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{0}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "43b56015-70fa-4b2d-989b-276b163ec7b5",
|
|
"type": "desktop",
|
|
"top": 750,
|
|
"left": 4.651164977171899,
|
|
"width": 10,
|
|
"height": 30,
|
|
"componentId": "4c52520b-a2e2-4e62-909b-b181d70a9c17"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "e902b05d-d02c-4b73-b201-75e5e6a273ac",
|
|
"name": "text61",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Quantity"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{0}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "ede181ee-9322-432e-830d-5f76080ac2ef",
|
|
"type": "desktop",
|
|
"top": 750,
|
|
"left": 46.511626745762634,
|
|
"width": 10,
|
|
"height": 30,
|
|
"componentId": "e902b05d-d02c-4b73-b201-75e5e6a273ac"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "0110f307-cb25-41fd-8bb8-e9a0158ff9c9",
|
|
"name": "text62",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Total ($)"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{0}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "7c72b2cb-014c-451c-84d1-c0c992290bfc",
|
|
"type": "desktop",
|
|
"top": 750,
|
|
"left": 76.74418365661388,
|
|
"width": 7,
|
|
"height": 30,
|
|
"componentId": "0110f307-cb25-41fd-8bb8-e9a0158ff9c9"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "0d9cb986-8600-4dee-9bd3-e94c4f0ed85d",
|
|
"name": "textinput17",
|
|
"type": "TextInput",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{((components?.dropdown3?.value ?? 0) * (queries?.getProductDetails?.data?.current_price ?? 0)).toFixed(2)}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "0"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "1b33761d-99ec-4618-801c-c6ea6d17f336",
|
|
"type": "desktop",
|
|
"top": 780,
|
|
"left": 76.7441870145945,
|
|
"width": 8,
|
|
"height": 40,
|
|
"componentId": "0d9cb986-8600-4dee-9bd3-e94c4f0ed85d"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "d9266be5-70af-4806-9862-1e8157056f6a",
|
|
"name": "button14",
|
|
"type": "Button",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-2",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add Product"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#375FCF"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "977e6402-2525-4fe9-9da6-58f2fe802959",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 83.72091289215417,
|
|
"width": 6,
|
|
"height": 40,
|
|
"componentId": "d9266be5-70af-4806-9862-1e8157056f6a"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "a8b81d16-ec8f-49b3-8ef7-77d0625ef257",
|
|
"name": "dropdown4",
|
|
"type": "DropDown",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "05f13508-39aa-4ecd-9381-c03b34add678",
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"appliances\", \"beauty\", \"electronics\", \"kitchen\", \"stationary\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Appliances\", \"Beauty\", \"Electronics\", \"Kitchen\", \"Stationary\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select type of product"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.dropdown4.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{components.dropdown4.value != undefined ? true : \"\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "00d7500f-65d4-43ee-b935-87ebb25e9adf",
|
|
"type": "desktop",
|
|
"top": 140,
|
|
"left": 11.62790224971062,
|
|
"width": 15,
|
|
"height": 40,
|
|
"componentId": "a8b81d16-ec8f-49b3-8ef7-77d0625ef257"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "aedb9ca4-6aaf-4598-a192-5b82fe2ff180",
|
|
"name": "textinput18",
|
|
"type": "TextInput",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "05f13508-39aa-4ecd-9381-c03b34add678",
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter quantity to be added"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "{{/^\\d+$/.test(components.textinput18.value) ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{/^\\d+$/.test(components.textinput18.value) ? true : \"\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "05269a81-0ca9-4040-b033-76b51c935e4b",
|
|
"type": "desktop",
|
|
"top": 220,
|
|
"left": 60.46510156732731,
|
|
"width": 15.000000000000002,
|
|
"height": 40,
|
|
"componentId": "aedb9ca4-6aaf-4598-a192-5b82fe2ff180"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "4008a413-31f6-42e0-9391-66ebdb187c3b",
|
|
"name": "text36",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "05f13508-39aa-4ecd-9381-c03b34add678",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Price"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "a9b333fa-8152-4800-b1a4-bc21b463c8b8",
|
|
"type": "desktop",
|
|
"top": 220,
|
|
"left": 4.651162598330287,
|
|
"width": 3,
|
|
"height": 40,
|
|
"componentId": "4008a413-31f6-42e0-9391-66ebdb187c3b"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "eb3a7563-be35-4b6e-8458-8b29cc4739b6",
|
|
"name": "textinput19",
|
|
"type": "TextInput",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "05f13508-39aa-4ecd-9381-c03b34add678",
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter price ($)"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput19.value) ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput19.value) ? true : \"\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "95f2264c-b3b2-47b9-91cc-80e5e8bfcb3a",
|
|
"type": "desktop",
|
|
"top": 220,
|
|
"left": 11.62790302224886,
|
|
"width": 15.000000000000002,
|
|
"height": 40,
|
|
"componentId": "eb3a7563-be35-4b6e-8458-8b29cc4739b6"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc",
|
|
"name": "modal4",
|
|
"type": "Modal",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-2",
|
|
"properties": {
|
|
"title": {
|
|
"value": "Edit product"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Add product"
|
|
},
|
|
"size": {
|
|
"value": "lg"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "380px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"headerBackgroundColor": {
|
|
"value": "#ffffff1a"
|
|
},
|
|
"headerTextColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"value": "#ffffff1a"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"value": "#ffffffff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "8fefe420-80dc-4560-895e-23ee5fbc3fe3",
|
|
"type": "desktop",
|
|
"top": 30,
|
|
"left": 53.48837380790299,
|
|
"width": 4.999999999999999,
|
|
"height": 40,
|
|
"componentId": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "3ef35f65-9abd-40bb-9dab-cb38f7cee19f",
|
|
"name": "text32",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Name"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{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": "fa47826f-ae1a-4cff-b761-9938d876089a",
|
|
"type": "desktop",
|
|
"top": 70,
|
|
"left": 4.651168424894576,
|
|
"width": 3,
|
|
"height": 40,
|
|
"componentId": "3ef35f65-9abd-40bb-9dab-cb38f7cee19f"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "138cb6d3-b182-484c-80f3-fa87d1be5544",
|
|
"name": "table1",
|
|
"type": "Table",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-1",
|
|
"properties": {
|
|
"title": {
|
|
"value": "Table"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getCustomers.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"data": {
|
|
"value": "{{queries.getCustomers.data}}"
|
|
},
|
|
"useDynamicColumn": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnData": {
|
|
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
|
|
},
|
|
"rowsPerPage": {
|
|
"value": "{{10}}"
|
|
},
|
|
"serverSidePagination": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableNextButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"enablePrevButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"totalRecords": {
|
|
"value": ""
|
|
},
|
|
"clientSidePagination": {
|
|
"value": "{{true}}"
|
|
},
|
|
"serverSideSort": {
|
|
"value": "{{false}}"
|
|
},
|
|
"serverSideFilter": {
|
|
"value": "{{false}}"
|
|
},
|
|
"displaySearchBox": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showDownloadButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showFilterButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"autogenerateColumns": {
|
|
"value": true,
|
|
"generateNestedColumns": true
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"name": "id",
|
|
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "name",
|
|
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "email",
|
|
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "company",
|
|
"id": "e9460e25-9cff-4961-8ac9-39516d7a5981"
|
|
},
|
|
{
|
|
"id": "d3be2482-e0ca-4347-bd71-2c3241631952",
|
|
"name": "country",
|
|
"key": "country",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "created_at",
|
|
"id": "3d5ce08d-82a5-44b7-939c-126dafffb4a0"
|
|
},
|
|
{
|
|
"name": "updated_at",
|
|
"id": "7fe6cdb6-cd92-4bb7-bdb3-fd0aebe3f003"
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showBulkSelector": {
|
|
"value": "{{false}}"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 241,
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 102,
|
|
"rightActions": 72,
|
|
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 207,
|
|
"leftActions": 104,
|
|
"e9460e25-9cff-4961-8ac9-39516d7a5981": 160,
|
|
"d1d6d6f1-3f08-465b-8080-829a460d0b78": 242,
|
|
"7278dc62-35af-4b8c-b8ef-ae11897de851": 104,
|
|
"d3be2482-e0ca-4347-bd71-2c3241631952": 174
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": [
|
|
{
|
|
"name": "Action0",
|
|
"buttonText": "View details",
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "show-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "2a7a0455-0855-487d-94d0-3c183747ce2c",
|
|
"queryName": "getCustomerOrders",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"position": "left",
|
|
"disableActionButton": "{{false}}",
|
|
"textColor": "#213b81ff",
|
|
"backgroundColor": "#f0f6ffff"
|
|
}
|
|
]
|
|
},
|
|
"enabledSort": {
|
|
"value": "{{true}}"
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"defaultSelectedRow": {
|
|
"value": "{{{\"id\":1}}}"
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"allowSelection": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"order date",
|
|
"product",
|
|
"quantity",
|
|
"is_active"
|
|
]
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"actionButtonRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"cellSize": {
|
|
"value": "regular"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"tableType": {
|
|
"value": "table-classic"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-27T01:11:15.809Z",
|
|
"layouts": [
|
|
{
|
|
"id": "7add24e1-aa90-452c-9f05-4844902f8b83",
|
|
"type": "desktop",
|
|
"top": 80.00007247924805,
|
|
"left": 2.325574804666647,
|
|
"width": 41,
|
|
"height": 490,
|
|
"componentId": "138cb6d3-b182-484c-80f3-fa87d1be5544"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "55b3161b-3563-405d-8e10-b61e6203931e",
|
|
"name": "dropdown2",
|
|
"type": "DropDown",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{}}"
|
|
},
|
|
"values": {
|
|
"value": "{{queries.getProducts.data.map(product => product.id)}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{queries.getProducts.data.map(product => `${product.brand} - ${product.name}`)}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getProducts.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"placeholder": {
|
|
"value": "Select a product"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{queries.checkProductQuantity.isLoading || queries.reduceProductQuantity.isLoading || queries.addOrder.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "7182832c-311b-459d-8d66-df9d62ae2ef4",
|
|
"type": "desktop",
|
|
"top": 779.9999618530273,
|
|
"left": 4.651152210071307,
|
|
"width": 16,
|
|
"height": 40,
|
|
"componentId": "55b3161b-3563-405d-8e10-b61e6203931e"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "42768a16-e49a-4472-941a-c1c5d2fd0d22",
|
|
"name": "button1",
|
|
"type": "Button",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add Order"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.checkProductQuantity.isLoading || queries.reduceProductQuantity.isLoading || queries.addOrder.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{components.dropdown2.value == undefined || components.dropdown3.value == 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": "f6b15fb6-2308-43e4-8b53-94be2665df35",
|
|
"type": "desktop",
|
|
"top": 859.9999847412109,
|
|
"left": 83.72093128105084,
|
|
"width": 5,
|
|
"height": 40,
|
|
"componentId": "42768a16-e49a-4472-941a-c1c5d2fd0d22"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "7ded00a2-c57a-4589-8bfe-d3e7d7605c34",
|
|
"name": "table2",
|
|
"type": "Table",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-2",
|
|
"properties": {
|
|
"title": {
|
|
"value": "Table"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getProducts.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"data": {
|
|
"value": "{{queries.getProducts.data}}"
|
|
},
|
|
"useDynamicColumn": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnData": {
|
|
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
|
|
},
|
|
"rowsPerPage": {
|
|
"value": "{{10}}"
|
|
},
|
|
"serverSidePagination": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableNextButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"enablePrevButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"totalRecords": {
|
|
"value": ""
|
|
},
|
|
"clientSidePagination": {
|
|
"value": "{{true}}"
|
|
},
|
|
"serverSideSort": {
|
|
"value": "{{false}}"
|
|
},
|
|
"serverSideFilter": {
|
|
"value": "{{false}}"
|
|
},
|
|
"displaySearchBox": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showDownloadButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showFilterButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"autogenerateColumns": {
|
|
"value": true,
|
|
"generateNestedColumns": true
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"name": "id",
|
|
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "6ff6f2d1-ae39-4f01-9f02-001a75567deb",
|
|
"name": "name",
|
|
"key": "name",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "type",
|
|
"id": "e9460e25-9cff-4961-8ac9-39516d7a5981",
|
|
"columnType": "default"
|
|
},
|
|
{
|
|
"name": "brand",
|
|
"id": "d1d6d6f1-3f08-465b-8080-829a460d0b78",
|
|
"columnType": "default"
|
|
},
|
|
{
|
|
"name": "qty_in_stock",
|
|
"id": "7278dc62-35af-4b8c-b8ef-ae11897de851"
|
|
},
|
|
{
|
|
"id": "d9d4cf35-b1d4-4179-b16e-b6688c69eb3a",
|
|
"name": "current_price",
|
|
"key": "current_price",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "4b3fb0f6-a827-465e-bdf5-7b607d27507b",
|
|
"name": "created_at",
|
|
"key": "created_at",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "7b0c396a-aaee-4485-aebc-c8281b19f3bf",
|
|
"name": "updated_at",
|
|
"key": "updated_at",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showBulkSelector": {
|
|
"value": "{{false}}"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 65,
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 102,
|
|
"rightActions": 72,
|
|
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 140,
|
|
"leftActions": 72,
|
|
"e9460e25-9cff-4961-8ac9-39516d7a5981": 183,
|
|
"d1d6d6f1-3f08-465b-8080-829a460d0b78": 160,
|
|
"7278dc62-35af-4b8c-b8ef-ae11897de851": 175,
|
|
"6ff6f2d1-ae39-4f01-9f02-001a75567deb": 247,
|
|
"d9d4cf35-b1d4-4179-b16e-b6688c69eb3a": 178
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": [
|
|
{
|
|
"name": "Action0",
|
|
"buttonText": "Edit",
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "show-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
}
|
|
],
|
|
"position": "left",
|
|
"disableActionButton": "{{false}}",
|
|
"backgroundColor": "#f0f6ffff",
|
|
"textColor": "#213b81ff"
|
|
}
|
|
]
|
|
},
|
|
"enabledSort": {
|
|
"value": "{{true}}"
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"defaultSelectedRow": {
|
|
"value": "{{{\"id\":1}}}"
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"allowSelection": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"order date",
|
|
"Qty sold",
|
|
"email",
|
|
"is_active"
|
|
]
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"actionButtonRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"cellSize": {
|
|
"value": "regular"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"tableType": {
|
|
"value": "table-classic"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-27T01:11:29.182Z",
|
|
"layouts": [
|
|
{
|
|
"id": "d7cf44c2-73ff-4a53-8714-da298edfdeb3",
|
|
"type": "desktop",
|
|
"top": 80,
|
|
"left": 2.325587522875796,
|
|
"width": 41,
|
|
"height": 490,
|
|
"componentId": "7ded00a2-c57a-4589-8bfe-d3e7d7605c34"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "deb24db7-a01f-419c-a052-aec29b8cf514",
|
|
"name": "statistics2",
|
|
"type": "Statistics",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-0",
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"value": "Total customers"
|
|
},
|
|
"primaryValue": {
|
|
"value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].customerIds.size}}"
|
|
},
|
|
"secondaryValueLabel": {
|
|
"value": "Last month"
|
|
},
|
|
"secondaryValue": {
|
|
"value": "{{`${Math.min(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .customerIds.size -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) *\n 100,\n 100\n).toFixed(2)}%`}}"
|
|
},
|
|
"secondarySignDisplay": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .customerIds.size -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"hideSecondary": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"primaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"primaryTextColour": {
|
|
"value": "#000000"
|
|
},
|
|
"secondaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"secondaryTextColour": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .customerIds.size -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}",
|
|
"fxActive": true
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2024-01-02T11:37:45.718Z",
|
|
"layouts": [
|
|
{
|
|
"id": "35c09613-2d10-48b8-8a7b-f8fa258354af",
|
|
"type": "desktop",
|
|
"top": 30,
|
|
"left": 2.3255810641481434,
|
|
"width": 9,
|
|
"height": 170,
|
|
"componentId": "deb24db7-a01f-419c-a052-aec29b8cf514"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "d5eaf019-ad93-44f1-bc52-628d2f51fc66",
|
|
"name": "statistics6",
|
|
"type": "Statistics",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-0",
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"value": "Qty. Sold"
|
|
},
|
|
"primaryValue": {
|
|
"value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold}}"
|
|
},
|
|
"secondaryValueLabel": {
|
|
"value": "Last month"
|
|
},
|
|
"secondaryValue": {
|
|
"value": "{{`${Math.min(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) *\n 100,\n 100\n).toFixed(2)}%`}}"
|
|
},
|
|
"secondarySignDisplay": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"hideSecondary": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"primaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"primaryTextColour": {
|
|
"value": "#000000"
|
|
},
|
|
"secondaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"secondaryTextColour": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}",
|
|
"fxActive": true
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2024-01-02T11:39:03.092Z",
|
|
"layouts": [
|
|
{
|
|
"id": "0e598796-fa6f-4b71-87a6-f8dcce54232c",
|
|
"type": "desktop",
|
|
"top": 30,
|
|
"left": 25.581391946624464,
|
|
"width": 9,
|
|
"height": 170,
|
|
"componentId": "d5eaf019-ad93-44f1-bc52-628d2f51fc66"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "d03dd05c-8bda-47ee-acaf-6f84d8b560a7",
|
|
"name": "dropdown3",
|
|
"type": "DropDown",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{}}"
|
|
},
|
|
"values": {
|
|
"value": "{{Array.from({length: queries?.getProductDetails?.data?.qty_in_stock ?? 0}, (_, i) => i + 1)}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{Array.from({length: queries?.getProductDetails?.data?.qty_in_stock ?? 0}, (_, i) => i + 1)}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getProductDetails.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"placeholder": {
|
|
"value": "Select quantity"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{queries.checkProductQuantity.isLoading || queries.reduceProductQuantity.isLoading || queries.addOrder.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "1f29270f-c665-4685-8dd8-a51e019fed76",
|
|
"type": "desktop",
|
|
"top": 780.000114440918,
|
|
"left": 46.511627884037445,
|
|
"width": 11.000000000000002,
|
|
"height": 40,
|
|
"componentId": "d03dd05c-8bda-47ee-acaf-6f84d8b560a7"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "75428428-fe44-4c7e-9706-ed392429b9af",
|
|
"name": "textinput12",
|
|
"type": "TextInput",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table2.selectedRow.name}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "{{components.textinput12.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{components.textinput12.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "a13bad85-5cbb-4e44-892c-76746401d79e",
|
|
"type": "desktop",
|
|
"top": 70,
|
|
"left": 11.627907708198,
|
|
"width": 36,
|
|
"height": 40,
|
|
"componentId": "75428428-fe44-4c7e-9706-ed392429b9af"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "5484d6f4-55d7-46d2-b507-aeaabc50cd60",
|
|
"name": "textinput20",
|
|
"type": "TextInput",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table2.selectedRow.brand}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter company name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "{{components.textinput20.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{components.textinput20.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "9b4c7e7b-3ac5-4e26-9edf-2ac3931e226f",
|
|
"type": "desktop",
|
|
"top": 140,
|
|
"left": 60.46510212031943,
|
|
"width": 15.000000000000002,
|
|
"height": 40,
|
|
"componentId": "5484d6f4-55d7-46d2-b507-aeaabc50cd60"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "b4c9049d-2927-488a-964c-8d6f31bcbb8a",
|
|
"name": "text34",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Brand"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{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": "fb45f7e2-0097-40e3-9d33-c50eaa955c52",
|
|
"type": "desktop",
|
|
"top": 140,
|
|
"left": 51.162797249108145,
|
|
"width": 4,
|
|
"height": 40,
|
|
"componentId": "b4c9049d-2927-488a-964c-8d6f31bcbb8a"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "84cf38b8-0965-409d-9d76-a70babbbbea6",
|
|
"name": "divider8",
|
|
"type": "Divider",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc",
|
|
"properties": {},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#dadcde",
|
|
"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": "79c34dfb-fbd4-4587-9429-e85d30ef2a50",
|
|
"type": "desktop",
|
|
"top": 280,
|
|
"left": 4.00079841256229e-7,
|
|
"width": 43,
|
|
"height": 10,
|
|
"componentId": "84cf38b8-0965-409d-9d76-a70babbbbea6"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "8c76e8c9-8c1a-44b9-8e62-adbbc3ef1727",
|
|
"name": "button16",
|
|
"type": "Button",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Save"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.editProduct.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{ !components.textinput12.isValid || !components.textinput20.isValid || !components.dropdown5.isValid || !components.textinput22.isValid || !components.textinput21.isValid}}",
|
|
"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": "884aad8b-b325-4378-9eba-f18fb875c4b5",
|
|
"type": "desktop",
|
|
"top": 310,
|
|
"left": 83.72093120374878,
|
|
"width": 5,
|
|
"height": 40,
|
|
"componentId": "8c76e8c9-8c1a-44b9-8e62-adbbc3ef1727"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "1261ba30-9c9d-4b3b-89d6-709104d7f20c",
|
|
"name": "button17",
|
|
"type": "Button",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"textColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"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": "d8df761b-3133-4d1e-a612-051c5353bdcc",
|
|
"type": "desktop",
|
|
"top": 310,
|
|
"left": 69.76741833633251,
|
|
"width": 5,
|
|
"height": 40,
|
|
"componentId": "1261ba30-9c9d-4b3b-89d6-709104d7f20c"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "0e5a674c-fee9-44b1-9741-bb1ad49f6812",
|
|
"name": "text37",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Product Details"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "fc229326-915a-4be2-a136-d8c35cc99115",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 4.6511560061557224,
|
|
"width": 14.000000000000002,
|
|
"height": 40,
|
|
"componentId": "0e5a674c-fee9-44b1-9741-bb1ad49f6812"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "5f8285b1-d1da-4d87-b7c5-c924fd970756",
|
|
"name": "text38",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Quantity"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "8a70be3e-b7c5-49da-8f31-e00a697aef8c",
|
|
"type": "desktop",
|
|
"top": 220,
|
|
"left": 51.16278773230763,
|
|
"width": 4,
|
|
"height": 40,
|
|
"componentId": "5f8285b1-d1da-4d87-b7c5-c924fd970756"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "a0163c0f-c849-471c-a3bf-9430558e7fca",
|
|
"name": "text40",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Type"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{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": "07a79105-8bbd-4e9f-b8d8-6a990ff7ac19",
|
|
"type": "desktop",
|
|
"top": 140,
|
|
"left": 4.651158461484289,
|
|
"width": 3,
|
|
"height": 40,
|
|
"componentId": "a0163c0f-c849-471c-a3bf-9430558e7fca"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "2c82601e-e45a-4d9e-bd79-810720467b75",
|
|
"name": "dropdown5",
|
|
"type": "DropDown",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc",
|
|
"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.type}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"appliances\", \"beauty\", \"electronics\", \"kitchen\", \"stationary\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Appliances\", \"Beauty\", \"Electronics\", \"Kitchen\", \"Stationary\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select type of product"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.dropdown5.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{components.dropdown5.value != undefined ? true : \"\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "2931618c-06dd-4af4-8137-303e298d0bd9",
|
|
"type": "desktop",
|
|
"top": 140,
|
|
"left": 11.627898671773568,
|
|
"width": 15,
|
|
"height": 40,
|
|
"componentId": "2c82601e-e45a-4d9e-bd79-810720467b75"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "4dfb40aa-c9df-4059-b953-caae0507a09b",
|
|
"name": "textinput21",
|
|
"type": "TextInput",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table2.selectedRow.qty_in_stock}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter quantity to be added"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "{{/^\\d+$/.test(components.textinput21.value) ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{/^\\d+$/.test(components.textinput21.value) ? true : \"\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "502d16ce-f441-458d-9921-573db6da3e73",
|
|
"type": "desktop",
|
|
"top": 220,
|
|
"left": 60.46510923238416,
|
|
"width": 15.000000000000002,
|
|
"height": 40,
|
|
"componentId": "4dfb40aa-c9df-4059-b953-caae0507a09b"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "b231587b-d806-45bc-80a4-126e0b81837b",
|
|
"name": "text45",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Price"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "87bc7907-e3ef-464c-85ca-27e2c05ed146",
|
|
"type": "desktop",
|
|
"top": 220,
|
|
"left": 4.651162598330287,
|
|
"width": 3,
|
|
"height": 40,
|
|
"componentId": "b231587b-d806-45bc-80a4-126e0b81837b"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "47df1547-3971-4c9f-952c-b930983a17f9",
|
|
"name": "textinput22",
|
|
"type": "TextInput",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc",
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table2.selectedRow.current_price}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter price ($)"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput22.value) ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput22.value) ? true : \"\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "e7720d28-6975-427b-b70a-82b4b5a41a77",
|
|
"type": "desktop",
|
|
"top": 220,
|
|
"left": 11.627900290084854,
|
|
"width": 15.000000000000002,
|
|
"height": 40,
|
|
"componentId": "47df1547-3971-4c9f-952c-b930983a17f9"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "c3ab02d4-b666-4299-b883-d89500095645",
|
|
"name": "text47",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"text": {
|
|
"value": ""
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getCustomerOrders.isLoading || queries.customerOrderChart.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "{{queries.getCustomerOrders.isLoading}}",
|
|
"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": "5f9d0012-d3b0-47c5-85d4-5993c44ddbc3",
|
|
"type": "desktop",
|
|
"top": 380,
|
|
"left": 88.37209056618315,
|
|
"width": 3,
|
|
"height": 40,
|
|
"componentId": "c3ab02d4-b666-4299-b883-d89500095645"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "199e644d-0826-42b4-b746-7ddada72b4c0",
|
|
"name": "text48",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "42323f53-0523-4d26-9698-bc34d1f6f178",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Prod. Id"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{10}}"
|
|
},
|
|
"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": "6965b128-a5e6-4f9f-ba16-460dc494aee1",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 0.0000028836761174488856,
|
|
"width": 5,
|
|
"height": 30,
|
|
"componentId": "199e644d-0826-42b4-b746-7ddada72b4c0"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "44f057fa-6e0b-445e-90c7-3e60c11b2031",
|
|
"name": "text49",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "21ea1521-df4f-43ff-bf91-c72d723bf535",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`#${listItem.product_id}`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "5c8af329-9a89-4801-927f-6d2a20f9de99",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": -3.134246213676306e-7,
|
|
"width": 5,
|
|
"height": 40,
|
|
"componentId": "44f057fa-6e0b-445e-90c7-3e60c11b2031"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "c136896a-d1e2-494a-bf20-2fc9ce1af31d",
|
|
"name": "text59",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Country"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "c6485e96-7d82-4db9-803b-61db3e66bb51",
|
|
"type": "desktop",
|
|
"top": 120,
|
|
"left": 51.162796233025766,
|
|
"width": 5,
|
|
"height": 40,
|
|
"componentId": "c136896a-d1e2-494a-bf20-2fc9ce1af31d"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "51103d2f-12c9-4e8f-9c36-a6d97e948d96",
|
|
"name": "dropdown6",
|
|
"type": "DropDown",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee",
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select a country"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.dropdown6.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{components.dropdown6.value != undefined ? true : \"\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "4041e1d9-ab67-4e99-95aa-8b22e4abf52f",
|
|
"type": "desktop",
|
|
"top": 120,
|
|
"left": 62.79068508336573,
|
|
"width": 14.000000000000002,
|
|
"height": 40,
|
|
"componentId": "51103d2f-12c9-4e8f-9c36-a6d97e948d96"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "25f75e15-288e-4592-8eb9-35f71456158d",
|
|
"name": "dropdown7",
|
|
"type": "DropDown",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"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.table1.selectedRow.country}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select a country"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.dropdown7.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{components.dropdown7.value != undefined ? true : \"\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "4451eda4-031c-4651-94ff-faee0944af04",
|
|
"type": "desktop",
|
|
"top": 240,
|
|
"left": 16.27906996955359,
|
|
"width": 14.000000000000002,
|
|
"height": 40,
|
|
"componentId": "25f75e15-288e-4592-8eb9-35f71456158d"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "2f66a676-0d14-4517-8e3d-6298ed25138a",
|
|
"name": "text63",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Country"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "3fdafbc0-54d6-4bd4-8bbf-995fa4b0ccc0",
|
|
"type": "desktop",
|
|
"top": 240,
|
|
"left": 4.651161831394547,
|
|
"width": 5,
|
|
"height": 40,
|
|
"componentId": "2f66a676-0d14-4517-8e3d-6298ed25138a"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "9dfd107b-fbd0-410c-83bf-c605277368c9",
|
|
"name": "chart4",
|
|
"type": "Chart",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {
|
|
"title": {
|
|
"value": ""
|
|
},
|
|
"markerColor": {
|
|
"value": "#CDE1F8"
|
|
},
|
|
"showAxes": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showGridLines": {
|
|
"value": "{{true}}"
|
|
},
|
|
"plotFromJson": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getCustomerOrders.isLoading || queries.customerOrderChart.isLoading || queries.customerOrderChartAfterColors.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"jsonDescription": {
|
|
"value": "{{queries.getCustomerOrders.isLoading || queries.customerOrderChart.isLoading || queries.customerOrderChartAfterColors.isLoading || queries.getCustomerOrders.data.length == 0 ? \"{}\" : JSON.stringify(queries?.customerOrderChartAfterColors?.data ?? {})}}"
|
|
},
|
|
"type": {
|
|
"value": "line"
|
|
},
|
|
"data": {
|
|
"value": "[\n { \"x\": \"Jan\", \"y\": 100},\n { \"x\": \"Feb\", \"y\": 80},\n { \"x\": \"Mar\", \"y\": 40}\n]"
|
|
},
|
|
"barmode": {
|
|
"value": "group"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"padding": {
|
|
"value": "10"
|
|
},
|
|
"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": "d517b55f-9aad-4972-b346-cf9067fa2612",
|
|
"type": "desktop",
|
|
"top": 60,
|
|
"left": 55.81395348837209,
|
|
"width": 17,
|
|
"height": 280,
|
|
"componentId": "9dfd107b-fbd0-410c-83bf-c605277368c9"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "33c45ca6-960b-4157-adc5-d7758f74bf91",
|
|
"name": "container3",
|
|
"type": "Container",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": null,
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213b80ff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "0"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00",
|
|
"fxActive": false
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "95f7788b-460d-4dc8-9ea7-2096bca090f4",
|
|
"type": "desktop",
|
|
"top": 0,
|
|
"left": 0,
|
|
"width": 43,
|
|
"height": 70,
|
|
"componentId": "33c45ca6-960b-4157-adc5-d7758f74bf91"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "4a36f085-d3bb-44fc-a224-5afff35c7d91",
|
|
"name": "text51",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "33c45ca6-960b-4157-adc5-d7758f74bf91",
|
|
"properties": {
|
|
"text": {
|
|
"value": "B R A N D"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"textSize": {
|
|
"value": "{{24}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "center"
|
|
},
|
|
"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": "2def1a9c-7b8d-4553-9623-f62b83ffe819",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 2.3255827912519793,
|
|
"width": 6,
|
|
"height": 40,
|
|
"componentId": "4a36f085-d3bb-44fc-a224-5afff35c7d91"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "e9da4687-a297-495c-90c8-d0d5b488eabe",
|
|
"name": "text64",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "33c45ca6-960b-4157-adc5-d7758f74bf91",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Sales Analytics"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#ffffffff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"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": "8b1da95c-1d73-429f-8859-d8aa04389550",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 67.44186626637374,
|
|
"width": 12,
|
|
"height": 40,
|
|
"componentId": "e9da4687-a297-495c-90c8-d0d5b488eabe"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "ffd43d04-7e17-4372-9458-a83fa7dfaf3b",
|
|
"name": "verticaldivider1",
|
|
"type": "VerticalDivider",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"properties": {},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#dadcdeff"
|
|
}
|
|
},
|
|
"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": "54b9c248-a050-4224-9f24-aaa9cdc99be5",
|
|
"type": "desktop",
|
|
"top": 60,
|
|
"left": 51.16278745544168,
|
|
"width": 1,
|
|
"height": 280,
|
|
"componentId": "ffd43d04-7e17-4372-9458-a83fa7dfaf3b"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "ac32935d-13f2-409b-9abe-22a0c57b90c4",
|
|
"name": "text65",
|
|
"type": "Text",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-3",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`${queries?.getOrders?.data?.length ?? 0} Orders`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{5}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{ !queries.getOrders.isLoading }}",
|
|
"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": "cf0ce092-6a06-45af-b468-9303e6c39d35",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 2.3255822593327444,
|
|
"width": 14,
|
|
"height": 40,
|
|
"componentId": "ac32935d-13f2-409b-9abe-22a0c57b90c4"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "b5ee61d8-d154-462a-a3a6-98c6f793c876",
|
|
"name": "table3",
|
|
"type": "Table",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-3",
|
|
"properties": {
|
|
"title": {
|
|
"value": "Table"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"data": {
|
|
"value": "{{queries.getOrders.data}}"
|
|
},
|
|
"useDynamicColumn": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnData": {
|
|
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
|
|
},
|
|
"rowsPerPage": {
|
|
"value": "{{10}}"
|
|
},
|
|
"serverSidePagination": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableNextButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"enablePrevButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"totalRecords": {
|
|
"value": ""
|
|
},
|
|
"clientSidePagination": {
|
|
"value": "{{true}}"
|
|
},
|
|
"serverSideSort": {
|
|
"value": "{{false}}"
|
|
},
|
|
"serverSideFilter": {
|
|
"value": "{{false}}"
|
|
},
|
|
"displaySearchBox": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showDownloadButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showFilterButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"autogenerateColumns": {
|
|
"value": true,
|
|
"generateNestedColumns": true
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"name": "id",
|
|
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "ecb7323d-bf03-4856-992a-4d12b2711c0e",
|
|
"name": "customer_id",
|
|
"key": "customer_id",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "84563b44-0e3c-4c56-bcad-1392f5c6c1da",
|
|
"name": "country",
|
|
"key": "country",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "556f9785-ae13-4cf5-9252-d34beaed481a",
|
|
"name": "product_id",
|
|
"key": "product_id",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "7eb4e510-53dd-42ec-8261-e188d5b9c3ad",
|
|
"name": "product_name",
|
|
"key": "product_name",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "41f621c1-0982-420c-9d0a-65aef3d583e2",
|
|
"name": "quantity",
|
|
"key": "quantity",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "d8112b51-7942-424f-8940-8e6a1ca0209b",
|
|
"name": "at_price",
|
|
"key": "at_price",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "0a7386fb-a654-43cb-b71c-8c8714eb4ce5",
|
|
"name": "total_price",
|
|
"key": "total_price",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "0936336a-5d6f-4647-aaf4-a4b99c1c4895",
|
|
"name": "created_at",
|
|
"key": "created_at",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "67effed7-a352-4bd2-905f-08aa63bc53a5",
|
|
"name": "updated_at",
|
|
"key": "updated_at",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showBulkSelector": {
|
|
"value": "{{false}}"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 88,
|
|
"ecb7323d-bf03-4856-992a-4d12b2711c0e": 135,
|
|
"556f9785-ae13-4cf5-9252-d34beaed481a": 143,
|
|
"41f621c1-0982-420c-9d0a-65aef3d583e2": 142,
|
|
"d8112b51-7942-424f-8940-8e6a1ca0209b": 156,
|
|
"0a7386fb-a654-43cb-b71c-8c8714eb4ce5": 162,
|
|
"84563b44-0e3c-4c56-bcad-1392f5c6c1da": 167,
|
|
"7eb4e510-53dd-42ec-8261-e188d5b9c3ad": 362
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": []
|
|
},
|
|
"enabledSort": {
|
|
"value": "{{true}}"
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"defaultSelectedRow": {
|
|
"value": "{{{\"id\":1}}}"
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"allowSelection": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"is_active"
|
|
]
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"actionButtonRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"cellSize": {
|
|
"value": "regular"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"tableType": {
|
|
"value": "table-classic"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-27T01:11:01.902Z",
|
|
"layouts": [
|
|
{
|
|
"id": "dee9227b-da61-4601-84d9-c7d704a65fa8",
|
|
"type": "desktop",
|
|
"top": 80,
|
|
"left": 2.325580506464219,
|
|
"width": 41,
|
|
"height": 490,
|
|
"componentId": "b5ee61d8-d154-462a-a3a6-98c6f793c876"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "5cbe17e2-58ec-4884-926b-21289d19ce83",
|
|
"name": "tabs1",
|
|
"type": "Tabs",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": null,
|
|
"properties": {
|
|
"tabs": {
|
|
"value": "{{[\n { title: \"Overview\", id: \"0\" },\n { title: \"Orders\", id: \"3\" },\n { title: \"Customers\", id: \"1\" },\n { title: \"Products\", id: \"2\" },\n]}}"
|
|
},
|
|
"defaultTab": {
|
|
"value": "0"
|
|
},
|
|
"hideTabs": {
|
|
"value": false
|
|
},
|
|
"renderOnlyActiveTab": {
|
|
"value": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"highlightColor": {
|
|
"value": "#4f81ffff",
|
|
"fxActive": false
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"tabWidth": {
|
|
"value": "auto"
|
|
}
|
|
},
|
|
"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": "0e302a93-089a-4391-87e3-0cf1f9f7e618",
|
|
"type": "desktop",
|
|
"top": 70,
|
|
"left": 9.706608818384224e-7,
|
|
"width": 43,
|
|
"height": 640,
|
|
"componentId": "5cbe17e2-58ec-4884-926b-21289d19ce83"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "9fcdde61-6ec1-4459-9f09-0ba1f60173b2",
|
|
"name": "statistics4",
|
|
"type": "Statistics",
|
|
"pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-0",
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"value": "Revenue ($)"
|
|
},
|
|
"primaryValue": {
|
|
"value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue}}"
|
|
},
|
|
"secondaryValueLabel": {
|
|
"value": "Last month"
|
|
},
|
|
"secondaryValue": {
|
|
"value": "{{`${Math.min(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) *\n 100,\n 100\n).toFixed(2)}%`}}"
|
|
},
|
|
"secondarySignDisplay": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"hideSecondary": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"primaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"primaryTextColour": {
|
|
"value": "#000000"
|
|
},
|
|
"secondaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"secondaryTextColour": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}",
|
|
"fxActive": true
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2024-01-02T11:40:22.128Z",
|
|
"layouts": [
|
|
{
|
|
"id": "9dcd933c-3967-4259-ae46-f2564f4dcc61",
|
|
"type": "desktop",
|
|
"top": 30,
|
|
"left": 48.83721523470831,
|
|
"width": 9.999999999999998,
|
|
"height": 170,
|
|
"componentId": "9fcdde61-6ec1-4459-9f09-0ba1f60173b2"
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"pages": [
|
|
{
|
|
"id": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"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": "1a949ed8-f29d-44db-9b12-f87cbefa33df"
|
|
}
|
|
],
|
|
"events": [
|
|
{
|
|
"id": "ca4fa54f-c650-420d-bb0e-62c58fa25e39",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"queryId": "369acf3e-3774-4aa3-9afe-916f32b66713",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "checkProductQuantity",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "42768a16-e49a-4472-941a-c1c5d2fd0d22",
|
|
"target": "component",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "da293db9-1c5b-4a76-9888-ca02e7e3a1f2",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"queryId": "693b5371-72c6-426d-8253-7cce3b1594ac",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "addProduct",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "40e36c3d-1a4b-48c4-b0cc-5e4403a0563f",
|
|
"target": "component",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "e8300bd0-ae87-4d62-800c-283afa5a8e14",
|
|
"name": "onSelect",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onSelect",
|
|
"message": "Hello world!",
|
|
"queryId": "f2b2d1e8-dc3c-433d-9dcc-acf7f7221ca6",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "getProductDetails",
|
|
"runOnlyIf": "{{components.dropdown2.value != undefined}}",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "55b3161b-3563-405d-8e10-b61e6203931e",
|
|
"target": "component",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2024-01-02T11:45:17.555Z"
|
|
},
|
|
{
|
|
"id": "e8582495-260e-452b-b735-8cb10b5bea1e",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"queryId": "987f39ac-dd30-4346-b04b-ba92c7b3d288",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "addCustomer",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "9989d3e1-1116-4a03-abb8-d4917f3ffe7b",
|
|
"target": "component",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "266236c2-7a52-41a3-bcd1-aaf46b0cc55e",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"queryId": "09bfbae9-3e36-4a93-b8e0-12e46b902229",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "editCustomer",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "79b56359-59d1-4b77-ac19-aa8d23c22f71",
|
|
"target": "component",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "d34daee1-d154-407e-aa20-af8bbdc356e3",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"queryId": "38520d62-864b-4489-8e08-796244458fec",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "editProduct",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "8c76e8c9-8c1a-44b9-8e62-adbbc3ef1727",
|
|
"target": "component",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "ba0bf8bc-8660-4e27-9d8e-330e46e99fdf",
|
|
"name": "onClick",
|
|
"index": 1,
|
|
"event": {
|
|
"ref": "Action0",
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"queryId": "2a7a0455-0855-487d-94d0-3c183747ce2c",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "getCustomerOrders",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "138cb6d3-b182-484c-80f3-fa87d1be5544",
|
|
"target": "table_action",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "acb9d8a8-100d-410e-b077-36e91a505b5e",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "3d1d20c6-570c-484d-abbc-a710a70bf80f",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "ordersAnalyticsAfterColors",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "fbea03e7-a606-4848-b22b-9e3cb9506175",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "db6e6fa5-9d49-41e4-a3cc-ca809ccc1017",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "d88371b6-287d-4786-9a4c-4421b5f7467e",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "customerOrderChartAfterColors",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "51962548-b0c0-43f6-9ec1-5cd11ccf3f16",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "f6609f2d-abda-44fb-8841-1b46cdb4f783",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 1,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Product updated successfully",
|
|
"actionId": "show-alert",
|
|
"alertType": "success"
|
|
},
|
|
"sourceId": "38520d62-864b-4489-8e08-796244458fec",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "21ade80c-bb61-45f6-bc3a-deac2c6d45ef",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 2,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "c3f01e7f-c9e7-4a96-9ed1-bb623da86a13",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "getProducts",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "38520d62-864b-4489-8e08-796244458fec",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "bc6a9f2a-51df-4a04-a15c-afd831cf9079",
|
|
"name": "onDataQueryFailure",
|
|
"index": 3,
|
|
"event": {
|
|
"eventId": "onDataQueryFailure",
|
|
"message": "Failed to update product! Please check and try again.",
|
|
"actionId": "show-alert",
|
|
"alertType": "warning"
|
|
},
|
|
"sourceId": "38520d62-864b-4489-8e08-796244458fec",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "525a4cee-8ae0-4dac-867c-b39f9d431aff",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "51962548-b0c0-43f6-9ec1-5cd11ccf3f16",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "customerChartData",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "2a7a0455-0855-487d-94d0-3c183747ce2c",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "0e383995-b250-4845-aaea-e52f9a32c8de",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 1,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Customer added successfully",
|
|
"actionId": "show-alert",
|
|
"alertType": "success"
|
|
},
|
|
"sourceId": "987f39ac-dd30-4346-b04b-ba92c7b3d288",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "62eed984-35af-459f-bb78-00c4b7489d27",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 2,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "61d55ec8-00a1-4111-88fe-0fadd6166e37",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "getCustomers",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "987f39ac-dd30-4346-b04b-ba92c7b3d288",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "27dadd48-d424-470f-a06d-8d4538a4b0ba",
|
|
"name": "onDataQueryFailure",
|
|
"index": 3,
|
|
"event": {
|
|
"eventId": "onDataQueryFailure",
|
|
"message": "Failed to add customer! Please check and try again.",
|
|
"actionId": "show-alert",
|
|
"alertType": "warning"
|
|
},
|
|
"sourceId": "987f39ac-dd30-4346-b04b-ba92c7b3d288",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "106e4f67-39f6-4a82-bd1e-566e2e4065cd",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"modal": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"actionId": "close-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "797f0373-813a-4837-8ebc-b89296c7762a",
|
|
"target": "component",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "2a007688-cc71-4baf-8ad9-72cfc5555fc2",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"modal": "05f13508-39aa-4ecd-9381-c03b34add678",
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"actionId": "close-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "fbf7e002-2ceb-4747-9dde-b932c19035aa",
|
|
"target": "component",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "7791fba2-9752-4f69-8a06-451279c4480a",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"modal": "81da0f4e-1a1e-4f9a-8350-d53cec821bee",
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"actionId": "close-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "f6f287ec-37f6-4783-82c6-68c752ee4cf8",
|
|
"target": "component",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "ee981df7-b459-492b-afd9-bb81e5129498",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"modal": "81da0f4e-1a1e-4f9a-8350-d53cec821bee",
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"actionId": "show-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "2afe1b25-3226-4363-8708-b3e49555a4b7",
|
|
"target": "component",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "2053c9bb-106b-4f23-af06-38f73809477c",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"modal": "05f13508-39aa-4ecd-9381-c03b34add678",
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"actionId": "show-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "d9266be5-70af-4806-9862-1e8157056f6a",
|
|
"target": "component",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "f924acd3-9fb3-43d5-bf68-d17047725339",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"modal": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc",
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"actionId": "close-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "1261ba30-9c9d-4b3b-89d6-709104d7f20c",
|
|
"target": "component",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "522e241f-76b2-438e-b2e0-8419b304c1ed",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"ref": "Action0",
|
|
"modal": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"actionId": "show-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "138cb6d3-b182-484c-80f3-fa87d1be5544",
|
|
"target": "table_action",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "1bfc171e-d7c9-4793-8d81-aff7684e17f9",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"ref": "Action0",
|
|
"modal": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc",
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"actionId": "show-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "7ded00a2-c57a-4589-8bfe-d3e7d7605c34",
|
|
"target": "table_action",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "1c604f7a-da38-4103-8ffa-7a7a738b63a0",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"modal": "05f13508-39aa-4ecd-9381-c03b34add678",
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"actionId": "close-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "693b5371-72c6-426d-8253-7cce3b1594ac",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "c1dc6ace-cf46-4373-b16f-bfb0b1c0a81d",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"modal": "a39d1dbb-8124-4b07-b348-01b0c95af865",
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"actionId": "close-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "09bfbae9-3e36-4a93-b8e0-12e46b902229",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "104a8b13-b917-493d-9f9a-f8c8dec3c959",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 1,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"actionId": "control-component",
|
|
"alertType": "info",
|
|
"componentId": "55b3161b-3563-405d-8e10-b61e6203931e",
|
|
"componentSpecificActionHandle": "selectOption",
|
|
"componentSpecificActionParams": [
|
|
{
|
|
"value": "{{undefined}}",
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
},
|
|
"sourceId": "2d71ac19-5a55-4d3e-ba1f-218e2be5c721",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "eed16310-9246-458d-86c9-a8adf554aae6",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 2,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"actionId": "control-component",
|
|
"alertType": "info",
|
|
"componentId": "d03dd05c-8bda-47ee-acaf-6f84d8b560a7",
|
|
"componentSpecificActionHandle": "selectOption",
|
|
"componentSpecificActionParams": [
|
|
{
|
|
"value": "{{undefined}}",
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
},
|
|
"sourceId": "2d71ac19-5a55-4d3e-ba1f-218e2be5c721",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "962b962e-d401-4b2f-8fc6-e6d12b027596",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"modal": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc",
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"actionId": "close-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "38520d62-864b-4489-8e08-796244458fec",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "ae0f07cb-f90e-4e17-b98e-8e328ae0b288",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"modal": "81da0f4e-1a1e-4f9a-8350-d53cec821bee",
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"actionId": "close-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "987f39ac-dd30-4346-b04b-ba92c7b3d288",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "d3987fb8-a5f3-45f2-b7a1-f45c5691886d",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 1,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Product added successfully",
|
|
"actionId": "show-alert",
|
|
"alertType": "success"
|
|
},
|
|
"sourceId": "693b5371-72c6-426d-8253-7cce3b1594ac",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "a399aaee-4aea-466c-a737-874c756230ca",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 2,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "c3f01e7f-c9e7-4a96-9ed1-bb623da86a13",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "getProducts",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "693b5371-72c6-426d-8253-7cce3b1594ac",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "fe81d95e-2135-4139-8c14-30de6c37a5bc",
|
|
"name": "onDataQueryFailure",
|
|
"index": 3,
|
|
"event": {
|
|
"eventId": "onDataQueryFailure",
|
|
"message": "Failed to add product! Please check and try again.",
|
|
"actionId": "show-alert",
|
|
"alertType": "warning"
|
|
},
|
|
"sourceId": "693b5371-72c6-426d-8253-7cce3b1594ac",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "6f2f4a05-0120-43a7-992d-50b33a83199e",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 1,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Customer details updated successfully",
|
|
"actionId": "show-alert",
|
|
"alertType": "success"
|
|
},
|
|
"sourceId": "09bfbae9-3e36-4a93-b8e0-12e46b902229",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "e5dcfd28-e53c-4aba-bd83-e95e2dcf41e4",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 2,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "61d55ec8-00a1-4111-88fe-0fadd6166e37",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "getCustomers",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "09bfbae9-3e36-4a93-b8e0-12e46b902229",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "c2135566-4f47-495a-a11f-97ba34cb33db",
|
|
"name": "onDataQueryFailure",
|
|
"index": 3,
|
|
"event": {
|
|
"eventId": "onDataQueryFailure",
|
|
"message": "Failed to update customer details! Please check and try again.",
|
|
"actionId": "show-alert",
|
|
"alertType": "warning"
|
|
},
|
|
"sourceId": "09bfbae9-3e36-4a93-b8e0-12e46b902229",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "6b9ff282-78fc-4258-90f1-78518f07e4ab",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "fbea03e7-a606-4848-b22b-9e3cb9506175",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "ordersAnalytics",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "a1200d9f-4dab-4b29-bc42-3a455e7f80a0",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "4d70886b-97a5-443a-9eb0-96ba2a2e1807",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "2d71ac19-5a55-4d3e-ba1f-218e2be5c721",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "addOrder",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "3968fbc6-634d-4a0d-80ea-8656c5ebab35",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "eef45a72-f3d2-4252-b698-00b228bb7601",
|
|
"name": "onDataQueryFailure",
|
|
"index": 1,
|
|
"event": {
|
|
"eventId": "onDataQueryFailure",
|
|
"message": "Failed to reduce product quantity! Please check and try again.",
|
|
"actionId": "show-alert",
|
|
"alertType": "warning"
|
|
},
|
|
"sourceId": "3968fbc6-634d-4a0d-80ea-8656c5ebab35",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "c181a93b-9c5b-4b92-b9f4-076ba4ea55a6",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "3968fbc6-634d-4a0d-80ea-8656c5ebab35",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "reduceProductQuantity",
|
|
"runOnlyIf": "{{(queries?.checkProductQuantity?.data?.qty_in_stock ?? 0) >= (components?.dropdown3?.value ?? 0)}}",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "369acf3e-3774-4aa3-9afe-916f32b66713",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "4dffd6dd-968f-4782-ab5f-d28ac254c07c",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 1,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Product quantity available is insufficient! Please check and try again.",
|
|
"actionId": "show-alert",
|
|
"alertType": "warning",
|
|
"runOnlyIf": "{{(queries?.checkProductQuantity?.data?.qty_in_stock ?? 0) < (components?.dropdown3?.value ?? 0)}}"
|
|
},
|
|
"sourceId": "369acf3e-3774-4aa3-9afe-916f32b66713",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "693dd36a-82e0-4817-9f24-908948e01c01",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 2,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "f2b2d1e8-dc3c-433d-9dcc-acf7f7221ca6",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "getProductDetails",
|
|
"runOnlyIf": "{{(queries?.checkProductQuantity?.data?.qty_in_stock ?? 0) < (components?.dropdown3?.value ?? 0)}}",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "369acf3e-3774-4aa3-9afe-916f32b66713",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "d09584a3-7346-4cd0-91a9-b39ff1d70ac3",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Order added successfully",
|
|
"actionId": "show-alert",
|
|
"alertType": "success"
|
|
},
|
|
"sourceId": "2d71ac19-5a55-4d3e-ba1f-218e2be5c721",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "25d3ef74-b40e-4258-8431-b4bb640ad732",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 3,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "2a7a0455-0855-487d-94d0-3c183747ce2c",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "getCustomerOrders",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "2d71ac19-5a55-4d3e-ba1f-218e2be5c721",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "dbb6ea50-f791-4b4a-9492-ce6443d3647f",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 4,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "c3f01e7f-c9e7-4a96-9ed1-bb623da86a13",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "getProducts",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "2d71ac19-5a55-4d3e-ba1f-218e2be5c721",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "622a0fcb-a42d-4242-b90a-14d1bbe01e26",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 5,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "a1200d9f-4dab-4b29-bc42-3a455e7f80a0",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "getOrders",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "2d71ac19-5a55-4d3e-ba1f-218e2be5c721",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "0b50b40e-aea2-48b9-af26-b82a12032857",
|
|
"name": "onDataQueryFailure",
|
|
"index": 6,
|
|
"event": {
|
|
"eventId": "onDataQueryFailure",
|
|
"message": "Failed to add order! Please check and try again.",
|
|
"actionId": "show-alert",
|
|
"alertType": "warning"
|
|
},
|
|
"sourceId": "2d71ac19-5a55-4d3e-ba1f-218e2be5c721",
|
|
"target": "data_query",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
}
|
|
],
|
|
"dataQueries": [
|
|
{
|
|
"id": "693b5371-72c6-426d-8253-7cce3b1594ac",
|
|
"name": "addProduct",
|
|
"options": {
|
|
"operation": "create_row",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"table_name": "sales_analytics_products",
|
|
"list_rows": {},
|
|
"create_row": {
|
|
"0": {
|
|
"column": "name",
|
|
"value": "{{components.textinput13.value}}"
|
|
},
|
|
"1": {
|
|
"column": "type",
|
|
"value": "{{components.dropdown4.value}}"
|
|
},
|
|
"2": {
|
|
"column": "brand",
|
|
"value": "{{components.textinput14.value}}"
|
|
},
|
|
"3": {
|
|
"column": "qty_in_stock",
|
|
"value": "{{components.textinput18.value}}"
|
|
},
|
|
"4": {
|
|
"column": "current_price",
|
|
"value": "{{parseFloat(components.textinput19.value).toFixed(2)}}"
|
|
},
|
|
"5": {
|
|
"column": "created_at",
|
|
"value": "{{moment().format()}}"
|
|
},
|
|
"6": {
|
|
"column": "updated_at",
|
|
"value": "{{moment().format()}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "close-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "show-alert",
|
|
"message": "Product added successfully",
|
|
"alertType": "success"
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "c3f01e7f-c9e7-4a96-9ed1-bb623da86a13",
|
|
"queryName": "getProducts",
|
|
"parameters": {}
|
|
},
|
|
{
|
|
"eventId": "onDataQueryFailure",
|
|
"actionId": "show-alert",
|
|
"message": "Failed to add product! Please check and try again.",
|
|
"alertType": "warning"
|
|
}
|
|
],
|
|
"table_id": "da33a5fe-ada5-4dd1-8218-f3572a33aabe"
|
|
},
|
|
"dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-09-11T19:29:31.066Z",
|
|
"updatedAt": "2023-09-21T07:36:18.021Z"
|
|
},
|
|
{
|
|
"id": "c3f01e7f-c9e7-4a96-9ed1-bb623da86a13",
|
|
"name": "getProducts",
|
|
"options": {
|
|
"operation": "list_rows",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"table_name": "sales_analytics_products",
|
|
"list_rows": {
|
|
"order_filters": {
|
|
"8": {
|
|
"column": "id",
|
|
"order": "desc",
|
|
"id": "8"
|
|
}
|
|
},
|
|
"where_filters": {
|
|
"9": {
|
|
"column": "is_active",
|
|
"operator": "eq",
|
|
"value": "true",
|
|
"id": "9"
|
|
}
|
|
}
|
|
},
|
|
"runOnPageLoad": true,
|
|
"table_id": "da33a5fe-ada5-4dd1-8218-f3572a33aabe"
|
|
},
|
|
"dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-09-11T19:43:00.480Z",
|
|
"updatedAt": "2023-09-13T05:11:25.589Z"
|
|
},
|
|
{
|
|
"id": "38520d62-864b-4489-8e08-796244458fec",
|
|
"name": "editProduct",
|
|
"options": {
|
|
"operation": "update_rows",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"table_name": "sales_analytics_products",
|
|
"list_rows": {},
|
|
"update_rows": {
|
|
"columns": {
|
|
"0": {
|
|
"column": "current_price",
|
|
"value": "{{parseFloat(components.textinput22.value).toFixed(2)}}"
|
|
},
|
|
"1": {
|
|
"column": "qty_in_stock",
|
|
"value": "{{components.textinput21.value}}"
|
|
},
|
|
"14": {
|
|
"column": "updated_at",
|
|
"value": "{{moment().format()}}"
|
|
}
|
|
},
|
|
"where_filters": {
|
|
"11": {
|
|
"column": "id",
|
|
"operator": "eq",
|
|
"value": "{{components.table2.selectedRow.id}}",
|
|
"id": "11"
|
|
}
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "close-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "show-alert",
|
|
"message": "Product updated successfully",
|
|
"alertType": "success"
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "c3f01e7f-c9e7-4a96-9ed1-bb623da86a13",
|
|
"queryName": "getProducts",
|
|
"parameters": {}
|
|
},
|
|
{
|
|
"eventId": "onDataQueryFailure",
|
|
"actionId": "show-alert",
|
|
"message": "Failed to update product! Please check and try again.",
|
|
"alertType": "warning"
|
|
}
|
|
],
|
|
"table_id": "da33a5fe-ada5-4dd1-8218-f3572a33aabe"
|
|
},
|
|
"dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-09-11T20:00:58.052Z",
|
|
"updatedAt": "2023-09-13T05:11:25.600Z"
|
|
},
|
|
{
|
|
"id": "987f39ac-dd30-4346-b04b-ba92c7b3d288",
|
|
"name": "addCustomer",
|
|
"options": {
|
|
"operation": "create_row",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"table_name": "sales_analytics_customers",
|
|
"list_rows": {},
|
|
"create_row": {
|
|
"0": {
|
|
"column": "name",
|
|
"value": "{{components.textinput11.value}}"
|
|
},
|
|
"1": {
|
|
"column": "email",
|
|
"value": "{{components.textinput15.value}}"
|
|
},
|
|
"2": {
|
|
"column": "company",
|
|
"value": "{{components.textinput16.value}}"
|
|
},
|
|
"3": {
|
|
"column": "country",
|
|
"value": "{{components.dropdown6.value}}"
|
|
},
|
|
"4": {
|
|
"column": "created_at",
|
|
"value": "{{moment().format()}}"
|
|
},
|
|
"5": {
|
|
"column": "updated_at",
|
|
"value": "{{moment().format()}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "close-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "show-alert",
|
|
"message": "Customer added successfully",
|
|
"alertType": "success"
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "61d55ec8-00a1-4111-88fe-0fadd6166e37",
|
|
"queryName": "getCustomers",
|
|
"parameters": {}
|
|
},
|
|
{
|
|
"eventId": "onDataQueryFailure",
|
|
"actionId": "show-alert",
|
|
"message": "Failed to add customer! Please check and try again.",
|
|
"alertType": "warning"
|
|
}
|
|
],
|
|
"table_id": "cdb1dd71-591f-4e2d-a939-706d3e5e5ea0"
|
|
},
|
|
"dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-09-11T20:31:07.144Z",
|
|
"updatedAt": "2023-09-13T05:11:25.647Z"
|
|
},
|
|
{
|
|
"id": "61d55ec8-00a1-4111-88fe-0fadd6166e37",
|
|
"name": "getCustomers",
|
|
"options": {
|
|
"operation": "list_rows",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"table_name": "sales_analytics_customers",
|
|
"list_rows": {
|
|
"where_filters": {
|
|
"23": {
|
|
"column": "is_active",
|
|
"operator": "eq",
|
|
"value": "true",
|
|
"id": "23"
|
|
}
|
|
},
|
|
"order_filters": {
|
|
"24": {
|
|
"column": "id",
|
|
"order": "desc",
|
|
"id": "24"
|
|
}
|
|
}
|
|
},
|
|
"runOnPageLoad": true,
|
|
"table_id": "cdb1dd71-591f-4e2d-a939-706d3e5e5ea0"
|
|
},
|
|
"dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-09-11T20:32:56.445Z",
|
|
"updatedAt": "2023-09-13T05:11:25.606Z"
|
|
},
|
|
{
|
|
"id": "09bfbae9-3e36-4a93-b8e0-12e46b902229",
|
|
"name": "editCustomer",
|
|
"options": {
|
|
"operation": "update_rows",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"table_name": "sales_analytics_customers",
|
|
"list_rows": {},
|
|
"update_rows": {
|
|
"columns": {
|
|
"0": {
|
|
"column": "name",
|
|
"value": "{{components.textinput1.value}}"
|
|
},
|
|
"1": {
|
|
"column": "email",
|
|
"value": "{{components.textinput2.value}}"
|
|
},
|
|
"2": {
|
|
"column": "company",
|
|
"value": "{{components.textinput3.value}}"
|
|
},
|
|
"29": {
|
|
"column": "updated_at",
|
|
"value": "{{moment().format()}}"
|
|
}
|
|
},
|
|
"where_filters": {
|
|
"25": {
|
|
"column": "id",
|
|
"operator": "eq",
|
|
"value": "{{components.table1.selectedRow.id}}",
|
|
"id": "25"
|
|
}
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "close-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "show-alert",
|
|
"message": "Customer details updated successfully",
|
|
"alertType": "success"
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "61d55ec8-00a1-4111-88fe-0fadd6166e37",
|
|
"queryName": "getCustomers",
|
|
"parameters": {}
|
|
},
|
|
{
|
|
"eventId": "onDataQueryFailure",
|
|
"actionId": "show-alert",
|
|
"message": "Failed to update customer details! Please check and try again.",
|
|
"alertType": "warning"
|
|
}
|
|
],
|
|
"table_id": "cdb1dd71-591f-4e2d-a939-706d3e5e5ea0"
|
|
},
|
|
"dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-09-11T20:50:25.924Z",
|
|
"updatedAt": "2023-09-13T05:11:25.612Z"
|
|
},
|
|
{
|
|
"id": "a1200d9f-4dab-4b29-bc42-3a455e7f80a0",
|
|
"name": "getOrders",
|
|
"options": {
|
|
"operation": "list_rows",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"table_name": "sales_analytics_orders",
|
|
"list_rows": {
|
|
"where_filters": {
|
|
"30": {
|
|
"column": "is_active",
|
|
"operator": "eq",
|
|
"value": "true",
|
|
"id": "30"
|
|
}
|
|
},
|
|
"order_filters": {
|
|
"31": {
|
|
"column": "id",
|
|
"order": "desc",
|
|
"id": "31"
|
|
}
|
|
}
|
|
},
|
|
"runOnPageLoad": true,
|
|
"events": [
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "fbea03e7-a606-4848-b22b-9e3cb9506175",
|
|
"queryName": "ordersAnalytics",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"table_id": "a13820a6-bc6a-448c-a348-384adb75c48d"
|
|
},
|
|
"dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-09-11T21:07:43.749Z",
|
|
"updatedAt": "2023-09-13T05:11:25.617Z"
|
|
},
|
|
{
|
|
"id": "2a7a0455-0855-487d-94d0-3c183747ce2c",
|
|
"name": "getCustomerOrders",
|
|
"options": {
|
|
"operation": "list_rows",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": true,
|
|
"table_name": "sales_analytics_orders",
|
|
"list_rows": {
|
|
"where_filters": {
|
|
"32": {
|
|
"column": "is_active",
|
|
"operator": "eq",
|
|
"value": "true",
|
|
"id": "32"
|
|
},
|
|
"33": {
|
|
"column": "customer_id",
|
|
"operator": "eq",
|
|
"value": "{{components.table1.selectedRow.id}}",
|
|
"id": "33"
|
|
}
|
|
},
|
|
"order_filters": {
|
|
"34": {
|
|
"column": "id",
|
|
"order": "desc",
|
|
"id": "34"
|
|
}
|
|
}
|
|
},
|
|
"transformation": "res = {};\n\ndata.forEach((order) => {\n if (res.hasOwnProperty(order.product_id)) {\n res[order.product_id].quantity += order.quantity;\n res[order.product_id].total_price += order.total_price;\n } else {\n res[order.product_id] = order;\n }\n});\n\nreturn Object.values(res);",
|
|
"events": [
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "51962548-b0c0-43f6-9ec1-5cd11ccf3f16",
|
|
"queryName": "customerChartData",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"table_id": "a13820a6-bc6a-448c-a348-384adb75c48d"
|
|
},
|
|
"dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-09-11T21:09:44.161Z",
|
|
"updatedAt": "2023-09-13T05:11:25.623Z"
|
|
},
|
|
{
|
|
"id": "f2b2d1e8-dc3c-433d-9dcc-acf7f7221ca6",
|
|
"name": "getProductDetails",
|
|
"options": {
|
|
"operation": "list_rows",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": true,
|
|
"table_name": "sales_analytics_products",
|
|
"list_rows": {
|
|
"where_filters": {
|
|
"35": {
|
|
"column": "is_active",
|
|
"operator": "eq",
|
|
"value": "true",
|
|
"id": "35"
|
|
},
|
|
"36": {
|
|
"column": "id",
|
|
"operator": "eq",
|
|
"value": "{{components?.dropdown2?.value ?? -1}}",
|
|
"id": "36"
|
|
}
|
|
}
|
|
},
|
|
"transformation": "return data[0];",
|
|
"table_id": "da33a5fe-ada5-4dd1-8218-f3572a33aabe"
|
|
},
|
|
"dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-09-11T21:19:32.572Z",
|
|
"updatedAt": "2023-09-13T05:11:25.629Z"
|
|
},
|
|
{
|
|
"id": "2d71ac19-5a55-4d3e-ba1f-218e2be5c721",
|
|
"name": "addOrder",
|
|
"options": {
|
|
"operation": "create_row",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"table_name": "sales_analytics_orders",
|
|
"list_rows": {},
|
|
"create_row": {
|
|
"0": {
|
|
"column": "customer_id",
|
|
"value": "{{components.table1.selectedRow.id}}"
|
|
},
|
|
"1": {
|
|
"column": "product_id",
|
|
"value": "{{components.dropdown2.value}}"
|
|
},
|
|
"2": {
|
|
"column": "product_name",
|
|
"value": "{{components.dropdown2.selectedOptionLabel}}"
|
|
},
|
|
"3": {
|
|
"column": "quantity",
|
|
"value": "{{components.dropdown3.value}}"
|
|
},
|
|
"4": {
|
|
"column": "at_price",
|
|
"value": "{{queries.getProductDetails.data.current_price.toFixed(2)}}"
|
|
},
|
|
"5": {
|
|
"column": "total_price",
|
|
"value": "{{components.textinput17.value}}"
|
|
},
|
|
"6": {
|
|
"column": "country",
|
|
"value": "{{components.table1.selectedRow.country}}"
|
|
},
|
|
"7": {
|
|
"column": "created_at",
|
|
"value": "{{moment().format()}}"
|
|
},
|
|
"8": {
|
|
"column": "updated_at",
|
|
"value": "{{moment().format()}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "show-alert",
|
|
"message": "Order added successfully",
|
|
"alertType": "success"
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "control-component",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"componentSpecificActionHandle": "selectOption",
|
|
"componentId": "54cc01e3-231b-42ef-9fb9-d97ad100c25e",
|
|
"componentSpecificActionParams": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select",
|
|
"value": "{{undefined}}"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "control-component",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"componentSpecificActionHandle": "selectOption",
|
|
"componentId": "47bcf998-1d86-4c9d-9fde-9c738903bad2",
|
|
"componentSpecificActionParams": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select",
|
|
"value": "{{undefined}}"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "2a7a0455-0855-487d-94d0-3c183747ce2c",
|
|
"queryName": "getCustomerOrders",
|
|
"parameters": {}
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "c3f01e7f-c9e7-4a96-9ed1-bb623da86a13",
|
|
"queryName": "getProducts",
|
|
"parameters": {}
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "a1200d9f-4dab-4b29-bc42-3a455e7f80a0",
|
|
"queryName": "getOrders",
|
|
"parameters": {}
|
|
},
|
|
{
|
|
"eventId": "onDataQueryFailure",
|
|
"actionId": "show-alert",
|
|
"message": "Failed to add order! Please check and try again.",
|
|
"alertType": "warning"
|
|
}
|
|
],
|
|
"table_id": "a13820a6-bc6a-448c-a348-384adb75c48d"
|
|
},
|
|
"dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-09-11T21:37:14.100Z",
|
|
"updatedAt": "2023-09-13T05:11:25.653Z"
|
|
},
|
|
{
|
|
"id": "3968fbc6-634d-4a0d-80ea-8656c5ebab35",
|
|
"name": "reduceProductQuantity",
|
|
"options": {
|
|
"operation": "update_rows",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"table_name": "sales_analytics_products",
|
|
"list_rows": {},
|
|
"update_rows": {
|
|
"columns": {
|
|
"47": {
|
|
"column": "qty_in_stock",
|
|
"value": "{{(queries?.getProductDetails?.data?.qty_in_stock ?? 0) - (components?.dropdown3?.value ?? 0)}}"
|
|
}
|
|
},
|
|
"where_filters": {
|
|
"45": {
|
|
"column": "id",
|
|
"operator": "eq",
|
|
"value": "{{components.dropdown2.value}}",
|
|
"id": "45"
|
|
},
|
|
"46": {
|
|
"column": "is_active",
|
|
"operator": "eq",
|
|
"value": "true",
|
|
"id": "46"
|
|
}
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "2d71ac19-5a55-4d3e-ba1f-218e2be5c721",
|
|
"queryName": "addOrder",
|
|
"parameters": {}
|
|
},
|
|
{
|
|
"eventId": "onDataQueryFailure",
|
|
"actionId": "show-alert",
|
|
"message": "Failed to reduce product quantity! Please check and try again.",
|
|
"alertType": "warning"
|
|
}
|
|
],
|
|
"table_id": "da33a5fe-ada5-4dd1-8218-f3572a33aabe"
|
|
},
|
|
"dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-09-11T22:00:37.518Z",
|
|
"updatedAt": "2023-09-13T05:11:25.635Z"
|
|
},
|
|
{
|
|
"id": "369acf3e-3774-4aa3-9afe-916f32b66713",
|
|
"name": "checkProductQuantity",
|
|
"options": {
|
|
"operation": "list_rows",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": true,
|
|
"table_name": "sales_analytics_products",
|
|
"list_rows": {
|
|
"where_filters": {
|
|
"1": {
|
|
"column": "id",
|
|
"operator": "eq",
|
|
"value": "{{components.dropdown2.value}}",
|
|
"id": "1"
|
|
},
|
|
"2": {
|
|
"column": "is_active",
|
|
"operator": "eq",
|
|
"value": "true",
|
|
"id": "2"
|
|
}
|
|
}
|
|
},
|
|
"transformation": "return data[0];",
|
|
"events": [
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "3968fbc6-634d-4a0d-80ea-8656c5ebab35",
|
|
"queryName": "reduceProductQuantity",
|
|
"parameters": {},
|
|
"runOnlyIf": "{{(queries?.checkProductQuantity?.data?.qty_in_stock ?? 0) >= (components?.dropdown3?.value ?? 0)}}"
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "show-alert",
|
|
"message": "Product quantity available is insufficient! Please check and try again.",
|
|
"alertType": "warning",
|
|
"runOnlyIf": "{{(queries?.checkProductQuantity?.data?.qty_in_stock ?? 0) < (components?.dropdown3?.value ?? 0)}}"
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"runOnlyIf": "{{(queries?.checkProductQuantity?.data?.qty_in_stock ?? 0) < (components?.dropdown3?.value ?? 0)}}",
|
|
"queryId": "f2b2d1e8-dc3c-433d-9dcc-acf7f7221ca6",
|
|
"queryName": "getProductDetails",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"table_id": "da33a5fe-ada5-4dd1-8218-f3572a33aabe"
|
|
},
|
|
"dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-09-11T22:21:52.289Z",
|
|
"updatedAt": "2023-09-13T05:11:25.641Z"
|
|
},
|
|
{
|
|
"id": "51962548-b0c0-43f6-9ec1-5cd11ccf3f16",
|
|
"name": "customerOrderChart",
|
|
"options": {
|
|
"code": "data = queries.getCustomerOrders.data;\n\nformat = {\n data: [\n {\n type: \"pie\",\n labels: [],\n values: [],\n textinfo: \"label+percent\",\n textposition: \"inside\",\n textfont: {\n color: \"#ffffff\",\n size: 14,\n },\n marker: {\n colors: [],\n },\n },\n ],\n layout: {\n title: \"\",\n showlegend: false,\n height: 500,\n width: 700,\n margin: {\n l: 50,\n r: 50,\n t: 50,\n b: 50,\n },\n },\n};\n\ndata.forEach((order) => {\n format.data[0].labels.push(`Prod. #${order.product_id}`);\n format.data[0].values.push(parseFloat(order.total_price.toFixed(2)));\n});\n\nreturn format;",
|
|
"hasParamSupport": true,
|
|
"parameters": [],
|
|
"events": [
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "d88371b6-287d-4786-9a4c-4421b5f7467e",
|
|
"queryName": "customerOrderChartAfterColors",
|
|
"parameters": {}
|
|
}
|
|
]
|
|
},
|
|
"dataSourceId": "4c16b0aa-a35b-42ee-8cca-99bcee980f8d",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-09-12T05:56:06.910Z",
|
|
"updatedAt": "2023-09-12T20:23:08.099Z"
|
|
},
|
|
{
|
|
"id": "fbea03e7-a606-4848-b22b-9e3cb9506175",
|
|
"name": "ordersAnalytics",
|
|
"options": {
|
|
"code": "data = queries.getOrders.data;\n\nmonths = moment.monthsShort();\n\ndataPerMonth = months\n .map((month) => ({\n [month]: {\n monthName: month,\n qtySold: 0,\n revenue: 0,\n avgOrderValue: 0,\n customerIds: new Set(),\n },\n }))\n .reduce((a, b) => ({ ...a, ...b }));\n\ndataPerCountry = {};\n\ndata.forEach((order) => {\n if (moment(order.created_at).format(\"YYYY\") == moment().format(\"YYYY\")) {\n mmm = moment(order.created_at).format(\"MMM\");\n dataPerMonth[mmm].qtySold += order.quantity;\n dataPerMonth[mmm].revenue = parseFloat(\n (dataPerMonth[mmm].revenue + order.total_price).toFixed(2)\n );\n dataPerMonth[mmm].avgOrderValue = parseFloat(\n (dataPerMonth[mmm].revenue / dataPerMonth[mmm].qtySold).toFixed(2)\n );\n dataPerMonth[mmm].customerIds.add(order.customer_id);\n if (dataPerCountry.hasOwnProperty(order.country)) {\n dataPerCountry[order.country].revenue = parseFloat(\n (dataPerCountry[order.country].revenue + order.total_price).toFixed(2)\n );\n dataPerCountry[order.country].qtySold += order.quantity;\n } else {\n dataPerCountry[order.country] = {\n countryName: order.country,\n revenue: parseFloat(order.total_price.toFixed(2)),\n qtySold: order.quantity,\n };\n }\n }\n});\n\ndataPerCountry = Object.values(dataPerCountry);\n\nformat = {\n data: [\n {\n type: \"pie\",\n labels: dataPerCountry.map((country) => country.countryName),\n values: dataPerCountry.map((country) =>\n parseFloat(country.revenue.toFixed(2))\n ),\n textinfo: \"label+percent\",\n textposition: \"inside\",\n textfont: {\n color: \"#ffffff\",\n size: 14,\n },\n marker: {\n colors: [],\n },\n },\n ],\n layout: {\n title: \"Sales per country this year\",\n showlegend: false,\n height: 500,\n width: 700,\n margin: {\n l: 50,\n r: 50,\n t: 50,\n b: 50,\n },\n },\n};\n\nreturn { dataPerMonth: dataPerMonth, chartData: format };",
|
|
"hasParamSupport": true,
|
|
"parameters": [],
|
|
"events": [
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "3d1d20c6-570c-484d-abbc-a710a70bf80f",
|
|
"queryName": "ordersAnalyticsAfterColors",
|
|
"parameters": {}
|
|
}
|
|
]
|
|
},
|
|
"dataSourceId": "4c16b0aa-a35b-42ee-8cca-99bcee980f8d",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-09-12T10:38:26.295Z",
|
|
"updatedAt": "2023-09-12T20:04:39.145Z"
|
|
},
|
|
{
|
|
"id": "3d1d20c6-570c-484d-abbc-a710a70bf80f",
|
|
"name": "ordersAnalyticsAfterColors",
|
|
"options": {
|
|
"code": "function generateShadesOfColor(baseColor, numShades) {\n const match = baseColor.match(/^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i);\n if (!match) {\n throw new Error(\n \"Invalid color format. Please use hexadecimal color notation.\"\n );\n }\n\n const [, r, g, b] = match.map((hex) => parseInt(hex, 16));\n\n const shades = [];\n for (let i = 0; i < numShades; i++) {\n const newR = Math.floor(r * (1 - i / numShades));\n const newG = Math.floor(g * (1 - i / numShades));\n const newB = Math.floor(b * (1 - i / numShades));\n\n const shade = `#${newR.toString(16).padStart(2, \"0\")}${newG\n .toString(16)\n .padStart(2, \"0\")}${newB.toString(16).padStart(2, \"0\")}`;\n shades.push(shade);\n }\n\n return shades;\n}\n\ndata = queries.ordersAnalytics.data.chartData;\nconst baseColor = \"#2f54b7\";\nconst numShades = data.data[0].values.length;\nconst shades = generateShadesOfColor(baseColor, numShades);\ndata.data[0].marker.colors = shades;\nreturn data;",
|
|
"hasParamSupport": true,
|
|
"parameters": []
|
|
},
|
|
"dataSourceId": "4c16b0aa-a35b-42ee-8cca-99bcee980f8d",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-09-12T19:52:39.847Z",
|
|
"updatedAt": "2023-09-12T20:17:51.612Z"
|
|
},
|
|
{
|
|
"id": "d88371b6-287d-4786-9a4c-4421b5f7467e",
|
|
"name": "customerOrderChartAfterColors",
|
|
"options": {
|
|
"code": "function generateShadesOfColor(baseColor, numShades) {\n const match = baseColor.match(/^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i);\n if (!match) {\n throw new Error(\n \"Invalid color format. Please use hexadecimal color notation.\"\n );\n }\n\n const [, r, g, b] = match.map((hex) => parseInt(hex, 16));\n\n const shades = [];\n for (let i = 0; i < numShades; i++) {\n const newR = Math.floor(r * (1 - i / numShades));\n const newG = Math.floor(g * (1 - i / numShades));\n const newB = Math.floor(b * (1 - i / numShades));\n\n const shade = `#${newR.toString(16).padStart(2, \"0\")}${newG\n .toString(16)\n .padStart(2, \"0\")}${newB.toString(16).padStart(2, \"0\")}`;\n shades.push(shade);\n }\n\n return shades;\n}\n\ndata = queries.customerOrderChart.data;\nconst baseColor = \"#2f54b7\";\nconst numShades = data.data[0].values.length;\nconst shades = generateShadesOfColor(baseColor, numShades);\ndata.data[0].marker.colors = shades;\nreturn data;",
|
|
"hasParamSupport": true,
|
|
"parameters": []
|
|
},
|
|
"dataSourceId": "4c16b0aa-a35b-42ee-8cca-99bcee980f8d",
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"createdAt": "2023-09-12T20:14:10.117Z",
|
|
"updatedAt": "2023-09-12T20:16:46.120Z"
|
|
}
|
|
],
|
|
"dataSources": [
|
|
{
|
|
"id": "ad296b9d-8f33-41f9-b58a-24686f7c51ec",
|
|
"name": "runpydefault",
|
|
"kind": "runpy",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2023-09-11T18:11:00.808Z",
|
|
"updatedAt": "2023-09-11T18:11:00.808Z"
|
|
},
|
|
{
|
|
"id": "9341faf4-34c1-46a8-8a54-ef2632d4bcdd",
|
|
"name": "restapidefault",
|
|
"kind": "restapi",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2023-09-11T18:11:00.808Z",
|
|
"updatedAt": "2023-09-11T18:11:00.808Z"
|
|
},
|
|
{
|
|
"id": "4c16b0aa-a35b-42ee-8cca-99bcee980f8d",
|
|
"name": "runjsdefault",
|
|
"kind": "runjs",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2023-09-11T18:11:00.808Z",
|
|
"updatedAt": "2023-09-11T18:11:00.808Z"
|
|
},
|
|
{
|
|
"id": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079",
|
|
"name": "tooljetdbdefault",
|
|
"kind": "tooljetdb",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2023-09-11T18:11:00.808Z",
|
|
"updatedAt": "2023-09-11T18:11:00.808Z"
|
|
},
|
|
{
|
|
"id": "bbf96279-8c73-4ea3-9311-df4734dda542",
|
|
"name": "workflowsdefault",
|
|
"kind": "workflows",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2023-09-11T18:11:00.808Z",
|
|
"updatedAt": "2023-09-11T18:11:00.808Z"
|
|
}
|
|
],
|
|
"appVersions": [
|
|
{
|
|
"id": "1a949ed8-f29d-44db-9b12-f87cbefa33df",
|
|
"name": "v1",
|
|
"definition": {
|
|
"showViewerNavigation": false,
|
|
"homePageId": "cbd7f186-e2c5-4443-97c6-ccb0e7f37f38",
|
|
"pages": {
|
|
"cbd7f186-e2c5-4443-97c6-ccb0e7f37f38": {
|
|
"components": {
|
|
"5e82a221-8213-4caf-817c-88f97d8e4883": {
|
|
"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": "#4f81ffff",
|
|
"fxActive": false
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"tabWidth": {
|
|
"value": "auto"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"tabs": {
|
|
"value": "{{[\n { title: \"Overview\", id: \"0\" },\n { title: \"Orders\", id: \"3\" },\n { title: \"Customers\", id: \"1\" },\n { title: \"Products\", id: \"2\" },\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": 70,
|
|
"left": 0,
|
|
"width": 43,
|
|
"height": 640
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"64c60f67-ae5f-4fec-a74e-9b62100503be": {
|
|
"id": "64c60f67-ae5f-4fec-a74e-9b62100503be",
|
|
"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"
|
|
}
|
|
}
|
|
},
|
|
"defaultSelectedRow": {
|
|
"type": "code",
|
|
"displayName": "Default selected row",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "object"
|
|
}
|
|
}
|
|
},
|
|
"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": "Condensed",
|
|
"value": "condensed"
|
|
},
|
|
{
|
|
"name": "Regular",
|
|
"value": "regular"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"actionButtonRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"cellSize": {
|
|
"value": "regular"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"tableType": {
|
|
"value": "table-classic"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Table"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getCustomers.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"data": {
|
|
"value": "{{queries.getCustomers.data}}"
|
|
},
|
|
"useDynamicColumn": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnData": {
|
|
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
|
|
},
|
|
"rowsPerPage": {
|
|
"value": "{{10}}"
|
|
},
|
|
"serverSidePagination": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableNextButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"enablePrevButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"totalRecords": {
|
|
"value": ""
|
|
},
|
|
"clientSidePagination": {
|
|
"value": "{{true}}"
|
|
},
|
|
"serverSideSort": {
|
|
"value": "{{false}}"
|
|
},
|
|
"serverSideFilter": {
|
|
"value": "{{false}}"
|
|
},
|
|
"displaySearchBox": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showDownloadButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showFilterButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"autogenerateColumns": {
|
|
"value": true,
|
|
"generateNestedColumns": true
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"name": "id",
|
|
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "name",
|
|
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "email",
|
|
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "company",
|
|
"id": "e9460e25-9cff-4961-8ac9-39516d7a5981"
|
|
},
|
|
{
|
|
"id": "d3be2482-e0ca-4347-bd71-2c3241631952",
|
|
"name": "country",
|
|
"key": "country",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "created_at",
|
|
"id": "3d5ce08d-82a5-44b7-939c-126dafffb4a0"
|
|
},
|
|
{
|
|
"name": "updated_at",
|
|
"id": "7fe6cdb6-cd92-4bb7-bdb3-fd0aebe3f003"
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showBulkSelector": {
|
|
"value": "{{false}}"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 241,
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 102,
|
|
"rightActions": 72,
|
|
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 207,
|
|
"leftActions": 104,
|
|
"e9460e25-9cff-4961-8ac9-39516d7a5981": 160,
|
|
"d1d6d6f1-3f08-465b-8080-829a460d0b78": 242,
|
|
"7278dc62-35af-4b8c-b8ef-ae11897de851": 104,
|
|
"d3be2482-e0ca-4347-bd71-2c3241631952": 174
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": [
|
|
{
|
|
"name": "Action0",
|
|
"buttonText": "View details",
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "show-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "2a7a0455-0855-487d-94d0-3c183747ce2c",
|
|
"queryName": "getCustomerOrders",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"position": "left",
|
|
"disableActionButton": "{{false}}",
|
|
"textColor": "#213b81ff",
|
|
"backgroundColor": "#f0f6ffff"
|
|
}
|
|
]
|
|
},
|
|
"enabledSort": {
|
|
"value": "{{true}}"
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"defaultSelectedRow": {
|
|
"value": "{{{\"id\":1}}}"
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"allowSelection": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"order date",
|
|
"product",
|
|
"quantity",
|
|
"is_active"
|
|
]
|
|
}
|
|
},
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 80.00003051757812,
|
|
"left": 2.325580249259922,
|
|
"width": 41,
|
|
"height": 490
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-1"
|
|
},
|
|
"9196a79f-d2d0-4945-a18c-461621110d6d": {
|
|
"id": "9196a79f-d2d0-4945-a18c-461621110d6d",
|
|
"component": {
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"type": "code",
|
|
"displayName": "Primary value label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"primaryValue": {
|
|
"type": "code",
|
|
"displayName": "Primary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"hideSecondary": {
|
|
"type": "toggle",
|
|
"displayName": "Hide secondary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"secondaryValueLabel": {
|
|
"type": "code",
|
|
"displayName": "Secondary value label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryValue": {
|
|
"type": "code",
|
|
"displayName": "Secondary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondarySignDisplay": {
|
|
"type": "code",
|
|
"displayName": "Secondary sign display",
|
|
"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": {},
|
|
"styles": {
|
|
"primaryLabelColour": {
|
|
"type": "color",
|
|
"displayName": "Primary Label Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"primaryTextColour": {
|
|
"type": "color",
|
|
"displayName": "Primary Text Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryLabelColour": {
|
|
"type": "color",
|
|
"displayName": "Secondary Label Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryTextColour": {
|
|
"type": "color",
|
|
"displayName": "Secondary Text Colour",
|
|
"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": {
|
|
"primaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"primaryTextColour": {
|
|
"value": "#000000"
|
|
},
|
|
"secondaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"secondaryTextColour": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .avgOrderValue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}",
|
|
"fxActive": true
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"value": "Average Order Value ($)"
|
|
},
|
|
"primaryValue": {
|
|
"value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].avgOrderValue}}"
|
|
},
|
|
"secondaryValueLabel": {
|
|
"value": "Last month"
|
|
},
|
|
"secondaryValue": {
|
|
"value": "{{`${(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .avgOrderValue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) *\n 100\n).toFixed(2)}%`}}"
|
|
},
|
|
"secondarySignDisplay": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .avgOrderValue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"hideSecondary": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "statistics1",
|
|
"displayName": "Statistics",
|
|
"description": "Statistics can be used to display different statistical information",
|
|
"component": "Statistics",
|
|
"defaultSize": {
|
|
"width": 9.2,
|
|
"height": 152
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 74.41860383993948,
|
|
"width": 9.999999999999998,
|
|
"height": 170
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0"
|
|
},
|
|
"866b47b2-bf23-4ef8-bf0b-26fa857ed807": {
|
|
"id": "866b47b2-bf23-4ef8-bf0b-26fa857ed807",
|
|
"component": {
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"type": "code",
|
|
"displayName": "Primary value label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"primaryValue": {
|
|
"type": "code",
|
|
"displayName": "Primary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"hideSecondary": {
|
|
"type": "toggle",
|
|
"displayName": "Hide secondary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"secondaryValueLabel": {
|
|
"type": "code",
|
|
"displayName": "Secondary value label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryValue": {
|
|
"type": "code",
|
|
"displayName": "Secondary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondarySignDisplay": {
|
|
"type": "code",
|
|
"displayName": "Secondary sign display",
|
|
"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": {},
|
|
"styles": {
|
|
"primaryLabelColour": {
|
|
"type": "color",
|
|
"displayName": "Primary Label Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"primaryTextColour": {
|
|
"type": "color",
|
|
"displayName": "Primary Text Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryLabelColour": {
|
|
"type": "color",
|
|
"displayName": "Secondary Label Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryTextColour": {
|
|
"type": "color",
|
|
"displayName": "Secondary Text Colour",
|
|
"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": {
|
|
"primaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"primaryTextColour": {
|
|
"value": "#000000"
|
|
},
|
|
"secondaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"secondaryTextColour": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .customerIds.size -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}",
|
|
"fxActive": true
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"value": "Total customers"
|
|
},
|
|
"primaryValue": {
|
|
"value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].customerIds.size}}"
|
|
},
|
|
"secondaryValueLabel": {
|
|
"value": "Last month"
|
|
},
|
|
"secondaryValue": {
|
|
"value": "{{`${(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .customerIds.size -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) *\n 100\n).toFixed(2)}%`}}"
|
|
},
|
|
"secondarySignDisplay": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .customerIds.size -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"hideSecondary": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "statistics2",
|
|
"displayName": "Statistics",
|
|
"description": "Statistics can be used to display different statistical information",
|
|
"component": "Statistics",
|
|
"defaultSize": {
|
|
"width": 9.2,
|
|
"height": 152
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 2.3255812455980243,
|
|
"width": 9,
|
|
"height": 170
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0"
|
|
},
|
|
"3168ef8d-15d1-44c5-827a-cf183d11cf98": {
|
|
"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": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{5}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{ !queries.getCustomers.isLoading }}",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`${queries?.getCustomers?.data?.length ?? 0} Customers`}}"
|
|
},
|
|
"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": "5e82a221-8213-4caf-817c-88f97d8e4883-1",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 2.325595995777369,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"a291e07a-cb22-4f02-b05d-40707ee14e2c": {
|
|
"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": "#213b81ff"
|
|
},
|
|
"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": "Customer"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Launch Modal"
|
|
},
|
|
"size": {
|
|
"value": "xl"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "920px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "modal2",
|
|
"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": 750.000057220459,
|
|
"left": 2.3256077478684265,
|
|
"width": 8,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"6611ee93-dfd1-42c6-b002-439bb005eca2": {
|
|
"id": "6611ee93-dfd1-42c6-b002-439bb005eca2",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Email"
|
|
},
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 120,
|
|
"left": 4.6511635881258995,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"af78e81a-11f3-472a-b66b-73327dde099d": {
|
|
"id": "af78e81a-11f3-472a-b66b-73327dde099d",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Name"
|
|
},
|
|
"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": 60,
|
|
"left": 4.651161793912395,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"bd544998-d2ae-4ad2-af4f-f0683eea8e1b": {
|
|
"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": "{{components.textinput1.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{components.textinput1.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.name}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter name"
|
|
}
|
|
},
|
|
"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": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 60,
|
|
"left": 16.279067969008917,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"98b9b1cc-fe4f-4db7-b534-b22ad4c4eadd": {
|
|
"id": "98b9b1cc-fe4f-4db7-b534-b22ad4c4eadd",
|
|
"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": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput2.value) ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput2.value) ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.email}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter email"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput2",
|
|
"displayName": "Text Input",
|
|
"description": "Text field for forms",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 120,
|
|
"left": 16.279068577527127,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"9deaf722-d8f3-4d64-afab-a3c25782a26e": {
|
|
"id": "9deaf722-d8f3-4d64-afab-a3c25782a26e",
|
|
"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": "{{components.textinput3.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{components.textinput3.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.company}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter company name"
|
|
}
|
|
},
|
|
"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": 180,
|
|
"left": 16.27906704285889,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"36bec844-5b66-478c-814d-257a91e59b80": {
|
|
"id": "36bec844-5b66-478c-814d-257a91e59b80",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Company"
|
|
},
|
|
"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": 180,
|
|
"left": 4.6511635881258995,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"c52fa65e-c16c-4315-a0e1-dd7c80839b9d": {
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#dadcde",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider1",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 830,
|
|
"left": 3.134246213676306e-7,
|
|
"width": 43,
|
|
"height": 10
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"8afb3d48-36eb-449c-8d2f-a17c36941493": {
|
|
"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": "369acf3e-3774-4aa3-9afe-916f32b66713",
|
|
"queryName": "checkProductQuantity",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{components.dropdown2.value == undefined || components.dropdown3.value == undefined}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add Order"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.checkProductQuantity.isLoading || queries.reduceProductQuantity.isLoading || queries.addOrder.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button1",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 860,
|
|
"left": 83.72093023255815,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"8d1bc6ea-d601-48f5-99b7-80fd0ab607e1": {
|
|
"id": "8d1bc6ea-d601-48f5-99b7-80fd0ab607e1",
|
|
"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": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffff80"
|
|
},
|
|
"textColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button2",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 860,
|
|
"left": 72.09302215268106,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"d4e9af65-5062-458c-b2f4-f0b6afdea142": {
|
|
"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": "#ffffff00",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#213B81",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "Customer Details"
|
|
},
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 4.651166276216096,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"a72bb1eb-afe6-463f-9b80-077ed0d7f748": {
|
|
"id": "a72bb1eb-afe6-463f-9b80-077ed0d7f748",
|
|
"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": "#213B81",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "Order Details"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text9",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 4.651201625160855,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"18505c13-2546-4f7e-89f2-59768b29ce57": {
|
|
"id": "18505c13-2546-4f7e-89f2-59768b29ce57",
|
|
"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": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{5}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{ !queries.getProducts.isLoading }}",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`${queries?.getProducts?.data?.length ?? 0} Products`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text16",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 2.3255869327817056,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-2"
|
|
},
|
|
"724ff2bb-3b5c-448e-944d-e176705b34db": {
|
|
"id": "724ff2bb-3b5c-448e-944d-e176705b34db",
|
|
"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"
|
|
}
|
|
}
|
|
},
|
|
"defaultSelectedRow": {
|
|
"type": "code",
|
|
"displayName": "Default selected row",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "object"
|
|
}
|
|
}
|
|
},
|
|
"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": "Condensed",
|
|
"value": "condensed"
|
|
},
|
|
{
|
|
"name": "Regular",
|
|
"value": "regular"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"actionButtonRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"cellSize": {
|
|
"value": "regular"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"tableType": {
|
|
"value": "table-classic"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Table"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getProducts.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"data": {
|
|
"value": "{{queries.getProducts.data}}"
|
|
},
|
|
"useDynamicColumn": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnData": {
|
|
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
|
|
},
|
|
"rowsPerPage": {
|
|
"value": "{{10}}"
|
|
},
|
|
"serverSidePagination": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableNextButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"enablePrevButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"totalRecords": {
|
|
"value": ""
|
|
},
|
|
"clientSidePagination": {
|
|
"value": "{{true}}"
|
|
},
|
|
"serverSideSort": {
|
|
"value": "{{false}}"
|
|
},
|
|
"serverSideFilter": {
|
|
"value": "{{false}}"
|
|
},
|
|
"displaySearchBox": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showDownloadButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showFilterButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"autogenerateColumns": {
|
|
"value": true,
|
|
"generateNestedColumns": true
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"name": "id",
|
|
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "6ff6f2d1-ae39-4f01-9f02-001a75567deb",
|
|
"name": "name",
|
|
"key": "name",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"name": "type",
|
|
"id": "e9460e25-9cff-4961-8ac9-39516d7a5981",
|
|
"columnType": "default"
|
|
},
|
|
{
|
|
"name": "brand",
|
|
"id": "d1d6d6f1-3f08-465b-8080-829a460d0b78",
|
|
"columnType": "default"
|
|
},
|
|
{
|
|
"name": "qty_in_stock",
|
|
"id": "7278dc62-35af-4b8c-b8ef-ae11897de851"
|
|
},
|
|
{
|
|
"id": "d9d4cf35-b1d4-4179-b16e-b6688c69eb3a",
|
|
"name": "current_price",
|
|
"key": "current_price",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "4b3fb0f6-a827-465e-bdf5-7b607d27507b",
|
|
"name": "created_at",
|
|
"key": "created_at",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "7b0c396a-aaee-4485-aebc-c8281b19f3bf",
|
|
"name": "updated_at",
|
|
"key": "updated_at",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showBulkSelector": {
|
|
"value": "{{false}}"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 65,
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 102,
|
|
"rightActions": 72,
|
|
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 140,
|
|
"leftActions": 72,
|
|
"e9460e25-9cff-4961-8ac9-39516d7a5981": 183,
|
|
"d1d6d6f1-3f08-465b-8080-829a460d0b78": 160,
|
|
"7278dc62-35af-4b8c-b8ef-ae11897de851": 175,
|
|
"6ff6f2d1-ae39-4f01-9f02-001a75567deb": 247,
|
|
"d9d4cf35-b1d4-4179-b16e-b6688c69eb3a": 178
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": [
|
|
{
|
|
"name": "Action0",
|
|
"buttonText": "Edit",
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "show-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
}
|
|
],
|
|
"position": "left",
|
|
"disableActionButton": "{{false}}",
|
|
"backgroundColor": "#f0f6ffff",
|
|
"textColor": "#213b81ff"
|
|
}
|
|
]
|
|
},
|
|
"enabledSort": {
|
|
"value": "{{true}}"
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"defaultSelectedRow": {
|
|
"value": "{{{\"id\":1}}}"
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"allowSelection": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"order date",
|
|
"Qty sold",
|
|
"email",
|
|
"is_active"
|
|
]
|
|
}
|
|
},
|
|
"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": 80,
|
|
"left": 2.3255813953488373,
|
|
"width": 41,
|
|
"height": 490
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-2"
|
|
},
|
|
"d62cfa83-4661-4ac6-a52f-6ca0def3a6b1": {
|
|
"id": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1",
|
|
"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": "#ffffff1a"
|
|
},
|
|
"headerTextColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"value": "#ffffff1a"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"value": "#ffffffff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Add product"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Add product"
|
|
},
|
|
"size": {
|
|
"value": "lg"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "380px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "modal6",
|
|
"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": 30,
|
|
"left": 67.44186080042796,
|
|
"width": 4.999999999999999,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-2"
|
|
},
|
|
"d6887251-aeec-4c61-9ed5-7857a629f548": {
|
|
"id": "d6887251-aeec-4c61-9ed5-7857a629f548",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Name"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text30",
|
|
"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": 70,
|
|
"left": 4.651168424894576,
|
|
"width": 3,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"429efd49-6f00-4425-a9c3-85999698c138": {
|
|
"id": "429efd49-6f00-4425-a9c3-85999698c138",
|
|
"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": "{{components.textinput13.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{components.textinput13.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput13",
|
|
"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": 70,
|
|
"left": 11.62790689160906,
|
|
"width": 36,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"52e43826-1aa0-49b4-a4d3-a135f884fa70": {
|
|
"id": "52e43826-1aa0-49b4-a4d3-a135f884fa70",
|
|
"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": "{{components.textinput14.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{components.textinput14.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter company name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput14",
|
|
"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": 140,
|
|
"left": 60.46510288959324,
|
|
"width": 15.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"a89caaeb-b9f0-4a38-adde-f77707b64939": {
|
|
"id": "a89caaeb-b9f0-4a38-adde-f77707b64939",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Brand"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text31",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 51.16279745082527,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"16a11718-2e5f-4fb8-a89a-5e1636c83c7f": {
|
|
"id": "16a11718-2e5f-4fb8-a89a-5e1636c83c7f",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#dadcde",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider5",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 280,
|
|
"left": 4.00079841256229e-7,
|
|
"width": 43,
|
|
"height": 10
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"0a12ce5c-5511-4027-9764-054b6752659b": {
|
|
"id": "0a12ce5c-5511-4027-9764-054b6752659b",
|
|
"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": "693b5371-72c6-426d-8253-7cce3b1594ac",
|
|
"queryName": "addProduct",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{ !components.textinput13.isValid || !components.textinput14.isValid || !components.dropdown4.isValid || !components.textinput18.isValid || !components.textinput19.isValid}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add Product"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.addProduct.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button9",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 310,
|
|
"left": 76.74419092490663,
|
|
"width": 8,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"7ca82553-80e7-421b-b278-5a00d0250b89": {
|
|
"id": "7ca82553-80e7-421b-b278-5a00d0250b89",
|
|
"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": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"textColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button10",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 310,
|
|
"left": 62.79068219897656,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"c511607b-5a00-418c-b814-5b9ccf8fa4bf": {
|
|
"id": "c511607b-5a00-418c-b814-5b9ccf8fa4bf",
|
|
"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": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "Product Details"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text33",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 4.6511560061557224,
|
|
"width": 14.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"89304548-d603-41fb-8696-c77096ff17d6": {
|
|
"id": "89304548-d603-41fb-8696-c77096ff17d6",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Quantity"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text35",
|
|
"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": 220,
|
|
"left": 51.16278773230763,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"0110ef71-686f-4c85-a85b-4d47a80111b8": {
|
|
"id": "0110ef71-686f-4c85-a85b-4d47a80111b8",
|
|
"component": {
|
|
"properties": {
|
|
"title": {
|
|
"type": "code",
|
|
"displayName": "Title",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"data": {
|
|
"type": "json",
|
|
"displayName": "Data",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "array"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading State",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"markerColor": {
|
|
"type": "color",
|
|
"displayName": "Marker color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"showAxes": {
|
|
"type": "toggle",
|
|
"displayName": "Show axes",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showGridLines": {
|
|
"type": "toggle",
|
|
"displayName": "Show grid lines",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"type": {
|
|
"type": "select",
|
|
"displayName": "Chart type",
|
|
"options": [
|
|
{
|
|
"name": "Line",
|
|
"value": "line"
|
|
},
|
|
{
|
|
"name": "Bar",
|
|
"value": "bar"
|
|
},
|
|
{
|
|
"name": "Pie",
|
|
"value": "pie"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"jsonDescription": {
|
|
"type": "json",
|
|
"displayName": "Json Description",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"plotFromJson": {
|
|
"type": "toggle",
|
|
"displayName": "Use Plotly JSON schema",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"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": {
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"padding": {
|
|
"value": "50"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Sales per country this year"
|
|
},
|
|
"markerColor": {
|
|
"value": "#CDE1F8"
|
|
},
|
|
"showAxes": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showGridLines": {
|
|
"value": "{{true}}"
|
|
},
|
|
"plotFromJson": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading || queries.ordersAnalyticsAfterColors.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"jsonDescription": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading || queries.ordersAnalyticsAfterColors.isLoading || queries.getOrders.data.length == 0 ? \"{}\" : JSON.stringify(queries?.ordersAnalyticsAfterColors?.data ?? {})}}"
|
|
},
|
|
"type": {
|
|
"value": "line"
|
|
},
|
|
"data": {
|
|
"value": "[\n { \"x\": \"Jan\", \"y\": 100},\n { \"x\": \"Feb\", \"y\": 80},\n { \"x\": \"Mar\", \"y\": 40}\n]"
|
|
},
|
|
"barmode": {
|
|
"value": "group"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "chart3",
|
|
"displayName": "Chart",
|
|
"description": "Display charts",
|
|
"component": "Chart",
|
|
"defaultSize": {
|
|
"width": 20,
|
|
"height": 400
|
|
},
|
|
"exposedVariables": {
|
|
"show": null
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 230,
|
|
"left": 58.13953624532072,
|
|
"width": 17,
|
|
"height": 330
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0"
|
|
},
|
|
"e5d754ff-eb1f-4d1d-945b-65843b32408e": {
|
|
"id": "e5d754ff-eb1f-4d1d-945b-65843b32408e",
|
|
"component": {
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"type": "code",
|
|
"displayName": "Primary value label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"primaryValue": {
|
|
"type": "code",
|
|
"displayName": "Primary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"hideSecondary": {
|
|
"type": "toggle",
|
|
"displayName": "Hide secondary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"secondaryValueLabel": {
|
|
"type": "code",
|
|
"displayName": "Secondary value label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryValue": {
|
|
"type": "code",
|
|
"displayName": "Secondary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondarySignDisplay": {
|
|
"type": "code",
|
|
"displayName": "Secondary sign display",
|
|
"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": {},
|
|
"styles": {
|
|
"primaryLabelColour": {
|
|
"type": "color",
|
|
"displayName": "Primary Label Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"primaryTextColour": {
|
|
"type": "color",
|
|
"displayName": "Primary Text Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryLabelColour": {
|
|
"type": "color",
|
|
"displayName": "Secondary Label Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryTextColour": {
|
|
"type": "color",
|
|
"displayName": "Secondary Text Colour",
|
|
"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": {
|
|
"primaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"primaryTextColour": {
|
|
"value": "#000000"
|
|
},
|
|
"secondaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"secondaryTextColour": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}",
|
|
"fxActive": true
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"value": "Revenue ($)"
|
|
},
|
|
"primaryValue": {
|
|
"value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue}}"
|
|
},
|
|
"secondaryValueLabel": {
|
|
"value": "Last month"
|
|
},
|
|
"secondaryValue": {
|
|
"value": "{{`${(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) *\n 100\n).toFixed(2)}%`}}"
|
|
},
|
|
"secondarySignDisplay": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"hideSecondary": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "statistics4",
|
|
"displayName": "Statistics",
|
|
"description": "Statistics can be used to display different statistical information",
|
|
"component": "Statistics",
|
|
"defaultSize": {
|
|
"width": 9.2,
|
|
"height": 152
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 48.83721329386816,
|
|
"width": 9.999999999999998,
|
|
"height": 170
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0"
|
|
},
|
|
"b91a9efc-f701-4305-be8c-4001a7a80400": {
|
|
"id": "b91a9efc-f701-4305-be8c-4001a7a80400",
|
|
"component": {
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"type": "code",
|
|
"displayName": "Primary value label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"primaryValue": {
|
|
"type": "code",
|
|
"displayName": "Primary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"hideSecondary": {
|
|
"type": "toggle",
|
|
"displayName": "Hide secondary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"secondaryValueLabel": {
|
|
"type": "code",
|
|
"displayName": "Secondary value label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryValue": {
|
|
"type": "code",
|
|
"displayName": "Secondary value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondarySignDisplay": {
|
|
"type": "code",
|
|
"displayName": "Secondary sign display",
|
|
"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": {},
|
|
"styles": {
|
|
"primaryLabelColour": {
|
|
"type": "color",
|
|
"displayName": "Primary Label Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"primaryTextColour": {
|
|
"type": "color",
|
|
"displayName": "Primary Text Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryLabelColour": {
|
|
"type": "color",
|
|
"displayName": "Secondary Label Colour",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"secondaryTextColour": {
|
|
"type": "color",
|
|
"displayName": "Secondary Text Colour",
|
|
"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": {
|
|
"primaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"primaryTextColour": {
|
|
"value": "#000000"
|
|
},
|
|
"secondaryLabelColour": {
|
|
"value": "#8092AB"
|
|
},
|
|
"secondaryTextColour": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}",
|
|
"fxActive": true
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"primaryValueLabel": {
|
|
"value": "Qty. Sold"
|
|
},
|
|
"primaryValue": {
|
|
"value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold}}"
|
|
},
|
|
"secondaryValueLabel": {
|
|
"value": "Last month"
|
|
},
|
|
"secondaryValue": {
|
|
"value": "{{`${(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) *\n 100\n).toFixed(2)}%`}}"
|
|
},
|
|
"secondarySignDisplay": {
|
|
"value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"hideSecondary": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "statistics6",
|
|
"displayName": "Statistics",
|
|
"description": "Statistics can be used to display different statistical information",
|
|
"component": "Statistics",
|
|
"defaultSize": {
|
|
"width": 9.2,
|
|
"height": 152
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 25.58139219926747,
|
|
"width": 9,
|
|
"height": 170
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0"
|
|
},
|
|
"f3c8c84e-18b9-4432-aec0-bd92b10d2692": {
|
|
"id": "f3c8c84e-18b9-4432-aec0-bd92b10d2692",
|
|
"component": {
|
|
"properties": {
|
|
"title": {
|
|
"type": "code",
|
|
"displayName": "Title",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"data": {
|
|
"type": "json",
|
|
"displayName": "Data",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "array"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading State",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"markerColor": {
|
|
"type": "color",
|
|
"displayName": "Marker color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"showAxes": {
|
|
"type": "toggle",
|
|
"displayName": "Show axes",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showGridLines": {
|
|
"type": "toggle",
|
|
"displayName": "Show grid lines",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"type": {
|
|
"type": "select",
|
|
"displayName": "Chart type",
|
|
"options": [
|
|
{
|
|
"name": "Line",
|
|
"value": "line"
|
|
},
|
|
{
|
|
"name": "Bar",
|
|
"value": "bar"
|
|
},
|
|
{
|
|
"name": "Pie",
|
|
"value": "pie"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"jsonDescription": {
|
|
"type": "json",
|
|
"displayName": "Json Description",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"plotFromJson": {
|
|
"type": "toggle",
|
|
"displayName": "Use Plotly JSON schema",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"barmode": {
|
|
"type": "select",
|
|
"displayName": "Bar mode",
|
|
"options": [
|
|
{
|
|
"name": "Stack",
|
|
"value": "stack"
|
|
},
|
|
{
|
|
"name": "Group",
|
|
"value": "group"
|
|
},
|
|
{
|
|
"name": "Overlay",
|
|
"value": "overlay"
|
|
},
|
|
{
|
|
"name": "Relative",
|
|
"value": "relative"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"schemas": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"padding": {
|
|
"value": "50"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Total sales this year"
|
|
},
|
|
"markerColor": {
|
|
"value": "#5e82e0ff"
|
|
},
|
|
"showAxes": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showGridLines": {
|
|
"value": "{{true}}"
|
|
},
|
|
"plotFromJson": {
|
|
"value": "{{false}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"barmode": {
|
|
"value": "group"
|
|
},
|
|
"jsonDescription": {
|
|
"value": "{\n \"data\": [\n {\n \"x\": [\n \"Jan\",\n \"Feb\",\n \"Mar\",\n \"Jun\",\n \"Jul\",\n \"Aug\",\n \"Sep\",\n \"Oct\",\n \"Nov\",\n \"Dec\"\n \n ],\n \"y\": [\n 100,\n 80,\n 40,\n 60,\n 60,\n 25,\n 0,\n 0,\n 0,\n 0\n ],\n \"type\": \"bar\"\n }\n ]\n }"
|
|
},
|
|
"type": {
|
|
"value": "bar"
|
|
},
|
|
"data": {
|
|
"value": "{{Object.values(queries?.ordersAnalytics?.data?.dataPerMonth ?? {}).map(\n (month) => ({\n x: month.monthName,\n y: month.revenue,\n })\n)}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "chart6",
|
|
"displayName": "Chart",
|
|
"description": "Display charts",
|
|
"component": "Chart",
|
|
"defaultSize": {
|
|
"width": 20,
|
|
"height": 400
|
|
},
|
|
"exposedVariables": {
|
|
"show": null
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 230,
|
|
"left": 2.3255813953488373,
|
|
"width": 23,
|
|
"height": 330
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0"
|
|
},
|
|
"08300762-0eba-4b4d-af8f-2a7fb75fea38": {
|
|
"id": "08300762-0eba-4b4d-af8f-2a7fb75fea38",
|
|
"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": "#ffffff00"
|
|
},
|
|
"textColor": {
|
|
"value": "#213B81",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "Orders summary by cost"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text39",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 55.8139500865679,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"c01bbbf2-ec98-4ae5-a8c9-448266a6289d": {
|
|
"id": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d",
|
|
"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": "#213b81ff"
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": false
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"value": "#ffffffff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Add customer"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Add customer"
|
|
},
|
|
"size": {
|
|
"value": "lg"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "280px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "modal7",
|
|
"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": 30,
|
|
"left": 69.76743908216835,
|
|
"width": 4.999999999999999,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-1"
|
|
},
|
|
"a2b173a3-7b02-4bf7-b423-99b36ae96fcb": {
|
|
"id": "a2b173a3-7b02-4bf7-b423-99b36ae96fcb",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Email"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text42",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 120,
|
|
"left": 4.651164026267174,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"46db1ccd-6b3d-4e4f-91e2-f2c9349d04a5": {
|
|
"id": "46db1ccd-6b3d-4e4f-91e2-f2c9349d04a5",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Name"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text43",
|
|
"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": 60,
|
|
"left": 4.651162963972348,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"b86629b8-e27a-41fb-abe0-7f2541815262": {
|
|
"id": "b86629b8-e27a-41fb-abe0-7f2541815262",
|
|
"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": "{{components.textinput11.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{components.textinput11.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput11",
|
|
"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": 60.00001525878906,
|
|
"left": 13.953475264081066,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"ac45c5f5-ed9e-40aa-8711-aa1cd3e71c65": {
|
|
"id": "ac45c5f5-ed9e-40aa-8711-aa1cd3e71c65",
|
|
"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": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput15.value) ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput15.value) ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter email"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput15",
|
|
"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": 120.00001525878906,
|
|
"left": 13.953482739224162,
|
|
"width": 14.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"75b94950-b063-48ec-904d-0bc5174a915f": {
|
|
"id": "75b94950-b063-48ec-904d-0bc5174a915f",
|
|
"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": "{{components.textinput16.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{components.textinput16.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter company name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput16",
|
|
"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": 60,
|
|
"left": 62.7907019101015,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"61447808-eac6-4bc1-90fc-69a4973684a7": {
|
|
"id": "61447808-eac6-4bc1-90fc-69a4973684a7",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Company"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text44",
|
|
"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": 60,
|
|
"left": 51.16279499745627,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"5c75dd41-5123-461a-bc60-22d28ff85c61": {
|
|
"id": "5c75dd41-5123-461a-bc60-22d28ff85c61",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#dadcde",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider7",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 190,
|
|
"left": 0,
|
|
"width": 43,
|
|
"height": 10
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"81e083a2-5d63-4a6c-af1d-18cb9719bd9e": {
|
|
"id": "81e083a2-5d63-4a6c-af1d-18cb9719bd9e",
|
|
"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": "987f39ac-dd30-4346-b04b-ba92c7b3d288",
|
|
"queryName": "addCustomer",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00",
|
|
"fxActive": false
|
|
},
|
|
"disabledState": {
|
|
"value": "{{ !components.textinput11.isValid || !components.textinput15.isValid || !components.textinput16.isValid || !components.dropdown6.isValid}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add customer"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.addCustomer.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button12",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 220,
|
|
"left": 76.74418426940643,
|
|
"width": 8,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"caec1f77-e911-4dda-ae20-25a2c1c1200b": {
|
|
"id": "caec1f77-e911-4dda-ae20-25a2c1c1200b",
|
|
"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": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"textColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button13",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 220,
|
|
"left": 62.79071384658206,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"4d57de11-54bb-437f-9f4e-47620be2292c": {
|
|
"id": "4d57de11-54bb-437f-9f4e-47620be2292c",
|
|
"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": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "Customer Details"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text46",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 4.651154551901468,
|
|
"width": 14.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"d7053db4-ae15-46a2-aeb5-02daefc2735f": {
|
|
"id": "d7053db4-ae15-46a2-aeb5-02daefc2735f",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Type"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text50",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 4.651159034566407,
|
|
"width": 3,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"31d79ec2-793a-4140-8cf0-1820ab353db2": {
|
|
"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": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#375FCF"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add Customer"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button15",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-1",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 83.72092413686282,
|
|
"width": 6,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"47d3a78b-8435-4a20-a849-3b7c0be713b7": {
|
|
"component": {
|
|
"properties": {
|
|
"data": {
|
|
"type": "code",
|
|
"displayName": "List data",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "object"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"mode": {
|
|
"type": "select",
|
|
"displayName": "Mode",
|
|
"options": [
|
|
{
|
|
"name": "list",
|
|
"value": "list"
|
|
},
|
|
{
|
|
"name": "grid",
|
|
"value": "grid"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"columns": {
|
|
"type": "number",
|
|
"displayName": "Columns",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
},
|
|
"conditionallyRender": {
|
|
"key": "mode",
|
|
"value": "grid"
|
|
}
|
|
},
|
|
"rowHeight": {
|
|
"type": "code",
|
|
"displayName": "Row height",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"showBorder": {
|
|
"type": "code",
|
|
"displayName": "Show bottom border",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
},
|
|
"conditionallyRender": {
|
|
"key": "mode",
|
|
"value": "list"
|
|
}
|
|
},
|
|
"enablePagination": {
|
|
"type": "toggle",
|
|
"displayName": "Enable pagination",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"rowsPerPage": {
|
|
"type": "code",
|
|
"displayName": "Rows per page",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onRowClicked": {
|
|
"displayName": "Row clicked (Deprecated)"
|
|
},
|
|
"onRecordClicked": {
|
|
"displayName": "Record clicked"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"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"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"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": {
|
|
"backgroundColor": {
|
|
"value": "#8888880d"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{10}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"data": {
|
|
"value": "{{queries.getCustomerOrders.data}}"
|
|
},
|
|
"mode": {
|
|
"value": "list"
|
|
},
|
|
"columns": {
|
|
"value": "{{3}}"
|
|
},
|
|
"rowHeight": {
|
|
"value": "60"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showBorder": {
|
|
"value": "{{true}}"
|
|
},
|
|
"rowsPerPage": {
|
|
"value": "{{10}}"
|
|
},
|
|
"enablePagination": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "listview1",
|
|
"displayName": "List View",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 20,
|
|
"height": 300
|
|
},
|
|
"defaultChildren": [
|
|
{
|
|
"componentName": "Image",
|
|
"layout": {
|
|
"top": 15,
|
|
"left": 6.976744186046512,
|
|
"height": 100
|
|
},
|
|
"properties": [
|
|
"source"
|
|
],
|
|
"accessorKey": "imageURL"
|
|
},
|
|
{
|
|
"componentName": "Text",
|
|
"layout": {
|
|
"top": 50,
|
|
"left": 27,
|
|
"height": 30
|
|
},
|
|
"properties": [
|
|
"text"
|
|
],
|
|
"accessorKey": "text"
|
|
},
|
|
{
|
|
"componentName": "Button",
|
|
"layout": {
|
|
"top": 50,
|
|
"left": 60,
|
|
"height": 30
|
|
},
|
|
"incrementWidth": 2,
|
|
"properties": [
|
|
"text"
|
|
],
|
|
"accessorKey": "buttonText"
|
|
}
|
|
],
|
|
"component": "Listview",
|
|
"exposedVariables": {
|
|
"data": [
|
|
{}
|
|
]
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 469.99999237060547,
|
|
"left": 4.651161008130597,
|
|
"width": 39.00000000000001,
|
|
"height": 180
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"2befd867-7265-4237-a299-6f5be30c7fea": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{listItem.product_name}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text52",
|
|
"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": "47d3a78b-8435-4a20-a849-3b7c0be713b7",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 16.279071031395265,
|
|
"width": 15.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"4de2a869-67ad-47b2-8b9c-66b83ef660d8": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`\\$${listItem.total_price.toFixed(2)}`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text53",
|
|
"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": "47d3a78b-8435-4a20-a849-3b7c0be713b7",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 55.81395159116008,
|
|
"width": 8,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"ccd2a4d8-608a-4e04-8500-6dc547504c22": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{listItem.quantity}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text54",
|
|
"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": "47d3a78b-8435-4a20-a849-3b7c0be713b7",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 79.06976680603806,
|
|
"width": 6,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"7fd3caa1-8a6c-4a32-8d16-5c448c6d4d59": {
|
|
"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": "#8888880d"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container1",
|
|
"displayName": "Container",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 420,
|
|
"left": 4.651162113937779,
|
|
"width": 39.00000000000001,
|
|
"height": 50
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"6704e8d1-4c9a-4324-a5c3-49357c1a782e": {
|
|
"id": "6704e8d1-4c9a-4324-a5c3-49357c1a782e",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{10}}"
|
|
},
|
|
"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": "Product name"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text55",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 16.279069134183267,
|
|
"width": 10,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "7fd3caa1-8a6c-4a32-8d16-5c448c6d4d59"
|
|
},
|
|
"e827c106-75d4-421a-be52-60f0690da520": {
|
|
"id": "e827c106-75d4-421a-be52-60f0690da520",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{8}}"
|
|
},
|
|
"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": "Total price"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text56",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 55.8139360981166,
|
|
"width": 7,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "7fd3caa1-8a6c-4a32-8d16-5c448c6d4d59"
|
|
},
|
|
"d8c49bcc-8d06-4547-bb19-4b7c2a90a17d": {
|
|
"id": "d8c49bcc-8d06-4547-bb19-4b7c2a90a17d",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{5}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Quantity"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text57",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 79.06977213164956,
|
|
"width": 7,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "7fd3caa1-8a6c-4a32-8d16-5c448c6d4d59"
|
|
},
|
|
"6a9a1d90-0458-45f1-a49d-9563ae18b8d3": {
|
|
"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": "#88888826"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container2",
|
|
"displayName": "Container",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 659.999885559082,
|
|
"left": 4.651164003236601,
|
|
"width": 39.00000000000001,
|
|
"height": 50
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"21e90e2c-f1eb-440e-b7d6-1d21c15e7f2a": {
|
|
"id": "21e90e2c-f1eb-440e-b7d6-1d21c15e7f2a",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{5}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Total"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text58",
|
|
"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": 0,
|
|
"left": 60.465116268814555,
|
|
"width": 6.999999999999999,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "6a9a1d90-0458-45f1-a49d-9563ae18b8d3"
|
|
},
|
|
"4f17d16e-758a-49dd-b85d-7a81e8928a2a": {
|
|
"id": "4f17d16e-758a-49dd-b85d-7a81e8928a2a",
|
|
"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": "#213b81ff"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{8}}"
|
|
},
|
|
"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": "{{`\\$${queries.getCustomerOrders.data\n .map((order) => order?.total_price ?? 0)\n .reduce((sum, n) => {\n return sum + n;\n }, 0)\n .toFixed(2)}`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text41",
|
|
"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": 0,
|
|
"left": 79.06976744186046,
|
|
"width": 8,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "6a9a1d90-0458-45f1-a49d-9563ae18b8d3"
|
|
},
|
|
"4c3768db-31db-48bd-9079-31ae3a7206ef": {
|
|
"id": "4c3768db-31db-48bd-9079-31ae3a7206ef",
|
|
"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": "09bfbae9-3e36-4a93-b8e0-12e46b902229",
|
|
"queryName": "editCustomer",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00",
|
|
"fxActive": false
|
|
},
|
|
"disabledState": {
|
|
"value": "{{ !components.textinput1.isValid || !components.textinput2.isValid || !components.textinput3.isValid || !components.dropdown7.isValid}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Update"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.editCustomer.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button11",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 300,
|
|
"left": 39.53488372093023,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"23653770-571b-4857-a45c-7aba0a6e73c4": {
|
|
"id": "23653770-571b-4857-a45c-7aba0a6e73c4",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#dadcde",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider9",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 360,
|
|
"left": 4.651165636896876,
|
|
"width": 39.00000000000001,
|
|
"height": 10
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"54cc01e3-231b-42ef-9fb9-d97ad100c25e": {
|
|
"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": [
|
|
{
|
|
"eventId": "onSelect",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "f2b2d1e8-dc3c-433d-9dcc-acf7f7221ca6",
|
|
"queryName": "getProductDetails",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{queries.checkProductQuantity.isLoading || queries.reduceProductQuantity.isLoading || queries.addOrder.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{}}"
|
|
},
|
|
"values": {
|
|
"value": "{{queries.getProducts.data.map(product => product.id)}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{queries.getProducts.data.map(product => `${product.brand} - ${product.name}`)}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getProducts.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"placeholder": {
|
|
"value": "Select a product"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown2",
|
|
"displayName": "Dropdown",
|
|
"description": "Select one value from options",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 780,
|
|
"left": 4.65116070509264,
|
|
"width": 16,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"0c102a9f-d84e-429c-936b-e02717dcc7cc": {
|
|
"id": "0c102a9f-d84e-429c-936b-e02717dcc7cc",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{0}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Product"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text60",
|
|
"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": 750,
|
|
"left": 4.651164977171899,
|
|
"width": 10,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"ca96e2a1-812e-4f3d-be78-113e693b20b3": {
|
|
"id": "ca96e2a1-812e-4f3d-be78-113e693b20b3",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{0}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Quantity"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text61",
|
|
"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": 750,
|
|
"left": 46.511626745762634,
|
|
"width": 10,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"b10da0f8-d9f4-4d1d-be61-7b3accbb2d64": {
|
|
"id": "b10da0f8-d9f4-4d1d-be61-7b3accbb2d64",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{0}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Total ($)"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text62",
|
|
"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": 750,
|
|
"left": 76.74418365661388,
|
|
"width": 7,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"47bcf998-1d86-4c9d-9fde-9c738903bad2": {
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{queries.checkProductQuantity.isLoading || queries.reduceProductQuantity.isLoading || queries.addOrder.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{}}"
|
|
},
|
|
"values": {
|
|
"value": "{{Array.from({length: queries?.getProductDetails?.data?.qty_in_stock ?? 0}, (_, i) => i + 1)}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{Array.from({length: queries?.getProductDetails?.data?.qty_in_stock ?? 0}, (_, i) => i + 1)}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getProductDetails.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"placeholder": {
|
|
"value": "Select quantity"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown3",
|
|
"displayName": "Dropdown",
|
|
"description": "Select one value from options",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 780,
|
|
"left": 46.51162072672183,
|
|
"width": 11.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"57aa09a1-81be-4734-bade-28355cd09e3e": {
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{((components?.dropdown3?.value ?? 0) * (queries?.getProductDetails?.data?.current_price ?? 0)).toFixed(2)}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "0"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput17",
|
|
"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": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 780,
|
|
"left": 76.7441870145945,
|
|
"width": 8,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"338a534e-e7e9-4248-bf55-fa457b7516d2": {
|
|
"id": "338a534e-e7e9-4248-bf55-fa457b7516d2",
|
|
"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": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#375FCF"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Add Product"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button14",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 83.72091289215417,
|
|
"width": 6,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-2"
|
|
},
|
|
"8fef9dce-58f0-4727-ae46-dea836b63888": {
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.dropdown4.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{components.dropdown4.value != undefined ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"appliances\", \"beauty\", \"electronics\", \"kitchen\", \"stationary\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Appliances\", \"Beauty\", \"Electronics\", \"Kitchen\", \"Stationary\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select type of product"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown4",
|
|
"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": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 11.62790224971062,
|
|
"width": 15,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"3d8d2ff7-e634-4ee5-b941-c4c8b21cd402": {
|
|
"id": "3d8d2ff7-e634-4ee5-b941-c4c8b21cd402",
|
|
"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": "{{/^\\d+$/.test(components.textinput18.value) ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{/^\\d+$/.test(components.textinput18.value) ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter quantity to be added"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput18",
|
|
"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": 220,
|
|
"left": 60.46510156732731,
|
|
"width": 15.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"0441f736-54ce-4cf9-ba60-faccf154124a": {
|
|
"id": "0441f736-54ce-4cf9-ba60-faccf154124a",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Price"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text36",
|
|
"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": 220,
|
|
"left": 4.651162598330287,
|
|
"width": 3,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"8737f63e-9ec9-46b3-acae-88dfc320e74c": {
|
|
"id": "8737f63e-9ec9-46b3-acae-88dfc320e74c",
|
|
"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": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput19.value) ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput19.value) ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter price ($)"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput19",
|
|
"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": 220,
|
|
"left": 11.62790302224886,
|
|
"width": 15.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1"
|
|
},
|
|
"fe446d8e-ea94-43b6-bba2-1aedf9c9390f": {
|
|
"id": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f",
|
|
"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": "#ffffff1a"
|
|
},
|
|
"headerTextColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"value": "#ffffff1a"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"value": "#ffffffff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Edit product"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Add product"
|
|
},
|
|
"size": {
|
|
"value": "lg"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "380px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "modal4",
|
|
"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": 30,
|
|
"left": 53.48837380790299,
|
|
"width": 4.999999999999999,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-2"
|
|
},
|
|
"b318dd60-0908-47d5-a406-be0dea02a7e3": {
|
|
"id": "b318dd60-0908-47d5-a406-be0dea02a7e3",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Name"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text32",
|
|
"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": 70,
|
|
"left": 4.651168424894576,
|
|
"width": 3,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"b3882e8e-1ef9-49fa-89a7-ade20b60117e": {
|
|
"id": "b3882e8e-1ef9-49fa-89a7-ade20b60117e",
|
|
"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": "{{components.textinput12.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{components.textinput12.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table2.selectedRow.name}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput12",
|
|
"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": 70,
|
|
"left": 11.627907708198,
|
|
"width": 36,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"1ab7f02b-0f0c-4e8b-ae92-598914682761": {
|
|
"id": "1ab7f02b-0f0c-4e8b-ae92-598914682761",
|
|
"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": "{{components.textinput20.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{components.textinput20.value.length > 0 ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table2.selectedRow.brand}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter company name"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput20",
|
|
"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": 140,
|
|
"left": 60.46510212031943,
|
|
"width": 15.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"cf9986df-f32b-41af-90e4-0691dea35a1e": {
|
|
"id": "cf9986df-f32b-41af-90e4-0691dea35a1e",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Brand"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text34",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 51.162797249108145,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"2ac19144-0be7-4c06-973d-63333141314a": {
|
|
"id": "2ac19144-0be7-4c06-973d-63333141314a",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#dadcde",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider8",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 280,
|
|
"left": 4.00079841256229e-7,
|
|
"width": 43,
|
|
"height": 10
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"d44a2f3a-f61f-4489-813a-2d7d84e50b50": {
|
|
"id": "d44a2f3a-f61f-4489-813a-2d7d84e50b50",
|
|
"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": "38520d62-864b-4489-8e08-796244458fec",
|
|
"queryName": "editProduct",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{ !components.textinput12.isValid || !components.textinput20.isValid || !components.dropdown5.isValid || !components.textinput22.isValid || !components.textinput21.isValid}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Save"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.editProduct.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button16",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 310,
|
|
"left": 83.72093120374878,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"76d94a84-7977-4efa-9101-8ebb31ba6c5d": {
|
|
"id": "76d94a84-7977-4efa-9101-8ebb31ba6c5d",
|
|
"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": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"textColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{6}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#213b81ff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button17",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts etc",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 310,
|
|
"left": 69.76741833633251,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"e6a96636-5c0b-446f-841c-d1bf158ef5e9": {
|
|
"id": "e6a96636-5c0b-446f-841c-d1bf158ef5e9",
|
|
"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": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "Product Details"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text37",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 4.6511560061557224,
|
|
"width": 14.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"4f2ddbd1-0cff-4935-8c38-974ed434cae7": {
|
|
"id": "4f2ddbd1-0cff-4935-8c38-974ed434cae7",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Quantity"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text38",
|
|
"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": 220,
|
|
"left": 51.16278773230763,
|
|
"width": 4,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"131b8395-3cec-4c0d-bbbe-e374d515e070": {
|
|
"id": "131b8395-3cec-4c0d-bbbe-e374d515e070",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Type"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text40",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 4.651158461484289,
|
|
"width": 3,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"e85bc7ac-87be-49ce-8260-9e5343d17d6b": {
|
|
"id": "e85bc7ac-87be-49ce-8260-9e5343d17d6b",
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{true}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.dropdown5.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{components.dropdown5.value != undefined ? true : \"\"}}"
|
|
}
|
|
},
|
|
"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.type}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"appliances\", \"beauty\", \"electronics\", \"kitchen\", \"stationary\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Appliances\", \"Beauty\", \"Electronics\", \"Kitchen\", \"Stationary\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select type of product"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown5",
|
|
"displayName": "Dropdown",
|
|
"description": "Select one value from options",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 11.627898671773568,
|
|
"width": 15,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"3bbf57a9-e267-4fd6-803a-74390480638d": {
|
|
"id": "3bbf57a9-e267-4fd6-803a-74390480638d",
|
|
"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": "{{/^\\d+$/.test(components.textinput21.value) ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{/^\\d+$/.test(components.textinput21.value) ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table2.selectedRow.qty_in_stock}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter quantity to be added"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput21",
|
|
"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": 220,
|
|
"left": 60.46510923238416,
|
|
"width": 15.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"88633dc5-2a0d-4e0e-bf4f-a864859a7135": {
|
|
"id": "88633dc5-2a0d-4e0e-bf4f-a864859a7135",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Price"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text45",
|
|
"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": 220,
|
|
"left": 4.651162598330287,
|
|
"width": 3,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"69bf3926-6c1e-4ec5-9c5a-488b0967c7e0": {
|
|
"id": "69bf3926-6c1e-4ec5-9c5a-488b0967c7e0",
|
|
"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": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput22.value) ? \"#dadcde\" : \"#ff0000\"}}",
|
|
"fxActive": true
|
|
},
|
|
"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": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput22.value) ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table2.selectedRow.current_price}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter price ($)"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput22",
|
|
"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": 220,
|
|
"left": 11.627900290084854,
|
|
"width": 15.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f"
|
|
},
|
|
"f5a01d5f-a38c-411e-9ad9-646304b6c29c": {
|
|
"id": "f5a01d5f-a38c-411e-9ad9-646304b6c29c",
|
|
"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": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"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": "{{queries.getCustomerOrders.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": ""
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getCustomerOrders.isLoading || queries.customerOrderChart.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text47",
|
|
"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": 380,
|
|
"left": 88.37209056618315,
|
|
"width": 3,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"10d97fa5-70ed-49ea-b755-7e77b676018e": {
|
|
"id": "10d97fa5-70ed-49ea-b755-7e77b676018e",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{10}}"
|
|
},
|
|
"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": "Prod. Id"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text48",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 0.0000028836761174488856,
|
|
"width": 5,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "7fd3caa1-8a6c-4a32-8d16-5c448c6d4d59"
|
|
},
|
|
"f49067b7-5cb3-4a76-81a5-6a934623c763": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`#${listItem.product_id}`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text49",
|
|
"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": "47d3a78b-8435-4a20-a849-3b7c0be713b7",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": -3.134246213676306e-7,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"79f5d6a0-d8da-401a-985f-39b3c5fe7ee5": {
|
|
"id": "79f5d6a0-d8da-401a-985f-39b3c5fe7ee5",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Country"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text59",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 120,
|
|
"left": 51.162796233025766,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d"
|
|
},
|
|
"bbc5e3e2-1440-49d4-90ca-62168f05a326": {
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.dropdown6.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{components.dropdown6.value != undefined ? true : \"\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select a country"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown6",
|
|
"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": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 120,
|
|
"left": 62.79068508336573,
|
|
"width": 14.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"43a8f399-2396-40f3-97a4-f71d993f5f52": {
|
|
"id": "43a8f399-2396-40f3-97a4-f71d993f5f52",
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "{{components.dropdown7.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{components.dropdown7.value != undefined ? true : \"\"}}"
|
|
}
|
|
},
|
|
"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.table1.selectedRow.country}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select a country"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown7",
|
|
"displayName": "Dropdown",
|
|
"description": "Select one value from options",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 16.27906996955359,
|
|
"width": 14.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"ef8a575b-4af5-4441-b2b4-3e019d0605bf": {
|
|
"id": "ef8a575b-4af5-4441-b2b4-3e019d0605bf",
|
|
"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": "#666666ff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Country"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text63",
|
|
"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": 240,
|
|
"left": 4.651161831394547,
|
|
"width": 5,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"f9648d95-7e44-4c04-8251-76ceca06bf40": {
|
|
"id": "f9648d95-7e44-4c04-8251-76ceca06bf40",
|
|
"component": {
|
|
"properties": {
|
|
"title": {
|
|
"type": "code",
|
|
"displayName": "Title",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"data": {
|
|
"type": "json",
|
|
"displayName": "Data",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "array"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading State",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"markerColor": {
|
|
"type": "color",
|
|
"displayName": "Marker color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"showAxes": {
|
|
"type": "toggle",
|
|
"displayName": "Show axes",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showGridLines": {
|
|
"type": "toggle",
|
|
"displayName": "Show grid lines",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"type": {
|
|
"type": "select",
|
|
"displayName": "Chart type",
|
|
"options": [
|
|
{
|
|
"name": "Line",
|
|
"value": "line"
|
|
},
|
|
{
|
|
"name": "Bar",
|
|
"value": "bar"
|
|
},
|
|
{
|
|
"name": "Pie",
|
|
"value": "pie"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"jsonDescription": {
|
|
"type": "json",
|
|
"displayName": "Json Description",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"plotFromJson": {
|
|
"type": "toggle",
|
|
"displayName": "Use Plotly JSON schema",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"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": {
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"padding": {
|
|
"value": "10"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": ""
|
|
},
|
|
"markerColor": {
|
|
"value": "#CDE1F8"
|
|
},
|
|
"showAxes": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showGridLines": {
|
|
"value": "{{true}}"
|
|
},
|
|
"plotFromJson": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getCustomerOrders.isLoading || queries.customerOrderChart.isLoading || queries.customerOrderChartAfterColors.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"jsonDescription": {
|
|
"value": "{{queries.getCustomerOrders.isLoading || queries.customerOrderChart.isLoading || queries.customerOrderChartAfterColors.isLoading || queries.getCustomerOrders.data.length == 0 ? \"{}\" : JSON.stringify(queries?.customerOrderChartAfterColors?.data ?? {})}}"
|
|
},
|
|
"type": {
|
|
"value": "line"
|
|
},
|
|
"data": {
|
|
"value": "[\n { \"x\": \"Jan\", \"y\": 100},\n { \"x\": \"Feb\", \"y\": 80},\n { \"x\": \"Mar\", \"y\": 40}\n]"
|
|
},
|
|
"barmode": {
|
|
"value": "group"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "chart4",
|
|
"displayName": "Chart",
|
|
"description": "Display charts",
|
|
"component": "Chart",
|
|
"defaultSize": {
|
|
"width": 20,
|
|
"height": 400
|
|
},
|
|
"exposedVariables": {
|
|
"show": null
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 60,
|
|
"left": 55.81395348837209,
|
|
"width": 17,
|
|
"height": 280
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c"
|
|
},
|
|
"9fa4e38c-9387-4900-bb70-ff415b46bcdf": {
|
|
"id": "9fa4e38c-9387-4900-bb70-ff415b46bcdf",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#213b80ff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "0"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00",
|
|
"fxActive": false
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container3",
|
|
"displayName": "Container",
|
|
"description": "Wrapper for multiple components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 0,
|
|
"left": 0,
|
|
"width": 43,
|
|
"height": 70
|
|
}
|
|
}
|
|
},
|
|
"bc1a299e-b62e-4e60-a161-14427d60d051": {
|
|
"id": "bc1a299e-b62e-4e60-a161-14427d60d051",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font Weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text Decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text Transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font Style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line Height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text Indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter Spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word Spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font Variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text Size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"textSize": {
|
|
"value": "{{24}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "center"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": "{{0}}"
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "B R A N D"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text51",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 2.3255827912519793,
|
|
"width": 6,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "9fa4e38c-9387-4900-bb70-ff415b46bcdf"
|
|
},
|
|
"43bb2148-1b6a-4763-9919-979202193c52": {
|
|
"id": "43bb2148-1b6a-4763-9919-979202193c52",
|
|
"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": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"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": "Sales Analytics"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text64",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 67.44186626637374,
|
|
"width": 12,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "9fa4e38c-9387-4900-bb70-ff415b46bcdf"
|
|
},
|
|
"90d2c00b-320e-4aa4-917e-6b7992654326": {
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#dadcdeff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "verticaldivider1",
|
|
"displayName": "Vertical Divider",
|
|
"description": "Vertical Separator between components",
|
|
"component": "VerticalDivider",
|
|
"defaultSize": {
|
|
"width": 2,
|
|
"height": 100
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 60,
|
|
"left": 51.16278745544168,
|
|
"width": 1,
|
|
"height": 280
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"274f2ffa-b06c-4b21-80d0-cbd7ad6dece4": {
|
|
"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"
|
|
}
|
|
}
|
|
},
|
|
"defaultSelectedRow": {
|
|
"type": "code",
|
|
"displayName": "Default selected row",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "object"
|
|
}
|
|
}
|
|
},
|
|
"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": "Condensed",
|
|
"value": "condensed"
|
|
},
|
|
{
|
|
"name": "Regular",
|
|
"value": "regular"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border Radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"actionButtonRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"cellSize": {
|
|
"value": "regular"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"tableType": {
|
|
"value": "table-classic"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Table"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getOrders.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"data": {
|
|
"value": "{{queries.getOrders.data}}"
|
|
},
|
|
"useDynamicColumn": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnData": {
|
|
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
|
|
},
|
|
"rowsPerPage": {
|
|
"value": "{{10}}"
|
|
},
|
|
"serverSidePagination": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableNextButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"enablePrevButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"totalRecords": {
|
|
"value": ""
|
|
},
|
|
"clientSidePagination": {
|
|
"value": "{{true}}"
|
|
},
|
|
"serverSideSort": {
|
|
"value": "{{false}}"
|
|
},
|
|
"serverSideFilter": {
|
|
"value": "{{false}}"
|
|
},
|
|
"displaySearchBox": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showDownloadButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showFilterButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"autogenerateColumns": {
|
|
"value": true,
|
|
"generateNestedColumns": true
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"name": "id",
|
|
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "ecb7323d-bf03-4856-992a-4d12b2711c0e",
|
|
"name": "customer_id",
|
|
"key": "customer_id",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "84563b44-0e3c-4c56-bcad-1392f5c6c1da",
|
|
"name": "country",
|
|
"key": "country",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "556f9785-ae13-4cf5-9252-d34beaed481a",
|
|
"name": "product_id",
|
|
"key": "product_id",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "7eb4e510-53dd-42ec-8261-e188d5b9c3ad",
|
|
"name": "product_name",
|
|
"key": "product_name",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "41f621c1-0982-420c-9d0a-65aef3d583e2",
|
|
"name": "quantity",
|
|
"key": "quantity",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "d8112b51-7942-424f-8940-8e6a1ca0209b",
|
|
"name": "at_price",
|
|
"key": "at_price",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "0a7386fb-a654-43cb-b71c-8c8714eb4ce5",
|
|
"name": "total_price",
|
|
"key": "total_price",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "0936336a-5d6f-4647-aaf4-a4b99c1c4895",
|
|
"name": "created_at",
|
|
"key": "created_at",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "67effed7-a352-4bd2-905f-08aa63bc53a5",
|
|
"name": "updated_at",
|
|
"key": "updated_at",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showBulkSelector": {
|
|
"value": "{{false}}"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 88,
|
|
"ecb7323d-bf03-4856-992a-4d12b2711c0e": 135,
|
|
"556f9785-ae13-4cf5-9252-d34beaed481a": 143,
|
|
"41f621c1-0982-420c-9d0a-65aef3d583e2": 142,
|
|
"d8112b51-7942-424f-8940-8e6a1ca0209b": 156,
|
|
"0a7386fb-a654-43cb-b71c-8c8714eb4ce5": 162,
|
|
"84563b44-0e3c-4c56-bcad-1392f5c6c1da": 167,
|
|
"7eb4e510-53dd-42ec-8261-e188d5b9c3ad": 362
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": []
|
|
},
|
|
"enabledSort": {
|
|
"value": "{{true}}"
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"defaultSelectedRow": {
|
|
"value": "{{{\"id\":1}}}"
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"allowSelection": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"is_active"
|
|
]
|
|
}
|
|
},
|
|
"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": "5e82a221-8213-4caf-817c-88f97d8e4883-3",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 80,
|
|
"left": 2.3255804871948036,
|
|
"width": 41,
|
|
"height": 490
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"248634d0-c840-4b85-8c32-56c87ff8549a": {
|
|
"id": "248634d0-c840-4b85-8c32-56c87ff8549a",
|
|
"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": "#213B81",
|
|
"fxActive": true
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": "{{5}}"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{ !queries.getOrders.isLoading }}",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{`${queries?.getOrders?.data?.length ?? 0} Orders`}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text65",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 2.3255822593327444,
|
|
"width": 14,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "5e82a221-8213-4caf-817c-88f97d8e4883-3"
|
|
}
|
|
},
|
|
"handle": "home",
|
|
"name": "Home"
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": true,
|
|
"appInMaintenance": false,
|
|
"canvasMaxWidth": "100",
|
|
"canvasMaxWidthType": "%",
|
|
"canvasMaxHeight": 2400,
|
|
"canvasBackgroundColor": "",
|
|
"backgroundFxQuery": ""
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": true,
|
|
"appInMaintenance": false,
|
|
"canvasMaxWidth": 100,
|
|
"canvasMaxWidthType": "%",
|
|
"canvasMaxHeight": 2400,
|
|
"canvasBackgroundColor": "",
|
|
"backgroundFxQuery": ""
|
|
},
|
|
"showViewerNavigation": false,
|
|
"homePageId": "1bc6fd96-0780-413a-9741-4c5b5becda05",
|
|
"appId": "7e2569c0-debc-4e6f-80b6-39defd06b40c",
|
|
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"promotedFrom": null,
|
|
"createdAt": "2023-09-11T18:11:00.826Z",
|
|
"updatedAt": "2024-01-02T11:45:48.296Z"
|
|
}
|
|
],
|
|
"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": "39877a2d-f1e4-4f26-9c49-d90cc74190e2",
|
|
"dataSourceId": "9341faf4-34c1-46a8-8a54-ef2632d4bcdd",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": {},
|
|
"createdAt": "2023-09-11T18:11:00.875Z",
|
|
"updatedAt": "2023-09-11T18:11:00.875Z"
|
|
},
|
|
{
|
|
"id": "833c969c-815d-48ef-a754-9d6718cbe4f8",
|
|
"dataSourceId": "9341faf4-34c1-46a8-8a54-ef2632d4bcdd",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": {},
|
|
"createdAt": "2023-09-11T18:11:00.879Z",
|
|
"updatedAt": "2023-09-11T18:11:00.879Z"
|
|
},
|
|
{
|
|
"id": "44b5685c-8ec7-4f1c-bd6c-c8447ae85a27",
|
|
"dataSourceId": "9341faf4-34c1-46a8-8a54-ef2632d4bcdd",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": {},
|
|
"createdAt": "2023-09-11T18:11:00.881Z",
|
|
"updatedAt": "2023-09-11T18:11:00.881Z"
|
|
},
|
|
{
|
|
"id": "cb7f0613-591f-4fde-b5b0-406e01dc3dd6",
|
|
"dataSourceId": "4c16b0aa-a35b-42ee-8cca-99bcee980f8d",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": {},
|
|
"createdAt": "2023-09-11T18:11:00.885Z",
|
|
"updatedAt": "2023-09-11T18:11:00.885Z"
|
|
},
|
|
{
|
|
"id": "586714d4-695b-4ae6-a42d-c001ecf6463a",
|
|
"dataSourceId": "4c16b0aa-a35b-42ee-8cca-99bcee980f8d",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": {},
|
|
"createdAt": "2023-09-11T18:11:00.888Z",
|
|
"updatedAt": "2023-09-11T18:11:00.888Z"
|
|
},
|
|
{
|
|
"id": "e129dcee-2b51-402d-8e30-bdfba1755520",
|
|
"dataSourceId": "4c16b0aa-a35b-42ee-8cca-99bcee980f8d",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": {},
|
|
"createdAt": "2023-09-11T18:11:00.890Z",
|
|
"updatedAt": "2023-09-11T18:11:00.890Z"
|
|
},
|
|
{
|
|
"id": "e4d11fac-5bbc-4988-b737-b2da7a3104c3",
|
|
"dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": {},
|
|
"createdAt": "2023-09-11T18:11:00.893Z",
|
|
"updatedAt": "2023-09-11T18:11:00.893Z"
|
|
},
|
|
{
|
|
"id": "5a650bc5-6bfe-4871-8394-0d33b6073c5b",
|
|
"dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": {},
|
|
"createdAt": "2023-09-11T18:11:00.895Z",
|
|
"updatedAt": "2023-09-11T18:11:00.895Z"
|
|
},
|
|
{
|
|
"id": "75a7c301-3b1f-44f6-b39e-05471844374f",
|
|
"dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": {},
|
|
"createdAt": "2023-09-11T18:11:00.897Z",
|
|
"updatedAt": "2023-09-11T18:11:00.897Z"
|
|
},
|
|
{
|
|
"id": "589eead6-40c6-48d9-afe2-d7ed3b444a28",
|
|
"dataSourceId": "bbf96279-8c73-4ea3-9311-df4734dda542",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": {},
|
|
"createdAt": "2023-09-11T18:11:00.901Z",
|
|
"updatedAt": "2023-09-11T18:11:00.901Z"
|
|
},
|
|
{
|
|
"id": "51968dcb-089c-43ae-9556-669456135607",
|
|
"dataSourceId": "bbf96279-8c73-4ea3-9311-df4734dda542",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": {},
|
|
"createdAt": "2023-09-11T18:11:00.903Z",
|
|
"updatedAt": "2023-09-11T18:11:00.903Z"
|
|
},
|
|
{
|
|
"id": "2c3d0b2f-9f39-40df-9f41-dabedb0b9492",
|
|
"dataSourceId": "bbf96279-8c73-4ea3-9311-df4734dda542",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": {},
|
|
"createdAt": "2023-09-11T18:11:00.905Z",
|
|
"updatedAt": "2023-09-11T18:11:00.905Z"
|
|
},
|
|
{
|
|
"id": "d6148b7c-2128-4811-a57a-2330f8209c49",
|
|
"dataSourceId": "ad296b9d-8f33-41f9-b58a-24686f7c51ec",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": {},
|
|
"createdAt": "2023-09-11T18:11:00.911Z",
|
|
"updatedAt": "2023-09-11T18:11:00.911Z"
|
|
},
|
|
{
|
|
"id": "8f230473-a489-4d9a-8f28-0e1fdc446edf",
|
|
"dataSourceId": "ad296b9d-8f33-41f9-b58a-24686f7c51ec",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": {},
|
|
"createdAt": "2023-09-11T18:11:00.914Z",
|
|
"updatedAt": "2023-09-11T18:11:00.914Z"
|
|
},
|
|
{
|
|
"id": "a72c4f12-6497-4196-a766-c2dd1470320f",
|
|
"dataSourceId": "ad296b9d-8f33-41f9-b58a-24686f7c51ec",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": {},
|
|
"createdAt": "2023-09-11T18:11:00.916Z",
|
|
"updatedAt": "2023-09-11T18:11:00.916Z"
|
|
}
|
|
],
|
|
"schemaDetails": {
|
|
"multiPages": true,
|
|
"multiEnv": true,
|
|
"globalDataSources": true
|
|
}
|
|
}
|
|
}
|
|
}
|
|
],
|
|
"tooljet_version": "2.25.0-ee2.11.1-cloud2.1.8"
|
|
} |