{
"tooljet_database": [
{
"id": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c",
"table_name": "inventory_management",
"schema": {
"columns": [
{
"column_name": "id",
"data_type": "integer",
"column_default": "nextval('\"8e3161de-ffa9-4502-9f4c-6d06c0f5884c_id_seq\"'::regclass)",
"character_maximum_length": null,
"numeric_precision": 32,
"is_nullable": "NO",
"constraint_type": "PRIMARY KEY",
"keytype": "PRIMARY KEY"
},
{
"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": "quantity",
"data_type": "integer",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": 32,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "status",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "price",
"data_type": "double precision",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": 53,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "description",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "category",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "is_active",
"data_type": "boolean",
"column_default": "true",
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
}
]
}
}
],
"app": [
{
"definition": {
"appV2": {
"id": "814c14d7-2c8c-4e30-9013-63dfcfe16d77",
"type": "front-end",
"name": "Inventory Management - ToolJet DB",
"slug": "inventory-management-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-19T08:22:32.225Z",
"creationMode": "DEFAULT",
"updatedAt": "2024-01-04T23:20:24.336Z",
"editingVersion": {
"id": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"name": "v1",
"definition": {
"showViewerNavigation": false,
"homePageId": "27be7952-16b7-4dd2-922b-14670240551d",
"pages": {
"27be7952-16b7-4dd2-922b-14670240551d": {
"name": "Product Inventory",
"handle": "Product Inventory",
"components": {
"bda85f11-39c0-40d3-ba35-bfd0211fea6f": {
"id": "bda85f11-39c0-40d3-ba35-bfd0211fea6f",
"component": {
"properties": {
"title": {
"type": "string",
"displayName": "Title",
"validation": {
"schema": {
"type": "string"
}
}
},
"data": {
"type": "code",
"displayName": "Table data",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "object"
},
"optional": true
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"columns": {
"type": "array",
"displayName": "Table Columns"
},
"useDynamicColumn": {
"type": "toggle",
"displayName": "Use dynamic column",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"columnData": {
"type": "code",
"displayName": "Column data"
},
"rowsPerPage": {
"type": "code",
"displayName": "Number of rows per page",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"serverSidePagination": {
"type": "toggle",
"displayName": "Server-side pagination",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enableNextButton": {
"type": "toggle",
"displayName": "Enable next page button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enabledSort": {
"type": "toggle",
"displayName": "Enable sorting",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"hideColumnSelectorButton": {
"type": "toggle",
"displayName": "Hide column selector button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enablePrevButton": {
"type": "toggle",
"displayName": "Enable previous page button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"totalRecords": {
"type": "code",
"displayName": "Total records server side",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"clientSidePagination": {
"type": "toggle",
"displayName": "Client-side pagination",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideSearch": {
"type": "toggle",
"displayName": "Server-side search",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideSort": {
"type": "toggle",
"displayName": "Server-side sort",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideFilter": {
"type": "toggle",
"displayName": "Server-side filter",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"actionButtonBackgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonTextColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
}
}
},
"displaySearchBox": {
"type": "toggle",
"displayName": "Show search box",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showDownloadButton": {
"type": "toggle",
"displayName": "Show download button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showFilterButton": {
"type": "toggle",
"displayName": "Show filter button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkUpdateActions": {
"type": "toggle",
"displayName": "Show update buttons",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkSelector": {
"type": "toggle",
"displayName": "Bulk selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"highlightSelectedRow": {
"type": "toggle",
"displayName": "Highlight selected row",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop "
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onRowHovered": {
"displayName": "Row hovered"
},
"onRowClicked": {
"displayName": "Row clicked"
},
"onBulkUpdate": {
"displayName": "Save changes"
},
"onPageChanged": {
"displayName": "Page changed"
},
"onSearch": {
"displayName": "Search"
},
"onCancelChanges": {
"displayName": "Cancel changes"
},
"onSort": {
"displayName": "Sort applied"
},
"onCellValueChanged": {
"displayName": "Cell value changed"
},
"onFilterChanged": {
"displayName": "Filter changed"
},
"onNewRowsAdded": {
"displayName": "Add new rows"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonRadius": {
"type": "code",
"displayName": "Action Button Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "boolean"
}
]
}
}
},
"tableType": {
"type": "select",
"displayName": "Table type",
"options": [
{
"name": "Bordered",
"value": "table-bordered"
},
{
"name": "Regular",
"value": "table-classic"
},
{
"name": "Striped",
"value": "table-striped"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"cellSize": {
"type": "select",
"displayName": "Cell size",
"options": [
{
"name": "Condensed",
"value": "condensed"
},
{
"name": "Regular",
"value": "regular"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onSearch",
"actionId": "run-query",
"message": "Hello World!",
"alertType": "info",
"queryId": "7345388e-eda4-494d-8a44-fac9d0e11f49",
"queryName": "tooljetdbGetProducts",
"parameters": {}
}
],
"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 10px 0px #00000040",
"fxActive": false
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetProducts.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries.tooljetdbGetProducts.data}}"
},
"useDynamicColumn": {
"value": "{{false}}"
},
"columnData": {
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
},
"rowsPerPage": {
"value": "{{20}}"
},
"serverSidePagination": {
"value": "{{false}}"
},
"enableNextButton": {
"value": "{{true}}"
},
"enablePrevButton": {
"value": "{{true}}"
},
"totalRecords": {
"value": ""
},
"clientSidePagination": {
"value": "{{true}}"
},
"serverSideSort": {
"value": "{{false}}"
},
"serverSideFilter": {
"value": "{{false}}"
},
"displaySearchBox": {
"value": "{{true}}"
},
"showDownloadButton": {
"value": "{{true}}"
},
"showFilterButton": {
"value": "{{true}}"
},
"autogenerateColumns": {
"value": true
},
"columns": {
"value": [
{
"name": "# id",
"id": "78c599af-628d-41a5-8da0-02f40f4b0cfd",
"columnType": "number",
"key": "id"
},
{
"id": "9dd40d5e-36f2-4257-8fc0-9fec788fe025",
"name": "product name",
"key": "product_name",
"columnType": "string",
"autogenerated": true
},
{
"id": "6fcb6fac-ad92-4a9d-8473-f47818129a85",
"name": "quantity",
"key": "quantity",
"columnType": "number",
"autogenerated": true,
"isEditable": "{{false}}"
},
{
"id": "8f97e3b2-69d2-44c4-b301-05f6f6c0afff",
"name": "price ($)",
"key": "price",
"columnType": "number",
"autogenerated": true
},
{
"id": "935cf13c-6101-4fae-a9ef-d4bb6a396fb2",
"name": "status",
"key": "status",
"columnType": "string",
"autogenerated": true
},
{
"id": "68977f9a-fb0a-4f7b-85f2-cc5b11a2a0cb",
"name": "category",
"key": "category",
"columnType": "string",
"autogenerated": true
},
{
"id": "9de6c6a2-512b-45e8-8c80-d2d8271976af",
"name": "description",
"key": "description",
"columnType": "string",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 39,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 143,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 370,
"d7ef4587-d597-44fe-a09f-1e8a5afe7ebd": 161,
"80a7c021-1406-495f-98d2-c8b1789748d6": 169,
"e7828dc4-90f6-4a60-aadb-58356278dff9": 70,
"aa56b72c-5246-47a7-800d-b19a7208970a": 281,
"01397da4-b41e-4540-aec5-440e70fd38d5": 381,
"9de6c6a2-512b-45e8-8c80-d2d8271976af": 448,
"4193a446-2519-454c-9ade-d468ce8e0acb": 89,
"6fcb6fac-ad92-4a9d-8473-f47818129a85": 97,
"935cf13c-6101-4fae-a9ef-d4bb6a396fb2": 117,
"8f97e3b2-69d2-44c4-b301-05f6f6c0afff": 89,
"78c599af-628d-41a5-8da0-02f40f4b0cfd": 35,
"68977f9a-fb0a-4f7b-85f2-cc5b11a2a0cb": 137,
"leftActions": 67,
"rightActions": 137,
"9dd40d5e-36f2-4257-8fc0-9fec788fe025": 169
}
},
"actions": {
"value": [
{
"name": "Action0",
"buttonText": "Edit",
"events": [
{
"eventId": "onClick",
"actionId": "show-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "77c87ef4-529f-47fa-831a-05c96bb56518"
}
],
"position": "right",
"textColor": "#5079ffff",
"backgroundColor": "#5079ff1a"
},
{
"name": "Action1",
"buttonText": "Remove",
"events": [
{
"eventId": "onClick",
"actionId": "show-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "c661499a-48fd-4c95-ace8-0a0b8af9d350"
}
],
"position": "right",
"textColor": "#d0021bff",
"backgroundColor": "#d0021b1a"
}
]
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"email",
"Assigned to",
"Quantity",
"Status",
"product description",
"id",
"is_active"
]
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"serverSideSearch": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "table1",
"displayName": "Table",
"description": "Display paginated tabular data",
"component": "Table",
"defaultSize": {
"width": 20,
"height": 358
},
"exposedVariables": {
"selectedRow": {},
"changeSet": {},
"dataUpdates": [],
"pageIndex": 1,
"searchText": "",
"selectedRows": [],
"filters": []
},
"actions": [
{
"handle": "setPage",
"displayName": "Set page",
"params": [
{
"handle": "page",
"displayName": "Page",
"defaultValue": "{{1}}"
}
]
},
{
"handle": "selectRow",
"displayName": "Select row",
"params": [
{
"handle": "key",
"displayName": "Key"
},
{
"handle": "value",
"displayName": "Value"
}
]
},
{
"handle": "deselectRow",
"displayName": "Deselect row"
},
{
"handle": "discardChanges",
"displayName": "Discard Changes"
},
{
"handle": "discardNewlyAddedRows",
"displayName": "Discard newly added rows"
}
]
},
"layouts": {
"desktop": {
"top": 239.9999122619629,
"left": 2.3255818850376775,
"width": 40.99999999999999,
"height": 610
}
}
},
"e70226f2-0985-4145-9fb4-d8355258b0c5": {
"id": "e70226f2-0985-4145-9fb4-d8355258b0c5",
"component": {
"properties": {
"title": {
"type": "code",
"displayName": "Title",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"useDefaultButton": {
"type": "toggle",
"displayName": "Use default trigger button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"triggerButtonLabel": {
"type": "code",
"displayName": "Trigger button label",
"validation": {
"schema": {
"type": "string"
}
}
},
"hideTitleBar": {
"type": "toggle",
"displayName": "Hide title bar"
},
"hideCloseButton": {
"type": "toggle",
"displayName": "Hide close button"
},
"hideOnEsc": {
"type": "toggle",
"displayName": "Close on escape key"
},
"closeOnClickingOutside": {
"type": "toggle",
"displayName": "Close on clicking outside"
},
"size": {
"type": "select",
"displayName": "Modal size",
"options": [
{
"name": "small",
"value": "sm"
},
{
"name": "medium",
"value": "lg"
},
{
"name": "large",
"value": "xl"
}
],
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onOpen": {
"displayName": "On open"
},
"onClose": {
"displayName": "On close"
}
},
"styles": {
"headerBackgroundColor": {
"type": "color",
"displayName": "Header background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"headerTextColor": {
"type": "color",
"displayName": "Header title color",
"validation": {
"schema": {
"type": "string"
}
}
},
"bodyBackgroundColor": {
"type": "color",
"displayName": "Body background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": true
}
},
"triggerButtonBackgroundColor": {
"type": "color",
"displayName": "Trigger button background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"triggerButtonTextColor": {
"type": "color",
"displayName": "Trigger button text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"headerBackgroundColor": {
"value": "{{queries.colorPalette.data.modalHeaderBg}}",
"fxActive": true
},
"headerTextColor": {
"value": "{{queries.colorPalette.data.modalHeaderText}}",
"fxActive": true
},
"bodyBackgroundColor": {
"value": "{{queries.colorPalette.data.modalBodyBg}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#4a90e2ff",
"fxActive": false
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Add a Product"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Add a Product"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "490px"
}
},
"general": {},
"exposedVariables": {}
},
"name": "modal1",
"displayName": "Modal",
"description": "Modal triggered by events",
"component": "Modal",
"defaultSize": {
"width": 10,
"height": 400
},
"exposedVariables": {
"show": false
},
"actions": [
{
"handle": "open",
"displayName": "Open"
},
{
"handle": "close",
"displayName": "Close"
}
]
},
"layouts": {
"desktop": {
"top": 920.0000610351562,
"left": 4.651166952654379,
"width": 4,
"height": 30
}
}
},
"5d0ed3c3-5679-4ad7-9282-8910827889fa": {
"id": "5d0ed3c3-5679-4ad7-9282-8910827889fa",
"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": "0bed2d35-61e3-4a6e-ab63-e22a0b2fc899",
"queryName": "tooljetdbAddProduct",
"parameters": {}
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{components.textinput4.value.length < 1 || components.numberinput1.value == 0 || components.numberinput2.value == 0 || components.dropdown1.value == undefined || components.dropdown2.value == undefined || components.textarea2.value == \"\"}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Add product"
},
"loadingState": {
"value": "{{queries.tooljetdbAddProduct.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "button2",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 420.00006103515625,
"left": 79.06980042535031,
"width": 6.992977528089888,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"ba1e39b1-62cd-4c2a-953a-3ff1c96feaac": {
"id": "ba1e39b1-62cd-4c2a-953a-3ff1c96feaac",
"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": "e70226f2-0985-4145-9fb4-d8355258b0c5"
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button3",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 420.0000305175781,
"left": 65.08360450313526,
"width": 5.026685393258427,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"ac425c6b-770e-4d8f-ba4b-1161ce72f665": {
"id": "ac425c6b-770e-4d8f-ba4b-1161ce72f665",
"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": "",
"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": "text11",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 140,
"left": 4.651146748971732,
"width": 6,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"3085d2cc-d42a-4fe5-8bf9-da4baefa2048": {
"id": "3085d2cc-d42a-4fe5-8bf9-da4baefa2048",
"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": "",
"fxActive": false
},
"textSize": {
"value": "{{18}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Product Details"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text12",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 20,
"left": 4.651157506611227,
"width": 15,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"2c8fbdb8-36a9-48ed-981d-044086f48d6f": {
"id": "2c8fbdb8-36a9-48ed-981d-044086f48d6f",
"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": "#C1C8CD",
"fxActive": true
}
},
"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": {}
}
},
"layouts": {
"desktop": {
"top": 140,
"left": 51.162797507362264,
"width": 1,
"height": 100
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"31b32887-f5ce-43a0-a439-3547dd1f8775": {
"id": "31b32887-f5ce-43a0-a439-3547dd1f8775",
"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": "",
"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": "text14",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 199.9999771118164,
"left": 4.651161007056952,
"width": 6,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"429f6f5a-1962-493c-9fc0-e5abd73df999": {
"id": "429f6f5a-1962-493c-9fc0-e5abd73df999",
"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": "",
"fxActive": false
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Status"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text16",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 139.99999618530273,
"left": 55.81394566271558,
"width": 5.03866958707847,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"1a8ac421-59f2-49b9-b5c2-ea8caa3e6fe0": {
"id": "1a8ac421-59f2-49b9-b5c2-ea8caa3e6fe0",
"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": "",
"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": "Description"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text17",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 259.99999618530273,
"left": 4.651163937000746,
"width": 14.943668648140722,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"3362f3ca-5134-4e19-8f06-7b27d1fd942e": {
"id": "3362f3ca-5134-4e19-8f06-7b27d1fd942e",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter product description..."
}
},
"general": {},
"exposedVariables": {}
},
"name": "textarea2",
"displayName": "Textarea",
"description": "Text area form field",
"component": "TextArea",
"defaultSize": {
"width": 6,
"height": 100
},
"exposedVariables": {
"value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
}
]
},
"layouts": {
"desktop": {
"top": 299.99997901916504,
"left": 4.651139300533316,
"width": 39.00000000000001,
"height": 100
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"e5409124-b033-4c2f-91d1-6dba1a938395": {
"id": "e5409124-b033-4c2f-91d1-6dba1a938395",
"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": "",
"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 name"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text18",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 80,
"left": 4.6511809162900555,
"width": 6.992977528089888,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"5f3ead84-8a42-40b3-b3e6-46ec994a7594": {
"id": "5f3ead84-8a42-40b3-b3e6-46ec994a7594",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
},
"onEnterPressed": {
"displayName": "On Enter Pressed"
},
"onFocus": {
"displayName": "On focus"
},
"onBlur": {
"displayName": "On blur"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"errTextColor": {
"type": "color",
"displayName": "Error Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": null
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter product name"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput4",
"displayName": "Text Input",
"description": "Text field for forms",
"component": "TextInput",
"defaultSize": {
"width": 6,
"height": 30
},
"validation": {
"regex": {
"type": "code",
"displayName": "Regex"
},
"minLength": {
"type": "code",
"displayName": "Min length"
},
"maxLength": {
"type": "code",
"displayName": "Max length"
},
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": ""
},
"actions": [
{
"handle": "setText",
"displayName": "Set text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
},
{
"handle": "setFocus",
"displayName": "Set focus"
},
{
"handle": "setBlur",
"displayName": "Set blur"
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 80.00000762939453,
"left": 20.930223155150934,
"width": 32,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"64931418-c1f1-4a80-b0d6-989ed7e7d7b3": {
"id": "64931418-c1f1-4a80-b0d6-989ed7e7d7b3",
"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": "",
"fxActive": true
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Category"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text19",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 200,
"left": 55.81395720035743,
"width": 5.03866958707847,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"0d0efc13-ae0e-4e1f-8d90-c8c508487fef": {
"component": {
"properties": {
"label": {
"type": "code",
"displayName": "Label",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"validation": {
"schema": {
"type": "string"
}
}
}
},
"advanced": {
"type": "toggle",
"displayName": "Advanced",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"value": {
"type": "code",
"displayName": "Default value",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
},
"values": {
"type": "code",
"displayName": "Option values",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"display_values": {
"type": "code",
"displayName": "Option labels",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"schema": {
"type": "code",
"displayName": "Schema",
"conditionallyRender": {
"key": "advanced",
"value": true
}
},
"loadingState": {
"type": "toggle",
"displayName": "Options loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onSelect": {
"displayName": "On select"
},
"onSearchTextChanged": {
"displayName": "On search text changed"
}
},
"styles": {
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "number"
},
{
"type": "string"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"selectedTextColor": {
"type": "color",
"displayName": "Selected Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"justifyContent": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"advanced": {
"value": "{{false}}"
},
"schema": {
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
},
"label": {
"value": ""
},
"value": {
"value": "{{}}"
},
"values": {
"value": "{{['in_stock', 'yet_to_receive']}}"
},
"display_values": {
"value": "{{['In stock', 'Yet to receive']}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select status..."
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown1",
"displayName": "Dropdown",
"description": "Select one value from options",
"defaultSize": {
"width": 8,
"height": 30
},
"component": "DropDown",
"validation": {
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": 2,
"searchText": "",
"label": "Select",
"optionLabels": [
"one",
"two",
"three"
],
"selectedOptionLabel": "two"
},
"actions": [
{
"handle": "selectOption",
"displayName": "Select option",
"params": [
{
"handle": "select",
"displayName": "Select"
}
]
}
]
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5",
"layouts": {
"desktop": {
"top": 140.00000762939453,
"left": 67.44186885999612,
"width": 12.000000000000002,
"height": 40
}
},
"withDefaultChildren": false
},
"5caec9ab-5eea-42be-bfb0-4a3783b388e9": {
"id": "5caec9ab-5eea-42be-bfb0-4a3783b388e9",
"component": {
"properties": {
"label": {
"type": "code",
"displayName": "Label",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"validation": {
"schema": {
"type": "string"
}
}
}
},
"advanced": {
"type": "toggle",
"displayName": "Advanced",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"value": {
"type": "code",
"displayName": "Default value",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
},
"values": {
"type": "code",
"displayName": "Option values",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"display_values": {
"type": "code",
"displayName": "Option labels",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"schema": {
"type": "code",
"displayName": "Schema",
"conditionallyRender": {
"key": "advanced",
"value": true
}
},
"loadingState": {
"type": "toggle",
"displayName": "Options loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onSelect": {
"displayName": "On select"
},
"onSearchTextChanged": {
"displayName": "On search text changed"
}
},
"styles": {
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "number"
},
{
"type": "string"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"selectedTextColor": {
"type": "color",
"displayName": "Selected Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"justifyContent": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"advanced": {
"value": "{{false}}"
},
"schema": {
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
},
"label": {
"value": ""
},
"value": {
"value": "{{}}"
},
"values": {
"value": "{{[\"apparel\",\"appliances\",\"beverage\",\"electronics\",\"food\",\"furniture\",\"software\"]}}"
},
"display_values": {
"value": "{{[\"Apparel\",\"Appliances\",\"Beverage\",\"Electronics\",\"Food\",\"Furniture\",\"Software\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select category..."
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown2",
"displayName": "Dropdown",
"description": "Select one value from options",
"defaultSize": {
"width": 8,
"height": 30
},
"component": "DropDown",
"validation": {
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": 2,
"searchText": "",
"label": "Select",
"optionLabels": [
"one",
"two",
"three"
],
"selectedOptionLabel": "two"
},
"actions": [
{
"handle": "selectOption",
"displayName": "Select option",
"params": [
{
"handle": "select",
"displayName": "Select"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 200,
"left": 67.4418446186934,
"width": 12.000000000000002,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"5086fc5a-b6db-4b6d-b3b0-fd362c7a8bd2": {
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minValue": {
"type": "code",
"displayName": "Minimum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"maxValue": {
"type": "code",
"displayName": "Maximum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"decimalPlaces": {
"type": "code",
"displayName": "Decimal places",
"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": {
"onChange": {
"displayName": "On change"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color"
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "#dadcdeff"
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "{{0}}"
},
"maxValue": {
"value": "1000"
},
"minValue": {
"value": "1"
},
"placeholder": {
"value": "{{components.numberinput1.value}}"
},
"decimalPlaces": {
"value": "{{0}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "numberinput1",
"displayName": "Number Input",
"description": "Number field for forms",
"component": "NumberInput",
"defaultSize": {
"width": 4,
"height": 30
},
"exposedVariables": {
"value": 99
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5",
"layouts": {
"desktop": {
"top": 140.00000762939453,
"left": 20.930226913180842,
"width": 12,
"height": 40
}
},
"withDefaultChildren": false
},
"5dcf6696-566a-44e6-a65d-1a5f6e9a453f": {
"id": "5dcf6696-566a-44e6-a65d-1a5f6e9a453f",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minValue": {
"type": "code",
"displayName": "Minimum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"maxValue": {
"type": "code",
"displayName": "Maximum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"decimalPlaces": {
"type": "code",
"displayName": "Decimal places",
"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": {
"onChange": {
"displayName": "On change"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color"
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "#dadcdeff"
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "0"
},
"maxValue": {
"value": "999999"
},
"minValue": {
"value": "0.50"
},
"placeholder": {
"value": "{{components.numberinput2.value}}"
},
"decimalPlaces": {
"value": "{{2}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "numberinput2",
"displayName": "Number Input",
"description": "Number field for forms",
"component": "NumberInput",
"defaultSize": {
"width": 4,
"height": 30
},
"exposedVariables": {
"value": 99
}
},
"layouts": {
"desktop": {
"top": 200.00000762939453,
"left": 20.93028135805831,
"width": 12,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"cca6303c-ef16-4260-9372-4e7d9415c830": {
"id": "cca6303c-ef16-4260-9372-4e7d9415c830",
"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": "{{queries.colorPalette.data.navbarBg}}",
"fxActive": true
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00",
"fxActive": false
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 10px 1px #00000040",
"fxActive": false
}
},
"properties": {
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container3",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 19.999927520751953,
"left": 2.3255818809714563,
"width": 41,
"height": 200
}
}
},
"a5593c55-f9b1-41e7-8e19-ff2655cf2e0e": {
"id": "a5593c55-f9b1-41e7-8e19-ff2655cf2e0e",
"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": "{{queries.colorPalette.data.navbarText}}",
"fxActive": true
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": "{{1}}"
},
"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
N D"
},
"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": 30.000030517578125,
"left": 2.325586532820495,
"width": 2.999999999999999,
"height": 50
}
},
"parent": "cca6303c-ef16-4260-9372-4e7d9415c830"
},
"ad2d719a-06ef-4eda-9f11-8b2577ae8656": {
"id": "ad2d719a-06ef-4eda-9f11-8b2577ae8656",
"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": "{{queries.colorPalette.data.navbarText}}",
"fxActive": true
},
"textSize": {
"value": "{{18}}"
},
"textAlign": {
"value": "right"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Inventory Management"
},
"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": 10.000022888183594,
"left": 72.09301773246553,
"width": 10.999999999999998,
"height": 50
}
},
"parent": "cca6303c-ef16-4260-9372-4e7d9415c830"
},
"c48605fb-d070-430a-acd6-b53c74a91542": {
"id": "c48605fb-d070-430a-acd6-b53c74a91542",
"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": "#ffffff1a",
"fxActive": false
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container4",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 69.99997329711914,
"left": 53.48836566428588,
"width": 19,
"height": 100
}
},
"parent": "cca6303c-ef16-4260-9372-4e7d9415c830"
},
"e8993a2f-f890-4ea1-b3f5-c73b5d37d25e": {
"id": "e8993a2f-f890-4ea1-b3f5-c73b5d37d25e",
"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": ""
},
"textColor": {
"value": "#ffffffff",
"fxActive": false
},
"textSize": {
"value": "{{12}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Qty in total"
},
"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": 10,
"left": 2.3255595483197293,
"width": 9,
"height": 30
}
},
"parent": "c48605fb-d070-430a-acd6-b53c74a91542"
},
"f7378bb7-fc93-401d-b607-9b85d7597e58": {
"id": "f7378bb7-fc93-401d-b607-9b85d7597e58",
"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": ""
},
"textColor": {
"value": "#ffffffff",
"fxActive": false
},
"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": "{{queries?.getProductStats?.data?.quantityInTotal ?? 0}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
"fxActive": true
}
},
"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": 40.00006103515625,
"left": 2.325598714555765,
"width": 9,
"height": 40
}
},
"parent": "c48605fb-d070-430a-acd6-b53c74a91542"
},
"e1486c23-dbb0-45dd-8c10-1e2ed444268a": {
"id": "e1486c23-dbb0-45dd-8c10-1e2ed444268a",
"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": ""
},
"textColor": {
"value": "#e1ffbcff",
"fxActive": false
},
"textSize": {
"value": "{{12}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Qty in stock"
},
"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": 10.00006103515625,
"left": 27.906983557818467,
"width": 9,
"height": 30
}
},
"parent": "c48605fb-d070-430a-acd6-b53c74a91542"
},
"d12b2033-5ea0-49c8-9c77-d3afff7e98fe": {
"id": "d12b2033-5ea0-49c8-9c77-d3afff7e98fe",
"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": ""
},
"textColor": {
"value": "#ffe4b1ff",
"fxActive": false
},
"textSize": {
"value": "{{12}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Low in stock"
},
"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": 53.488367883212355,
"width": 9,
"height": 30
}
},
"parent": "c48605fb-d070-430a-acd6-b53c74a91542"
},
"b968e82f-6b90-4aa0-811d-99822f468432": {
"id": "b968e82f-6b90-4aa0-811d-99822f468432",
"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": ""
},
"textColor": {
"value": "#e1ffbcff",
"fxActive": false
},
"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": "{{queries?.getProductStats?.data?.quantityInStock ?? 0}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
"fxActive": true
}
},
"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": 40.000030517578125,
"left": 27.90696726525265,
"width": 9,
"height": 40
}
},
"parent": "c48605fb-d070-430a-acd6-b53c74a91542"
},
"9981da2a-e73b-4885-94f3-de13ea365a41": {
"id": "9981da2a-e73b-4885-94f3-de13ea365a41",
"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": ""
},
"textColor": {
"value": "#FFE4B1",
"fxActive": false
},
"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": "{{queries?.getProductStats?.data?.lowInStock ?? 0}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
"fxActive": true
}
},
"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": 40.00006103515625,
"left": 53.488374549642096,
"width": 9,
"height": 40
}
},
"parent": "c48605fb-d070-430a-acd6-b53c74a91542"
},
"7eec1073-d3c7-4c76-a658-875f5193660a": {
"id": "7eec1073-d3c7-4c76-a658-875f5193660a",
"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": ""
},
"textColor": {
"value": "#fd9eaaff",
"fxActive": false
},
"textSize": {
"value": "{{12}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Out of stock"
},
"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": 10,
"left": 79.06977937741273,
"width": 8,
"height": 30
}
},
"parent": "c48605fb-d070-430a-acd6-b53c74a91542"
},
"00ba0f12-bc7d-4f7d-82be-68098d4176e3": {
"id": "00ba0f12-bc7d-4f7d-82be-68098d4176e3",
"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": ""
},
"textColor": {
"value": "#fc9faaff",
"fxActive": false
},
"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": "{{queries?.getProductStats?.data?.outOfStock ?? 0}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
"fxActive": true
}
},
"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": 40.00006103515625,
"left": 79.0697761556572,
"width": 8,
"height": 40
}
},
"parent": "c48605fb-d070-430a-acd6-b53c74a91542"
},
"10ae148a-73d0-4704-afe0-509701496a57": {
"id": "10ae148a-73d0-4704-afe0-509701496a57",
"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": "e70226f2-0985-4145-9fb4-d8355258b0c5"
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.navbarBtnBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.navbarBtnText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.navbarBtnText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.navbarBtnBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Add new product"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button6",
"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": 130.00004959106445,
"left": 2.3255673782109563,
"width": 5,
"height": 40
}
},
"parent": "cca6303c-ef16-4260-9372-4e7d9415c830"
},
"c661499a-48fd-4c95-ace8-0a0b8af9d350": {
"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": "{{queries.colorPalette.data.modalHeaderBg}}",
"fxActive": true
},
"headerTextColor": {
"value": "{{queries.colorPalette.data.modalHeaderText}}",
"fxActive": true
},
"bodyBackgroundColor": {
"value": "{{queries.colorPalette.data.modalBodyBg}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#4D72FA"
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Remove product"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Launch Modal"
},
"size": {
"value": "sm"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "180px"
}
},
"general": {},
"exposedVariables": {}
},
"name": "modal3",
"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": 919.9999504089355,
"left": 27.906962694408737,
"width": 4,
"height": 30
}
},
"withDefaultChildren": false
},
"683d6ea7-919b-45ae-ac4b-bd1db7f7392a": {
"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": "",
"fxActive": false
},
"textSize": {
"value": "{{15}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Warning: This process is irreversible.
\nAre you sure you want to remove the product?"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text24",
"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": "c661499a-48fd-4c95-ace8-0a0b8af9d350",
"layouts": {
"desktop": {
"top": 19.999996185302734,
"left": 4.651163317075356,
"width": 39,
"height": 70
}
},
"withDefaultChildren": false
},
"16d754e1-5c47-48ca-bebb-2c05305b2381": {
"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": "1fd7199d-3feb-4c93-a2b6-070a77c075eb",
"queryName": "tooljetdbRemoveProduct",
"parameters": {}
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Remove"
},
"loadingState": {
"value": "{{queries.tooljetdbRemoveProduct.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "button7",
"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": "c661499a-48fd-4c95-ace8-0a0b8af9d350",
"layouts": {
"desktop": {
"top": 100,
"left": 53.4883593562437,
"width": 10.000000000000002,
"height": 40
}
},
"withDefaultChildren": false
},
"20479ec7-d720-4f70-be3a-79b580a6702c": {
"id": "20479ec7-d720-4f70-be3a-79b580a6702c",
"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": "c661499a-48fd-4c95-ace8-0a0b8af9d350"
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button8",
"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": 99.99995803833008,
"left": 23.255806746040598,
"width": 10.000000000000002,
"height": 40
}
},
"parent": "c661499a-48fd-4c95-ace8-0a0b8af9d350"
},
"77c87ef4-529f-47fa-831a-05c96bb56518": {
"id": "77c87ef4-529f-47fa-831a-05c96bb56518",
"component": {
"properties": {
"title": {
"type": "code",
"displayName": "Title",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"useDefaultButton": {
"type": "toggle",
"displayName": "Use default trigger button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"triggerButtonLabel": {
"type": "code",
"displayName": "Trigger button label",
"validation": {
"schema": {
"type": "string"
}
}
},
"hideTitleBar": {
"type": "toggle",
"displayName": "Hide title bar"
},
"hideCloseButton": {
"type": "toggle",
"displayName": "Hide close button"
},
"hideOnEsc": {
"type": "toggle",
"displayName": "Close on escape key"
},
"closeOnClickingOutside": {
"type": "toggle",
"displayName": "Close on clicking outside"
},
"size": {
"type": "select",
"displayName": "Modal size",
"options": [
{
"name": "small",
"value": "sm"
},
{
"name": "medium",
"value": "lg"
},
{
"name": "large",
"value": "xl"
}
],
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onOpen": {
"displayName": "On open"
},
"onClose": {
"displayName": "On close"
}
},
"styles": {
"headerBackgroundColor": {
"type": "color",
"displayName": "Header background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"headerTextColor": {
"type": "color",
"displayName": "Header title color",
"validation": {
"schema": {
"type": "string"
}
}
},
"bodyBackgroundColor": {
"type": "color",
"displayName": "Body background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": true
}
},
"triggerButtonBackgroundColor": {
"type": "color",
"displayName": "Trigger button background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"triggerButtonTextColor": {
"type": "color",
"displayName": "Trigger button text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"headerBackgroundColor": {
"value": "{{queries.colorPalette.data.modalHeaderBg}}",
"fxActive": true
},
"headerTextColor": {
"value": "{{queries.colorPalette.data.modalHeaderText}}",
"fxActive": true
},
"bodyBackgroundColor": {
"value": "{{queries.colorPalette.data.modalBodyBg}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#4a90e2ff",
"fxActive": false
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Edit Product #{{components.table1.selectedRow.id}}"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Add a Product"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "490px"
}
},
"general": {},
"exposedVariables": {}
},
"name": "modal2",
"displayName": "Modal",
"description": "Modal triggered by events",
"component": "Modal",
"defaultSize": {
"width": 10,
"height": 400
},
"exposedVariables": {
"show": false
},
"actions": [
{
"handle": "open",
"displayName": "Open"
},
{
"handle": "close",
"displayName": "Close"
}
]
},
"layouts": {
"desktop": {
"top": 920.0000610351562,
"left": 16.279071708163297,
"width": 4,
"height": 30
}
}
},
"580ea5ee-1870-4b17-9e90-a470164586a5": {
"id": "580ea5ee-1870-4b17-9e90-a470164586a5",
"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": "65d4cafc-537f-4874-8153-393f4108c0cb",
"queryName": "tooljetdbUpdateProduct",
"parameters": {}
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{components.textinput2.value.length < 1 || components.numberinput5.value < 0 || components.numberinput6.value == 0 || components.dropdown5.value == undefined || components.dropdown6.value == undefined || components.textarea3.value == \"\"}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Save changes"
},
"loadingState": {
"value": "{{queries.tooljetdbUpdateProduct.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "button9",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 420.0000057220459,
"left": 79.06978899941035,
"width": 6.992977528089888,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"b2ea1cba-58bb-4fd6-b6de-cb6f032bf5eb": {
"id": "b2ea1cba-58bb-4fd6-b6de-cb6f032bf5eb",
"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": "77c87ef4-529f-47fa-831a-05c96bb56518"
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
"fxActive": true
},
"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": {},
"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": 419.99999237060547,
"left": 65.08360269503015,
"width": 5.026685393258427,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"e34c4eed-2bc9-42d2-85d4-02ba4ea28f38": {
"id": "e34c4eed-2bc9-42d2-85d4-02ba4ea28f38",
"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": "",
"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": "text25",
"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.651161786086923,
"width": 7,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"19bce438-a2ca-41af-8055-46cfb3933872": {
"id": "19bce438-a2ca-41af-8055-46cfb3933872",
"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": "",
"fxActive": false
},
"textSize": {
"value": "{{18}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Product Details"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text26",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 20,
"left": 4.651161793912395,
"width": 15,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"0065dcc9-35f5-49b5-bd6c-e6ed7a4af108": {
"id": "0065dcc9-35f5-49b5-bd6c-e6ed7a4af108",
"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": "#C1C8CD",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {},
"general": {},
"exposedVariables": {}
},
"name": "verticaldivider3",
"displayName": "Vertical Divider",
"description": "Vertical Separator between components",
"component": "VerticalDivider",
"defaultSize": {
"width": 2,
"height": 100
},
"exposedVariables": {
"value": {}
}
},
"layouts": {
"desktop": {
"top": 140,
"left": 51.162797507362264,
"width": 1,
"height": 100
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"b50551e1-ded0-4f02-b432-9cf7928b6749": {
"id": "b50551e1-ded0-4f02-b432-9cf7928b6749",
"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": "",
"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": "text27",
"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": 200,
"left": 4.651155125512338,
"width": 6,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"1f67445b-4161-4ee3-94d9-4f1bdb10f792": {
"id": "1f67445b-4161-4ee3-94d9-4f1bdb10f792",
"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": "",
"fxActive": false
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Status"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text28",
"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": 55.81395137164659,
"width": 5.03866958707847,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"ff78a251-d9be-44c1-a67b-fd3cf8e00247": {
"id": "ff78a251-d9be-44c1-a67b-fd3cf8e00247",
"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": "",
"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": "Description"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text29",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 260.0000114440918,
"left": 4.651164969781484,
"width": 14.943668648140722,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"90cdac46-ceef-4608-a69a-3886fd90f937": {
"id": "90cdac46-ceef-4608-a69a-3886fd90f937",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "{{components.table1.selectedRow.description}}"
},
"placeholder": {
"value": "Enter product description..."
}
},
"general": {},
"exposedVariables": {}
},
"name": "textarea3",
"displayName": "Textarea",
"description": "Text area form field",
"component": "TextArea",
"defaultSize": {
"width": 6,
"height": 100
},
"exposedVariables": {
"value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
}
]
},
"layouts": {
"desktop": {
"top": 300.0000476837158,
"left": 4.6511335594497325,
"width": 39.00000000000001,
"height": 100
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"e24173bd-0905-471a-b0d3-c3eff137b02d": {
"id": "e24173bd-0905-471a-b0d3-c3eff137b02d",
"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": "",
"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 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": 80,
"left": 4.651160213588963,
"width": 6.992977528089888,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"988267b6-4523-4a8d-82db-ceae70601f42": {
"id": "988267b6-4523-4a8d-82db-ceae70601f42",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
},
"onEnterPressed": {
"displayName": "On Enter Pressed"
},
"onFocus": {
"displayName": "On focus"
},
"onBlur": {
"displayName": "On blur"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"errTextColor": {
"type": "color",
"displayName": "Error Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": null
}
},
"properties": {
"value": {
"value": "{{components.table1.selectedRow.product_name}}"
},
"placeholder": {
"value": "Enter product name"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput2",
"displayName": "Text Input",
"description": "Text field for forms",
"component": "TextInput",
"defaultSize": {
"width": 6,
"height": 30
},
"validation": {
"regex": {
"type": "code",
"displayName": "Regex"
},
"minLength": {
"type": "code",
"displayName": "Min length"
},
"maxLength": {
"type": "code",
"displayName": "Max length"
},
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": ""
},
"actions": [
{
"handle": "setText",
"displayName": "Set text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
},
{
"handle": "setFocus",
"displayName": "Set focus"
},
{
"handle": "setBlur",
"displayName": "Set blur"
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 79.99998474121094,
"left": 20.930219677504155,
"width": 32,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"37e56ce8-cdaa-40b6-a8ed-6a9714fc4d87": {
"id": "37e56ce8-cdaa-40b6-a8ed-6a9714fc4d87",
"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": "",
"fxActive": false
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Category"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "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": 200,
"left": 55.813963751906705,
"width": 5.03866958707847,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"7ea12940-680e-4ac1-b83b-8200aa3e4c42": {
"id": "7ea12940-680e-4ac1-b83b-8200aa3e4c42",
"component": {
"properties": {
"label": {
"type": "code",
"displayName": "Label",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"validation": {
"schema": {
"type": "string"
}
}
}
},
"advanced": {
"type": "toggle",
"displayName": "Advanced",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"value": {
"type": "code",
"displayName": "Default value",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
},
"values": {
"type": "code",
"displayName": "Option values",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"display_values": {
"type": "code",
"displayName": "Option labels",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"schema": {
"type": "code",
"displayName": "Schema",
"conditionallyRender": {
"key": "advanced",
"value": true
}
},
"loadingState": {
"type": "toggle",
"displayName": "Options loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onSelect": {
"displayName": "On select"
},
"onSearchTextChanged": {
"displayName": "On search text changed"
}
},
"styles": {
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "number"
},
{
"type": "string"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"selectedTextColor": {
"type": "color",
"displayName": "Selected Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"justifyContent": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"advanced": {
"value": "{{false}}"
},
"schema": {
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
},
"label": {
"value": ""
},
"value": {
"value": "{{components.numberinput5.value > 0 ? components.table1.selectedRow.status : \"out_of_stock\"}}"
},
"values": {
"value": "{{components.numberinput5.value > 0 ? [\"in_stock\", \"yet_to_receive\"] : [\"out_of_stock\"]}}"
},
"display_values": {
"value": "{{components.numberinput5.value > 0 ? [\"In stock\", \"Yet to receive\"] : [\"Out of stock\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select status..."
}
},
"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.00002098083496,
"left": 67.44186541127978,
"width": 12.000000000000002,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"da9c2558-72a6-40de-8316-280e94ab09ff": {
"id": "da9c2558-72a6-40de-8316-280e94ab09ff",
"component": {
"properties": {
"label": {
"type": "code",
"displayName": "Label",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"validation": {
"schema": {
"type": "string"
}
}
}
},
"advanced": {
"type": "toggle",
"displayName": "Advanced",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"value": {
"type": "code",
"displayName": "Default value",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
},
"values": {
"type": "code",
"displayName": "Option values",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"display_values": {
"type": "code",
"displayName": "Option labels",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"schema": {
"type": "code",
"displayName": "Schema",
"conditionallyRender": {
"key": "advanced",
"value": true
}
},
"loadingState": {
"type": "toggle",
"displayName": "Options loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onSelect": {
"displayName": "On select"
},
"onSearchTextChanged": {
"displayName": "On search text changed"
}
},
"styles": {
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "number"
},
{
"type": "string"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"selectedTextColor": {
"type": "color",
"displayName": "Selected Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"justifyContent": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"advanced": {
"value": "{{false}}"
},
"schema": {
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
},
"label": {
"value": ""
},
"value": {
"value": "{{components.table1.selectedRow.category}}"
},
"values": {
"value": "{{[\"apparel\",\"appliances\",\"beverage\",\"electronics\",\"food\",\"furniture\",\"software\"]}}"
},
"display_values": {
"value": "{{[\"Apparel\",\"Appliances\",\"Beverage\",\"Electronics\",\"Food\",\"Furniture\",\"Software\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select category..."
}
},
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 199.99999046325684,
"left": 67.44184492717345,
"width": 12.000000000000002,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"9c2a1cfd-ce9c-4e4b-b573-9336a468c5a3": {
"id": "9c2a1cfd-ce9c-4e4b-b573-9336a468c5a3",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minValue": {
"type": "code",
"displayName": "Minimum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"maxValue": {
"type": "code",
"displayName": "Maximum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"decimalPlaces": {
"type": "code",
"displayName": "Decimal places",
"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": {
"onChange": {
"displayName": "On change"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color"
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "#dadcdeff"
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "{{components.table1.selectedRow.quantity}}"
},
"maxValue": {
"value": "1000"
},
"minValue": {
"value": "0"
},
"placeholder": {
"value": "{{components.numberinput5.value}}"
},
"decimalPlaces": {
"value": "{{0}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "numberinput5",
"displayName": "Number Input",
"description": "Number field for forms",
"component": "NumberInput",
"defaultSize": {
"width": 4,
"height": 30
},
"exposedVariables": {
"value": 99
}
},
"layouts": {
"desktop": {
"top": 139.9999942779541,
"left": 20.930229033515786,
"width": 12,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"52c88014-8084-41e4-bbad-069fcbf4c89c": {
"id": "52c88014-8084-41e4-bbad-069fcbf4c89c",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minValue": {
"type": "code",
"displayName": "Minimum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"maxValue": {
"type": "code",
"displayName": "Maximum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"decimalPlaces": {
"type": "code",
"displayName": "Decimal places",
"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": {
"onChange": {
"displayName": "On change"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color"
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "#dadcdeff"
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "{{components.table1.selectedRow.price}}"
},
"maxValue": {
"value": "999999"
},
"minValue": {
"value": "0.50"
},
"placeholder": {
"value": "{{components.numberinput6.value}}"
},
"decimalPlaces": {
"value": "{{2}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "numberinput6",
"displayName": "Number Input",
"description": "Number field for forms",
"component": "NumberInput",
"defaultSize": {
"width": 4,
"height": 30
},
"exposedVariables": {
"value": 99
}
},
"layouts": {
"desktop": {
"top": 200,
"left": 20.930284607776873,
"width": 12,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
}
},
"events": [
{
"eventId": "onPageLoad",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "7345388e-eda4-494d-8a44-fac9d0e11f49",
"queryName": "tooljetdbGetProducts",
"parameters": {}
}
]
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": "100000",
"canvasMaxWidthType": "px",
"canvasMaxHeight": "1000",
"backgroundFxQuery": "{{queries.colorPalette.data[\"canvasBg_\"+globals.theme.name]}}",
"canvasBackgroundColor": "#ffffff"
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": 100,
"canvasMaxWidthType": "%",
"canvasMaxHeight": "1000",
"backgroundFxQuery": "",
"canvasBackgroundColor": ""
},
"showViewerNavigation": false,
"homePageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"appId": "814c14d7-2c8c-4e30-9013-63dfcfe16d77",
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"promotedFrom": null,
"createdAt": "2023-09-19T08:22:32.234Z",
"updatedAt": "2024-01-02T11:58:27.067Z"
},
"components": [
{
"id": "72c52230-39ee-464d-887b-4a746389f5bd",
"name": "modal1",
"type": "Modal",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": null,
"properties": {
"title": {
"value": "Add a Product"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Add a Product"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "490px"
}
},
"general": {},
"styles": {
"headerBackgroundColor": {
"value": "{{queries.colorPalette.data.modalHeaderBg}}",
"fxActive": true
},
"headerTextColor": {
"value": "{{queries.colorPalette.data.modalHeaderText}}",
"fxActive": true
},
"bodyBackgroundColor": {
"value": "{{queries.colorPalette.data.modalBodyBg}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#4a90e2ff",
"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": "2121b85c-d602-49b9-bcdb-9b1ebe82584c",
"type": "desktop",
"top": 920.0000610351562,
"left": 4.651166952654379,
"width": 4,
"height": 30,
"componentId": "72c52230-39ee-464d-887b-4a746389f5bd"
}
]
},
{
"id": "16af05ad-04b3-477b-b839-25beac5196b2",
"name": "button3",
"type": "Button",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "72c52230-39ee-464d-887b-4a746389f5bd",
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
"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": "da2ea393-19b2-4cf0-907d-3a7b3d1783ee",
"type": "desktop",
"top": 420.0000305175781,
"left": 65.08360450313526,
"width": 5.026685393258427,
"height": 40,
"componentId": "16af05ad-04b3-477b-b839-25beac5196b2"
}
]
},
{
"id": "547cda22-7374-41d7-ac6d-55014e6cb385",
"name": "text11",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "72c52230-39ee-464d-887b-4a746389f5bd",
"properties": {
"text": {
"value": "Quantity"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "",
"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": "fad23975-938b-47c5-b54e-fefaebffebce",
"type": "desktop",
"top": 140,
"left": 4.651146748971732,
"width": 6,
"height": 40,
"componentId": "547cda22-7374-41d7-ac6d-55014e6cb385"
}
]
},
{
"id": "55a8b22d-9021-4bdc-a579-c43022cdf956",
"name": "text12",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "72c52230-39ee-464d-887b-4a746389f5bd",
"properties": {
"text": {
"value": "Product Details"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "",
"fxActive": false
},
"textSize": {
"value": "{{18}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "8390e27a-c233-46d6-98d4-d585a281277e",
"type": "desktop",
"top": 20,
"left": 4.651157506611227,
"width": 15,
"height": 40,
"componentId": "55a8b22d-9021-4bdc-a579-c43022cdf956"
}
]
},
{
"id": "f97daa1e-25c8-4db5-96a8-7a1a155d7809",
"name": "verticaldivider1",
"type": "VerticalDivider",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "72c52230-39ee-464d-887b-4a746389f5bd",
"properties": {},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"dividerColor": {
"value": "#C1C8CD",
"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": "a6e3ca29-25cf-46cb-a520-69b784085fe9",
"type": "desktop",
"top": 140,
"left": 51.162797507362264,
"width": 1,
"height": 100,
"componentId": "f97daa1e-25c8-4db5-96a8-7a1a155d7809"
}
]
},
{
"id": "5901643b-4837-41c2-98ef-e90bbf799ebe",
"name": "text14",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "72c52230-39ee-464d-887b-4a746389f5bd",
"properties": {
"text": {
"value": "Price ($)"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "",
"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": "8d56cd6d-615c-443f-800f-0acbca771a96",
"type": "desktop",
"top": 199.9999771118164,
"left": 4.651161007056952,
"width": 6,
"height": 40,
"componentId": "5901643b-4837-41c2-98ef-e90bbf799ebe"
}
]
},
{
"id": "c08550b1-20ff-4e9f-9de8-e39b55f3776d",
"name": "text16",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "72c52230-39ee-464d-887b-4a746389f5bd",
"properties": {
"text": {
"value": "Status"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "",
"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": "8c6cc138-8829-4d4c-aafc-7f6f04826e97",
"type": "desktop",
"top": 139.99999618530273,
"left": 55.81394566271558,
"width": 5.03866958707847,
"height": 40,
"componentId": "c08550b1-20ff-4e9f-9de8-e39b55f3776d"
}
]
},
{
"id": "cfc62540-dfc2-4cee-b9f8-591efb8d84b6",
"name": "text17",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "72c52230-39ee-464d-887b-4a746389f5bd",
"properties": {
"text": {
"value": "Description"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "",
"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": "39687cf1-c202-44fe-8194-456baca82a2e",
"type": "desktop",
"top": 259.99999618530273,
"left": 4.651163937000746,
"width": 14.943668648140722,
"height": 40,
"componentId": "cfc62540-dfc2-4cee-b9f8-591efb8d84b6"
}
]
},
{
"id": "985f41ef-db1b-425b-9507-08ba2c31900f",
"name": "text18",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "72c52230-39ee-464d-887b-4a746389f5bd",
"properties": {
"text": {
"value": "Product name"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "",
"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": "2f721d54-8a02-4af3-a91a-95e596d0c9aa",
"type": "desktop",
"top": 80,
"left": 4.6511809162900555,
"width": 6.992977528089888,
"height": 40,
"componentId": "985f41ef-db1b-425b-9507-08ba2c31900f"
}
]
},
{
"id": "68866308-9f6f-48f5-937e-3bff148e40df",
"name": "text19",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "72c52230-39ee-464d-887b-4a746389f5bd",
"properties": {
"text": {
"value": "Category"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "",
"fxActive": true
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "8c30c213-df22-48de-973f-600f44d8b15f",
"type": "desktop",
"top": 200,
"left": 55.81395720035743,
"width": 5.03866958707847,
"height": 40,
"componentId": "68866308-9f6f-48f5-937e-3bff148e40df"
}
]
},
{
"id": "5bad8501-e565-4460-81ab-ddefc3676416",
"name": "container3",
"type": "Container",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": null,
"properties": {
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.navbarBg}}",
"fxActive": true
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00",
"fxActive": false
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 10px 1px #00000040",
"fxActive": false
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "a57678cd-2621-402b-b1aa-f1b6344eb9e4",
"type": "desktop",
"top": 19.999927520751953,
"left": 2.3255818809714563,
"width": 41,
"height": 200,
"componentId": "5bad8501-e565-4460-81ab-ddefc3676416"
}
]
},
{
"id": "967b2247-8a0d-4e67-ae11-bfc2d6d68c6c",
"name": "text34",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "5bad8501-e565-4460-81ab-ddefc3676416",
"properties": {
"text": {
"value": "B R
N D"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "{{queries.colorPalette.data.navbarText}}",
"fxActive": true
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": "{{1}}"
},
"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": "efb88bb4-e675-4d53-90ac-c8209986db75",
"type": "desktop",
"top": 30.000030517578125,
"left": 2.325586532820495,
"width": 2.999999999999999,
"height": 50,
"componentId": "967b2247-8a0d-4e67-ae11-bfc2d6d68c6c"
}
]
},
{
"id": "f6b5c3f6-23b9-4dcd-b7b9-094ec7c24abc",
"name": "text35",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "5bad8501-e565-4460-81ab-ddefc3676416",
"properties": {
"text": {
"value": "Inventory Management"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "{{queries.colorPalette.data.navbarText}}",
"fxActive": true
},
"textSize": {
"value": "{{18}}"
},
"textAlign": {
"value": "right"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{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": "508b5f27-37e2-47bb-9959-7be219eef0c6",
"type": "desktop",
"top": 10.000022888183594,
"left": 72.09301773246553,
"width": 10.999999999999998,
"height": 50,
"componentId": "f6b5c3f6-23b9-4dcd-b7b9-094ec7c24abc"
}
]
},
{
"id": "b26fdaba-abe5-40dd-b4dd-7af0f7f7e6ee",
"name": "container4",
"type": "Container",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "5bad8501-e565-4460-81ab-ddefc3676416",
"properties": {
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#ffffff1a",
"fxActive": false
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00"
},
"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": "8fcb0cc7-715b-4d36-8eba-79b1c347e541",
"type": "desktop",
"top": 69.99997329711914,
"left": 53.48836566428588,
"width": 19,
"height": 100,
"componentId": "b26fdaba-abe5-40dd-b4dd-7af0f7f7e6ee"
}
]
},
{
"id": "da3b7cf7-7168-4954-8ec5-b87c8cac28e2",
"name": "text36",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "b26fdaba-abe5-40dd-b4dd-7af0f7f7e6ee",
"properties": {
"text": {
"value": "Qty in total"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#ffffffff",
"fxActive": false
},
"textSize": {
"value": "{{12}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "5c4a44a2-fdb3-48e5-8919-56bf16c6c415",
"type": "desktop",
"top": 10,
"left": 2.3255595483197293,
"width": 9,
"height": 30,
"componentId": "da3b7cf7-7168-4954-8ec5-b87c8cac28e2"
}
]
},
{
"id": "0d72d8b0-59ba-49b0-b011-f9d7c04193b6",
"name": "text37",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "b26fdaba-abe5-40dd-b4dd-7af0f7f7e6ee",
"properties": {
"text": {
"value": "{{queries?.getProductStats?.data?.quantityInTotal ?? 0}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
"fxActive": true
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#ffffffff",
"fxActive": false
},
"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": "13d6a9b7-bda3-46f6-8263-75bcd4cdfd95",
"type": "desktop",
"top": 40.00006103515625,
"left": 2.325598714555765,
"width": 9,
"height": 40,
"componentId": "0d72d8b0-59ba-49b0-b011-f9d7c04193b6"
}
]
},
{
"id": "b02bffe3-3794-4da2-812d-0afbd6f2f9a7",
"name": "text38",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "b26fdaba-abe5-40dd-b4dd-7af0f7f7e6ee",
"properties": {
"text": {
"value": "Qty in stock"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#e1ffbcff",
"fxActive": false
},
"textSize": {
"value": "{{12}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "06a6f390-a797-4e3e-93a4-51775fe4fb64",
"type": "desktop",
"top": 10.00006103515625,
"left": 27.906983557818467,
"width": 9,
"height": 30,
"componentId": "b02bffe3-3794-4da2-812d-0afbd6f2f9a7"
}
]
},
{
"id": "044c30f7-8f32-435c-811a-13cbd164a566",
"name": "text39",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "b26fdaba-abe5-40dd-b4dd-7af0f7f7e6ee",
"properties": {
"text": {
"value": "Low in stock"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#ffe4b1ff",
"fxActive": false
},
"textSize": {
"value": "{{12}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "37a24e85-ac98-442f-9ec3-fab02b8594d8",
"type": "desktop",
"top": 10,
"left": 53.488367883212355,
"width": 9,
"height": 30,
"componentId": "044c30f7-8f32-435c-811a-13cbd164a566"
}
]
},
{
"id": "e6a7bd59-d282-48e9-93a4-dc3b30269ade",
"name": "text40",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "b26fdaba-abe5-40dd-b4dd-7af0f7f7e6ee",
"properties": {
"text": {
"value": "{{queries?.getProductStats?.data?.quantityInStock ?? 0}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
"fxActive": true
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#e1ffbcff",
"fxActive": false
},
"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": "88d03ee7-d95d-473f-a59e-64447618fe03",
"type": "desktop",
"top": 40.000030517578125,
"left": 27.90696726525265,
"width": 9,
"height": 40,
"componentId": "e6a7bd59-d282-48e9-93a4-dc3b30269ade"
}
]
},
{
"id": "309127a1-6112-4453-bcc1-910f8f7dda88",
"name": "text41",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "b26fdaba-abe5-40dd-b4dd-7af0f7f7e6ee",
"properties": {
"text": {
"value": "{{queries?.getProductStats?.data?.lowInStock ?? 0}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
"fxActive": true
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#FFE4B1",
"fxActive": false
},
"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": "54d22cc3-c24a-454c-be4e-21f0f7a8b272",
"type": "desktop",
"top": 40.00006103515625,
"left": 53.488374549642096,
"width": 9,
"height": 40,
"componentId": "309127a1-6112-4453-bcc1-910f8f7dda88"
}
]
},
{
"id": "598c1da2-b059-4a39-9e2b-203cbd767f84",
"name": "text42",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "b26fdaba-abe5-40dd-b4dd-7af0f7f7e6ee",
"properties": {
"text": {
"value": "Out of stock"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#fd9eaaff",
"fxActive": false
},
"textSize": {
"value": "{{12}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "c2bb2345-5bd9-43f6-88eb-d793c2cd93f5",
"type": "desktop",
"top": 10,
"left": 79.06977937741273,
"width": 8,
"height": 30,
"componentId": "598c1da2-b059-4a39-9e2b-203cbd767f84"
}
]
},
{
"id": "5d12f298-40ef-4854-ba3f-c655911eb31d",
"name": "text43",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "b26fdaba-abe5-40dd-b4dd-7af0f7f7e6ee",
"properties": {
"text": {
"value": "{{queries?.getProductStats?.data?.outOfStock ?? 0}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
"fxActive": true
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#fc9faaff",
"fxActive": false
},
"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": "7457387a-2970-4623-869b-3ede3d688633",
"type": "desktop",
"top": 40.00006103515625,
"left": 79.0697761556572,
"width": 8,
"height": 40,
"componentId": "5d12f298-40ef-4854-ba3f-c655911eb31d"
}
]
},
{
"id": "bbb53b9f-85f9-4c5c-841c-5dc2f6f935a0",
"name": "button6",
"type": "Button",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "5bad8501-e565-4460-81ab-ddefc3676416",
"properties": {
"text": {
"value": "Add new product"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.navbarBtnBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.navbarBtnText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.navbarBtnText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.navbarBtnBorder}}",
"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": "a5a73a97-760f-43a2-99cb-e19d0b9d8012",
"type": "desktop",
"top": 130.00004959106445,
"left": 2.3255673782109563,
"width": 5,
"height": 40,
"componentId": "bbb53b9f-85f9-4c5c-841c-5dc2f6f935a0"
}
]
},
{
"id": "4ae6d583-5b47-4b18-80a7-d38df0325b11",
"name": "modal3",
"type": "Modal",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": null,
"properties": {
"title": {
"value": "Remove product"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Launch Modal"
},
"size": {
"value": "sm"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "180px"
}
},
"general": {},
"styles": {
"headerBackgroundColor": {
"value": "{{queries.colorPalette.data.modalHeaderBg}}",
"fxActive": true
},
"headerTextColor": {
"value": "{{queries.colorPalette.data.modalHeaderText}}",
"fxActive": true
},
"bodyBackgroundColor": {
"value": "{{queries.colorPalette.data.modalBodyBg}}",
"fxActive": true
},
"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": "e8e4d8f7-1bf3-473e-a1dd-3c804244b186",
"type": "desktop",
"top": 919.9999504089355,
"left": 27.906962694408737,
"width": 4,
"height": 30,
"componentId": "4ae6d583-5b47-4b18-80a7-d38df0325b11"
}
]
},
{
"id": "b5cde3ff-b4bf-42e2-8110-e843a6cb4722",
"name": "text24",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "4ae6d583-5b47-4b18-80a7-d38df0325b11",
"properties": {
"text": {
"value": "Warning: This process is irreversible.
\nAre you sure you want to remove the product?"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "",
"fxActive": false
},
"textSize": {
"value": "{{15}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "d446fdfa-1e37-4ebc-9b11-4d57e1d3cf51",
"type": "desktop",
"top": 19.999996185302734,
"left": 4.651163317075356,
"width": 39,
"height": 70,
"componentId": "b5cde3ff-b4bf-42e2-8110-e843a6cb4722"
}
]
},
{
"id": "d9080647-38ff-4202-934c-0fadbcb200f9",
"name": "button7",
"type": "Button",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "4ae6d583-5b47-4b18-80a7-d38df0325b11",
"properties": {
"text": {
"value": "Remove"
},
"loadingState": {
"value": "{{queries.tooljetdbRemoveProduct.isLoading}}",
"fxActive": true
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
"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": "91ef248f-7e00-481b-b4ca-a31dfc9a06a5",
"type": "desktop",
"top": 100,
"left": 53.4883593562437,
"width": 10.000000000000002,
"height": 40,
"componentId": "d9080647-38ff-4202-934c-0fadbcb200f9"
}
]
},
{
"id": "f60e9351-c066-409c-aeeb-953880be2c86",
"name": "button8",
"type": "Button",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "4ae6d583-5b47-4b18-80a7-d38df0325b11",
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
"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": "c2e80ba0-f13b-41a1-92c3-f278a0a7880c",
"type": "desktop",
"top": 99.99995803833008,
"left": 23.255806746040598,
"width": 10.000000000000002,
"height": 40,
"componentId": "f60e9351-c066-409c-aeeb-953880be2c86"
}
]
},
{
"id": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82",
"name": "modal2",
"type": "Modal",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": null,
"properties": {
"title": {
"value": "Edit Product #{{components.table1.selectedRow.id}}"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Add a Product"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "490px"
}
},
"general": {},
"styles": {
"headerBackgroundColor": {
"value": "{{queries.colorPalette.data.modalHeaderBg}}",
"fxActive": true
},
"headerTextColor": {
"value": "{{queries.colorPalette.data.modalHeaderText}}",
"fxActive": true
},
"bodyBackgroundColor": {
"value": "{{queries.colorPalette.data.modalBodyBg}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#4a90e2ff",
"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": "79eb4fc6-92ac-49b3-89d1-160f01c3e02d",
"type": "desktop",
"top": 920.0000610351562,
"left": 16.279071708163297,
"width": 4,
"height": 30,
"componentId": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82"
}
]
},
{
"id": "762b9ea5-a5b8-4dcf-b091-e31dfb45cc04",
"name": "button9",
"type": "Button",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82",
"properties": {
"text": {
"value": "Save changes"
},
"loadingState": {
"value": "{{queries.tooljetdbUpdateProduct.isLoading}}",
"fxActive": true
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{components.textinput2.value.length < 1 || components.numberinput5.value < 0 || components.numberinput6.value == 0 || components.dropdown5.value == undefined || components.dropdown6.value == undefined || components.textarea3.value == \"\"}}",
"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": "ab6db607-4f8b-4793-89ba-9db95ced99dc",
"type": "desktop",
"top": 420.0000057220459,
"left": 79.06978899941035,
"width": 6.992977528089888,
"height": 40,
"componentId": "762b9ea5-a5b8-4dcf-b091-e31dfb45cc04"
}
]
},
{
"id": "a2bdf922-4204-4f0b-bd84-9c784c2246c3",
"name": "button10",
"type": "Button",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82",
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
"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": "a8f34186-181c-4126-a853-6f1a36ca232e",
"type": "desktop",
"top": 419.99999237060547,
"left": 65.08360269503015,
"width": 5.026685393258427,
"height": 40,
"componentId": "a2bdf922-4204-4f0b-bd84-9c784c2246c3"
}
]
},
{
"id": "77024c67-dcc7-4d7b-92c3-748adb0ca71c",
"name": "text25",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82",
"properties": {
"text": {
"value": "Quantity"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "",
"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": "41b20b2e-bcbe-45c2-af2e-17890f0aefd4",
"type": "desktop",
"top": 140,
"left": 4.651161786086923,
"width": 7,
"height": 40,
"componentId": "77024c67-dcc7-4d7b-92c3-748adb0ca71c"
}
]
},
{
"id": "75a910af-bf8b-47f7-a523-9300e383208b",
"name": "text26",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82",
"properties": {
"text": {
"value": "Product Details"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "",
"fxActive": false
},
"textSize": {
"value": "{{18}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "445fa399-b6bd-4772-b969-9bc86f05f535",
"type": "desktop",
"top": 20,
"left": 4.651161793912395,
"width": 15,
"height": 40,
"componentId": "75a910af-bf8b-47f7-a523-9300e383208b"
}
]
},
{
"id": "578e23c7-3303-4106-a66c-854ac0dd6b28",
"name": "verticaldivider3",
"type": "VerticalDivider",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82",
"properties": {},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"dividerColor": {
"value": "#C1C8CD",
"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": "ce03dd30-d2bb-415d-94ad-89454613e1d1",
"type": "desktop",
"top": 140,
"left": 51.162797507362264,
"width": 1,
"height": 100,
"componentId": "578e23c7-3303-4106-a66c-854ac0dd6b28"
}
]
},
{
"id": "daad6b05-ec8c-4776-be0c-1b90d7f444ff",
"name": "text27",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82",
"properties": {
"text": {
"value": "Price ($)"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "",
"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": "01f9b25d-df5d-4ae9-81d8-c2ed77eb7edf",
"type": "desktop",
"top": 200,
"left": 4.651155125512338,
"width": 6,
"height": 40,
"componentId": "daad6b05-ec8c-4776-be0c-1b90d7f444ff"
}
]
},
{
"id": "a28c9e06-a8f7-46ce-b0f5-be35f2ae32e9",
"name": "text28",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82",
"properties": {
"text": {
"value": "Status"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "",
"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": "771087e1-a773-4854-af43-8a39038675cf",
"type": "desktop",
"top": 140,
"left": 55.81395137164659,
"width": 5.03866958707847,
"height": 40,
"componentId": "a28c9e06-a8f7-46ce-b0f5-be35f2ae32e9"
}
]
},
{
"id": "0f789dd2-4615-4159-868d-46a1cc2bca4f",
"name": "text29",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82",
"properties": {
"text": {
"value": "Description"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "",
"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": "5d50daf4-08a2-4413-adfe-8747ca0976d1",
"type": "desktop",
"top": 260.0000114440918,
"left": 4.651164969781484,
"width": 14.943668648140722,
"height": 40,
"componentId": "0f789dd2-4615-4159-868d-46a1cc2bca4f"
}
]
},
{
"id": "5be0932d-5bc8-4671-aec5-d4f8d41952bd",
"name": "textarea3",
"type": "TextArea",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82",
"properties": {
"value": {
"value": "{{components.table1.selectedRow.description}}"
},
"placeholder": {
"value": "Enter product description..."
}
},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "421f7fa1-f392-48d3-a4ad-78f0a55cba58",
"type": "desktop",
"top": 300.0000476837158,
"left": 4.6511335594497325,
"width": 39.00000000000001,
"height": 100,
"componentId": "5be0932d-5bc8-4671-aec5-d4f8d41952bd"
}
]
},
{
"id": "5ddfb78f-efbd-426d-9b0c-e2dcb7c70589",
"name": "text30",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82",
"properties": {
"text": {
"value": "Product name"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "",
"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": "70a909de-88fc-44d3-a687-d070df822770",
"type": "desktop",
"top": 80,
"left": 4.651160213588963,
"width": 6.992977528089888,
"height": 40,
"componentId": "5ddfb78f-efbd-426d-9b0c-e2dcb7c70589"
}
]
},
{
"id": "95e7dcc0-4afa-45ac-bab3-ac2bd90fe21a",
"name": "textinput2",
"type": "TextInput",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82",
"properties": {
"value": {
"value": "{{components.table1.selectedRow.product_name}}"
},
"placeholder": {
"value": "Enter product name"
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": null
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "0b087806-890b-4d7d-bf25-baccd480dd38",
"type": "desktop",
"top": 79.99998474121094,
"left": 20.930219677504155,
"width": 32,
"height": 40,
"componentId": "95e7dcc0-4afa-45ac-bab3-ac2bd90fe21a"
}
]
},
{
"id": "b7537695-f9dc-4fc8-a524-225b11bc5fbc",
"name": "text31",
"type": "Text",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82",
"properties": {
"text": {
"value": "Category"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "",
"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": "e2df14d5-f430-4a4c-b31c-90dfdc160e59",
"type": "desktop",
"top": 200,
"left": 55.813963751906705,
"width": 5.03866958707847,
"height": 40,
"componentId": "b7537695-f9dc-4fc8-a524-225b11bc5fbc"
}
]
},
{
"id": "9df0079e-f134-43ae-9b3d-42275ecc1643",
"name": "dropdown5",
"type": "DropDown",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82",
"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.numberinput5.value > 0 ? components.table1.selectedRow.status : \"out_of_stock\"}}"
},
"values": {
"value": "{{components.numberinput5.value > 0 ? [\"in_stock\", \"yet_to_receive\"] : [\"out_of_stock\"]}}"
},
"display_values": {
"value": "{{components.numberinput5.value > 0 ? [\"In stock\", \"Yet to receive\"] : [\"Out of stock\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select status..."
}
},
"general": {},
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"customRule": {
"value": null
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "985ba9ef-2e17-45f8-bcaf-5f97f4c81814",
"type": "desktop",
"top": 140.00002098083496,
"left": 67.44186541127978,
"width": 12.000000000000002,
"height": 40,
"componentId": "9df0079e-f134-43ae-9b3d-42275ecc1643"
}
]
},
{
"id": "82246fd4-c513-4c30-bc68-b5d50d5eed27",
"name": "dropdown6",
"type": "DropDown",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82",
"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.category}}"
},
"values": {
"value": "{{[\"apparel\",\"appliances\",\"beverage\",\"electronics\",\"food\",\"furniture\",\"software\"]}}"
},
"display_values": {
"value": "{{[\"Apparel\",\"Appliances\",\"Beverage\",\"Electronics\",\"Food\",\"Furniture\",\"Software\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select category..."
}
},
"general": {},
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"customRule": {
"value": null
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "67573a03-1c35-4995-af50-6ba11f67b59b",
"type": "desktop",
"top": 199.99999046325684,
"left": 67.44184492717345,
"width": 12.000000000000002,
"height": 40,
"componentId": "82246fd4-c513-4c30-bc68-b5d50d5eed27"
}
]
},
{
"id": "f8342661-5091-4fa9-8125-cd1623184015",
"name": "numberinput5",
"type": "NumberInput",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82",
"properties": {
"value": {
"value": "{{components.table1.selectedRow.quantity}}"
},
"maxValue": {
"value": "1000"
},
"minValue": {
"value": "0"
},
"placeholder": {
"value": "{{components.numberinput5.value}}"
},
"decimalPlaces": {
"value": "{{0}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "#dadcdeff"
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "5d553077-2373-426e-ab89-837a2d28902c",
"type": "desktop",
"top": 139.9999942779541,
"left": 20.930229033515786,
"width": 12,
"height": 40,
"componentId": "f8342661-5091-4fa9-8125-cd1623184015"
}
]
},
{
"id": "0feedefa-7fb2-4f77-90ce-91b7ceca93f2",
"name": "numberinput6",
"type": "NumberInput",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82",
"properties": {
"value": {
"value": "{{components.table1.selectedRow.price}}"
},
"maxValue": {
"value": "999999"
},
"minValue": {
"value": "0.50"
},
"placeholder": {
"value": "{{components.numberinput6.value}}"
},
"decimalPlaces": {
"value": "{{2}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "#dadcdeff"
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "751a372c-6dd5-4a6d-87f6-4bfbd42f4b16",
"type": "desktop",
"top": 200,
"left": 20.930284607776873,
"width": 12,
"height": 40,
"componentId": "0feedefa-7fb2-4f77-90ce-91b7ceca93f2"
}
]
},
{
"id": "42aec703-8d4d-46c3-9b0c-54dc57448805",
"name": "button2",
"type": "Button",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "72c52230-39ee-464d-887b-4a746389f5bd",
"properties": {
"text": {
"value": "Add product"
},
"loadingState": {
"value": "{{queries.tooljetdbAddProduct.isLoading}}",
"fxActive": true
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{components.textinput4.value.length < 1 || components.numberinput1.value == 0 || components.numberinput2.value == 0 || components.dropdown1.value == undefined || components.dropdown2.value == undefined || components.textarea2.value == \"\"}}",
"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": "f82e4be6-04fb-4368-87e9-9464cebfe4bf",
"type": "desktop",
"top": 420.00006103515625,
"left": 79.06980066522783,
"width": 6.992977528089888,
"height": 40,
"componentId": "42aec703-8d4d-46c3-9b0c-54dc57448805"
}
]
},
{
"id": "0396988a-c639-465c-bc65-6392e83c365c",
"name": "numberinput1",
"type": "NumberInput",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "72c52230-39ee-464d-887b-4a746389f5bd",
"properties": {
"value": {
"value": "{{0}}"
},
"maxValue": {
"value": "1000"
},
"minValue": {
"value": "1"
},
"placeholder": {
"value": "{{components.numberinput1.value}}"
},
"decimalPlaces": {
"value": "{{0}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "#dadcdeff"
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "38ce15bf-e980-48d4-90e6-27060590f919",
"type": "desktop",
"top": 140.0000228881836,
"left": 20.93021100469289,
"width": 12,
"height": 40,
"componentId": "0396988a-c639-465c-bc65-6392e83c365c"
}
]
},
{
"id": "9d049b97-0a6c-48a0-ba68-bf7f8d9ef056",
"name": "textinput4",
"type": "TextInput",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "72c52230-39ee-464d-887b-4a746389f5bd",
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter product name"
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": null
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "55c6e525-f2f9-4e82-aa4a-c2c9364698e0",
"type": "desktop",
"top": 80,
"left": 20.930231571554344,
"width": 32,
"height": 40,
"componentId": "9d049b97-0a6c-48a0-ba68-bf7f8d9ef056"
}
]
},
{
"id": "8fb99685-dc92-4d1c-bb4c-3e51563f2097",
"name": "dropdown1",
"type": "DropDown",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "72c52230-39ee-464d-887b-4a746389f5bd",
"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": "{{['in_stock', 'yet_to_receive']}}"
},
"display_values": {
"value": "{{['In stock', 'Yet to receive']}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select status..."
}
},
"general": {},
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"customRule": {
"value": null
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "8eb0b59b-2a5f-4321-b597-f1371b3ebba4",
"type": "desktop",
"top": 140,
"left": 67.44186869209275,
"width": 12.000000000000002,
"height": 40,
"componentId": "8fb99685-dc92-4d1c-bb4c-3e51563f2097"
}
]
},
{
"id": "f748555b-11f4-4673-9dfa-8d99f789726b",
"name": "dropdown2",
"type": "DropDown",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "72c52230-39ee-464d-887b-4a746389f5bd",
"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": "{{[\"apparel\",\"appliances\",\"beverage\",\"electronics\",\"food\",\"furniture\",\"software\"]}}"
},
"display_values": {
"value": "{{[\"Apparel\",\"Appliances\",\"Beverage\",\"Electronics\",\"Food\",\"Furniture\",\"Software\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select category..."
}
},
"general": {},
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"customRule": {
"value": null
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "9695094e-297f-4903-b528-bfe72a2e557e",
"type": "desktop",
"top": 200,
"left": 67.44184828431742,
"width": 12.000000000000002,
"height": 40,
"componentId": "f748555b-11f4-4673-9dfa-8d99f789726b"
}
]
},
{
"id": "bd83d90e-cc54-42ce-99f3-55c61ec93cd6",
"name": "textarea2",
"type": "TextArea",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "72c52230-39ee-464d-887b-4a746389f5bd",
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter product description..."
}
},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "85ea91f6-4f22-4cb5-8413-2c16e6b22959",
"type": "desktop",
"top": 299.99997901916504,
"left": 4.651146083885635,
"width": 39.00000000000001,
"height": 100,
"componentId": "bd83d90e-cc54-42ce-99f3-55c61ec93cd6"
}
]
},
{
"id": "c65a93f0-89b1-44d8-bde9-e1aa062fbbab",
"name": "table1",
"type": "Table",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": null,
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetProducts.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries.tooljetdbGetProducts.data}}"
},
"useDynamicColumn": {
"value": "{{false}}"
},
"columnData": {
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
},
"rowsPerPage": {
"value": "{{20}}"
},
"serverSidePagination": {
"value": "{{false}}"
},
"enableNextButton": {
"value": "{{true}}"
},
"enablePrevButton": {
"value": "{{true}}"
},
"totalRecords": {
"value": ""
},
"clientSidePagination": {
"value": "{{true}}"
},
"serverSideSort": {
"value": "{{false}}"
},
"serverSideFilter": {
"value": "{{false}}"
},
"displaySearchBox": {
"value": "{{true}}"
},
"showDownloadButton": {
"value": "{{true}}"
},
"showFilterButton": {
"value": "{{true}}"
},
"autogenerateColumns": {
"value": true
},
"columns": {
"value": [
{
"name": "# id",
"id": "78c599af-628d-41a5-8da0-02f40f4b0cfd",
"columnType": "number",
"key": "id"
},
{
"id": "9dd40d5e-36f2-4257-8fc0-9fec788fe025",
"name": "product name",
"key": "product_name",
"columnType": "string",
"autogenerated": true
},
{
"id": "6fcb6fac-ad92-4a9d-8473-f47818129a85",
"name": "quantity",
"key": "quantity",
"columnType": "number",
"autogenerated": true,
"isEditable": "{{false}}"
},
{
"id": "8f97e3b2-69d2-44c4-b301-05f6f6c0afff",
"name": "price ($)",
"key": "price",
"columnType": "number",
"autogenerated": true
},
{
"id": "935cf13c-6101-4fae-a9ef-d4bb6a396fb2",
"name": "status",
"key": "status",
"columnType": "string",
"autogenerated": true
},
{
"id": "68977f9a-fb0a-4f7b-85f2-cc5b11a2a0cb",
"name": "category",
"key": "category",
"columnType": "string",
"autogenerated": true
},
{
"id": "9de6c6a2-512b-45e8-8c80-d2d8271976af",
"name": "description",
"key": "description",
"columnType": "string",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 39,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 143,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 370,
"d7ef4587-d597-44fe-a09f-1e8a5afe7ebd": 161,
"80a7c021-1406-495f-98d2-c8b1789748d6": 169,
"e7828dc4-90f6-4a60-aadb-58356278dff9": 70,
"aa56b72c-5246-47a7-800d-b19a7208970a": 281,
"01397da4-b41e-4540-aec5-440e70fd38d5": 381,
"9de6c6a2-512b-45e8-8c80-d2d8271976af": 448,
"4193a446-2519-454c-9ade-d468ce8e0acb": 89,
"6fcb6fac-ad92-4a9d-8473-f47818129a85": 97,
"935cf13c-6101-4fae-a9ef-d4bb6a396fb2": 117,
"8f97e3b2-69d2-44c4-b301-05f6f6c0afff": 89,
"78c599af-628d-41a5-8da0-02f40f4b0cfd": 35,
"68977f9a-fb0a-4f7b-85f2-cc5b11a2a0cb": 137,
"leftActions": 67,
"rightActions": 137,
"9dd40d5e-36f2-4257-8fc0-9fec788fe025": 169
}
},
"actions": {
"value": [
{
"name": "Action0",
"buttonText": "Edit",
"events": [
{
"eventId": "onClick",
"actionId": "show-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "77c87ef4-529f-47fa-831a-05c96bb56518"
}
],
"position": "right",
"textColor": "#5079ffff",
"backgroundColor": "#5079ff1a"
},
{
"name": "Action1",
"buttonText": "Remove",
"events": [
{
"eventId": "onClick",
"actionId": "show-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "c661499a-48fd-4c95-ace8-0a0b8af9d350"
}
],
"position": "right",
"textColor": "#d0021bff",
"backgroundColor": "#d0021b1a"
}
]
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"email",
"Assigned to",
"Quantity",
"Status",
"product description",
"id",
"is_active"
]
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"serverSideSearch": {
"value": "{{true}}"
},
"allowSelection": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "10"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 10px 0px #00000040",
"fxActive": false
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-27T01:12:09.759Z",
"layouts": [
{
"id": "8e1fa0ed-885e-4b13-b65a-de370183320f",
"type": "desktop",
"top": 239.99991607666016,
"left": 2.3255838703196283,
"width": 40.99999999999999,
"height": 610,
"componentId": "c65a93f0-89b1-44d8-bde9-e1aa062fbbab"
}
]
},
{
"id": "1408984b-8398-4cc3-9d51-c7311f3761c6",
"name": "numberinput2",
"type": "NumberInput",
"pageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"parent": "72c52230-39ee-464d-887b-4a746389f5bd",
"properties": {
"value": {
"value": "0"
},
"maxValue": {
"value": "999999"
},
"minValue": {
"value": "0.50"
},
"placeholder": {
"value": "{{components.numberinput2.value}}"
},
"decimalPlaces": {
"value": "{{2}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "#dadcdeff"
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "dc5fc60d-0dc4-4e77-bba2-de9aeeb2f022",
"type": "desktop",
"top": 200.00000762939453,
"left": 20.930279929303254,
"width": 12,
"height": 40,
"componentId": "1408984b-8398-4cc3-9d51-c7311f3761c6"
}
]
}
],
"pages": [
{
"id": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"name": "Product Inventory",
"handle": "Product Inventory",
"index": 0,
"disabled": false,
"hidden": false,
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e"
}
],
"events": [
{
"id": "b163577c-3823-4a8c-8a61-7765f9d8edf5",
"name": "onPageLoad",
"index": 0,
"event": {
"eventId": "onPageLoad",
"message": "Hello world!",
"queryId": "7345388e-eda4-494d-8a44-fac9d0e11f49",
"actionId": "run-query",
"alertType": "info",
"queryName": "tooljetdbGetProducts",
"parameters": {}
},
"sourceId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"target": "page",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "c8929094-30bb-4d5a-8876-f8e74c1a831d",
"name": "onSearch",
"index": 0,
"event": {
"eventId": "onSearch",
"message": "Hello World!",
"queryId": "7345388e-eda4-494d-8a44-fac9d0e11f49",
"actionId": "run-query",
"alertType": "info",
"queryName": "tooljetdbGetProducts",
"parameters": {}
},
"sourceId": "c65a93f0-89b1-44d8-bde9-e1aa062fbbab",
"target": "component",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "2cb1f06c-bfb5-46a3-aaac-5774ceee1ce5",
"name": "onClick",
"index": 0,
"event": {
"eventId": "onClick",
"message": "Hello world!",
"queryId": "0bed2d35-61e3-4a6e-ab63-e22a0b2fc899",
"actionId": "run-query",
"alertType": "info",
"queryName": "tooljetdbAddProduct",
"parameters": {}
},
"sourceId": "42aec703-8d4d-46c3-9b0c-54dc57448805",
"target": "component",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "1ea26c0f-2da7-461c-82c1-cfe06bec1ffa",
"name": "onClick",
"index": 0,
"event": {
"eventId": "onClick",
"message": "Hello world!",
"queryId": "1fd7199d-3feb-4c93-a2b6-070a77c075eb",
"actionId": "run-query",
"alertType": "info",
"queryName": "tooljetdbRemoveProduct",
"parameters": {}
},
"sourceId": "d9080647-38ff-4202-934c-0fadbcb200f9",
"target": "component",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "be5df673-6492-44e8-be06-521b2ed86ff6",
"name": "onClick",
"index": 0,
"event": {
"eventId": "onClick",
"message": "Hello world!",
"queryId": "65d4cafc-537f-4874-8153-393f4108c0cb",
"actionId": "run-query",
"alertType": "info",
"queryName": "tooljetdbUpdateProduct",
"parameters": {}
},
"sourceId": "762b9ea5-a5b8-4dcf-b091-e31dfb45cc04",
"target": "component",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "008a0ab2-ec18-4d2d-a08d-20f9b477e1d3",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Successfully updated product details.",
"actionId": "show-alert",
"alertType": "success"
},
"sourceId": "65d4cafc-537f-4874-8153-393f4108c0cb",
"target": "data_query",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "0d788131-2159-4e8c-9c48-a7ae325c67cb",
"name": "onDataQuerySuccess",
"index": 2,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "7345388e-eda4-494d-8a44-fac9d0e11f49",
"actionId": "run-query",
"alertType": "info",
"queryName": "tooljetdbGetProducts",
"parameters": {}
},
"sourceId": "65d4cafc-537f-4874-8153-393f4108c0cb",
"target": "data_query",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "79475ceb-3b82-44ea-9745-b36877335a07",
"name": "onDataQueryFailure",
"index": 3,
"event": {
"eventId": "onDataQueryFailure",
"message": "Failed to update product details! Please check and try again.",
"actionId": "show-alert",
"alertType": "warning"
},
"sourceId": "65d4cafc-537f-4874-8153-393f4108c0cb",
"target": "data_query",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "5cf24f09-e375-4f90-b7e3-44b7ed205501",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "1ea07b28-2161-4030-b6cb-3b10c0f28999",
"actionId": "run-query",
"alertType": "info",
"queryName": "getProductStats",
"parameters": {}
},
"sourceId": "7345388e-eda4-494d-8a44-fac9d0e11f49",
"target": "data_query",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "807be99e-fea8-4ee9-bb55-d8afd0d872a3",
"name": "onDataQuerySuccess",
"index": 1,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Product deleted successfully.",
"actionId": "show-alert",
"alertType": "success"
},
"sourceId": "1fd7199d-3feb-4c93-a2b6-070a77c075eb",
"target": "data_query",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "cf843022-8b61-43dd-bc7e-c5ce25981971",
"name": "onDataQuerySuccess",
"index": 2,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "7345388e-eda4-494d-8a44-fac9d0e11f49",
"actionId": "run-query",
"alertType": "info",
"queryName": "tooljetdbGetProducts",
"parameters": {}
},
"sourceId": "1fd7199d-3feb-4c93-a2b6-070a77c075eb",
"target": "data_query",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "bbfd7411-2748-4bba-867c-a2cc64048d55",
"name": "onDataQueryFailure",
"index": 3,
"event": {
"eventId": "onDataQueryFailure",
"message": "Failed to remove the product! Please check and try again.",
"actionId": "show-alert",
"alertType": "warning"
},
"sourceId": "1fd7199d-3feb-4c93-a2b6-070a77c075eb",
"target": "data_query",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "e2bb5e17-57b4-4c88-93ef-c1ceddcb45e1",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Product added successfully",
"actionId": "show-alert",
"alertType": "success"
},
"sourceId": "0bed2d35-61e3-4a6e-ab63-e22a0b2fc899",
"target": "data_query",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "85ce4ef3-fff5-4e94-a82d-052899d0b07d",
"name": "onDataQuerySuccess",
"index": 3,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "7345388e-eda4-494d-8a44-fac9d0e11f49",
"actionId": "run-query",
"alertType": "info",
"queryName": "tooljetdbGetProducts",
"parameters": {}
},
"sourceId": "0bed2d35-61e3-4a6e-ab63-e22a0b2fc899",
"target": "data_query",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "803513f8-118a-4035-9e22-b7ef97216aa3",
"name": "onDataQueryFailure",
"index": 4,
"event": {
"eventId": "onDataQueryFailure",
"message": "Failed to add product! Please check and try again.",
"actionId": "show-alert",
"alertType": "warning"
},
"sourceId": "0bed2d35-61e3-4a6e-ab63-e22a0b2fc899",
"target": "data_query",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "219e26eb-3bc7-4d7e-8f87-c3f7208bdb26",
"name": "onClick",
"index": 0,
"event": {
"modal": "72c52230-39ee-464d-887b-4a746389f5bd",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "close-modal",
"alertType": "info"
},
"sourceId": "16af05ad-04b3-477b-b839-25beac5196b2",
"target": "component",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "26938808-acf3-4b96-b799-2fb50bec6a1a",
"name": "onClick",
"index": 0,
"event": {
"modal": "72c52230-39ee-464d-887b-4a746389f5bd",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "show-modal",
"alertType": "info"
},
"sourceId": "bbb53b9f-85f9-4c5c-841c-5dc2f6f935a0",
"target": "component",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "08002aa0-3ab4-4c16-a853-92cdede21c1a",
"name": "onClick",
"index": 0,
"event": {
"modal": "4ae6d583-5b47-4b18-80a7-d38df0325b11",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "close-modal",
"alertType": "info"
},
"sourceId": "f60e9351-c066-409c-aeeb-953880be2c86",
"target": "component",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "f3cd4cf5-a1b6-4934-ac45-2a03f7a77167",
"name": "onClick",
"index": 0,
"event": {
"modal": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "close-modal",
"alertType": "info"
},
"sourceId": "a2bdf922-4204-4f0b-bd84-9c784c2246c3",
"target": "component",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "be6d23c9-9c6d-4aa7-8d04-228807c66573",
"name": "onClick",
"index": 0,
"event": {
"ref": "Action0",
"modal": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "show-modal",
"alertType": "info"
},
"sourceId": "c65a93f0-89b1-44d8-bde9-e1aa062fbbab",
"target": "table_action",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "089a9ebb-724f-4c98-a9e7-bf84e6d3a3a5",
"name": "onClick",
"index": 0,
"event": {
"ref": "Action1",
"modal": "4ae6d583-5b47-4b18-80a7-d38df0325b11",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "show-modal",
"alertType": "info"
},
"sourceId": "c65a93f0-89b1-44d8-bde9-e1aa062fbbab",
"target": "table_action",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "3db5f68a-b6a5-4c05-a643-8de1bedee72a",
"name": "onDataQuerySuccess",
"index": 1,
"event": {
"modal": "ee8ed971-703f-4e32-ba3d-b5ecdae3dd82",
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"actionId": "close-modal",
"alertType": "info"
},
"sourceId": "65d4cafc-537f-4874-8153-393f4108c0cb",
"target": "data_query",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "ce255724-d96f-46ce-a012-a5081a9d6cd9",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"modal": "4ae6d583-5b47-4b18-80a7-d38df0325b11",
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"actionId": "close-modal",
"alertType": "info"
},
"sourceId": "1fd7199d-3feb-4c93-a2b6-070a77c075eb",
"target": "data_query",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "99c97731-5625-4751-9cfd-04fcf53514f3",
"name": "onDataQuerySuccess",
"index": 1,
"event": {
"modal": "72c52230-39ee-464d-887b-4a746389f5bd",
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"actionId": "close-modal",
"alertType": "info"
},
"sourceId": "0bed2d35-61e3-4a6e-ab63-e22a0b2fc899",
"target": "data_query",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "ede98f30-880d-4792-89d8-446d33ea4344",
"name": "onDataQuerySuccess",
"index": 2,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"actionId": "control-component",
"alertType": "info",
"componentId": "c65a93f0-89b1-44d8-bde9-e1aa062fbbab",
"componentSpecificActionHandle": "discardChanges",
"componentSpecificActionParams": []
},
"sourceId": "0bed2d35-61e3-4a6e-ab63-e22a0b2fc899",
"target": "data_query",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
}
],
"dataQueries": [
{
"id": "1ea07b28-2161-4030-b6cb-3b10c0f28999",
"name": "getProductStats",
"options": {
"code": "totalQty = 0;\ninStockQty = 0;\nlowInStock = 0;\noutOfStock = 0;\nyetToReceive = 0;\n\nqueries.tooljetdbGetProducts.data.forEach((product) => {\n totalQty += product.quantity;\n inStockQty += product.status == \"in_stock\" ? product.quantity : 0;\n yetToReceive += product.status == \"yet_to_receive\" ? product.quantity : 0;\n lowInStock += product.quantity <= 10 && product.quantity > 0 ? 1 : 0;\n outOfStock += product.quantity == 0 ? 1 : 0;\n});\n\nreturn {\n quantityInTotal: totalQty,\n quantityInStock: inStockQty,\n quantityYetToReceive: yetToReceive,\n lowInStock: lowInStock,\n outOfStock: outOfStock,\n};",
"hasParamSupport": true,
"parameters": []
},
"dataSourceId": "6b1d6c15-ca49-4a94-a663-4785dc77839e",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-09-19T08:22:32.225Z",
"updatedAt": "2023-09-19T08:22:32.225Z"
},
{
"id": "65d4cafc-537f-4874-8153-393f4108c0cb",
"name": "tooljetdbUpdateProduct",
"options": {
"operation": "update_rows",
"transformationLanguage": "javascript",
"enableTransformation": false,
"table_name": "supply_chain_products",
"list_rows": {},
"update_rows": {
"columns": {
"0": {
"column": "product_name",
"value": "{{components.textinput2.value}}"
},
"1": {
"column": "quantity",
"value": "{{components.numberinput5.value}}"
},
"2": {
"column": "status",
"value": "{{components.dropdown5.value}}"
},
"3": {
"column": "price",
"value": "{{components.numberinput6.value}}"
},
"4": {
"column": "category",
"value": "{{components.dropdown6.value}}"
},
"5": {
"column": "description",
"value": "{{components.textarea3.value}}"
}
},
"where_filters": {
"1": {
"column": "id",
"operator": "eq",
"value": "{{components.table1.selectedRow.id}}",
"id": "1"
}
}
},
"events": [
{
"eventId": "onDataQuerySuccess",
"actionId": "show-alert",
"message": "Successfully updated product details.",
"alertType": "success"
},
{
"eventId": "onDataQuerySuccess",
"actionId": "close-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
{
"eventId": "onDataQuerySuccess",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "7345388e-eda4-494d-8a44-fac9d0e11f49",
"queryName": "tooljetdbGetProducts",
"parameters": {}
},
{
"eventId": "onDataQueryFailure",
"actionId": "show-alert",
"message": "Failed to update product details! Please check and try again.",
"alertType": "warning"
}
],
"table_id": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c",
"organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
"join_table": {
"joins": [
{
"id": 1696945109288,
"conditions": {
"operator": "AND",
"conditionsList": [
{
"operator": "=",
"leftField": {
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
}
}
]
},
"joinType": "INNER"
}
],
"from": {
"name": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c",
"type": "Table"
},
"fields": [
{
"name": "id",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "product_name",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "quantity",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "status",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "price",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "description",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "category",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "is_active",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
}
]
}
},
"dataSourceId": "109c8bf3-ba3a-4e78-94b3-ba3e75551d82",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-09-19T08:22:32.225Z",
"updatedAt": "2023-12-06T09:38:14.628Z"
},
{
"id": "0bed2d35-61e3-4a6e-ab63-e22a0b2fc899",
"name": "tooljetdbAddProduct",
"options": {
"operation": "create_row",
"transformationLanguage": "javascript",
"enableTransformation": false,
"table_name": "supply_chain_products",
"list_rows": {},
"create_row": {
"0": {
"column": "product_name",
"value": "{{components.textinput4.value}}"
},
"1": {
"column": "quantity",
"value": "{{components.numberinput1.value}}"
},
"2": {
"column": "status",
"value": "{{components.dropdown1.value}}"
},
"3": {
"column": "price",
"value": "{{components.numberinput2.value}}"
},
"4": {
"column": "category",
"value": "{{components.dropdown2.value}}"
},
"5": {
"column": "description",
"value": "{{components.textarea2.value}}"
}
},
"events": [
{
"eventId": "onDataQuerySuccess",
"actionId": "show-alert",
"message": "Product added successfully",
"alertType": "success"
},
{
"eventId": "onDataQuerySuccess",
"actionId": "close-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
{
"eventId": "onDataQuerySuccess",
"actionId": "control-component",
"message": "Hello world!",
"alertType": "info",
"componentSpecificActionHandle": "discardChanges",
"componentId": "bda85f11-39c0-40d3-ba35-bfd0211fea6f",
"componentSpecificActionParams": []
},
{
"eventId": "onDataQuerySuccess",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "7345388e-eda4-494d-8a44-fac9d0e11f49",
"queryName": "tooljetdbGetProducts",
"parameters": {}
},
{
"eventId": "onDataQueryFailure",
"actionId": "show-alert",
"message": "Failed to add product! Please check and try again.",
"alertType": "warning"
}
],
"table_id": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c",
"organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
"join_table": {
"joins": [
{
"id": 1696945053501,
"conditions": {
"operator": "AND",
"conditionsList": [
{
"operator": "=",
"leftField": {
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
}
}
]
},
"joinType": "INNER"
}
],
"from": {
"name": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c",
"type": "Table"
},
"fields": [
{
"name": "id",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "product_name",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "quantity",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "status",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "price",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "description",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "category",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "is_active",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
}
]
}
},
"dataSourceId": "109c8bf3-ba3a-4e78-94b3-ba3e75551d82",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-09-19T08:22:32.225Z",
"updatedAt": "2023-12-06T09:39:41.688Z"
},
{
"id": "7345388e-eda4-494d-8a44-fac9d0e11f49",
"name": "tooljetdbGetProducts",
"options": {
"operation": "list_rows",
"transformationLanguage": "javascript",
"enableTransformation": false,
"table_name": "supply_chain_products",
"list_rows": {
"where_filters": {
"3": {
"column": "is_active",
"operator": "eq",
"value": "true",
"id": "3"
},
"12": {
"column": "product_name",
"operator": "ilike",
"value": "{{components.table1.searchText != \"\" ? \"%\" + components.table1.searchText + \"%\" : \"\\%\\%\"}}",
"id": "12"
}
},
"order_filters": {
"1": {
"column": "id",
"order": "desc",
"id": "1"
}
}
},
"runOnPageLoad": false,
"events": [
{
"eventId": "onDataQuerySuccess",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "1ea07b28-2161-4030-b6cb-3b10c0f28999",
"queryName": "getProductStats",
"parameters": {}
}
],
"table_id": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c",
"organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
"join_table": {
"joins": [
{
"id": 1696945129546,
"conditions": {
"operator": "AND",
"conditionsList": [
{
"operator": "=",
"leftField": {
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
}
}
]
},
"joinType": "INNER"
}
],
"from": {
"name": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c",
"type": "Table"
},
"fields": [
{
"name": "id",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "product_name",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "quantity",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "status",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "price",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "description",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "category",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "is_active",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
}
]
}
},
"dataSourceId": "109c8bf3-ba3a-4e78-94b3-ba3e75551d82",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-09-19T08:22:32.225Z",
"updatedAt": "2024-01-02T11:56:52.820Z"
},
{
"id": "aa9c3846-ed11-4849-8916-86178828924e",
"name": "colorPalette",
"options": {
"code": "colorDirectory = {\n btnPrimaryBg: \"#5079ffff\",\n btnPrimaryBorder: \"#ffffff00\",\n btnPrimaryText: \"#ffffffff\",\n btnSecondaryBg: \"#ffffffb3\",\n btnSecondaryBorder: \"#5079ffff\",\n btnSecondaryText: \"#5079ffff\",\n main: \"#3e63ddff\",\n modalBodyBg: \"#ffffff00\",\n modalHeaderBg: \"#3e63ddff\",\n modalHeaderText: \"#ffffffff\",\n navbarBg: \"#3e63ddff\",\n navbarBtnBg: \"#ffffff1a\",\n navbarBtnBorder: \"#ffffffff\",\n navbarBtnText: \"#ffffffff\",\n navbarText: \"#ffffffff\",\n tabHighlight: \"#3e63ddff\",\n};\n\nreturn colorDirectory;",
"hasParamSupport": true,
"parameters": [],
"runOnPageLoad": true
},
"dataSourceId": "6b1d6c15-ca49-4a94-a663-4785dc77839e",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-09-19T09:52:05.729Z",
"updatedAt": "2024-01-02T11:57:57.464Z"
},
{
"id": "1fd7199d-3feb-4c93-a2b6-070a77c075eb",
"name": "tooljetdbRemoveProduct",
"options": {
"operation": "update_rows",
"transformationLanguage": "javascript",
"enableTransformation": false,
"table_id": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c",
"list_rows": {},
"update_rows": {
"columns": {
"2": {
"column": "is_active",
"value": "false"
}
},
"where_filters": {
"1": {
"column": "id",
"operator": "eq",
"value": "{{components.table1.selectedRow.id}}",
"id": "1"
}
}
},
"events": [
{
"eventId": "onDataQuerySuccess",
"actionId": "close-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "c661499a-48fd-4c95-ace8-0a0b8af9d350"
},
{
"eventId": "onDataQuerySuccess",
"actionId": "show-alert",
"message": "Product deleted successfully.",
"alertType": "success"
},
{
"eventId": "onDataQuerySuccess",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "7345388e-eda4-494d-8a44-fac9d0e11f49",
"queryName": "tooljetdbGetProducts",
"parameters": {}
},
{
"eventId": "onDataQueryFailure",
"actionId": "show-alert",
"message": "Failed to remove the product! Please check and try again.",
"alertType": "warning"
}
],
"organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
"join_table": {
"joins": [
{
"id": 1696945089990,
"conditions": {
"operator": "AND",
"conditionsList": [
{
"operator": "=",
"leftField": {
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
}
}
]
},
"joinType": "INNER"
}
],
"from": {
"name": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c",
"type": "Table"
},
"fields": [
{
"name": "id",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "product_name",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "quantity",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "status",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "price",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "description",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "category",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
},
{
"name": "is_active",
"table": "8e3161de-ffa9-4502-9f4c-6d06c0f5884c"
}
]
}
},
"dataSourceId": "109c8bf3-ba3a-4e78-94b3-ba3e75551d82",
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"createdAt": "2023-09-20T20:44:16.997Z",
"updatedAt": "2023-12-06T09:38:49.721Z"
}
],
"dataSources": [
{
"id": "e50d80d3-9e7f-429b-b75c-c9c43a2ca580",
"name": "restapidefault",
"kind": "restapi",
"type": "static",
"pluginId": null,
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"organizationId": null,
"scope": "local",
"createdAt": "2023-09-19T08:22:32.309Z",
"updatedAt": "2023-09-19T08:22:32.309Z"
},
{
"id": "6b1d6c15-ca49-4a94-a663-4785dc77839e",
"name": "runjsdefault",
"kind": "runjs",
"type": "static",
"pluginId": null,
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"organizationId": null,
"scope": "local",
"createdAt": "2023-09-19T08:22:32.319Z",
"updatedAt": "2023-09-19T08:22:32.319Z"
},
{
"id": "e0b34ba6-4c26-4acf-b963-f279e0183d55",
"name": "runpydefault",
"kind": "runpy",
"type": "static",
"pluginId": null,
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"organizationId": null,
"scope": "local",
"createdAt": "2023-09-19T08:22:32.326Z",
"updatedAt": "2023-09-19T08:22:32.326Z"
},
{
"id": "109c8bf3-ba3a-4e78-94b3-ba3e75551d82",
"name": "tooljetdbdefault",
"kind": "tooljetdb",
"type": "static",
"pluginId": null,
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"organizationId": null,
"scope": "local",
"createdAt": "2023-09-19T08:22:32.332Z",
"updatedAt": "2023-09-19T08:22:32.332Z"
},
{
"id": "8c2aae90-4a9e-4e00-a539-59f5834e4d64",
"name": "workflowsdefault",
"kind": "workflows",
"type": "static",
"pluginId": null,
"appVersionId": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"organizationId": null,
"scope": "local",
"createdAt": "2023-09-19T08:22:32.338Z",
"updatedAt": "2023-09-19T08:22:32.338Z"
}
],
"appVersions": [
{
"id": "96949e73-05ba-4a42-aa7b-6c8772f7a78e",
"name": "v1",
"definition": {
"showViewerNavigation": false,
"homePageId": "27be7952-16b7-4dd2-922b-14670240551d",
"pages": {
"27be7952-16b7-4dd2-922b-14670240551d": {
"name": "Product Inventory",
"handle": "Product Inventory",
"components": {
"bda85f11-39c0-40d3-ba35-bfd0211fea6f": {
"id": "bda85f11-39c0-40d3-ba35-bfd0211fea6f",
"component": {
"properties": {
"title": {
"type": "string",
"displayName": "Title",
"validation": {
"schema": {
"type": "string"
}
}
},
"data": {
"type": "code",
"displayName": "Table data",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "object"
},
"optional": true
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"columns": {
"type": "array",
"displayName": "Table Columns"
},
"useDynamicColumn": {
"type": "toggle",
"displayName": "Use dynamic column",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"columnData": {
"type": "code",
"displayName": "Column data"
},
"rowsPerPage": {
"type": "code",
"displayName": "Number of rows per page",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"serverSidePagination": {
"type": "toggle",
"displayName": "Server-side pagination",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enableNextButton": {
"type": "toggle",
"displayName": "Enable next page button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enabledSort": {
"type": "toggle",
"displayName": "Enable sorting",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"hideColumnSelectorButton": {
"type": "toggle",
"displayName": "Hide column selector button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enablePrevButton": {
"type": "toggle",
"displayName": "Enable previous page button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"totalRecords": {
"type": "code",
"displayName": "Total records server side",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"clientSidePagination": {
"type": "toggle",
"displayName": "Client-side pagination",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideSearch": {
"type": "toggle",
"displayName": "Server-side search",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideSort": {
"type": "toggle",
"displayName": "Server-side sort",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideFilter": {
"type": "toggle",
"displayName": "Server-side filter",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"actionButtonBackgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonTextColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
}
}
},
"displaySearchBox": {
"type": "toggle",
"displayName": "Show search box",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showDownloadButton": {
"type": "toggle",
"displayName": "Show download button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showFilterButton": {
"type": "toggle",
"displayName": "Show filter button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkUpdateActions": {
"type": "toggle",
"displayName": "Show update buttons",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkSelector": {
"type": "toggle",
"displayName": "Bulk selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"highlightSelectedRow": {
"type": "toggle",
"displayName": "Highlight selected row",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop "
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onRowHovered": {
"displayName": "Row hovered"
},
"onRowClicked": {
"displayName": "Row clicked"
},
"onBulkUpdate": {
"displayName": "Save changes"
},
"onPageChanged": {
"displayName": "Page changed"
},
"onSearch": {
"displayName": "Search"
},
"onCancelChanges": {
"displayName": "Cancel changes"
},
"onSort": {
"displayName": "Sort applied"
},
"onCellValueChanged": {
"displayName": "Cell value changed"
},
"onFilterChanged": {
"displayName": "Filter changed"
},
"onNewRowsAdded": {
"displayName": "Add new rows"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonRadius": {
"type": "code",
"displayName": "Action Button Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "boolean"
}
]
}
}
},
"tableType": {
"type": "select",
"displayName": "Table type",
"options": [
{
"name": "Bordered",
"value": "table-bordered"
},
{
"name": "Regular",
"value": "table-classic"
},
{
"name": "Striped",
"value": "table-striped"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"cellSize": {
"type": "select",
"displayName": "Cell size",
"options": [
{
"name": "Condensed",
"value": "condensed"
},
{
"name": "Regular",
"value": "regular"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onSearch",
"actionId": "run-query",
"message": "Hello World!",
"alertType": "info",
"queryId": "7345388e-eda4-494d-8a44-fac9d0e11f49",
"queryName": "tooljetdbGetProducts",
"parameters": {}
}
],
"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 10px 0px #00000040",
"fxActive": false
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetProducts.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries.tooljetdbGetProducts.data}}"
},
"useDynamicColumn": {
"value": "{{false}}"
},
"columnData": {
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
},
"rowsPerPage": {
"value": "{{20}}"
},
"serverSidePagination": {
"value": "{{false}}"
},
"enableNextButton": {
"value": "{{true}}"
},
"enablePrevButton": {
"value": "{{true}}"
},
"totalRecords": {
"value": ""
},
"clientSidePagination": {
"value": "{{true}}"
},
"serverSideSort": {
"value": "{{false}}"
},
"serverSideFilter": {
"value": "{{false}}"
},
"displaySearchBox": {
"value": "{{true}}"
},
"showDownloadButton": {
"value": "{{true}}"
},
"showFilterButton": {
"value": "{{true}}"
},
"autogenerateColumns": {
"value": true
},
"columns": {
"value": [
{
"name": "# id",
"id": "78c599af-628d-41a5-8da0-02f40f4b0cfd",
"columnType": "number",
"key": "id"
},
{
"id": "9dd40d5e-36f2-4257-8fc0-9fec788fe025",
"name": "product name",
"key": "product_name",
"columnType": "string",
"autogenerated": true
},
{
"id": "6fcb6fac-ad92-4a9d-8473-f47818129a85",
"name": "quantity",
"key": "quantity",
"columnType": "number",
"autogenerated": true,
"isEditable": "{{false}}"
},
{
"id": "8f97e3b2-69d2-44c4-b301-05f6f6c0afff",
"name": "price ($)",
"key": "price",
"columnType": "number",
"autogenerated": true
},
{
"id": "935cf13c-6101-4fae-a9ef-d4bb6a396fb2",
"name": "status",
"key": "status",
"columnType": "string",
"autogenerated": true
},
{
"id": "68977f9a-fb0a-4f7b-85f2-cc5b11a2a0cb",
"name": "category",
"key": "category",
"columnType": "string",
"autogenerated": true
},
{
"id": "9de6c6a2-512b-45e8-8c80-d2d8271976af",
"name": "description",
"key": "description",
"columnType": "string",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 39,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 143,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 370,
"d7ef4587-d597-44fe-a09f-1e8a5afe7ebd": 161,
"80a7c021-1406-495f-98d2-c8b1789748d6": 169,
"e7828dc4-90f6-4a60-aadb-58356278dff9": 70,
"aa56b72c-5246-47a7-800d-b19a7208970a": 281,
"01397da4-b41e-4540-aec5-440e70fd38d5": 381,
"9de6c6a2-512b-45e8-8c80-d2d8271976af": 448,
"4193a446-2519-454c-9ade-d468ce8e0acb": 89,
"6fcb6fac-ad92-4a9d-8473-f47818129a85": 97,
"935cf13c-6101-4fae-a9ef-d4bb6a396fb2": 117,
"8f97e3b2-69d2-44c4-b301-05f6f6c0afff": 89,
"78c599af-628d-41a5-8da0-02f40f4b0cfd": 35,
"68977f9a-fb0a-4f7b-85f2-cc5b11a2a0cb": 137,
"leftActions": 67,
"rightActions": 137,
"9dd40d5e-36f2-4257-8fc0-9fec788fe025": 169
}
},
"actions": {
"value": [
{
"name": "Action0",
"buttonText": "Edit",
"events": [
{
"eventId": "onClick",
"actionId": "show-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "77c87ef4-529f-47fa-831a-05c96bb56518"
}
],
"position": "right",
"textColor": "#5079ffff",
"backgroundColor": "#5079ff1a"
},
{
"name": "Action1",
"buttonText": "Remove",
"events": [
{
"eventId": "onClick",
"actionId": "show-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "c661499a-48fd-4c95-ace8-0a0b8af9d350"
}
],
"position": "right",
"textColor": "#d0021bff",
"backgroundColor": "#d0021b1a"
}
]
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"email",
"Assigned to",
"Quantity",
"Status",
"product description",
"id",
"is_active"
]
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"serverSideSearch": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "table1",
"displayName": "Table",
"description": "Display paginated tabular data",
"component": "Table",
"defaultSize": {
"width": 20,
"height": 358
},
"exposedVariables": {
"selectedRow": {},
"changeSet": {},
"dataUpdates": [],
"pageIndex": 1,
"searchText": "",
"selectedRows": [],
"filters": []
},
"actions": [
{
"handle": "setPage",
"displayName": "Set page",
"params": [
{
"handle": "page",
"displayName": "Page",
"defaultValue": "{{1}}"
}
]
},
{
"handle": "selectRow",
"displayName": "Select row",
"params": [
{
"handle": "key",
"displayName": "Key"
},
{
"handle": "value",
"displayName": "Value"
}
]
},
{
"handle": "deselectRow",
"displayName": "Deselect row"
},
{
"handle": "discardChanges",
"displayName": "Discard Changes"
},
{
"handle": "discardNewlyAddedRows",
"displayName": "Discard newly added rows"
}
]
},
"layouts": {
"desktop": {
"top": 239.9999122619629,
"left": 2.3255818850376775,
"width": 40.99999999999999,
"height": 610
}
}
},
"e70226f2-0985-4145-9fb4-d8355258b0c5": {
"id": "e70226f2-0985-4145-9fb4-d8355258b0c5",
"component": {
"properties": {
"title": {
"type": "code",
"displayName": "Title",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"useDefaultButton": {
"type": "toggle",
"displayName": "Use default trigger button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"triggerButtonLabel": {
"type": "code",
"displayName": "Trigger button label",
"validation": {
"schema": {
"type": "string"
}
}
},
"hideTitleBar": {
"type": "toggle",
"displayName": "Hide title bar"
},
"hideCloseButton": {
"type": "toggle",
"displayName": "Hide close button"
},
"hideOnEsc": {
"type": "toggle",
"displayName": "Close on escape key"
},
"closeOnClickingOutside": {
"type": "toggle",
"displayName": "Close on clicking outside"
},
"size": {
"type": "select",
"displayName": "Modal size",
"options": [
{
"name": "small",
"value": "sm"
},
{
"name": "medium",
"value": "lg"
},
{
"name": "large",
"value": "xl"
}
],
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onOpen": {
"displayName": "On open"
},
"onClose": {
"displayName": "On close"
}
},
"styles": {
"headerBackgroundColor": {
"type": "color",
"displayName": "Header background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"headerTextColor": {
"type": "color",
"displayName": "Header title color",
"validation": {
"schema": {
"type": "string"
}
}
},
"bodyBackgroundColor": {
"type": "color",
"displayName": "Body background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": true
}
},
"triggerButtonBackgroundColor": {
"type": "color",
"displayName": "Trigger button background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"triggerButtonTextColor": {
"type": "color",
"displayName": "Trigger button text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"headerBackgroundColor": {
"value": "{{queries.colorPalette.data.modalHeaderBg}}",
"fxActive": true
},
"headerTextColor": {
"value": "{{queries.colorPalette.data.modalHeaderText}}",
"fxActive": true
},
"bodyBackgroundColor": {
"value": "{{queries.colorPalette.data.modalBodyBg}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#4a90e2ff",
"fxActive": false
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Add a Product"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Add a Product"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "490px"
}
},
"general": {},
"exposedVariables": {}
},
"name": "modal1",
"displayName": "Modal",
"description": "Modal triggered by events",
"component": "Modal",
"defaultSize": {
"width": 10,
"height": 400
},
"exposedVariables": {
"show": false
},
"actions": [
{
"handle": "open",
"displayName": "Open"
},
{
"handle": "close",
"displayName": "Close"
}
]
},
"layouts": {
"desktop": {
"top": 920.0000610351562,
"left": 4.651166952654379,
"width": 4,
"height": 30
}
}
},
"5d0ed3c3-5679-4ad7-9282-8910827889fa": {
"id": "5d0ed3c3-5679-4ad7-9282-8910827889fa",
"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": "0bed2d35-61e3-4a6e-ab63-e22a0b2fc899",
"queryName": "tooljetdbAddProduct",
"parameters": {}
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{components.textinput4.value.length < 1 || components.numberinput1.value == 0 || components.numberinput2.value == 0 || components.dropdown1.value == undefined || components.dropdown2.value == undefined || components.textarea2.value == \"\"}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Add product"
},
"loadingState": {
"value": "{{queries.tooljetdbAddProduct.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "button2",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 420.00006103515625,
"left": 79.06980042535031,
"width": 6.992977528089888,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"ba1e39b1-62cd-4c2a-953a-3ff1c96feaac": {
"id": "ba1e39b1-62cd-4c2a-953a-3ff1c96feaac",
"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": "e70226f2-0985-4145-9fb4-d8355258b0c5"
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button3",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 420.0000305175781,
"left": 65.08360450313526,
"width": 5.026685393258427,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"ac425c6b-770e-4d8f-ba4b-1161ce72f665": {
"id": "ac425c6b-770e-4d8f-ba4b-1161ce72f665",
"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": "",
"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": "text11",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 140,
"left": 4.651146748971732,
"width": 6,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"3085d2cc-d42a-4fe5-8bf9-da4baefa2048": {
"id": "3085d2cc-d42a-4fe5-8bf9-da4baefa2048",
"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": "",
"fxActive": false
},
"textSize": {
"value": "{{18}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Product Details"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text12",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 20,
"left": 4.651157506611227,
"width": 15,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"2c8fbdb8-36a9-48ed-981d-044086f48d6f": {
"id": "2c8fbdb8-36a9-48ed-981d-044086f48d6f",
"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": "#C1C8CD",
"fxActive": true
}
},
"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": {}
}
},
"layouts": {
"desktop": {
"top": 140,
"left": 51.162797507362264,
"width": 1,
"height": 100
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"31b32887-f5ce-43a0-a439-3547dd1f8775": {
"id": "31b32887-f5ce-43a0-a439-3547dd1f8775",
"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": "",
"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": "text14",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 199.9999771118164,
"left": 4.651161007056952,
"width": 6,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"429f6f5a-1962-493c-9fc0-e5abd73df999": {
"id": "429f6f5a-1962-493c-9fc0-e5abd73df999",
"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": "",
"fxActive": false
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Status"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text16",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 139.99999618530273,
"left": 55.81394566271558,
"width": 5.03866958707847,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"1a8ac421-59f2-49b9-b5c2-ea8caa3e6fe0": {
"id": "1a8ac421-59f2-49b9-b5c2-ea8caa3e6fe0",
"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": "",
"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": "Description"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text17",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 259.99999618530273,
"left": 4.651163937000746,
"width": 14.943668648140722,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"3362f3ca-5134-4e19-8f06-7b27d1fd942e": {
"id": "3362f3ca-5134-4e19-8f06-7b27d1fd942e",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter product description..."
}
},
"general": {},
"exposedVariables": {}
},
"name": "textarea2",
"displayName": "Textarea",
"description": "Text area form field",
"component": "TextArea",
"defaultSize": {
"width": 6,
"height": 100
},
"exposedVariables": {
"value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
}
]
},
"layouts": {
"desktop": {
"top": 299.99997901916504,
"left": 4.651139300533316,
"width": 39.00000000000001,
"height": 100
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"e5409124-b033-4c2f-91d1-6dba1a938395": {
"id": "e5409124-b033-4c2f-91d1-6dba1a938395",
"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": "",
"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 name"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text18",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 80,
"left": 4.6511809162900555,
"width": 6.992977528089888,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"5f3ead84-8a42-40b3-b3e6-46ec994a7594": {
"id": "5f3ead84-8a42-40b3-b3e6-46ec994a7594",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
},
"onEnterPressed": {
"displayName": "On Enter Pressed"
},
"onFocus": {
"displayName": "On focus"
},
"onBlur": {
"displayName": "On blur"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"errTextColor": {
"type": "color",
"displayName": "Error Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": null
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter product name"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput4",
"displayName": "Text Input",
"description": "Text field for forms",
"component": "TextInput",
"defaultSize": {
"width": 6,
"height": 30
},
"validation": {
"regex": {
"type": "code",
"displayName": "Regex"
},
"minLength": {
"type": "code",
"displayName": "Min length"
},
"maxLength": {
"type": "code",
"displayName": "Max length"
},
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": ""
},
"actions": [
{
"handle": "setText",
"displayName": "Set text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
},
{
"handle": "setFocus",
"displayName": "Set focus"
},
{
"handle": "setBlur",
"displayName": "Set blur"
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 80.00000762939453,
"left": 20.930223155150934,
"width": 32,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"64931418-c1f1-4a80-b0d6-989ed7e7d7b3": {
"id": "64931418-c1f1-4a80-b0d6-989ed7e7d7b3",
"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": "",
"fxActive": true
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Category"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text19",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 200,
"left": 55.81395720035743,
"width": 5.03866958707847,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"0d0efc13-ae0e-4e1f-8d90-c8c508487fef": {
"component": {
"properties": {
"label": {
"type": "code",
"displayName": "Label",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"validation": {
"schema": {
"type": "string"
}
}
}
},
"advanced": {
"type": "toggle",
"displayName": "Advanced",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"value": {
"type": "code",
"displayName": "Default value",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
},
"values": {
"type": "code",
"displayName": "Option values",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"display_values": {
"type": "code",
"displayName": "Option labels",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"schema": {
"type": "code",
"displayName": "Schema",
"conditionallyRender": {
"key": "advanced",
"value": true
}
},
"loadingState": {
"type": "toggle",
"displayName": "Options loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onSelect": {
"displayName": "On select"
},
"onSearchTextChanged": {
"displayName": "On search text changed"
}
},
"styles": {
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "number"
},
{
"type": "string"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"selectedTextColor": {
"type": "color",
"displayName": "Selected Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"justifyContent": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"advanced": {
"value": "{{false}}"
},
"schema": {
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
},
"label": {
"value": ""
},
"value": {
"value": "{{}}"
},
"values": {
"value": "{{['in_stock', 'yet_to_receive']}}"
},
"display_values": {
"value": "{{['In stock', 'Yet to receive']}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select status..."
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown1",
"displayName": "Dropdown",
"description": "Select one value from options",
"defaultSize": {
"width": 8,
"height": 30
},
"component": "DropDown",
"validation": {
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": 2,
"searchText": "",
"label": "Select",
"optionLabels": [
"one",
"two",
"three"
],
"selectedOptionLabel": "two"
},
"actions": [
{
"handle": "selectOption",
"displayName": "Select option",
"params": [
{
"handle": "select",
"displayName": "Select"
}
]
}
]
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5",
"layouts": {
"desktop": {
"top": 140.00000762939453,
"left": 67.44186885999612,
"width": 12.000000000000002,
"height": 40
}
},
"withDefaultChildren": false
},
"5caec9ab-5eea-42be-bfb0-4a3783b388e9": {
"id": "5caec9ab-5eea-42be-bfb0-4a3783b388e9",
"component": {
"properties": {
"label": {
"type": "code",
"displayName": "Label",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"validation": {
"schema": {
"type": "string"
}
}
}
},
"advanced": {
"type": "toggle",
"displayName": "Advanced",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"value": {
"type": "code",
"displayName": "Default value",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
},
"values": {
"type": "code",
"displayName": "Option values",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"display_values": {
"type": "code",
"displayName": "Option labels",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"schema": {
"type": "code",
"displayName": "Schema",
"conditionallyRender": {
"key": "advanced",
"value": true
}
},
"loadingState": {
"type": "toggle",
"displayName": "Options loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onSelect": {
"displayName": "On select"
},
"onSearchTextChanged": {
"displayName": "On search text changed"
}
},
"styles": {
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "number"
},
{
"type": "string"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"selectedTextColor": {
"type": "color",
"displayName": "Selected Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"justifyContent": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"advanced": {
"value": "{{false}}"
},
"schema": {
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
},
"label": {
"value": ""
},
"value": {
"value": "{{}}"
},
"values": {
"value": "{{[\"apparel\",\"appliances\",\"beverage\",\"electronics\",\"food\",\"furniture\",\"software\"]}}"
},
"display_values": {
"value": "{{[\"Apparel\",\"Appliances\",\"Beverage\",\"Electronics\",\"Food\",\"Furniture\",\"Software\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select category..."
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown2",
"displayName": "Dropdown",
"description": "Select one value from options",
"defaultSize": {
"width": 8,
"height": 30
},
"component": "DropDown",
"validation": {
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": 2,
"searchText": "",
"label": "Select",
"optionLabels": [
"one",
"two",
"three"
],
"selectedOptionLabel": "two"
},
"actions": [
{
"handle": "selectOption",
"displayName": "Select option",
"params": [
{
"handle": "select",
"displayName": "Select"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 200,
"left": 67.4418446186934,
"width": 12.000000000000002,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"5086fc5a-b6db-4b6d-b3b0-fd362c7a8bd2": {
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minValue": {
"type": "code",
"displayName": "Minimum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"maxValue": {
"type": "code",
"displayName": "Maximum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"decimalPlaces": {
"type": "code",
"displayName": "Decimal places",
"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": {
"onChange": {
"displayName": "On change"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color"
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "#dadcdeff"
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "{{0}}"
},
"maxValue": {
"value": "1000"
},
"minValue": {
"value": "1"
},
"placeholder": {
"value": "{{components.numberinput1.value}}"
},
"decimalPlaces": {
"value": "{{0}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "numberinput1",
"displayName": "Number Input",
"description": "Number field for forms",
"component": "NumberInput",
"defaultSize": {
"width": 4,
"height": 30
},
"exposedVariables": {
"value": 99
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5",
"layouts": {
"desktop": {
"top": 140.00000762939453,
"left": 20.930226913180842,
"width": 12,
"height": 40
}
},
"withDefaultChildren": false
},
"5dcf6696-566a-44e6-a65d-1a5f6e9a453f": {
"id": "5dcf6696-566a-44e6-a65d-1a5f6e9a453f",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minValue": {
"type": "code",
"displayName": "Minimum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"maxValue": {
"type": "code",
"displayName": "Maximum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"decimalPlaces": {
"type": "code",
"displayName": "Decimal places",
"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": {
"onChange": {
"displayName": "On change"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color"
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "#dadcdeff"
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "0"
},
"maxValue": {
"value": "999999"
},
"minValue": {
"value": "0.50"
},
"placeholder": {
"value": "{{components.numberinput2.value}}"
},
"decimalPlaces": {
"value": "{{2}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "numberinput2",
"displayName": "Number Input",
"description": "Number field for forms",
"component": "NumberInput",
"defaultSize": {
"width": 4,
"height": 30
},
"exposedVariables": {
"value": 99
}
},
"layouts": {
"desktop": {
"top": 200.00000762939453,
"left": 20.93028135805831,
"width": 12,
"height": 40
}
},
"parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
},
"cca6303c-ef16-4260-9372-4e7d9415c830": {
"id": "cca6303c-ef16-4260-9372-4e7d9415c830",
"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": "{{queries.colorPalette.data.navbarBg}}",
"fxActive": true
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00",
"fxActive": false
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 10px 1px #00000040",
"fxActive": false
}
},
"properties": {
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container3",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 19.999927520751953,
"left": 2.3255818809714563,
"width": 41,
"height": 200
}
}
},
"a5593c55-f9b1-41e7-8e19-ff2655cf2e0e": {
"id": "a5593c55-f9b1-41e7-8e19-ff2655cf2e0e",
"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": "{{queries.colorPalette.data.navbarText}}",
"fxActive": true
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": "{{1}}"
},
"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
N D"
},
"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": 30.000030517578125,
"left": 2.325586532820495,
"width": 2.999999999999999,
"height": 50
}
},
"parent": "cca6303c-ef16-4260-9372-4e7d9415c830"
},
"ad2d719a-06ef-4eda-9f11-8b2577ae8656": {
"id": "ad2d719a-06ef-4eda-9f11-8b2577ae8656",
"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": "{{queries.colorPalette.data.navbarText}}",
"fxActive": true
},
"textSize": {
"value": "{{18}}"
},
"textAlign": {
"value": "right"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Inventory Management"
},
"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": 10.000022888183594,
"left": 72.09301773246553,
"width": 10.999999999999998,
"height": 50
}
},
"parent": "cca6303c-ef16-4260-9372-4e7d9415c830"
},
"c48605fb-d070-430a-acd6-b53c74a91542": {
"id": "c48605fb-d070-430a-acd6-b53c74a91542",
"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": "#ffffff1a",
"fxActive": false
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container4",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 69.99997329711914,
"left": 53.48836566428588,
"width": 19,
"height": 100
}
},
"parent": "cca6303c-ef16-4260-9372-4e7d9415c830"
},
"e8993a2f-f890-4ea1-b3f5-c73b5d37d25e": {
"id": "e8993a2f-f890-4ea1-b3f5-c73b5d37d25e",
"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": ""
},
"textColor": {
"value": "#ffffffff",
"fxActive": false
},
"textSize": {
"value": "{{12}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Qty in total"
},
"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": 10,
"left": 2.3255595483197293,
"width": 9,
"height": 30
}
},
"parent": "c48605fb-d070-430a-acd6-b53c74a91542"
},
"f7378bb7-fc93-401d-b607-9b85d7597e58": {
"id": "f7378bb7-fc93-401d-b607-9b85d7597e58",
"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": ""
},
"textColor": {
"value": "#ffffffff",
"fxActive": false
},
"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": "{{queries?.getProductStats?.data?.quantityInTotal ?? 0}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
"fxActive": true
}
},
"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": 40.00006103515625,
"left": 2.325598714555765,
"width": 9,
"height": 40
}
},
"parent": "c48605fb-d070-430a-acd6-b53c74a91542"
},
"e1486c23-dbb0-45dd-8c10-1e2ed444268a": {
"id": "e1486c23-dbb0-45dd-8c10-1e2ed444268a",
"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": ""
},
"textColor": {
"value": "#e1ffbcff",
"fxActive": false
},
"textSize": {
"value": "{{12}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Qty in stock"
},
"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": 10.00006103515625,
"left": 27.906983557818467,
"width": 9,
"height": 30
}
},
"parent": "c48605fb-d070-430a-acd6-b53c74a91542"
},
"d12b2033-5ea0-49c8-9c77-d3afff7e98fe": {
"id": "d12b2033-5ea0-49c8-9c77-d3afff7e98fe",
"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": ""
},
"textColor": {
"value": "#ffe4b1ff",
"fxActive": false
},
"textSize": {
"value": "{{12}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Low in stock"
},
"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": 53.488367883212355,
"width": 9,
"height": 30
}
},
"parent": "c48605fb-d070-430a-acd6-b53c74a91542"
},
"b968e82f-6b90-4aa0-811d-99822f468432": {
"id": "b968e82f-6b90-4aa0-811d-99822f468432",
"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": ""
},
"textColor": {
"value": "#e1ffbcff",
"fxActive": false
},
"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": "{{queries?.getProductStats?.data?.quantityInStock ?? 0}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
"fxActive": true
}
},
"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": 40.000030517578125,
"left": 27.90696726525265,
"width": 9,
"height": 40
}
},
"parent": "c48605fb-d070-430a-acd6-b53c74a91542"
},
"9981da2a-e73b-4885-94f3-de13ea365a41": {
"id": "9981da2a-e73b-4885-94f3-de13ea365a41",
"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": ""
},
"textColor": {
"value": "#FFE4B1",
"fxActive": false
},
"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": "{{queries?.getProductStats?.data?.lowInStock ?? 0}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
"fxActive": true
}
},
"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": 40.00006103515625,
"left": 53.488374549642096,
"width": 9,
"height": 40
}
},
"parent": "c48605fb-d070-430a-acd6-b53c74a91542"
},
"7eec1073-d3c7-4c76-a658-875f5193660a": {
"id": "7eec1073-d3c7-4c76-a658-875f5193660a",
"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": ""
},
"textColor": {
"value": "#fd9eaaff",
"fxActive": false
},
"textSize": {
"value": "{{12}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Out of stock"
},
"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": 10,
"left": 79.06977937741273,
"width": 8,
"height": 30
}
},
"parent": "c48605fb-d070-430a-acd6-b53c74a91542"
},
"00ba0f12-bc7d-4f7d-82be-68098d4176e3": {
"id": "00ba0f12-bc7d-4f7d-82be-68098d4176e3",
"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": ""
},
"textColor": {
"value": "#fc9faaff",
"fxActive": false
},
"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": "{{queries?.getProductStats?.data?.outOfStock ?? 0}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
"fxActive": true
}
},
"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": 40.00006103515625,
"left": 79.0697761556572,
"width": 8,
"height": 40
}
},
"parent": "c48605fb-d070-430a-acd6-b53c74a91542"
},
"10ae148a-73d0-4704-afe0-509701496a57": {
"id": "10ae148a-73d0-4704-afe0-509701496a57",
"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": "e70226f2-0985-4145-9fb4-d8355258b0c5"
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.navbarBtnBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.navbarBtnText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.navbarBtnText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.navbarBtnBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Add new product"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button6",
"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": 130.00004959106445,
"left": 2.3255673782109563,
"width": 5,
"height": 40
}
},
"parent": "cca6303c-ef16-4260-9372-4e7d9415c830"
},
"c661499a-48fd-4c95-ace8-0a0b8af9d350": {
"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": "{{queries.colorPalette.data.modalHeaderBg}}",
"fxActive": true
},
"headerTextColor": {
"value": "{{queries.colorPalette.data.modalHeaderText}}",
"fxActive": true
},
"bodyBackgroundColor": {
"value": "{{queries.colorPalette.data.modalBodyBg}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#4D72FA"
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Remove product"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Launch Modal"
},
"size": {
"value": "sm"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "180px"
}
},
"general": {},
"exposedVariables": {}
},
"name": "modal3",
"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": 919.9999504089355,
"left": 27.906962694408737,
"width": 4,
"height": 30
}
},
"withDefaultChildren": false
},
"683d6ea7-919b-45ae-ac4b-bd1db7f7392a": {
"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": "",
"fxActive": false
},
"textSize": {
"value": "{{15}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Warning: This process is irreversible.
\nAre you sure you want to remove the product?"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text24",
"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": "c661499a-48fd-4c95-ace8-0a0b8af9d350",
"layouts": {
"desktop": {
"top": 19.999996185302734,
"left": 4.651163317075356,
"width": 39,
"height": 70
}
},
"withDefaultChildren": false
},
"16d754e1-5c47-48ca-bebb-2c05305b2381": {
"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": "1fd7199d-3feb-4c93-a2b6-070a77c075eb",
"queryName": "tooljetdbRemoveProduct",
"parameters": {}
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Remove"
},
"loadingState": {
"value": "{{queries.tooljetdbRemoveProduct.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "button7",
"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": "c661499a-48fd-4c95-ace8-0a0b8af9d350",
"layouts": {
"desktop": {
"top": 100,
"left": 53.4883593562437,
"width": 10.000000000000002,
"height": 40
}
},
"withDefaultChildren": false
},
"20479ec7-d720-4f70-be3a-79b580a6702c": {
"id": "20479ec7-d720-4f70-be3a-79b580a6702c",
"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": "c661499a-48fd-4c95-ace8-0a0b8af9d350"
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button8",
"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": 99.99995803833008,
"left": 23.255806746040598,
"width": 10.000000000000002,
"height": 40
}
},
"parent": "c661499a-48fd-4c95-ace8-0a0b8af9d350"
},
"77c87ef4-529f-47fa-831a-05c96bb56518": {
"id": "77c87ef4-529f-47fa-831a-05c96bb56518",
"component": {
"properties": {
"title": {
"type": "code",
"displayName": "Title",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"useDefaultButton": {
"type": "toggle",
"displayName": "Use default trigger button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"triggerButtonLabel": {
"type": "code",
"displayName": "Trigger button label",
"validation": {
"schema": {
"type": "string"
}
}
},
"hideTitleBar": {
"type": "toggle",
"displayName": "Hide title bar"
},
"hideCloseButton": {
"type": "toggle",
"displayName": "Hide close button"
},
"hideOnEsc": {
"type": "toggle",
"displayName": "Close on escape key"
},
"closeOnClickingOutside": {
"type": "toggle",
"displayName": "Close on clicking outside"
},
"size": {
"type": "select",
"displayName": "Modal size",
"options": [
{
"name": "small",
"value": "sm"
},
{
"name": "medium",
"value": "lg"
},
{
"name": "large",
"value": "xl"
}
],
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onOpen": {
"displayName": "On open"
},
"onClose": {
"displayName": "On close"
}
},
"styles": {
"headerBackgroundColor": {
"type": "color",
"displayName": "Header background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"headerTextColor": {
"type": "color",
"displayName": "Header title color",
"validation": {
"schema": {
"type": "string"
}
}
},
"bodyBackgroundColor": {
"type": "color",
"displayName": "Body background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": true
}
},
"triggerButtonBackgroundColor": {
"type": "color",
"displayName": "Trigger button background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"triggerButtonTextColor": {
"type": "color",
"displayName": "Trigger button text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"headerBackgroundColor": {
"value": "{{queries.colorPalette.data.modalHeaderBg}}",
"fxActive": true
},
"headerTextColor": {
"value": "{{queries.colorPalette.data.modalHeaderText}}",
"fxActive": true
},
"bodyBackgroundColor": {
"value": "{{queries.colorPalette.data.modalBodyBg}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#4a90e2ff",
"fxActive": false
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Edit Product #{{components.table1.selectedRow.id}}"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Add a Product"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "490px"
}
},
"general": {},
"exposedVariables": {}
},
"name": "modal2",
"displayName": "Modal",
"description": "Modal triggered by events",
"component": "Modal",
"defaultSize": {
"width": 10,
"height": 400
},
"exposedVariables": {
"show": false
},
"actions": [
{
"handle": "open",
"displayName": "Open"
},
{
"handle": "close",
"displayName": "Close"
}
]
},
"layouts": {
"desktop": {
"top": 920.0000610351562,
"left": 16.279071708163297,
"width": 4,
"height": 30
}
}
},
"580ea5ee-1870-4b17-9e90-a470164586a5": {
"id": "580ea5ee-1870-4b17-9e90-a470164586a5",
"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": "65d4cafc-537f-4874-8153-393f4108c0cb",
"queryName": "tooljetdbUpdateProduct",
"parameters": {}
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{6}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
"fxActive": true
},
"disabledState": {
"value": "{{components.textinput2.value.length < 1 || components.numberinput5.value < 0 || components.numberinput6.value == 0 || components.dropdown5.value == undefined || components.dropdown6.value == undefined || components.textarea3.value == \"\"}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Save changes"
},
"loadingState": {
"value": "{{queries.tooljetdbUpdateProduct.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "button9",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 420.0000057220459,
"left": 79.06978899941035,
"width": 6.992977528089888,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"b2ea1cba-58bb-4fd6-b6de-cb6f032bf5eb": {
"id": "b2ea1cba-58bb-4fd6-b6de-cb6f032bf5eb",
"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": "77c87ef4-529f-47fa-831a-05c96bb56518"
}
],
"styles": {
"backgroundColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBg}}",
"fxActive": true
},
"textColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"loaderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryText}}",
"fxActive": true
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
"fxActive": true
},
"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": {},
"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": 419.99999237060547,
"left": 65.08360269503015,
"width": 5.026685393258427,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"e34c4eed-2bc9-42d2-85d4-02ba4ea28f38": {
"id": "e34c4eed-2bc9-42d2-85d4-02ba4ea28f38",
"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": "",
"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": "text25",
"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.651161786086923,
"width": 7,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"19bce438-a2ca-41af-8055-46cfb3933872": {
"id": "19bce438-a2ca-41af-8055-46cfb3933872",
"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": "",
"fxActive": false
},
"textSize": {
"value": "{{18}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Product Details"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text26",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 20,
"left": 4.651161793912395,
"width": 15,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"0065dcc9-35f5-49b5-bd6c-e6ed7a4af108": {
"id": "0065dcc9-35f5-49b5-bd6c-e6ed7a4af108",
"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": "#C1C8CD",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {},
"general": {},
"exposedVariables": {}
},
"name": "verticaldivider3",
"displayName": "Vertical Divider",
"description": "Vertical Separator between components",
"component": "VerticalDivider",
"defaultSize": {
"width": 2,
"height": 100
},
"exposedVariables": {
"value": {}
}
},
"layouts": {
"desktop": {
"top": 140,
"left": 51.162797507362264,
"width": 1,
"height": 100
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"b50551e1-ded0-4f02-b432-9cf7928b6749": {
"id": "b50551e1-ded0-4f02-b432-9cf7928b6749",
"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": "",
"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": "text27",
"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": 200,
"left": 4.651155125512338,
"width": 6,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"1f67445b-4161-4ee3-94d9-4f1bdb10f792": {
"id": "1f67445b-4161-4ee3-94d9-4f1bdb10f792",
"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": "",
"fxActive": false
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Status"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text28",
"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": 55.81395137164659,
"width": 5.03866958707847,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"ff78a251-d9be-44c1-a67b-fd3cf8e00247": {
"id": "ff78a251-d9be-44c1-a67b-fd3cf8e00247",
"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": "",
"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": "Description"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text29",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 260.0000114440918,
"left": 4.651164969781484,
"width": 14.943668648140722,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"90cdac46-ceef-4608-a69a-3886fd90f937": {
"id": "90cdac46-ceef-4608-a69a-3886fd90f937",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "{{components.table1.selectedRow.description}}"
},
"placeholder": {
"value": "Enter product description..."
}
},
"general": {},
"exposedVariables": {}
},
"name": "textarea3",
"displayName": "Textarea",
"description": "Text area form field",
"component": "TextArea",
"defaultSize": {
"width": 6,
"height": 100
},
"exposedVariables": {
"value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
}
]
},
"layouts": {
"desktop": {
"top": 300.0000476837158,
"left": 4.6511335594497325,
"width": 39.00000000000001,
"height": 100
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"e24173bd-0905-471a-b0d3-c3eff137b02d": {
"id": "e24173bd-0905-471a-b0d3-c3eff137b02d",
"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": "",
"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 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": 80,
"left": 4.651160213588963,
"width": 6.992977528089888,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"988267b6-4523-4a8d-82db-ceae70601f42": {
"id": "988267b6-4523-4a8d-82db-ceae70601f42",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
},
"onEnterPressed": {
"displayName": "On Enter Pressed"
},
"onFocus": {
"displayName": "On focus"
},
"onBlur": {
"displayName": "On blur"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"errTextColor": {
"type": "color",
"displayName": "Error Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": null
}
},
"properties": {
"value": {
"value": "{{components.table1.selectedRow.product_name}}"
},
"placeholder": {
"value": "Enter product name"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput2",
"displayName": "Text Input",
"description": "Text field for forms",
"component": "TextInput",
"defaultSize": {
"width": 6,
"height": 30
},
"validation": {
"regex": {
"type": "code",
"displayName": "Regex"
},
"minLength": {
"type": "code",
"displayName": "Min length"
},
"maxLength": {
"type": "code",
"displayName": "Max length"
},
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": ""
},
"actions": [
{
"handle": "setText",
"displayName": "Set text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
},
{
"handle": "setFocus",
"displayName": "Set focus"
},
{
"handle": "setBlur",
"displayName": "Set blur"
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 79.99998474121094,
"left": 20.930219677504155,
"width": 32,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"37e56ce8-cdaa-40b6-a8ed-6a9714fc4d87": {
"id": "37e56ce8-cdaa-40b6-a8ed-6a9714fc4d87",
"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": "",
"fxActive": false
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Category"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "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": 200,
"left": 55.813963751906705,
"width": 5.03866958707847,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"7ea12940-680e-4ac1-b83b-8200aa3e4c42": {
"id": "7ea12940-680e-4ac1-b83b-8200aa3e4c42",
"component": {
"properties": {
"label": {
"type": "code",
"displayName": "Label",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"validation": {
"schema": {
"type": "string"
}
}
}
},
"advanced": {
"type": "toggle",
"displayName": "Advanced",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"value": {
"type": "code",
"displayName": "Default value",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
},
"values": {
"type": "code",
"displayName": "Option values",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"display_values": {
"type": "code",
"displayName": "Option labels",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"schema": {
"type": "code",
"displayName": "Schema",
"conditionallyRender": {
"key": "advanced",
"value": true
}
},
"loadingState": {
"type": "toggle",
"displayName": "Options loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onSelect": {
"displayName": "On select"
},
"onSearchTextChanged": {
"displayName": "On search text changed"
}
},
"styles": {
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "number"
},
{
"type": "string"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"selectedTextColor": {
"type": "color",
"displayName": "Selected Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"justifyContent": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"advanced": {
"value": "{{false}}"
},
"schema": {
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
},
"label": {
"value": ""
},
"value": {
"value": "{{components.numberinput5.value > 0 ? components.table1.selectedRow.status : \"out_of_stock\"}}"
},
"values": {
"value": "{{components.numberinput5.value > 0 ? [\"in_stock\", \"yet_to_receive\"] : [\"out_of_stock\"]}}"
},
"display_values": {
"value": "{{components.numberinput5.value > 0 ? [\"In stock\", \"Yet to receive\"] : [\"Out of stock\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select status..."
}
},
"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.00002098083496,
"left": 67.44186541127978,
"width": 12.000000000000002,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"da9c2558-72a6-40de-8316-280e94ab09ff": {
"id": "da9c2558-72a6-40de-8316-280e94ab09ff",
"component": {
"properties": {
"label": {
"type": "code",
"displayName": "Label",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"validation": {
"schema": {
"type": "string"
}
}
}
},
"advanced": {
"type": "toggle",
"displayName": "Advanced",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"value": {
"type": "code",
"displayName": "Default value",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
},
"values": {
"type": "code",
"displayName": "Option values",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"display_values": {
"type": "code",
"displayName": "Option labels",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"schema": {
"type": "code",
"displayName": "Schema",
"conditionallyRender": {
"key": "advanced",
"value": true
}
},
"loadingState": {
"type": "toggle",
"displayName": "Options loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onSelect": {
"displayName": "On select"
},
"onSearchTextChanged": {
"displayName": "On search text changed"
}
},
"styles": {
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "number"
},
{
"type": "string"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"selectedTextColor": {
"type": "color",
"displayName": "Selected Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"justifyContent": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"advanced": {
"value": "{{false}}"
},
"schema": {
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
},
"label": {
"value": ""
},
"value": {
"value": "{{components.table1.selectedRow.category}}"
},
"values": {
"value": "{{[\"apparel\",\"appliances\",\"beverage\",\"electronics\",\"food\",\"furniture\",\"software\"]}}"
},
"display_values": {
"value": "{{[\"Apparel\",\"Appliances\",\"Beverage\",\"Electronics\",\"Food\",\"Furniture\",\"Software\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select category..."
}
},
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 199.99999046325684,
"left": 67.44184492717345,
"width": 12.000000000000002,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"9c2a1cfd-ce9c-4e4b-b573-9336a468c5a3": {
"id": "9c2a1cfd-ce9c-4e4b-b573-9336a468c5a3",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minValue": {
"type": "code",
"displayName": "Minimum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"maxValue": {
"type": "code",
"displayName": "Maximum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"decimalPlaces": {
"type": "code",
"displayName": "Decimal places",
"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": {
"onChange": {
"displayName": "On change"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color"
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "#dadcdeff"
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "{{components.table1.selectedRow.quantity}}"
},
"maxValue": {
"value": "1000"
},
"minValue": {
"value": "0"
},
"placeholder": {
"value": "{{components.numberinput5.value}}"
},
"decimalPlaces": {
"value": "{{0}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "numberinput5",
"displayName": "Number Input",
"description": "Number field for forms",
"component": "NumberInput",
"defaultSize": {
"width": 4,
"height": 30
},
"exposedVariables": {
"value": 99
}
},
"layouts": {
"desktop": {
"top": 139.9999942779541,
"left": 20.930229033515786,
"width": 12,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
},
"52c88014-8084-41e4-bbad-069fcbf4c89c": {
"id": "52c88014-8084-41e4-bbad-069fcbf4c89c",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"minValue": {
"type": "code",
"displayName": "Minimum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"maxValue": {
"type": "code",
"displayName": "Maximum value",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"decimalPlaces": {
"type": "code",
"displayName": "Decimal places",
"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": {
"onChange": {
"displayName": "On change"
}
},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color"
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"borderRadius": {
"value": "{{5}}"
},
"backgroundColor": {
"value": "",
"fxActive": false
},
"borderColor": {
"value": "#dadcdeff"
},
"textColor": {
"value": "#232e3c"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "{{components.table1.selectedRow.price}}"
},
"maxValue": {
"value": "999999"
},
"minValue": {
"value": "0.50"
},
"placeholder": {
"value": "{{components.numberinput6.value}}"
},
"decimalPlaces": {
"value": "{{2}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "numberinput6",
"displayName": "Number Input",
"description": "Number field for forms",
"component": "NumberInput",
"defaultSize": {
"width": 4,
"height": 30
},
"exposedVariables": {
"value": 99
}
},
"layouts": {
"desktop": {
"top": 200,
"left": 20.930284607776873,
"width": 12,
"height": 40
}
},
"parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
}
},
"events": [
{
"eventId": "onPageLoad",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "7345388e-eda4-494d-8a44-fac9d0e11f49",
"queryName": "tooljetdbGetProducts",
"parameters": {}
}
]
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": "100000",
"canvasMaxWidthType": "px",
"canvasMaxHeight": "1000",
"backgroundFxQuery": "{{queries.colorPalette.data[\"canvasBg_\"+globals.theme.name]}}",
"canvasBackgroundColor": "#ffffff"
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": 100,
"canvasMaxWidthType": "%",
"canvasMaxHeight": "1000",
"backgroundFxQuery": "",
"canvasBackgroundColor": ""
},
"showViewerNavigation": false,
"homePageId": "64d1d2b0-1282-43df-92ef-2bbffc8bc06b",
"appId": "814c14d7-2c8c-4e30-9013-63dfcfe16d77",
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"promotedFrom": null,
"createdAt": "2023-09-19T08:22:32.234Z",
"updatedAt": "2024-01-02T11:58:27.067Z"
}
],
"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": "a63f7287-37f6-414e-8889-b462eb0b57be",
"dataSourceId": "e50d80d3-9e7f-429b-b75c-c9c43a2ca580",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2023-09-19T08:22:32.312Z",
"updatedAt": "2023-09-19T08:22:32.312Z"
},
{
"id": "928a1535-6acc-48bf-afc7-1e3ae2244a33",
"dataSourceId": "e50d80d3-9e7f-429b-b75c-c9c43a2ca580",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2023-09-19T08:22:32.312Z",
"updatedAt": "2023-09-19T08:22:32.312Z"
},
{
"id": "597074ae-9800-4409-91c3-1408410d1c6c",
"dataSourceId": "e50d80d3-9e7f-429b-b75c-c9c43a2ca580",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2023-09-19T08:22:32.312Z",
"updatedAt": "2023-09-19T08:22:32.312Z"
},
{
"id": "6ab109a4-6f83-4b14-883e-c8c05f46f9c9",
"dataSourceId": "6b1d6c15-ca49-4a94-a663-4785dc77839e",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2023-09-19T08:22:32.322Z",
"updatedAt": "2023-09-19T08:22:32.322Z"
},
{
"id": "6ff92d12-603a-4549-8b9e-9ac1b92e83f5",
"dataSourceId": "6b1d6c15-ca49-4a94-a663-4785dc77839e",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2023-09-19T08:22:32.322Z",
"updatedAt": "2023-09-19T08:22:32.322Z"
},
{
"id": "d2674a10-11c2-4a28-81db-1c08cac1fbe0",
"dataSourceId": "6b1d6c15-ca49-4a94-a663-4785dc77839e",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2023-09-19T08:22:32.322Z",
"updatedAt": "2023-09-19T08:22:32.322Z"
},
{
"id": "7a2964c8-03a4-48a1-99d4-7a25b61462f3",
"dataSourceId": "e0b34ba6-4c26-4acf-b963-f279e0183d55",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2023-09-19T08:22:32.329Z",
"updatedAt": "2023-09-19T08:22:32.329Z"
},
{
"id": "b27b0ee7-4fdb-4d8e-9d81-2289498a64f0",
"dataSourceId": "e0b34ba6-4c26-4acf-b963-f279e0183d55",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2023-09-19T08:22:32.329Z",
"updatedAt": "2023-09-19T08:22:32.329Z"
},
{
"id": "0e5dcd88-49a1-4d7f-8f10-34d41bed45a5",
"dataSourceId": "e0b34ba6-4c26-4acf-b963-f279e0183d55",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2023-09-19T08:22:32.329Z",
"updatedAt": "2023-09-19T08:22:32.329Z"
},
{
"id": "2448c268-6dfd-43a6-9555-f68df51b45b6",
"dataSourceId": "109c8bf3-ba3a-4e78-94b3-ba3e75551d82",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2023-09-19T08:22:32.334Z",
"updatedAt": "2023-09-19T08:22:32.334Z"
},
{
"id": "3fcf6c9b-bbf8-45f9-8840-87bddcdddc0f",
"dataSourceId": "109c8bf3-ba3a-4e78-94b3-ba3e75551d82",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2023-09-19T08:22:32.334Z",
"updatedAt": "2023-09-19T08:22:32.334Z"
},
{
"id": "15074c6a-c8f5-409e-9f9b-349152bd5f66",
"dataSourceId": "109c8bf3-ba3a-4e78-94b3-ba3e75551d82",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2023-09-19T08:22:32.334Z",
"updatedAt": "2023-09-19T08:22:32.334Z"
},
{
"id": "e4cdf417-b76f-4123-ae6c-41f9667f5669",
"dataSourceId": "8c2aae90-4a9e-4e00-a539-59f5834e4d64",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": null,
"createdAt": "2023-09-19T08:22:32.340Z",
"updatedAt": "2023-09-19T08:22:32.340Z"
},
{
"id": "b2c64855-286f-47f5-b790-9fe2cb1e6695",
"dataSourceId": "8c2aae90-4a9e-4e00-a539-59f5834e4d64",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": null,
"createdAt": "2023-09-19T08:22:32.340Z",
"updatedAt": "2023-09-19T08:22:32.340Z"
},
{
"id": "ed1aa47d-55b8-42d4-9469-82d8f92ad4d2",
"dataSourceId": "8c2aae90-4a9e-4e00-a539-59f5834e4d64",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": null,
"createdAt": "2023-09-19T08:22:32.340Z",
"updatedAt": "2023-09-19T08:22:32.340Z"
}
],
"schemaDetails": {
"multiPages": true,
"multiEnv": true,
"globalDataSources": true
}
}
}
}
],
"tooljet_version": "2.26.2-ee2.11.2-cloud2.1.11"
}