a47dba5e26
## Description TL;DR This is a complete architectural change of of List widget works to support all widgets we currently have and should automatically support any future widgets. It also introduces nested List widgets i.e a list widget can have a another list widget which in turn can have another list widget. Fixes #18206 Fixes #6775 Fixes #13211 Fixes #16582 Fixes #11739 Fixes #15094 Fixes #6840 Fixes #10841 Fixes #17386 Fixes #18340 Fixes #16898 Fixes #17555 Fixes #6858 Fixes #9568 Fixes #17480 Fixes #18523 Fixes #18206 Fixes #16586 Fixes #18106 Fixes #16576 Fixes #14697 Fixes #9607 Fixes #19648 Fixes #19739 Fixes #19652 Fixes #18730 Fixes #19503 Fixes #19498 Fixes #19437 Fixes #5245 Fixes #19150 Fixes #18638 Fixes #11332 Fixes #17901 Fixes #19043 Fixes #17777 Fixes #8237 Fixes #15487 Fixes #15988 Fixes #18621 Fixes #16788 Fixes #18110 Fixes #18382 Fixes #17427 Fixes #18105 Fixes #18287 Fixes #19808 Fixes #14655 ## Type of change - New feature (non-breaking change which adds functionality) ## How Has This Been Tested? - Cypress - Jest - Manual ## Checklist: - [x] My code follows the style guidelines of this project - [x] I have performed a self-review of my own code - [x] I have commented my code, particularly in hard-to-understand areas - [ ] I have made corresponding changes to the documentation - [x] My changes generate no new warnings - [x] I have added tests that prove my fix is effective or that my feature works - [x] New and existing unit tests pass locally with my changes --------- Co-authored-by: Tolulope Adetula <31691737+Tooluloope@users.noreply.github.com> Co-authored-by: Favour Ohanekwu <fohanekwu@gmail.com>
616 lines
34 KiB
JSON
616 lines
34 KiB
JSON
{
|
|
"dsl": {
|
|
"widgetName": "MainContainer",
|
|
"backgroundColor": "none",
|
|
"rightColumn": 1224,
|
|
"snapColumns": 64,
|
|
"detachFromLayout": true,
|
|
"widgetId": "0",
|
|
"topRow": 0,
|
|
"bottomRow": 850,
|
|
"containerStyle": "none",
|
|
"snapRows": 85,
|
|
"parentRowSpace": 1,
|
|
"type": "CANVAS_WIDGET",
|
|
"canExtend": true,
|
|
"version": 64,
|
|
"minHeight": 860,
|
|
"parentColumnSpace": 1,
|
|
"dynamicBindingPathList": [],
|
|
"leftColumn": 0,
|
|
"children": [
|
|
{
|
|
"widgetName": "Text3",
|
|
"displayName": "Text",
|
|
"iconSVG": "/static/media/icon.97c59b523e6f70ba6f40a10fc2c7c5b5.svg",
|
|
"searchTags": [
|
|
"typography",
|
|
"paragraph",
|
|
"label"
|
|
],
|
|
"topRow": 1,
|
|
"bottomRow": 5,
|
|
"parentRowSpace": 10,
|
|
"type": "TEXT_WIDGET",
|
|
"hideCard": false,
|
|
"animateLoading": true,
|
|
"overflow": "NONE",
|
|
"fontFamily": "{{appsmith.theme.fontFamily.appFont}}",
|
|
"parentColumnSpace": 17.0625,
|
|
"dynamicTriggerPathList": [],
|
|
"leftColumn": 14,
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "truncateButtonColor"
|
|
},
|
|
{
|
|
"key": "fontFamily"
|
|
},
|
|
{
|
|
"key": "borderRadius"
|
|
}
|
|
],
|
|
"shouldTruncate": false,
|
|
"truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}",
|
|
"text": "",
|
|
"key": "o7qke9robu",
|
|
"isDeprecated": false,
|
|
"rightColumn": 30,
|
|
"textAlign": "LEFT",
|
|
"widgetId": "ht2qj44ys5",
|
|
"isVisible": true,
|
|
"fontStyle": "BOLD",
|
|
"textColor": "#231F20",
|
|
"version": 1,
|
|
"parentId": "0",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
|
"fontSize": "1rem"
|
|
},
|
|
{
|
|
"boxShadow": "none",
|
|
"widgetName": "List1",
|
|
"requiresFlatWidgetChildren": true,
|
|
"listData": "[]",
|
|
"isCanvas": true,
|
|
"displayName": "List V2",
|
|
"iconSVG": "/static/media/icon.9925ee17dee37bf1ba7374412563a8a7.svg",
|
|
"topRow": 5,
|
|
"bottomRow": 60,
|
|
"parentRowSpace": 10,
|
|
"currentItemsView": "{{[]}}",
|
|
"type": "LIST_WIDGET_V2",
|
|
"hideCard": false,
|
|
"gridGap": 0,
|
|
"templateBottomRow": 16,
|
|
"mainContainerId": "5lqs646dep",
|
|
"animateLoading": true,
|
|
"parentColumnSpace": 17.0625,
|
|
"dynamicTriggerPathList": [],
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "currentItemsView"
|
|
},
|
|
{
|
|
"key": "borderRadius"
|
|
},
|
|
{
|
|
"key": "accentColor"
|
|
}
|
|
],
|
|
"leftColumn": 10,
|
|
"gridType": "vertical",
|
|
"enhancements": true,
|
|
"children": [
|
|
{
|
|
"boxShadow": "none",
|
|
"widgetName": "Canvas2",
|
|
"displayName": "Canvas",
|
|
"topRow": 0,
|
|
"bottomRow": 400,
|
|
"parentRowSpace": 1,
|
|
"type": "CANVAS_WIDGET",
|
|
"canExtend": false,
|
|
"hideCard": true,
|
|
"dropDisabled": true,
|
|
"openParentPropertyPane": true,
|
|
"minHeight": 400,
|
|
"noPad": true,
|
|
"parentColumnSpace": 1,
|
|
"leftColumn": 0,
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "borderRadius"
|
|
},
|
|
{
|
|
"key": "accentColor"
|
|
}
|
|
],
|
|
"children": [
|
|
{
|
|
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
|
|
"widgetName": "Container1",
|
|
"borderColor": "#E0DEDE",
|
|
"disallowCopy": true,
|
|
"isCanvas": true,
|
|
"displayName": "Container",
|
|
"iconSVG": "/static/media/icon.1977dca3370505e2db3a8e44cfd54907.svg",
|
|
"searchTags": [
|
|
"div",
|
|
"parent",
|
|
"group"
|
|
],
|
|
"topRow": 0,
|
|
"bottomRow": 12,
|
|
"dragDisabled": true,
|
|
"type": "CONTAINER_WIDGET",
|
|
"hideCard": false,
|
|
"openParentPropertyPane": true,
|
|
"isDeletable": false,
|
|
"animateLoading": true,
|
|
"leftColumn": 0,
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "borderRadius"
|
|
},
|
|
{
|
|
"key": "boxShadow"
|
|
}
|
|
],
|
|
"children": [
|
|
{
|
|
"boxShadow": "none",
|
|
"widgetName": "Canvas3",
|
|
"displayName": "Canvas",
|
|
"topRow": 0,
|
|
"parentRowSpace": 1,
|
|
"type": "CANVAS_WIDGET",
|
|
"canExtend": false,
|
|
"hideCard": true,
|
|
"parentColumnSpace": 1,
|
|
"leftColumn": 0,
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "borderRadius"
|
|
},
|
|
{
|
|
"key": "accentColor"
|
|
}
|
|
],
|
|
"children": [
|
|
{
|
|
"boxShadow": "none",
|
|
"widgetName": "Image1",
|
|
"displayName": "Image",
|
|
"iconSVG": "/static/media/icon.52d8fb963abcb95c79b10f1553389f22.svg",
|
|
"topRow": 0,
|
|
"bottomRow": 8,
|
|
"type": "IMAGE_WIDGET",
|
|
"hideCard": false,
|
|
"animateLoading": true,
|
|
"dynamicTriggerPathList": [],
|
|
"imageShape": "RECTANGLE",
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "image"
|
|
},
|
|
{
|
|
"key": "borderRadius"
|
|
}
|
|
],
|
|
"leftColumn": 0,
|
|
"defaultImage": "https://assets.appsmith.com/widgets/default.png",
|
|
"key": "5khw0s488h",
|
|
"image": "{{currentItem.img}}",
|
|
"isDeprecated": false,
|
|
"rightColumn": 16,
|
|
"objectFit": "cover",
|
|
"widgetId": "a0736qb7hs",
|
|
"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,
|
|
"version": 1,
|
|
"parentId": "d7l6ubnpbq",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"maxZoomLevel": 1,
|
|
"enableDownload": false,
|
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
|
"enableRotation": false
|
|
},
|
|
{
|
|
"boxShadow": "none",
|
|
"widgetName": "Text5",
|
|
"displayName": "Text",
|
|
"iconSVG": "/static/media/icon.97c59b523e6f70ba6f40a10fc2c7c5b5.svg",
|
|
"searchTags": [
|
|
"typography",
|
|
"paragraph",
|
|
"label"
|
|
],
|
|
"topRow": 0,
|
|
"bottomRow": 4,
|
|
"type": "TEXT_WIDGET",
|
|
"hideCard": false,
|
|
"animateLoading": true,
|
|
"overflow": "NONE",
|
|
"dynamicTriggerPathList": [],
|
|
"fontFamily": "{{appsmith.theme.fontFamily.appFont}}",
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "text"
|
|
},
|
|
{
|
|
"key": "truncateButtonColor"
|
|
},
|
|
{
|
|
"key": "fontFamily"
|
|
},
|
|
{
|
|
"key": "borderRadius"
|
|
}
|
|
],
|
|
"leftColumn": 16,
|
|
"shouldTruncate": false,
|
|
"truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}",
|
|
"text": "{{currentItem.name}}",
|
|
"key": "ek2p3f2rpl",
|
|
"isDeprecated": false,
|
|
"rightColumn": 28,
|
|
"textAlign": "LEFT",
|
|
"widgetId": "mz30i991fm",
|
|
"logBlackList": {
|
|
"isVisible": true,
|
|
"text": true,
|
|
"fontSize": true,
|
|
"fontStyle": true,
|
|
"textAlign": true,
|
|
"textColor": true,
|
|
"truncateButtonColor": true,
|
|
"widgetName": true,
|
|
"shouldTruncate": true,
|
|
"overflow": true,
|
|
"version": true,
|
|
"animateLoading": 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,
|
|
"fontFamily": true,
|
|
"borderRadius": true,
|
|
"isLoading": true,
|
|
"parentColumnSpace": true,
|
|
"parentRowSpace": true,
|
|
"leftColumn": true,
|
|
"rightColumn": true,
|
|
"topRow": true,
|
|
"bottomRow": true,
|
|
"parentId": true
|
|
},
|
|
"isVisible": true,
|
|
"fontStyle": "BOLD",
|
|
"textColor": "#231F20",
|
|
"version": 1,
|
|
"parentId": "d7l6ubnpbq",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
|
"fontSize": "1rem",
|
|
"textStyle": "HEADING"
|
|
},
|
|
{
|
|
"boxShadow": "none",
|
|
"widgetName": "Text6",
|
|
"displayName": "Text",
|
|
"iconSVG": "/static/media/icon.97c59b523e6f70ba6f40a10fc2c7c5b5.svg",
|
|
"searchTags": [
|
|
"typography",
|
|
"paragraph",
|
|
"label"
|
|
],
|
|
"topRow": 4,
|
|
"bottomRow": 8,
|
|
"type": "TEXT_WIDGET",
|
|
"hideCard": false,
|
|
"animateLoading": true,
|
|
"overflow": "NONE",
|
|
"dynamicTriggerPathList": [],
|
|
"fontFamily": "{{appsmith.theme.fontFamily.appFont}}",
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "text"
|
|
},
|
|
{
|
|
"key": "truncateButtonColor"
|
|
},
|
|
{
|
|
"key": "fontFamily"
|
|
},
|
|
{
|
|
"key": "borderRadius"
|
|
}
|
|
],
|
|
"leftColumn": 16,
|
|
"shouldTruncate": false,
|
|
"truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}",
|
|
"text": "{{currentItem.id}}",
|
|
"key": "ek2p3f2rpl",
|
|
"isDeprecated": false,
|
|
"rightColumn": 24,
|
|
"textAlign": "LEFT",
|
|
"widgetId": "38xs3d5li4",
|
|
"logBlackList": {
|
|
"isVisible": true,
|
|
"text": true,
|
|
"fontSize": true,
|
|
"fontStyle": true,
|
|
"textAlign": true,
|
|
"textColor": true,
|
|
"truncateButtonColor": true,
|
|
"widgetName": true,
|
|
"shouldTruncate": true,
|
|
"overflow": true,
|
|
"version": true,
|
|
"animateLoading": 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,
|
|
"fontFamily": true,
|
|
"borderRadius": true,
|
|
"isLoading": true,
|
|
"parentColumnSpace": true,
|
|
"parentRowSpace": true,
|
|
"leftColumn": true,
|
|
"rightColumn": true,
|
|
"topRow": true,
|
|
"bottomRow": true,
|
|
"parentId": true
|
|
},
|
|
"isVisible": true,
|
|
"fontStyle": "BOLD",
|
|
"textColor": "#231F20",
|
|
"version": 1,
|
|
"parentId": "d7l6ubnpbq",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
|
"fontSize": "1rem",
|
|
"textStyle": "BODY"
|
|
}
|
|
],
|
|
"key": "ulsid5zgyb",
|
|
"isDeprecated": false,
|
|
"detachFromLayout": true,
|
|
"widgetId": "d7l6ubnpbq",
|
|
"accentColor": "{{appsmith.theme.colors.primaryColor}}",
|
|
"logBlackList": {
|
|
"isVisible": true,
|
|
"widgetName": true,
|
|
"version": true,
|
|
"detachFromLayout": true,
|
|
"searchTags": true,
|
|
"type": true,
|
|
"hideCard": true,
|
|
"isDeprecated": true,
|
|
"replacement": true,
|
|
"displayName": true,
|
|
"key": true,
|
|
"iconSVG": true,
|
|
"isCanvas": true,
|
|
"containerStyle": true,
|
|
"canExtend": true,
|
|
"children": true,
|
|
"minHeight": true,
|
|
"widgetId": true,
|
|
"renderMode": true,
|
|
"boxShadow": true,
|
|
"borderRadius": true,
|
|
"accentColor": true,
|
|
"isLoading": true,
|
|
"parentColumnSpace": true,
|
|
"parentRowSpace": true,
|
|
"leftColumn": true,
|
|
"rightColumn": true,
|
|
"topRow": true,
|
|
"bottomRow": true,
|
|
"parentId": true,
|
|
"dynamicBindingPathList": true
|
|
},
|
|
"containerStyle": "none",
|
|
"isVisible": true,
|
|
"version": 1,
|
|
"parentId": "5lqs646dep",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}"
|
|
}
|
|
],
|
|
"borderWidth": "1",
|
|
"key": "7go0lv16sl",
|
|
"disablePropertyPane": true,
|
|
"backgroundColor": "white",
|
|
"isDeprecated": false,
|
|
"rightColumn": 64,
|
|
"widgetId": "5lqs646dep",
|
|
"logBlackList": {
|
|
"isVisible": true,
|
|
"backgroundColor": true,
|
|
"widgetName": true,
|
|
"containerStyle": true,
|
|
"borderColor": true,
|
|
"borderWidth": true,
|
|
"boxShadow": true,
|
|
"animateLoading": true,
|
|
"children": true,
|
|
"version": true,
|
|
"searchTags": true,
|
|
"type": true,
|
|
"hideCard": true,
|
|
"isDeprecated": true,
|
|
"replacement": true,
|
|
"displayName": true,
|
|
"key": true,
|
|
"iconSVG": true,
|
|
"isCanvas": true,
|
|
"dragDisabled": true,
|
|
"isDeletable": true,
|
|
"disallowCopy": true,
|
|
"disablePropertyPane": true,
|
|
"openParentPropertyPane": 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,
|
|
"dynamicBindingPathList": true
|
|
},
|
|
"containerStyle": "card",
|
|
"isVisible": true,
|
|
"version": 1,
|
|
"parentId": "lgg0laxy3s",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}"
|
|
}
|
|
],
|
|
"key": "ulsid5zgyb",
|
|
"isDeprecated": false,
|
|
"rightColumn": 409.5,
|
|
"detachFromLayout": true,
|
|
"widgetId": "lgg0laxy3s",
|
|
"accentColor": "{{appsmith.theme.colors.primaryColor}}",
|
|
"logBlackList": {
|
|
"isVisible": true,
|
|
"widgetName": true,
|
|
"version": true,
|
|
"detachFromLayout": true,
|
|
"searchTags": true,
|
|
"type": true,
|
|
"hideCard": true,
|
|
"isDeprecated": true,
|
|
"replacement": true,
|
|
"displayName": true,
|
|
"key": true,
|
|
"iconSVG": true,
|
|
"isCanvas": true,
|
|
"containerStyle": true,
|
|
"canExtend": true,
|
|
"dropDisabled": true,
|
|
"openParentPropertyPane": true,
|
|
"noPad": true,
|
|
"children": true,
|
|
"minHeight": true,
|
|
"widgetId": true,
|
|
"renderMode": true,
|
|
"boxShadow": true,
|
|
"borderRadius": true,
|
|
"accentColor": true,
|
|
"isLoading": true,
|
|
"parentColumnSpace": true,
|
|
"parentRowSpace": true,
|
|
"leftColumn": true,
|
|
"rightColumn": true,
|
|
"topRow": true,
|
|
"bottomRow": true,
|
|
"parentId": true,
|
|
"dynamicBindingPathList": true
|
|
},
|
|
"containerStyle": "none",
|
|
"isVisible": true,
|
|
"version": 1,
|
|
"parentId": "r9d69ncbxs",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}"
|
|
}
|
|
],
|
|
"privateWidgets": {
|
|
"undefined": true
|
|
},
|
|
"key": "v8b05oaflt",
|
|
"backgroundColor": "transparent",
|
|
"isDeprecated": false,
|
|
"rightColumn": 55,
|
|
"itemBackgroundColor": "#FFFFFF",
|
|
"widgetId": "r9d69ncbxs",
|
|
"accentColor": "{{appsmith.theme.colors.primaryColor}}",
|
|
"isVisible": true,
|
|
"parentId": "0",
|
|
"hasMetaWidgets": true,
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"mainCanvasId": "lgg0laxy3s",
|
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}"
|
|
}
|
|
]
|
|
}
|
|
}
|