629999f124
## Description ### Fixes - [x] https://github.com/appsmithorg/appsmith/issues/19383 - [x] https://github.com/appsmithorg/appsmith/issues/19384 - [x] https://github.com/appsmithorg/appsmith/issues/19385 - [x] https://github.com/appsmithorg/appsmith/issues/19386 - [x] https://github.com/appsmithorg/appsmith/issues/19387 - [x] https://github.com/appsmithorg/appsmith/issues/19388 - [x] https://github.com/appsmithorg/appsmith/issues/19389 - [x] https://github.com/appsmithorg/appsmith/issues/19390 - [x] https://github.com/appsmithorg/appsmith/issues/19391 - [x] https://github.com/appsmithorg/appsmith/issues/19392 - [x] https://github.com/appsmithorg/appsmith/issues/19393 - [x] https://github.com/appsmithorg/appsmith/issues/19394 - [x] https://github.com/appsmithorg/appsmith/issues/19395 - [x] https://github.com/appsmithorg/appsmith/issues/19396 - [x] https://github.com/appsmithorg/appsmith/issues/19397 - [x] https://github.com/appsmithorg/appsmith/issues/19398 - [x] https://github.com/appsmithorg/appsmith/issues/19399 - [x] https://github.com/appsmithorg/appsmith/issues/19400 - [x] https://github.com/appsmithorg/appsmith/issues/19401 - [x] https://github.com/appsmithorg/appsmith/issues/19402 - [x] https://github.com/appsmithorg/appsmith/issues/19403 - [x] https://github.com/appsmithorg/appsmith/issues/19404 - [x] https://github.com/appsmithorg/appsmith/issues/19405 - [x] https://github.com/appsmithorg/appsmith/issues/19406 - [x] https://github.com/appsmithorg/appsmith/issues/19407 - [x] https://github.com/appsmithorg/appsmith/issues/19408 - [x] https://github.com/appsmithorg/appsmith/issues/19409 Fixes # (issue) > 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 ## How Has This Been Tested? > Please describe the tests that you ran to verify your changes. Provide instructions, so we can reproduce. > Please also list any relevant details for your test configuration. > Delete anything that is not important - Manual - Jest - 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 - [ ] My code follows the style guidelines of this project - [ ] I have performed a self-review of my own code - [ ] I have commented my code, particularly in hard-to-understand areas - [ ] I have made corresponding changes to the documentation - [ ] My changes generate no new warnings - [ ] I have added tests that prove my fix is effective or that my feature works - [ ] New and existing unit tests pass locally with my changes - [ ] PR is being merged under a feature flag ### QA activity: - [ ] Test plan has been approved by relevant developers - [ ] Test plan has been peer reviewed by QA - [ ] Cypress test cases have been added and approved by either SDET or manual QA - [ ] Organized project review call with relevant stakeholders after Round 1/2 of QA - [ ] Added Test Plan Approved label after reveiwing all Cypress test --------- Co-authored-by: Ankita Kinger <ankita@appsmith.com> Co-authored-by: akash-codemonk <67054171+akash-codemonk@users.noreply.github.com> Co-authored-by: Tanvi Bhakta <tanvi@appsmith.com> Co-authored-by: Arsalan <arsalanyaldram0211@outlook.com> Co-authored-by: Aman Agarwal <aman@appsmith.com> Co-authored-by: Rohit Agarwal <rohit_agarwal@live.in> Co-authored-by: Nilesh Sarupriya <nilesh@appsmith.com> Co-authored-by: Nilesh Sarupriya <20905988+nsarupr@users.noreply.github.com> Co-authored-by: Tanvi Bhakta <tanvibhakta@gmail.com> Co-authored-by: Aishwarya UR <aishwarya@appsmith.com> Co-authored-by: Parthvi Goswami <parthvigoswami@Parthvis-MacBook-Pro.local> Co-authored-by: Vijetha-Kaja <vijetha@appsmith.com> Co-authored-by: Parthvi <80334441+Parthvi12@users.noreply.github.com> Co-authored-by: Apple <nandan@thinkify.io> Co-authored-by: Saroj <43822041+sarojsarab@users.noreply.github.com> Co-authored-by: Sangeeth Sivan <74818788+berzerkeer@users.noreply.github.com> Co-authored-by: Ashok Kumar M <35134347+marks0351@users.noreply.github.com> Co-authored-by: Aishwarya-U-R <91450662+Aishwarya-U-R@users.noreply.github.com> Co-authored-by: rahulramesha <rahul@appsmith.com> Co-authored-by: Aswath K <aswath.sana@gmail.com> Co-authored-by: Preet Sidhu <preetsidhu.bits@gmail.com> Co-authored-by: Vijetha-Kaja <119562824+Vijetha-Kaja@users.noreply.github.com> Co-authored-by: Shrikant Sharat Kandula <shrikant@appsmith.com>
504 lines
18 KiB
JSON
504 lines
18 KiB
JSON
{
|
|
"dsl": {
|
|
"widgetName": "MainContainer",
|
|
"backgroundColor": "none",
|
|
"rightColumn": 4896,
|
|
"snapColumns": 64,
|
|
"detachFromLayout": true,
|
|
"widgetId": "0",
|
|
"topRow": 0,
|
|
"bottomRow": 1290,
|
|
"containerStyle": "none",
|
|
"snapRows": 125,
|
|
"parentRowSpace": 1,
|
|
"type": "CANVAS_WIDGET",
|
|
"canExtend": true,
|
|
"version": 57,
|
|
"minHeight": 1292,
|
|
"parentColumnSpace": 1,
|
|
"dynamicBindingPathList": [],
|
|
"leftColumn": 0,
|
|
"children": [
|
|
{
|
|
"widgetName": "Modal1",
|
|
"isCanvas": true,
|
|
"displayName": "Modal",
|
|
"iconSVG": "/static/media/icon.4975978e.svg",
|
|
"topRow": 26,
|
|
"bottomRow": 50,
|
|
"parentRowSpace": 10,
|
|
"type": "MODAL_WIDGET",
|
|
"hideCard": false,
|
|
"shouldScrollContents": true,
|
|
"animateLoading": true,
|
|
"parentColumnSpace": 20.796875,
|
|
"leftColumn": 19,
|
|
"children": [
|
|
{
|
|
"widgetName": "Canvas1",
|
|
"rightColumn": 499.125,
|
|
"detachFromLayout": true,
|
|
"displayName": "Canvas",
|
|
"widgetId": "elonff8ppg",
|
|
"topRow": 0,
|
|
"bottomRow": 840,
|
|
"parentRowSpace": 1,
|
|
"isVisible": true,
|
|
"type": "CANVAS_WIDGET",
|
|
"canExtend": true,
|
|
"version": 1,
|
|
"hideCard": true,
|
|
"parentId": "wvl7cnbcsx",
|
|
"shouldScrollContents": false,
|
|
"minHeight": 846,
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"parentColumnSpace": 1,
|
|
"leftColumn": 0,
|
|
"children": [
|
|
{
|
|
"boxShadow": "NONE",
|
|
"widgetName": "IconButton1",
|
|
"onClick": "{{closeModal('Modal1')}}",
|
|
"buttonColor": "#2E3D49",
|
|
"displayName": "Icon button",
|
|
"iconSVG": "/static/media/icon.1a0c634a.svg",
|
|
"topRow": 1,
|
|
"bottomRow": 5,
|
|
"type": "ICON_BUTTON_WIDGET",
|
|
"hideCard": false,
|
|
"animateLoading": true,
|
|
"leftColumn": 56,
|
|
"iconSize": 24,
|
|
"isDisabled": false,
|
|
"key": "bfqu52408k",
|
|
"rightColumn": 64,
|
|
"iconName": "cross",
|
|
"widgetId": "tojyty4uqs",
|
|
"isVisible": true,
|
|
"version": 1,
|
|
"parentId": "elonff8ppg",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"borderRadius": "SHARP",
|
|
"buttonVariant": "TERTIARY"
|
|
},
|
|
{
|
|
"widgetName": "Text2",
|
|
"displayName": "Text",
|
|
"iconSVG": "/static/media/icon.97c59b52.svg",
|
|
"topRow": 1,
|
|
"bottomRow": 5,
|
|
"type": "TEXT_WIDGET",
|
|
"hideCard": false,
|
|
"animateLoading": true,
|
|
"overflow": "NONE",
|
|
"leftColumn": 1,
|
|
"shouldTruncate": false,
|
|
"truncateButtonColor": "#FFC13D",
|
|
"text": "Modal Title",
|
|
"key": "kl9cwzi6b1",
|
|
"rightColumn": 41,
|
|
"textAlign": "LEFT",
|
|
"widgetId": "7qjeufltuc",
|
|
"isVisible": true,
|
|
"fontStyle": "BOLD",
|
|
"textColor": "#231F20",
|
|
"version": 1,
|
|
"parentId": "elonff8ppg",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"fontSize": "HEADING1"
|
|
},
|
|
{
|
|
"widgetName": "Button1",
|
|
"onClick": "{{closeModal('Modal1')}}",
|
|
"buttonColor": "#03B365",
|
|
"displayName": "Button",
|
|
"iconSVG": "/static/media/icon.cca02633.svg",
|
|
"topRow": 74,
|
|
"bottomRow": 78,
|
|
"type": "BUTTON_WIDGET",
|
|
"hideCard": false,
|
|
"animateLoading": true,
|
|
"leftColumn": 37,
|
|
"text": "Close",
|
|
"isDisabled": false,
|
|
"key": "r8bpa6wnda",
|
|
"rightColumn": 49,
|
|
"isDefaultClickDisabled": true,
|
|
"widgetId": "gmj9emgskp",
|
|
"buttonStyle": "PRIMARY",
|
|
"isVisible": true,
|
|
"recaptchaType": "V3",
|
|
"version": 1,
|
|
"parentId": "elonff8ppg",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"buttonVariant": "SECONDARY",
|
|
"placement": "CENTER"
|
|
},
|
|
{
|
|
"widgetName": "Button2",
|
|
"buttonColor": "#03B365",
|
|
"displayName": "Button",
|
|
"iconSVG": "/static/media/icon.cca02633.svg",
|
|
"topRow": 74,
|
|
"bottomRow": 78,
|
|
"type": "BUTTON_WIDGET",
|
|
"hideCard": false,
|
|
"animateLoading": true,
|
|
"leftColumn": 49,
|
|
"text": "Confirm",
|
|
"isDisabled": false,
|
|
"key": "r8bpa6wnda",
|
|
"rightColumn": 61,
|
|
"isDefaultClickDisabled": true,
|
|
"widgetId": "wg5svs8aa5",
|
|
"buttonStyle": "PRIMARY_BUTTON",
|
|
"isVisible": true,
|
|
"recaptchaType": "V3",
|
|
"version": 1,
|
|
"parentId": "elonff8ppg",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"buttonVariant": "PRIMARY",
|
|
"placement": "CENTER"
|
|
},
|
|
{
|
|
"schema": {
|
|
"__root_schema__": {
|
|
"children": {
|
|
"step": {
|
|
"children": {},
|
|
"dataType": "string",
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.step))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}",
|
|
"fieldType": "Text Input",
|
|
"sourceData": "#1",
|
|
"isCustomField": false,
|
|
"accessor": "step",
|
|
"identifier": "step",
|
|
"position": 0,
|
|
"originalIdentifier": "step",
|
|
"iconAlign": "left",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isSpellCheck": false,
|
|
"isVisible": true,
|
|
"label": "Step"
|
|
},
|
|
"task": {
|
|
"children": {},
|
|
"dataType": "string",
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.task))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}",
|
|
"fieldType": "Text Input",
|
|
"sourceData": "Drop a table",
|
|
"isCustomField": false,
|
|
"accessor": "task",
|
|
"identifier": "task",
|
|
"position": 1,
|
|
"originalIdentifier": "task",
|
|
"iconAlign": "left",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isSpellCheck": false,
|
|
"isVisible": true,
|
|
"label": "Task"
|
|
},
|
|
"status": {
|
|
"children": {},
|
|
"dataType": "string",
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.status))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}",
|
|
"fieldType": "Text Input",
|
|
"sourceData": "Done",
|
|
"isCustomField": false,
|
|
"accessor": "status",
|
|
"identifier": "status",
|
|
"position": 2,
|
|
"originalIdentifier": "status",
|
|
"iconAlign": "left",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isSpellCheck": false,
|
|
"isVisible": true,
|
|
"label": "Status"
|
|
},
|
|
"action": {
|
|
"children": {},
|
|
"dataType": "string",
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.action))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}",
|
|
"fieldType": "Text Input",
|
|
"sourceData": "",
|
|
"isCustomField": false,
|
|
"accessor": "action",
|
|
"identifier": "action",
|
|
"position": 3,
|
|
"originalIdentifier": "action",
|
|
"iconAlign": "left",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isSpellCheck": false,
|
|
"isVisible": true,
|
|
"label": "Action"
|
|
}
|
|
},
|
|
"dataType": "object",
|
|
"defaultValue": "{{((sourceData, formData, fieldState) => (sourceData))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}",
|
|
"fieldType": "Object",
|
|
"sourceData": {
|
|
"step": "#1",
|
|
"task": "Drop a table",
|
|
"status": "Done",
|
|
"action": ""
|
|
},
|
|
"isCustomField": false,
|
|
"accessor": "__root_schema__",
|
|
"identifier": "__root_schema__",
|
|
"position": -1,
|
|
"originalIdentifier": "__root_schema__",
|
|
"isDisabled": false,
|
|
"isRequired": false,
|
|
"isVisible": true,
|
|
"label": ""
|
|
}
|
|
},
|
|
"widgetName": "JSONForm2",
|
|
"submitButtonStyles": {
|
|
"buttonColor": "#03B365",
|
|
"buttonVariant": "PRIMARY"
|
|
},
|
|
"dynamicPropertyPathList": [
|
|
{
|
|
"key": "schema.__root_schema__.children.date_of_birth.defaultValue"
|
|
},
|
|
{
|
|
"key": "schema.__root_schema__.children.dob.defaultValue"
|
|
},
|
|
{
|
|
"key": "schema.__root_schema__.children.migrant.defaultValue"
|
|
}
|
|
],
|
|
"displayName": "JSON Form",
|
|
"iconSVG": "/static/media/icon.5b428de1.svg",
|
|
"topRow": 5,
|
|
"bottomRow": 67,
|
|
"fieldLimitExceeded": false,
|
|
"parentRowSpace": 10,
|
|
"title": "Form",
|
|
"type": "JSON_FORM_WIDGET",
|
|
"hideCard": false,
|
|
"animateLoading": true,
|
|
"parentColumnSpace": 18.15625,
|
|
"dynamicTriggerPathList": [],
|
|
"leftColumn": 8,
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "schema.__root_schema__.defaultValue"
|
|
},
|
|
{
|
|
"key": "sourceData"
|
|
},
|
|
{
|
|
"key": "schema.__root_schema__.children.step.defaultValue"
|
|
},
|
|
{
|
|
"key": "schema.__root_schema__.children.task.defaultValue"
|
|
},
|
|
{
|
|
"key": "schema.__root_schema__.children.status.defaultValue"
|
|
},
|
|
{
|
|
"key": "schema.__root_schema__.children.action.defaultValue"
|
|
}
|
|
],
|
|
"sourceData": "{{Table1.triggeredRow}}",
|
|
"showReset": true,
|
|
"resetButtonLabel": "Reset",
|
|
"key": "jwjed2l17v",
|
|
"backgroundColor": "#fff",
|
|
"rightColumn": 55,
|
|
"autoGenerateForm": true,
|
|
"widgetId": "gp2nvh2jvq",
|
|
"resetButtonStyles": {
|
|
"buttonColor": "#03B365",
|
|
"buttonVariant": "SECONDARY"
|
|
},
|
|
"isVisible": true,
|
|
"version": 1,
|
|
"parentId": "elonff8ppg",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"scrollContents": true,
|
|
"fixedFooter": true,
|
|
"submitButtonLabel": "Submit",
|
|
"disabledWhenInvalid": true
|
|
}
|
|
],
|
|
"isDisabled": false,
|
|
"key": "f3byh826p4"
|
|
}
|
|
],
|
|
"key": "al77tl94xm",
|
|
"height": 846,
|
|
"rightColumn": 43,
|
|
"detachFromLayout": true,
|
|
"widgetId": "wvl7cnbcsx",
|
|
"canOutsideClickClose": true,
|
|
"canEscapeKeyClose": true,
|
|
"version": 2,
|
|
"parentId": "0",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"width": 956
|
|
},
|
|
{
|
|
"widgetName": "Table1",
|
|
"defaultPageSize": 0,
|
|
"columnOrder": ["step", "task", "status", "action"],
|
|
"isVisibleDownload": true,
|
|
"displayName": "Table",
|
|
"iconSVG": "/static/media/icon.db8a9cbd.svg",
|
|
"topRow": 15,
|
|
"bottomRow": 43,
|
|
"isSortable": true,
|
|
"parentRowSpace": 10,
|
|
"type": "TABLE_WIDGET",
|
|
"defaultSelectedRow": "0",
|
|
"hideCard": false,
|
|
"animateLoading": true,
|
|
"parentColumnSpace": 20.796875,
|
|
"dynamicTriggerPathList": [
|
|
{
|
|
"key": "primaryColumns.action.onClick"
|
|
}
|
|
],
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "primaryColumns.step.computedValue"
|
|
},
|
|
{
|
|
"key": "primaryColumns.task.computedValue"
|
|
},
|
|
{
|
|
"key": "primaryColumns.status.computedValue"
|
|
},
|
|
{
|
|
"key": "primaryColumns.action.computedValue"
|
|
},
|
|
{
|
|
"key": "primaryColumns.action.buttonLabel"
|
|
}
|
|
],
|
|
"leftColumn": 13,
|
|
"primaryColumns": {
|
|
"step": {
|
|
"index": 0,
|
|
"width": 150,
|
|
"id": "step",
|
|
"horizontalAlignment": "LEFT",
|
|
"verticalAlignment": "CENTER",
|
|
"columnType": "text",
|
|
"textSize": "PARAGRAPH",
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"isVisible": true,
|
|
"isCellVisible": true,
|
|
"isDerived": false,
|
|
"label": "step",
|
|
"computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.step))}}",
|
|
"buttonColor": "#03B365",
|
|
"menuColor": "#03B365",
|
|
"labelColor": "#FFFFFF"
|
|
},
|
|
"task": {
|
|
"index": 1,
|
|
"width": 150,
|
|
"id": "task",
|
|
"horizontalAlignment": "LEFT",
|
|
"verticalAlignment": "CENTER",
|
|
"columnType": "text",
|
|
"textSize": "PARAGRAPH",
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"isVisible": true,
|
|
"isCellVisible": true,
|
|
"isDerived": false,
|
|
"label": "task",
|
|
"computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.task))}}",
|
|
"buttonColor": "#03B365",
|
|
"menuColor": "#03B365",
|
|
"labelColor": "#FFFFFF"
|
|
},
|
|
"status": {
|
|
"index": 2,
|
|
"width": 150,
|
|
"id": "status",
|
|
"horizontalAlignment": "LEFT",
|
|
"verticalAlignment": "CENTER",
|
|
"columnType": "text",
|
|
"textSize": "PARAGRAPH",
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"isVisible": true,
|
|
"isCellVisible": true,
|
|
"isDerived": false,
|
|
"label": "status",
|
|
"computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.status))}}",
|
|
"buttonColor": "#03B365",
|
|
"menuColor": "#03B365",
|
|
"labelColor": "#FFFFFF"
|
|
},
|
|
"action": {
|
|
"index": 3,
|
|
"width": 150,
|
|
"id": "action",
|
|
"horizontalAlignment": "LEFT",
|
|
"verticalAlignment": "CENTER",
|
|
"columnType": "button",
|
|
"textSize": "PARAGRAPH",
|
|
"enableFilter": true,
|
|
"enableSort": true,
|
|
"isVisible": true,
|
|
"isCellVisible": true,
|
|
"isDisabled": false,
|
|
"isDerived": false,
|
|
"label": "action",
|
|
"onClick": "{{showModal('Modal1')}}",
|
|
"computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.action))}}",
|
|
"buttonColor": "#03B365",
|
|
"menuColor": "#03B365",
|
|
"labelColor": "#FFFFFF",
|
|
"buttonLabel": "{{Table1.sanitizedTableData.map((currentRow) => ( 'Action'))}}"
|
|
}
|
|
},
|
|
"delimiter": ",",
|
|
"key": "soxontyqmf",
|
|
"derivedColumns": {},
|
|
"rightColumn": 47,
|
|
"textSize": "PARAGRAPH",
|
|
"widgetId": "9gv3lc013m",
|
|
"isVisibleFilters": true,
|
|
"tableData": "[\n {\n \"step\": \"#1\",\n \"task\": \"Drop a table\",\n \"status\": \"Done\",\n \"action\": \"\"\n },\n {\n \"step\": \"#2\",\n \"task\": \"Create a query fetch_users with the Mock DB\",\n \"status\": \"Pending\",\n \"action\": \"\"\n },\n {\n \"step\": \"#3\",\n \"task\": \"Bind the query using => fetch_users.data\",\n \"status\": \"New\",\n \"action\": \"\"\n }\n]",
|
|
"isVisible": true,
|
|
"label": "Data",
|
|
"searchKey": "",
|
|
"enableClientSideSearch": true,
|
|
"version": 3,
|
|
"totalRecordsCount": 0,
|
|
"parentId": "0",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"horizontalAlignment": "LEFT",
|
|
"isVisibleSearch": true,
|
|
"isVisiblePagination": true,
|
|
"verticalAlignment": "CENTER",
|
|
"columnSizeMap": {
|
|
"task": 245,
|
|
"step": 62,
|
|
"status": 75
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|