6636e8ae82
* remove auto height from list widget's children * avoid large diffs * disable auto height in list widget, review commit * fix children object for list widget during migration * reposition comment * fix blueprint message when multiple widgets are added * remove comment * List widget test for Dynamic height updated * fix propertyPane config * fix property pane search for hidden dynamic height values Co-authored-by: Apple <nandan@thinkify.io>
631 lines
35 KiB
JSON
631 lines
35 KiB
JSON
{
|
|
"dsl": {
|
|
"widgetName": "MainContainer",
|
|
"backgroundColor": "none",
|
|
"rightColumn": 4896,
|
|
"snapColumns": 64,
|
|
"detachFromLayout": true,
|
|
"widgetId": "0",
|
|
"topRow": 0,
|
|
"bottomRow": 500,
|
|
"containerStyle": "none",
|
|
"snapRows": 125,
|
|
"parentRowSpace": 1,
|
|
"type": "CANVAS_WIDGET",
|
|
"canExtend": true,
|
|
"version": 69,
|
|
"minHeight": 1292,
|
|
"dynamicTriggerPathList": [],
|
|
"parentColumnSpace": 1,
|
|
"dynamicBindingPathList": [],
|
|
"leftColumn": 0,
|
|
"children": [
|
|
{
|
|
"isVisible": true,
|
|
"backgroundColor": "transparent",
|
|
"itemBackgroundColor": "#FFFFFF",
|
|
"animateLoading": true,
|
|
"gridType": "vertical",
|
|
"template": {
|
|
"Image1": {
|
|
"isVisible": true,
|
|
"defaultImage": "https://assets.appsmith.com/widgets/default.png",
|
|
"imageShape": "RECTANGLE",
|
|
"maxZoomLevel": 1,
|
|
"enableRotation": false,
|
|
"enableDownload": false,
|
|
"objectFit": "cover",
|
|
"image": "{{List1.listData.map((currentItem) => currentItem.img)}}",
|
|
"widgetName": "Image1",
|
|
"version": 1,
|
|
"animateLoading": true,
|
|
"type": "IMAGE_WIDGET",
|
|
"hideCard": false,
|
|
"isDeprecated": false,
|
|
"displayName": "Image",
|
|
"key": "nqfe0za35m",
|
|
"iconSVG": "/static/media/icon.52d8fb963abcb95c79b10f1553389f22.svg",
|
|
"boxShadow": "none",
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "image"
|
|
},
|
|
{
|
|
"key": "borderRadius"
|
|
}
|
|
],
|
|
"dynamicTriggerPathList": [],
|
|
"widgetId": "xd0fne6182",
|
|
"renderMode": "CANVAS",
|
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
|
"isLoading": false,
|
|
"leftColumn": 0,
|
|
"rightColumn": 16,
|
|
"topRow": 0,
|
|
"bottomRow": 8,
|
|
"parentId": "h9zxkabruq"
|
|
},
|
|
"Text1": {
|
|
"isVisible": true,
|
|
"text": "{{List1.listData.map((currentItem) => currentItem.name)}}",
|
|
"fontSize": "1rem",
|
|
"fontStyle": "BOLD",
|
|
"textAlign": "LEFT",
|
|
"textColor": "#231F20",
|
|
"widgetName": "Text1",
|
|
"shouldTruncate": false,
|
|
"overflow": "NONE",
|
|
"version": 1,
|
|
"animateLoading": true,
|
|
"minDynamicHeight": 4,
|
|
"maxDynamicHeight": 9000,
|
|
"dynamicHeight": "AUTO_HEIGHT",
|
|
"searchTags": [
|
|
"typography",
|
|
"paragraph",
|
|
"label"
|
|
],
|
|
"type": "TEXT_WIDGET",
|
|
"hideCard": false,
|
|
"isDeprecated": false,
|
|
"displayName": "Text",
|
|
"key": "7iypzmkb0n",
|
|
"iconSVG": "/static/media/icon.97c59b523e6f70ba6f40a10fc2c7c5b5.svg",
|
|
"textStyle": "HEADING",
|
|
"boxShadow": "none",
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "text"
|
|
},
|
|
{
|
|
"key": "truncateButtonColor"
|
|
},
|
|
{
|
|
"key": "fontFamily"
|
|
},
|
|
{
|
|
"key": "borderRadius"
|
|
}
|
|
],
|
|
"dynamicTriggerPathList": [],
|
|
"widgetId": "hwtznp2wr7",
|
|
"renderMode": "CANVAS",
|
|
"truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}",
|
|
"fontFamily": "{{appsmith.theme.fontFamily.appFont}}",
|
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
|
"isLoading": false,
|
|
"leftColumn": 16,
|
|
"rightColumn": 28,
|
|
"topRow": 0,
|
|
"bottomRow": 4,
|
|
"parentId": "h9zxkabruq"
|
|
},
|
|
"Text2": {
|
|
"isVisible": true,
|
|
"text": "{{List1.listData.map((currentItem) => currentItem.id)}}",
|
|
"fontSize": "1rem",
|
|
"fontStyle": "BOLD",
|
|
"textAlign": "LEFT",
|
|
"textColor": "#231F20",
|
|
"widgetName": "Text2",
|
|
"shouldTruncate": false,
|
|
"overflow": "NONE",
|
|
"version": 1,
|
|
"animateLoading": true,
|
|
"minDynamicHeight": 4,
|
|
"maxDynamicHeight": 9000,
|
|
"dynamicHeight": "AUTO_HEIGHT",
|
|
"searchTags": [
|
|
"typography",
|
|
"paragraph",
|
|
"label"
|
|
],
|
|
"type": "TEXT_WIDGET",
|
|
"hideCard": false,
|
|
"isDeprecated": false,
|
|
"displayName": "Text",
|
|
"key": "7iypzmkb0n",
|
|
"iconSVG": "/static/media/icon.97c59b523e6f70ba6f40a10fc2c7c5b5.svg",
|
|
"textStyle": "BODY",
|
|
"boxShadow": "none",
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "text"
|
|
},
|
|
{
|
|
"key": "truncateButtonColor"
|
|
},
|
|
{
|
|
"key": "fontFamily"
|
|
},
|
|
{
|
|
"key": "borderRadius"
|
|
}
|
|
],
|
|
"dynamicTriggerPathList": [],
|
|
"widgetId": "f5yqkzcdvk",
|
|
"renderMode": "CANVAS",
|
|
"truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}",
|
|
"fontFamily": "{{appsmith.theme.fontFamily.appFont}}",
|
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
|
"isLoading": false,
|
|
"leftColumn": 16,
|
|
"rightColumn": 24,
|
|
"topRow": 4,
|
|
"bottomRow": 8,
|
|
"parentId": "h9zxkabruq"
|
|
}
|
|
},
|
|
"enhancements": true,
|
|
"gridGap": 0,
|
|
"listData": [
|
|
{
|
|
"id": "001",
|
|
"name": "Blue",
|
|
"img": "https://assets.appsmith.com/widgets/default.png"
|
|
},
|
|
{
|
|
"id": "002",
|
|
"name": "Green",
|
|
"img": "https://assets.appsmith.com/widgets/default.png"
|
|
},
|
|
{
|
|
"id": "003",
|
|
"name": "Red",
|
|
"img": "https://assets.appsmith.com/widgets/default.png"
|
|
}
|
|
],
|
|
"widgetName": "List1",
|
|
"children": [
|
|
{
|
|
"isVisible": true,
|
|
"widgetName": "Canvas1",
|
|
"version": 1,
|
|
"detachFromLayout": true,
|
|
"type": "CANVAS_WIDGET",
|
|
"hideCard": true,
|
|
"isDeprecated": false,
|
|
"displayName": "Canvas",
|
|
"key": "aon95urj2w",
|
|
"containerStyle": "none",
|
|
"canExtend": false,
|
|
"dropDisabled": true,
|
|
"openParentPropertyPane": true,
|
|
"noPad": true,
|
|
"children": [
|
|
{
|
|
"isVisible": true,
|
|
"backgroundColor": "white",
|
|
"widgetName": "Container1",
|
|
"containerStyle": "card",
|
|
"borderColor": "#E0DEDE",
|
|
"borderWidth": "1",
|
|
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
|
|
"animateLoading": true,
|
|
"children": [
|
|
{
|
|
"isVisible": true,
|
|
"widgetName": "Canvas2",
|
|
"version": 1,
|
|
"detachFromLayout": true,
|
|
"type": "CANVAS_WIDGET",
|
|
"hideCard": true,
|
|
"isDeprecated": false,
|
|
"displayName": "Canvas",
|
|
"key": "aon95urj2w",
|
|
"containerStyle": "none",
|
|
"canExtend": false,
|
|
"children": [
|
|
{
|
|
"isVisible": true,
|
|
"defaultImage": "https://assets.appsmith.com/widgets/default.png",
|
|
"imageShape": "RECTANGLE",
|
|
"maxZoomLevel": 1,
|
|
"enableRotation": false,
|
|
"enableDownload": false,
|
|
"objectFit": "cover",
|
|
"image": "{{currentItem.img}}",
|
|
"widgetName": "Image1",
|
|
"version": 1,
|
|
"animateLoading": true,
|
|
"type": "IMAGE_WIDGET",
|
|
"hideCard": false,
|
|
"isDeprecated": false,
|
|
"displayName": "Image",
|
|
"key": "nqfe0za35m",
|
|
"iconSVG": "/static/media/icon.52d8fb963abcb95c79b10f1553389f22.svg",
|
|
"boxShadow": "none",
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "image"
|
|
},
|
|
{
|
|
"key": "borderRadius"
|
|
}
|
|
],
|
|
"dynamicTriggerPathList": [],
|
|
"widgetId": "xd0fne6182",
|
|
"renderMode": "CANVAS",
|
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
|
"isLoading": false,
|
|
"leftColumn": 0,
|
|
"rightColumn": 16,
|
|
"topRow": 0,
|
|
"bottomRow": 8,
|
|
"parentId": "h9zxkabruq",
|
|
"logBlackList": {
|
|
"isVisible": true,
|
|
"defaultImage": true,
|
|
"imageShape": true,
|
|
"maxZoomLevel": true,
|
|
"enableRotation": true,
|
|
"enableDownload": true,
|
|
"objectFit": true,
|
|
"image": true,
|
|
"widgetName": true,
|
|
"version": true,
|
|
"animateLoading": true,
|
|
"searchTags": true,
|
|
"type": true,
|
|
"hideCard": true,
|
|
"isDeprecated": true,
|
|
"replacement": true,
|
|
"displayName": true,
|
|
"key": true,
|
|
"iconSVG": true,
|
|
"isCanvas": true,
|
|
"boxShadow": true,
|
|
"dynamicBindingPathList": true,
|
|
"dynamicTriggerPathList": true,
|
|
"minHeight": true,
|
|
"widgetId": true,
|
|
"renderMode": true,
|
|
"borderRadius": true,
|
|
"isLoading": true,
|
|
"parentColumnSpace": true,
|
|
"parentRowSpace": true,
|
|
"leftColumn": true,
|
|
"rightColumn": true,
|
|
"topRow": true,
|
|
"bottomRow": true,
|
|
"parentId": true
|
|
}
|
|
},
|
|
{
|
|
"isVisible": true,
|
|
"text": "{{currentItem.name}}",
|
|
"fontSize": "1rem",
|
|
"fontStyle": "BOLD",
|
|
"textAlign": "LEFT",
|
|
"textColor": "#231F20",
|
|
"widgetName": "Text1",
|
|
"shouldTruncate": false,
|
|
"overflow": "NONE",
|
|
"version": 1,
|
|
"animateLoading": true,
|
|
"minDynamicHeight": 4,
|
|
"maxDynamicHeight": 9000,
|
|
"dynamicHeight": "AUTO_HEIGHT",
|
|
"searchTags": [
|
|
"typography",
|
|
"paragraph",
|
|
"label"
|
|
],
|
|
"type": "TEXT_WIDGET",
|
|
"hideCard": false,
|
|
"isDeprecated": false,
|
|
"displayName": "Text",
|
|
"key": "7iypzmkb0n",
|
|
"iconSVG": "/static/media/icon.97c59b523e6f70ba6f40a10fc2c7c5b5.svg",
|
|
"textStyle": "HEADING",
|
|
"boxShadow": "none",
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "text"
|
|
},
|
|
{
|
|
"key": "truncateButtonColor"
|
|
},
|
|
{
|
|
"key": "fontFamily"
|
|
},
|
|
{
|
|
"key": "borderRadius"
|
|
}
|
|
],
|
|
"dynamicTriggerPathList": [],
|
|
"widgetId": "hwtznp2wr7",
|
|
"renderMode": "CANVAS",
|
|
"truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}",
|
|
"fontFamily": "{{appsmith.theme.fontFamily.appFont}}",
|
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
|
"isLoading": false,
|
|
"leftColumn": 16,
|
|
"rightColumn": 28,
|
|
"topRow": 0,
|
|
"bottomRow": 5,
|
|
"parentId": "h9zxkabruq",
|
|
"logBlackList": {
|
|
"isVisible": true,
|
|
"text": true,
|
|
"fontSize": true,
|
|
"fontStyle": true,
|
|
"textAlign": true,
|
|
"textColor": true,
|
|
"widgetName": true,
|
|
"shouldTruncate": true,
|
|
"overflow": true,
|
|
"version": true,
|
|
"animateLoading": true,
|
|
"minDynamicHeight": true,
|
|
"maxDynamicHeight": true,
|
|
"dynamicHeight": true,
|
|
"searchTags": true,
|
|
"type": true,
|
|
"hideCard": true,
|
|
"isDeprecated": true,
|
|
"replacement": true,
|
|
"displayName": true,
|
|
"key": true,
|
|
"iconSVG": true,
|
|
"isCanvas": true,
|
|
"textStyle": true,
|
|
"boxShadow": true,
|
|
"dynamicBindingPathList": true,
|
|
"dynamicTriggerPathList": true,
|
|
"minHeight": true,
|
|
"widgetId": true,
|
|
"renderMode": true,
|
|
"truncateButtonColor": true,
|
|
"fontFamily": true,
|
|
"borderRadius": true,
|
|
"isLoading": true,
|
|
"parentColumnSpace": true,
|
|
"parentRowSpace": true,
|
|
"leftColumn": true,
|
|
"rightColumn": true,
|
|
"topRow": true,
|
|
"bottomRow": true,
|
|
"parentId": true
|
|
},
|
|
"originalTopRow": 0,
|
|
"originalBottomRow": 4
|
|
},
|
|
{
|
|
"isVisible": true,
|
|
"text": "{{currentItem.id}}",
|
|
"fontSize": "1rem",
|
|
"fontStyle": "BOLD",
|
|
"textAlign": "LEFT",
|
|
"textColor": "#231F20",
|
|
"widgetName": "Text2",
|
|
"shouldTruncate": false,
|
|
"overflow": "NONE",
|
|
"version": 1,
|
|
"animateLoading": true,
|
|
"minDynamicHeight": 4,
|
|
"maxDynamicHeight": 9000,
|
|
"dynamicHeight": "AUTO_HEIGHT",
|
|
"searchTags": [
|
|
"typography",
|
|
"paragraph",
|
|
"label"
|
|
],
|
|
"type": "TEXT_WIDGET",
|
|
"hideCard": false,
|
|
"isDeprecated": false,
|
|
"displayName": "Text",
|
|
"key": "7iypzmkb0n",
|
|
"iconSVG": "/static/media/icon.97c59b523e6f70ba6f40a10fc2c7c5b5.svg",
|
|
"textStyle": "BODY",
|
|
"boxShadow": "none",
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "text"
|
|
},
|
|
{
|
|
"key": "truncateButtonColor"
|
|
},
|
|
{
|
|
"key": "fontFamily"
|
|
},
|
|
{
|
|
"key": "borderRadius"
|
|
}
|
|
],
|
|
"dynamicTriggerPathList": [],
|
|
"widgetId": "f5yqkzcdvk",
|
|
"renderMode": "CANVAS",
|
|
"truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}",
|
|
"fontFamily": "{{appsmith.theme.fontFamily.appFont}}",
|
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
|
"isLoading": false,
|
|
"leftColumn": 16,
|
|
"rightColumn": 24,
|
|
"topRow": 5,
|
|
"bottomRow": 12,
|
|
"parentId": "h9zxkabruq",
|
|
"logBlackList": {
|
|
"isVisible": true,
|
|
"text": true,
|
|
"fontSize": true,
|
|
"fontStyle": true,
|
|
"textAlign": true,
|
|
"textColor": true,
|
|
"widgetName": true,
|
|
"shouldTruncate": true,
|
|
"overflow": true,
|
|
"version": true,
|
|
"animateLoading": true,
|
|
"minDynamicHeight": true,
|
|
"maxDynamicHeight": true,
|
|
"dynamicHeight": true,
|
|
"searchTags": true,
|
|
"type": true,
|
|
"hideCard": true,
|
|
"isDeprecated": true,
|
|
"replacement": true,
|
|
"displayName": true,
|
|
"key": true,
|
|
"iconSVG": true,
|
|
"isCanvas": true,
|
|
"textStyle": true,
|
|
"boxShadow": true,
|
|
"dynamicBindingPathList": true,
|
|
"dynamicTriggerPathList": true,
|
|
"minHeight": true,
|
|
"widgetId": true,
|
|
"renderMode": true,
|
|
"truncateButtonColor": true,
|
|
"fontFamily": true,
|
|
"borderRadius": true,
|
|
"isLoading": true,
|
|
"parentColumnSpace": true,
|
|
"parentRowSpace": true,
|
|
"leftColumn": true,
|
|
"rightColumn": true,
|
|
"topRow": true,
|
|
"bottomRow": true,
|
|
"parentId": true
|
|
},
|
|
"originalTopRow": 4,
|
|
"originalBottomRow": 8
|
|
}
|
|
],
|
|
"minHeight": 140,
|
|
"widgetId": "h9zxkabruq",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"parentColumnSpace": 1,
|
|
"parentRowSpace": 1,
|
|
"leftColumn": 0,
|
|
"rightColumn": null,
|
|
"topRow": 0,
|
|
"bottomRow": 140,
|
|
"parentId": "z1hyon6hsf",
|
|
"dynamicBindingPathList": []
|
|
}
|
|
],
|
|
"version": 1,
|
|
"minDynamicHeight": 10,
|
|
"maxDynamicHeight": 9000,
|
|
"dynamicHeight": "FIXED",
|
|
"shouldScrollContents": true,
|
|
"searchTags": [
|
|
"div",
|
|
"parent",
|
|
"group"
|
|
],
|
|
"type": "CONTAINER_WIDGET",
|
|
"hideCard": false,
|
|
"isDeprecated": false,
|
|
"displayName": "Container",
|
|
"key": "bavx5ucxfq",
|
|
"iconSVG": "/static/media/icon.1977dca3370505e2db3a8e44cfd54907.svg",
|
|
"isCanvas": true,
|
|
"dragDisabled": true,
|
|
"isDeletable": false,
|
|
"disallowCopy": true,
|
|
"disablePropertyPane": true,
|
|
"openParentPropertyPane": true,
|
|
"widgetId": "z1hyon6hsf",
|
|
"renderMode": "CANVAS",
|
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
|
"isLoading": false,
|
|
"leftColumn": 0,
|
|
"rightColumn": 64,
|
|
"topRow": 0,
|
|
"bottomRow": 12,
|
|
"parentId": "0f7mv88r94",
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "borderRadius"
|
|
},
|
|
{
|
|
"key": "boxShadow"
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"minHeight": 400,
|
|
"widgetId": "0f7mv88r94",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"parentColumnSpace": 1,
|
|
"parentRowSpace": 1,
|
|
"leftColumn": 0,
|
|
"rightColumn": 239.25,
|
|
"topRow": 0,
|
|
"bottomRow": 400,
|
|
"parentId": "goeipfim43",
|
|
"dynamicBindingPathList": []
|
|
}
|
|
],
|
|
"type": "LIST_WIDGET",
|
|
"hideCard": false,
|
|
"isDeprecated": false,
|
|
"displayName": "List",
|
|
"key": "ygfubplth9",
|
|
"iconSVG": "/static/media/icon.9925ee17dee37bf1ba7374412563a8a7.svg",
|
|
"isCanvas": true,
|
|
"widgetId": "goeipfim43",
|
|
"renderMode": "CANVAS",
|
|
"accentColor": "{{appsmith.theme.colors.primaryColor}}",
|
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
|
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
|
|
"isLoading": false,
|
|
"parentColumnSpace": 9.96875,
|
|
"parentRowSpace": 10,
|
|
"leftColumn": 18,
|
|
"rightColumn": 42,
|
|
"topRow": 2,
|
|
"bottomRow": 42,
|
|
"parentId": "0",
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "accentColor"
|
|
},
|
|
{
|
|
"key": "borderRadius"
|
|
},
|
|
{
|
|
"key": "boxShadow"
|
|
},
|
|
{
|
|
"key": "template.Image1.image"
|
|
},
|
|
{
|
|
"key": "template.Text1.text"
|
|
},
|
|
{
|
|
"key": "template.Text2.text"
|
|
}
|
|
],
|
|
"privateWidgets": {
|
|
"undefined": true
|
|
},
|
|
"dynamicTriggerPathList": []
|
|
}
|
|
]
|
|
}
|
|
} |