> Pull Request Template > > Use this template to quickly create a well written pull request. Delete all quotes before creating the pull request. > ## Description > Add a TL;DR when description is extra long (helps content team) > > Please include a summary of the changes and which issue has been fixed. Please also include relevant motivation > and context. List any dependencies that are required for this change > > Links to Notion, Figma or any other documents that might be relevant to the PR > > #### PR fixes following issue(s) Fixes # (issue number) > if no issue exists, please create an issue and ask the maintainers about this first > > #### Media > A video or a GIF is preferred. when using Loom, don’t embed because it looks like it’s a GIF. instead, just link to the video > > #### Type of change > Please delete options that are not relevant. - Bug fix (non-breaking change which fixes an issue) - New feature (non-breaking change which adds functionality) - Breaking change (fix or feature that would cause existing functionality to not work as expected) - Chore (housekeeping or task changes that don't impact user perception) - This change requires a documentation update > > > ## Testing > #### How Has This Been Tested? > Please describe the tests that you ran to verify your changes. Also list any relevant details for your test configuration. > Delete anything that is not relevant - [x] Manual - [x] Jest - [x] Cypress > > #### Test Plan > One Click Binding - https://github.com/appsmithorg/TestSmith/issues/2390 > #### Issues raised during DP testing > Link issues raised during DP testing for better visiblity and tracking (copy link from comments dropped on this PR) > > > ## Checklist: #### Dev activity - [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 - [ ] PR is being merged under a feature flag #### QA activity: - [ ] [Speedbreak features](https://github.com/appsmithorg/TestSmith/wiki/Test-plan-implementation#speedbreaker-features-to-consider-for-every-change) have been covered - [ ] Test plan covers all impacted features and [areas of interest](https://github.com/appsmithorg/TestSmith/wiki/Guidelines-for-test-plans/_edit#areas-of-interest) - [ ] Test plan has been peer reviewed by project stakeholders and other QA members - [ ] Manually tested functionality on DP - [ ] We had an implementation alignment call with stakeholders post QA Round 2 - [ ] Cypress test cases have been added and approved by SDET/manual QA - [ ] Added `Test Plan Approved` label after Cypress tests were reviewed - [ ] Added `Test Plan Approved` label after JUnit tests were reviewed --------- Co-authored-by: Vemparala Surya Vamsi <vamsi@appsmith.com>
315 lines
14 KiB
JSON
315 lines
14 KiB
JSON
{
|
|
"dsl": {
|
|
"widgetName": "MainContainer",
|
|
"backgroundColor": "none",
|
|
"rightColumn": 4896,
|
|
"snapColumns": 64,
|
|
"detachFromLayout": true,
|
|
"widgetId": "0",
|
|
"topRow": 0,
|
|
"bottomRow": 1130,
|
|
"containerStyle": "none",
|
|
"snapRows": 125,
|
|
"parentRowSpace": 1,
|
|
"type": "CANVAS_WIDGET",
|
|
"canExtend": true,
|
|
"version": 60,
|
|
"minHeight": 1292,
|
|
"dynamicTriggerPathList": [],
|
|
"parentColumnSpace": 1,
|
|
"dynamicBindingPathList": [],
|
|
"leftColumn": 0,
|
|
"children": [
|
|
{
|
|
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
|
|
"isVisibleDownload": true,
|
|
"iconSVG": "/static/media/icon.db8a9cbd2acd22a31ea91cc37ea2a46c.svg",
|
|
"topRow": 83,
|
|
"isSortable": true,
|
|
"type": "TABLE_WIDGET_V2",
|
|
"inlineEditingSaveOption": "ROW_LEVEL",
|
|
"animateLoading": true,
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "accentColor"
|
|
},
|
|
{
|
|
"key": "borderRadius"
|
|
},
|
|
{
|
|
"key": "boxShadow"
|
|
},
|
|
{
|
|
"key": "childStylesheet.button.buttonColor"
|
|
},
|
|
{
|
|
"key": "childStylesheet.button.borderRadius"
|
|
},
|
|
{
|
|
"key": "childStylesheet.menuButton.menuColor"
|
|
},
|
|
{
|
|
"key": "childStylesheet.menuButton.borderRadius"
|
|
},
|
|
{
|
|
"key": "childStylesheet.iconButton.buttonColor"
|
|
},
|
|
{
|
|
"key": "childStylesheet.iconButton.borderRadius"
|
|
},
|
|
{
|
|
"key": "childStylesheet.editActions.saveButtonColor"
|
|
},
|
|
{
|
|
"key": "childStylesheet.editActions.saveBorderRadius"
|
|
},
|
|
{
|
|
"key": "childStylesheet.editActions.discardButtonColor"
|
|
},
|
|
{
|
|
"key": "childStylesheet.editActions.discardBorderRadius"
|
|
},
|
|
{
|
|
"key": "tableData"
|
|
},
|
|
{
|
|
"key": "primaryColumns.id.computedValue"
|
|
},
|
|
{
|
|
"key": "primaryColumns.email.computedValue"
|
|
},
|
|
{
|
|
"key": "primaryColumns.userName.computedValue"
|
|
},
|
|
{
|
|
"key": "primaryColumns.productName.computedValue"
|
|
},
|
|
{
|
|
"key": "primaryColumns.orderAmount.computedValue"
|
|
}
|
|
],
|
|
"leftColumn": 1,
|
|
"delimiter": ",",
|
|
"defaultSelectedRowIndex": 0,
|
|
"accentColor": "{{appsmith.theme.colors.primaryColor}}",
|
|
"isVisibleFilters": true,
|
|
"isVisible": true,
|
|
"enableClientSideSearch": true,
|
|
"version": 1,
|
|
"totalRecordsCount": 0,
|
|
"isLoading": false,
|
|
"childStylesheet": {
|
|
"button": {
|
|
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
|
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
|
"boxShadow": "none"
|
|
},
|
|
"menuButton": {
|
|
"menuColor": "{{appsmith.theme.colors.primaryColor}}",
|
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
|
"boxShadow": "none"
|
|
},
|
|
"iconButton": {
|
|
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
|
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
|
"boxShadow": "none"
|
|
},
|
|
"editActions": {
|
|
"saveButtonColor": "{{appsmith.theme.colors.primaryColor}}",
|
|
"saveBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
|
"discardButtonColor": "{{appsmith.theme.colors.primaryColor}}",
|
|
"discardBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}"
|
|
}
|
|
},
|
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
|
"defaultSelectedRowIndices": [0],
|
|
"widgetName": "Table1",
|
|
"defaultPageSize": 0,
|
|
"columnOrder": [
|
|
"id",
|
|
"email",
|
|
"userName",
|
|
"productName",
|
|
"orderAmount"
|
|
],
|
|
"dynamicPropertyPathList": [{"key": "tableData"}],
|
|
"displayName": "Table",
|
|
"bottomRow": 132,
|
|
"columnWidthMap": {
|
|
"task": 245,
|
|
"step": 62,
|
|
"status": 75
|
|
},
|
|
"parentRowSpace": 10,
|
|
"hideCard": false,
|
|
"parentColumnSpace": 9.96875,
|
|
"dynamicTriggerPathList": [],
|
|
"primaryColumns": {
|
|
"id": {
|
|
"allowCellWrapping": false,
|
|
"index": 0,
|
|
"width": 150,
|
|
"originalId": "id",
|
|
"id": "id",
|
|
"alias": "id",
|
|
"horizontalAlignment": "LEFT",
|
|
"verticalAlignment": "CENTER",
|
|
"columnType": "text",
|
|
"textSize": "0.875rem",
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"isVisible": true,
|
|
"isDisabled": false,
|
|
"isCellEditable": false,
|
|
"isEditable": false,
|
|
"isCellVisible": true,
|
|
"isDerived": false,
|
|
"label": "id",
|
|
"isSaveVisible": true,
|
|
"isDiscardVisible": true,
|
|
"computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"id\"]))}}"
|
|
},
|
|
"email": {
|
|
"allowCellWrapping": false,
|
|
"index": 1,
|
|
"width": 150,
|
|
"originalId": "email",
|
|
"id": "email",
|
|
"alias": "email",
|
|
"horizontalAlignment": "LEFT",
|
|
"verticalAlignment": "CENTER",
|
|
"columnType": "text",
|
|
"textSize": "0.875rem",
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"isVisible": true,
|
|
"isDisabled": false,
|
|
"isCellEditable": false,
|
|
"isEditable": false,
|
|
"isCellVisible": true,
|
|
"isDerived": false,
|
|
"label": "email",
|
|
"isSaveVisible": true,
|
|
"isDiscardVisible": true,
|
|
"computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"email\"]))}}"
|
|
},
|
|
"userName": {
|
|
"allowCellWrapping": false,
|
|
"index": 2,
|
|
"width": 150,
|
|
"originalId": "userName",
|
|
"id": "userName",
|
|
"alias": "userName",
|
|
"horizontalAlignment": "LEFT",
|
|
"verticalAlignment": "CENTER",
|
|
"columnType": "text",
|
|
"textSize": "0.875rem",
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"isVisible": true,
|
|
"isDisabled": false,
|
|
"isCellEditable": false,
|
|
"isEditable": false,
|
|
"isCellVisible": true,
|
|
"isDerived": false,
|
|
"label": "userName",
|
|
"isSaveVisible": true,
|
|
"isDiscardVisible": true,
|
|
"computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"userName\"]))}}"
|
|
},
|
|
"productName": {
|
|
"allowCellWrapping": false,
|
|
"index": 3,
|
|
"width": 150,
|
|
"originalId": "productName",
|
|
"id": "productName",
|
|
"alias": "productName",
|
|
"horizontalAlignment": "LEFT",
|
|
"verticalAlignment": "CENTER",
|
|
"columnType": "text",
|
|
"textSize": "0.875rem",
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"isVisible": true,
|
|
"isDisabled": false,
|
|
"isCellEditable": false,
|
|
"isEditable": false,
|
|
"isCellVisible": true,
|
|
"isDerived": false,
|
|
"label": "productName",
|
|
"isSaveVisible": true,
|
|
"isDiscardVisible": true,
|
|
"computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"productName\"]))}}"
|
|
},
|
|
"orderAmount": {
|
|
"allowCellWrapping": false,
|
|
"index": 4,
|
|
"width": 150,
|
|
"originalId": "orderAmount",
|
|
"id": "orderAmount",
|
|
"alias": "orderAmount",
|
|
"horizontalAlignment": "LEFT",
|
|
"verticalAlignment": "CENTER",
|
|
"columnType": "text",
|
|
"textSize": "0.875rem",
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"isVisible": true,
|
|
"isDisabled": false,
|
|
"isCellEditable": false,
|
|
"isEditable": false,
|
|
"isCellVisible": true,
|
|
"isDerived": false,
|
|
"label": "orderAmount",
|
|
"isSaveVisible": true,
|
|
"isDiscardVisible": true,
|
|
"computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"orderAmount\"]))}}"
|
|
}
|
|
},
|
|
"key": "rxs6wup9fz",
|
|
"isDeprecated": false,
|
|
"rightColumn": 50,
|
|
"textSize": "0.875rem",
|
|
"widgetId": "8o3mdylmxa",
|
|
"tableData": "{{[\n {\n \"id\": 6,\n \"email\": \"michael.lawson@reqres.in\",\n \"userName\": \"Michael Lawson\",\n \"productName\": \"Chicken Sandwich\",\n \"orderAmount\": 4.99\n }, {\n \"id\": 7,\n \"email\": \"michael.lawson@reqres.in\",\n \"userName\": \"Michael Lawson\",\n \"productName\": \"Chicken Sandwich\",\n \"orderAmount\": 4.99\n }, {\n \"id\": 2,\n \"email\": \"michael.lawson@reqres.in\",\n \"userName\": \"Michael Lawson\",\n \"productName\": \"Chicken Sandwich\",\n \"orderAmount\": 4.99\n }, {\n \"id\": 3,\n \"email\": \"michael.lawson@reqres.in\",\n \"userName\": \"Michael Lawson\",\n \"productName\": \"Chicken Sandwich\",\n \"orderAmount\": 4.99\n }, {\n \"id\": 4,\n \"email\": \"michael.lawson@reqres.in\",\n \"userName\": \"Michael Lawson\",\n \"productName\": \"Chicken Sandwich\",\n \"orderAmount\": 4.99\n }, {\n \"id\": 2381224,\n \"email\": \"michael.lawson@reqres.in\",\n \"userName\": \"Michael Lawson\",\n \"productName\": \"Chicken Sandwich\",\n \"orderAmount\": 4.99\n }, {\n \"id\": 2381224,\n \"email\": \"michael.lawson@reqres.in\",\n \"userName\": \"Michael Lawson\",\n \"productName\": \"Chicken Sandwich\",\n \"orderAmount\": 4.99\n }, {\n \"id\": 2381224,\n \"email\": \"michael.lawson@reqres.in\",\n \"userName\": \"Michael Lawson\",\n \"productName\": \"Chicken Sandwich\",\n \"orderAmount\": 4.99\n }, {\n \"id\": 2381224,\n \"email\": \"michael.lawson@reqres.in\",\n \"userName\": \"Michael Lawson\",\n \"productName\": \"Chicken Sandwich\",\n \"orderAmount\": 4.99\n }, {\n \"id\": 2381224,\n \"email\": \"michael.lawson@reqres.in\",\n \"userName\": \"Michael Lawson\",\n \"productName\": \"Chicken Sandwich\",\n \"orderAmount\": 4.99\n }, {\n \"id\": 2381224,\n \"email\": \"michael.lawson@reqres.in\",\n \"userName\": \"Michael Lawson\",\n \"productName\": \"Chicken Sandwich\",\n \"orderAmount\": 4.99\n }, {\n \"id\": 2381224,\n \"email\": \"michael.lawson@reqres.in\",\n \"userName\": \"Michael Lawson\",\n \"productName\": \"Chicken Sandwich\",\n \"orderAmount\": 4.99\n }, {\n \"id\": 2381224,\n \"email\": \"michael.lawson@reqres.in\",\n \"userName\": \"Michael Lawson\",\n \"productName\": \"Chicken Sandwich\",\n \"orderAmount\": 4.99\n },\n {\n \"id\": 2736212,\n \"email\": \"lindsay.ferguson@reqres.in\",\n \"userName\": \"Lindsay Ferguson\",\n \"productName\": \"Tuna Salad\",\n \"orderAmount\": 9.99\n },\n {\n \"id\": 6788734,\n \"email\": \"tobias.funke@reqres.in\",\n \"userName\": \"Tobias Funke\",\n \"productName\": \"Beef steak\",\n \"orderAmount\": 19.99\n },\n {\n \"id\": 7434532,\n \"email\": \"byron.fields@reqres.in\",\n \"userName\": \"Byron Fields\",\n \"productName\": \"Chicken Sandwich\",\n \"orderAmount\": 4.99\n },\n {\n \"id\": 7434532,\n \"email\": \"ryan.holmes@reqres.in\",\n \"userName\": \"Ryan Holmes\",\n \"productName\": \"Avocado Panini\",\n \"orderAmount\": 7.99\n },\n\t {\n \"id\": 7434532,\n \"email\": \"byron.fields@reqres.in\",\n \"userName\": \"Byron Fields\",\n \"productName\": \"Chicken Sandwich\",\n \"orderAmount\": 4.99\n },\n {\n \"id\": 7434532,\n \"email\": \"ryan.holmes@reqres.in\",\n \"userName\": \"Ryan Holmes\",\n \"productName\": \"Avocado Panini\",\n \"orderAmount\": 7.99\n },\n\t {\n \"id\": 7434532,\n \"email\": \"byron.fields@reqres.in\",\n \"userName\": \"Byron Fields\",\n \"productName\": \"Chicken Sandwich\",\n \"orderAmount\": 4.99\n },\n {\n \"id\": 7434532,\n \"email\": \"ryan.holmes@reqres.in\",\n \"userName\": \"Ryan Holmes\",\n \"productName\": \"Avocado Panini\",\n \"orderAmount\": 7.99\n },\n\t {\n \"id\": 7434532,\n \"email\": \"byron.fields@reqres.in\",\n \"userName\": \"Byron Fields\",\n \"productName\": \"Chicken Sandwich\",\n \"orderAmount\": 4.99\n },\n {\n \"id\": 7434532,\n \"email\": \"ryan.holmes@reqres.in\",\n \"userName\": \"Ryan Holmes\",\n \"productName\": \"Avocado Panini\",\n \"orderAmount\": 7.99\n },\n\t {\n \"id\": 7434532,\n \"email\": \"byron.fields@reqres.in\",\n \"userName\": \"Byron Fields\",\n \"productName\": \"Chicken Sandwich\",\n \"orderAmount\": 4.99\n },\n {\n \"id\": 7434532,\n \"email\": \"ryan.holmes@reqres.in\",\n \"userName\": \"Ryan Holmes\",\n \"productName\": \"Avocado Panini\",\n \"orderAmount\": 7.99\n }\n]}}",
|
|
"label": "Data",
|
|
"searchKey": "",
|
|
"parentId": "0",
|
|
"renderMode": "CANVAS",
|
|
"horizontalAlignment": "LEFT",
|
|
"isVisibleSearch": true,
|
|
"isVisiblePagination": true,
|
|
"verticalAlignment": "CENTER"
|
|
},
|
|
{
|
|
"widgetName": "Text1",
|
|
"rightColumn": 60,
|
|
"textAlign": "LEFT",
|
|
"displayName": "Text",
|
|
"widgetId": "16zkg2v0na",
|
|
"topRow": 83,
|
|
"bottomRow": 87,
|
|
"parentRowSpace": 10,
|
|
"isVisible": true,
|
|
"type": "TEXT_WIDGET",
|
|
"fontStyle": "BOLD",
|
|
"textColor": "#231F20",
|
|
"version": 1,
|
|
"hideCard": false,
|
|
"parentId": "0",
|
|
"isLoading": false,
|
|
"parentColumnSpace": 17.28125,
|
|
"dynamicTriggerPathList": [],
|
|
"leftColumn": 51,
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "text"
|
|
}
|
|
],
|
|
"fontSize": "PARAGRAPH",
|
|
"text": "{{Table1.previousPageVisited}} {{Table1.nextPageVisited}}",
|
|
"key": "r76o6tqjaz"
|
|
}
|
|
]
|
|
}
|
|
} |