64cec91a0f
## Description - Select and multi-select widgets now have two new properties under the data section label and value. - The existing options have been renamed to Source data. - Users can set the label and value of the options through these new properties. - We have written migrations to make this work for existing select widgets. #### PR fixes following issue(s) Fixes https://github.com/appsmithorg/appsmith/issues/24022 > #### 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 > Add Testsmith test cases links that relate to this PR > > #### 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/Guidelines-for-test-plans#speedbreakers-) have been covered - [ ] Test plan covers all impacted features and [areas of interest](https://github.com/appsmithorg/TestSmith/wiki/Guidelines-for-test-plans#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: Rishabh Rathod <rishabh.rathod@appsmith.com>
185 lines
8.5 KiB
JSON
185 lines
8.5 KiB
JSON
{
|
|
"dsl": {
|
|
"widgetName": "MainContainer",
|
|
"backgroundColor": "none",
|
|
"rightColumn": 1056,
|
|
"snapColumns": 64,
|
|
"detachFromLayout": true,
|
|
"widgetId": "0",
|
|
"topRow": 0,
|
|
"bottomRow": 1290,
|
|
"containerStyle": "none",
|
|
"snapRows": 128,
|
|
"parentRowSpace": 1,
|
|
"type": "CANVAS_WIDGET",
|
|
"canExtend": true,
|
|
"version": 52,
|
|
"minHeight": 720,
|
|
"parentColumnSpace": 1,
|
|
"dynamicBindingPathList": [],
|
|
"leftColumn": 0,
|
|
"children": [
|
|
{
|
|
"isVisible": true,
|
|
"animateLoading": true,
|
|
"widgetName": "Form1",
|
|
"backgroundColor": "white",
|
|
"children": [
|
|
{
|
|
"isVisible": true,
|
|
"widgetName": "Canvas1",
|
|
"version": 1,
|
|
"detachFromLayout": true,
|
|
"type": "CANVAS_WIDGET",
|
|
"hideCard": true,
|
|
"displayName": "Canvas",
|
|
"key": "21vme1t5am",
|
|
"containerStyle": "none",
|
|
"canExtend": false,
|
|
"children": [
|
|
{
|
|
"isVisible": true,
|
|
"text": "Form",
|
|
"fontSize": "HEADING1",
|
|
"fontStyle": "BOLD",
|
|
"textAlign": "LEFT",
|
|
"textColor": "#231F20",
|
|
"truncateButtonColor": "#FFC13D",
|
|
"widgetName": "Text1",
|
|
"shouldScroll": false,
|
|
"shouldTruncate": false,
|
|
"version": 1,
|
|
"animateLoading": true,
|
|
"type": "TEXT_WIDGET",
|
|
"hideCard": false,
|
|
"displayName": "Text",
|
|
"key": "n5ple6k9om",
|
|
"iconSVG": "/static/media/icon.97c59b52.svg",
|
|
"widgetId": "glsqvt0b7c",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"leftColumn": 1.5,
|
|
"rightColumn": 25.5,
|
|
"topRow": 1,
|
|
"bottomRow": 5,
|
|
"parentId": "anq2not518"
|
|
},
|
|
{
|
|
"isVisible": true,
|
|
"widgetName": "FormButton1",
|
|
"text": "Submit",
|
|
"isDefaultClickDisabled": true,
|
|
"recaptchaType": "V3",
|
|
"version": 1,
|
|
"animateLoading": true,
|
|
"type": "FORM_BUTTON_WIDGET",
|
|
"hideCard": true,
|
|
"displayName": "FormButton",
|
|
"key": "1imqgv0vfz",
|
|
"iconSVG": "/static/media/icon.c8f649ed.svg",
|
|
"buttonVariant": "PRIMARY",
|
|
"buttonColor": "#03B365",
|
|
"disabledWhenInvalid": true,
|
|
"resetFormOnClick": true,
|
|
"widgetId": "8z0xaxaikh",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"leftColumn": 46,
|
|
"rightColumn": 62,
|
|
"topRow": 33,
|
|
"bottomRow": 37,
|
|
"parentId": "anq2not518"
|
|
},
|
|
{
|
|
"isVisible": true,
|
|
"widgetName": "FormButton2",
|
|
"text": "Reset",
|
|
"isDefaultClickDisabled": true,
|
|
"recaptchaType": "V3",
|
|
"version": 1,
|
|
"animateLoading": true,
|
|
"type": "FORM_BUTTON_WIDGET",
|
|
"hideCard": true,
|
|
"displayName": "FormButton",
|
|
"key": "1imqgv0vfz",
|
|
"iconSVG": "/static/media/icon.c8f649ed.svg",
|
|
"buttonVariant": "SECONDARY",
|
|
"buttonColor": "#03B365",
|
|
"disabledWhenInvalid": false,
|
|
"resetFormOnClick": true,
|
|
"widgetId": "qxyhsbxhuw",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"leftColumn": 30,
|
|
"rightColumn": 46,
|
|
"topRow": 33,
|
|
"bottomRow": 37,
|
|
"parentId": "anq2not518"
|
|
},
|
|
{
|
|
"isVisible": true,
|
|
"placeholderText": "Select option",
|
|
"labelText": "Label",
|
|
"sourceData": "[\n {\n \"label\": \"Active\",\n \"value\": \"1\"\n },\n {\n \"label\": \"Inactive\",\n \"value\": \"0\"\n }\n]",
|
|
"optionLabel": "label",
|
|
"optionValue": "value",
|
|
"serverSideFiltering": false,
|
|
"widgetName": "Select1",
|
|
"defaultOptionValue": " {\n \"label\": \"Active\",\n \"value\": \"1\"\n }",
|
|
"version": 1,
|
|
"isFilterable": true,
|
|
"isRequired": false,
|
|
"isDisabled": false,
|
|
"animateLoading": true,
|
|
"type": "SELECT_WIDGET",
|
|
"hideCard": false,
|
|
"displayName": "Select",
|
|
"key": "u3uxlrjk92",
|
|
"iconSVG": "/static/media/icon.bd99caba.svg",
|
|
"widgetId": "azk7cw7k84",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"parentColumnSpace": 10.392578125,
|
|
"parentRowSpace": 10,
|
|
"leftColumn": 4,
|
|
"rightColumn": 24,
|
|
"topRow": 10,
|
|
"bottomRow": 23,
|
|
"parentId": "anq2not518",
|
|
"dynamicBindingPathList": [],
|
|
"dynamicTriggerPathList": []
|
|
}
|
|
],
|
|
"minHeight": 400,
|
|
"widgetId": "anq2not518",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"parentColumnSpace": 1,
|
|
"parentRowSpace": 1,
|
|
"leftColumn": 0,
|
|
"rightColumn": 183.375,
|
|
"topRow": 0,
|
|
"bottomRow": 420,
|
|
"parentId": "cxubaemaxk"
|
|
}
|
|
],
|
|
"type": "FORM_WIDGET",
|
|
"hideCard": false,
|
|
"displayName": "Form",
|
|
"key": "xr4ciqdv5f",
|
|
"iconSVG": "/static/media/icon.ea3e08d1.svg",
|
|
"isCanvas": true,
|
|
"widgetId": "cxubaemaxk",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"parentColumnSpace": 7.640625,
|
|
"parentRowSpace": 10,
|
|
"leftColumn": 8,
|
|
"rightColumn": 50,
|
|
"topRow": 11,
|
|
"bottomRow": 50,
|
|
"parentId": "0"
|
|
}
|
|
]
|
|
}
|
|
} |