Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity
6e4a7fe92b
PromucFlow_constructor/app/client/cypress/fixtures/listv2PaginationDsl.json

617 lines
34 KiB
JSON
Raw Normal View History

feat: List V2 (#15839) ## 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>
2023-02-14 16:07:31 +00:00
{
"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,
fix: list widget in form widget (#21329) The list widget should be visible in the Form widget. Also, updatePageNo shouldn't be called recursively when the List widget Height is adjusted.
2023-03-10 14:17:20 +00:00
"pageSize": 4,
feat: List V2 (#15839) ## 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>
2023-02-14 16:07:31 +00:00
"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}}"
}
]
}
}
Reference in New Issue Copy Permalink