Add default size for every component type

This commit is contained in:
Andrew Kingston 2022-10-14 18:59:23 +01:00
parent 1a210e3ee6
commit 4c2a0028d6
1 changed files with 208 additions and 88 deletions

View File

@ -87,7 +87,7 @@
"showSettingsBar": true,
"size": {
"width": 400,
"height": 200
"height": 100
},
"styles": [
"padding",
@ -259,6 +259,10 @@
"section"
],
"showEmptyState": false,
"size": {
"width": 400,
"height": 100
},
"settings": [
{
"type": "section",
@ -280,6 +284,10 @@
"icon": "Button",
"editable": true,
"showSettingsBar": true,
"size": {
"width": 105,
"height": 35
},
"settings": [
{
"type": "text",
@ -372,6 +380,10 @@
"illegalChildren": [
"section"
],
"size": {
"width": 400,
"height": 10
},
"settings": [
{
"type": "select",
@ -409,6 +421,10 @@
],
"hasChildren": true,
"showSettingsBar": true,
"size": {
"width": 400,
"height": 100
},
"settings": [
{
"type": "dataProvider",
@ -588,6 +604,7 @@
]
},
"card": {
"deprecated": true,
"name": "Vertical Card",
"description": "A basic card component that can contain content and actions.",
"icon": "ViewColumn",
@ -668,6 +685,10 @@
],
"showSettingsBar": true,
"editable": true,
"size": {
"width": 400,
"height": 30
},
"settings": [
{
"type": "text",
@ -790,6 +811,10 @@
],
"showSettingsBar": true,
"editable": true,
"size": {
"width": 400,
"height": 40
},
"settings": [
{
"type": "text",
@ -907,6 +932,10 @@
"name": "Tag",
"icon": "Label",
"showSettingsBar": true,
"size": {
"width": 100,
"height": 25
},
"settings": [
{
"type": "text",
@ -958,12 +987,13 @@
"name": "Image",
"description": "A basic component for displaying images",
"icon": "Image",
"illegalChildren": [
"section"
],
"styles": [
"size"
],
"size": {
"width": 400,
"height": 300
},
"settings": [
{
"type": "text",
@ -980,9 +1010,10 @@
"styles": [
"size"
],
"illegalChildren": [
"section"
],
"size": {
"width": 400,
"height": 300
},
"settings": [
{
"type": "text",
@ -1040,9 +1071,10 @@
"name": "Icon",
"description": "A basic component for displaying icons",
"icon": "Shapes",
"illegalChildren": [
"section"
],
"size": {
"width": 25,
"height": 25
},
"settings": [
{
"type": "icon",
@ -1159,9 +1191,10 @@
"icon": "Link",
"showSettingsBar": true,
"editable": true,
"illegalChildren": [
"section"
],
"size": {
"width": 200,
"height": 30
},
"settings": [
{
"type": "text",
@ -1271,12 +1304,10 @@
]
},
"cardhorizontal": {
"deprecated": true,
"name": "Horizontal Card",
"description": "A basic card component that can contain content and actions.",
"icon": "ViewRow",
"illegalChildren": [
"section"
],
"settings": [
{
"type": "text",
@ -1367,27 +1398,31 @@
"name": "Stat Card",
"description": "A card component for displaying numbers.",
"icon": "Card",
"illegalChildren": [
"section"
],
"size": {
"width": 260,
"height": 143
},
"settings": [
{
"type": "text",
"label": "Title",
"key": "title",
"placeholder": "Total Revenue"
"placeholder": "Total Revenue",
"defaultValue": "Title"
},
{
"type": "text",
"label": "Value",
"key": "value",
"placeholder": "$1,981,983"
"placeholder": "$1,981,983",
"defaultValue": "Value"
},
{
"type": "text",
"label": "Label",
"key": "label",
"placeholder": "Stripe"
"placeholder": "Stripe",
"defaultValue": "Label"
}
]
},
@ -1395,12 +1430,13 @@
"name": "Embed",
"icon": "Code",
"description": "Embed content from 3rd party sources",
"illegalChildren": [
"section"
],
"styles": [
"size"
],
"size": {
"width": 400,
"height": 100
},
"settings": [
{
"type": "text",
@ -1414,9 +1450,10 @@
"name": "Bar Chart",
"description": "Bar chart",
"icon": "GraphBarVertical",
"illegalChildren": [
"section"
],
"size": {
"width": 600,
"height": 400
},
"settings": [
{
"type": "text",
@ -1575,9 +1612,10 @@
"name": "Line Chart",
"description": "Line chart",
"icon": "GraphTrend",
"illegalChildren": [
"section"
],
"size": {
"width": 600,
"height": 400
},
"settings": [
{
"type": "text",
@ -1735,9 +1773,10 @@
"name": "Area Chart",
"description": "Line chart",
"icon": "GraphAreaStacked",
"illegalChildren": [
"section"
],
"size": {
"width": 600,
"height": 400
},
"settings": [
{
"type": "text",
@ -1907,9 +1946,10 @@
"name": "Pie Chart",
"description": "Pie chart",
"icon": "GraphPie",
"illegalChildren": [
"section"
],
"size": {
"width": 600,
"height": 400
},
"settings": [
{
"type": "text",
@ -2035,9 +2075,10 @@
"name": "Donut Chart",
"description": "Donut chart",
"icon": "GraphDonut",
"illegalChildren": [
"section"
],
"size": {
"width": 600,
"height": 400
},
"settings": [
{
"type": "text",
@ -2163,9 +2204,10 @@
"name": "Candlestick Chart",
"description": "Candlestick chart",
"icon": "GraphBarVerticalStacked",
"illegalChildren": [
"section"
],
"size": {
"width": 600,
"height": 400
},
"settings": [
{
"type": "text",
@ -2270,6 +2312,10 @@
"styles": [
"size"
],
"size": {
"width": 400,
"height": 400
},
"settings": [
{
"type": "select",
@ -2356,6 +2402,10 @@
"styles": [
"size"
],
"size": {
"width": 400,
"height": 400
},
"settings": [
{
"type": "number",
@ -2376,6 +2426,10 @@
"size"
],
"hasChildren": true,
"size": {
"width": 400,
"height": 400
},
"settings": [
{
"type": "select",
@ -2402,13 +2456,14 @@
"stringfield": {
"name": "Text Field",
"icon": "Text",
"illegalChildren": [
"section"
],
"styles": [
"size"
],
"editable": true,
"size": {
"width": 400,
"height": 50
},
"settings": [
{
"type": "field/string",
@ -2496,9 +2551,10 @@
"size"
],
"editable": true,
"illegalChildren": [
"section"
],
"size": {
"width": 400,
"height": 50
},
"settings": [
{
"type": "field/number",
@ -2552,9 +2608,10 @@
"size"
],
"editable": true,
"illegalChildren": [
"section"
],
"size": {
"width": 400,
"height": 50
},
"settings": [
{
"type": "field/string",
@ -2608,9 +2665,10 @@
"size"
],
"editable": true,
"illegalChildren": [
"section"
],
"size": {
"width": 400,
"height": 50
},
"settings": [
{
"type": "field/options",
@ -2775,9 +2833,10 @@
"size"
],
"editable": true,
"illegalChildren": [
"section"
],
"size": {
"width": 400,
"height": 50
},
"settings": [
{
"type": "field/array",
@ -2933,9 +2992,10 @@
"name": "Checkbox",
"icon": "SelectBox",
"editable": true,
"illegalChildren": [
"section"
],
"size": {
"width": 400,
"height": 50
},
"settings": [
{
"type": "field/boolean",
@ -3013,6 +3073,10 @@
"size"
],
"editable": true,
"size": {
"width": 400,
"height": 150
},
"settings": [
{
"type": "field/longform",
@ -3088,9 +3152,10 @@
"size"
],
"editable": true,
"illegalChildren": [
"section"
],
"size": {
"width": 400,
"height": 50
},
"settings": [
{
"type": "field/datetime",
@ -3167,9 +3232,10 @@
"styles": [
"size"
],
"illegalChildren": [
"section"
],
"size": {
"width": 400,
"height": 50
},
"settings": [
{
"type": "field/barcode/qr",
@ -3218,29 +3284,27 @@
"size"
],
"draggable": false,
"illegalChildren": [
"section"
],
"size": {
"width": 400,
"height": 320
},
"settings": [
{
"type": "dataProvider",
"label": "Provider",
"key": "dataProvider",
"required": true
"key": "dataProvider"
},
{
"type": "field",
"label": "Latitude Key",
"key": "latitudeKey",
"dependsOn": "dataProvider",
"required": true
"dependsOn": "dataProvider"
},
{
"type": "field",
"label": "Longitude Key",
"key": "longitudeKey",
"dependsOn": "dataProvider",
"required": true
"dependsOn": "dataProvider"
},
{
"type": "field",
@ -3334,9 +3398,10 @@
"size"
],
"editable": true,
"illegalChildren": [
"section"
],
"size": {
"width": 400,
"height": 200
},
"settings": [
{
"type": "field/attachment",
@ -3391,9 +3456,10 @@
"size"
],
"editable": true,
"illegalChildren": [
"section"
],
"size": {
"width": 400,
"height": 50
},
"settings": [
{
"type": "field/link",
@ -3453,6 +3519,10 @@
"size"
],
"editable": true,
"size": {
"width": 400,
"height": 100
},
"settings": [
{
"type": "field/json",
@ -3501,6 +3571,10 @@
"size"
],
"editable": true,
"size": {
"width": 400,
"height": 200
},
"settings": [
{
"type": "field/attachment",
@ -3563,6 +3637,10 @@
"actions": [
"RefreshDatasource"
],
"size": {
"width": 400,
"height": 100
},
"settings": [
{
"type": "dataSource",
@ -3643,6 +3721,10 @@
],
"hasChildren": true,
"showEmptyState": false,
"size": {
"width": 600,
"height": 400
},
"settings": [
{
"type": "dataProvider",
@ -3741,6 +3823,10 @@
"size"
],
"hasChildren": false,
"size": {
"width": 200,
"height": 50
},
"settings": [
{
"type": "dataProvider",
@ -3777,21 +3863,28 @@
"styles": [
"size"
],
"size": {
"width": 300,
"height": 120
},
"settings": [
{
"type": "text",
"key": "title",
"label": "Title"
"label": "Title",
"defaultValue": "Title"
},
{
"type": "text",
"key": "subtitle",
"label": "Subtitle"
"label": "Subtitle",
"defaultValue": "Subtitle"
},
{
"type": "text",
"key": "description",
"label": "Description"
"label": "Description",
"defaultValue": "Description"
},
{
"type": "text",
@ -3835,6 +3928,10 @@
"name": "Dynamic Filter",
"icon": "Filter",
"showSettingsBar": true,
"size": {
"width": 100,
"height": 35
},
"settings": [
{
"type": "dataProvider",
@ -3882,6 +3979,10 @@
"styles": [
"size"
],
"size": {
"width": 600,
"height": 400
},
"settings": [
{
"type": "text",
@ -4047,6 +4148,10 @@
"styles": [
"size"
],
"size": {
"width": 600,
"height": 400
},
"settings": [
{
"type": "text",
@ -4105,19 +4210,22 @@
"type": "text",
"key": "cardTitle",
"label": "Title",
"nested": true
"nested": true,
"defaultValue": "Title"
},
{
"type": "text",
"key": "cardSubtitle",
"label": "Subtitle",
"nested": true
"nested": true,
"defaultValue": "Subtitle"
},
{
"type": "text",
"key": "cardDescription",
"label": "Description",
"nested": true
"nested": true,
"defaultValue": "Description"
},
{
"type": "text",
@ -4219,6 +4327,10 @@
],
"hasChildren": true,
"showSettingsBar": true,
"size": {
"width": 400,
"height": 100
},
"settings": [
{
"type": "dataSource",
@ -4441,6 +4553,10 @@
"styles": [
"size"
],
"size": {
"width": 400,
"height": 100
},
"settings": [
{
"type": "text",
@ -4458,6 +4574,10 @@
],
"block": true,
"info": "Form blocks are only compatible with internal or SQL tables",
"size": {
"width": 400,
"height": 400
},
"settings": [
{
"type": "select",