diff --git a/app/client/cypress/e2e/Regression/ClientSide/ActionExecution/ActionSelector_JsToNonJSMode_1_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/ActionExecution/ActionSelector_JsToNonJSMode_1_spec.ts index 6a292e4a74..8b739f964c 100644 --- a/app/client/cypress/e2e/Regression/ClientSide/ActionExecution/ActionSelector_JsToNonJSMode_1_spec.ts +++ b/app/client/cypress/e2e/Regression/ClientSide/ActionExecution/ActionSelector_JsToNonJSMode_1_spec.ts @@ -92,7 +92,7 @@ describe("JS to non-JS mode in Action Selector", { tags: ["@tag.JS"] }, () => { EditorNavigation.SelectEntityByName("Button1", EntityType.Widget); propPane.EnterJSContext( "onClick", - `{{Api1.run().then(() => { showAlert('Hello world!', 'info'); storeValue('a', 18); }).catch(() => { showModal('Modal1'); });}}`, + `{{Api1.run().then(() => { showAlert('Hello world!', 'info'); storeValue('a', 18); }).catch(() => { showModal(Modal1.name); });}}`, true, false, ); diff --git a/app/client/cypress/e2e/Regression/ClientSide/ActionExecution/ActionSelector_JsToNonJSMode_2_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/ActionExecution/ActionSelector_JsToNonJSMode_2_spec.ts index 6c135176f9..f51ad098c7 100644 --- a/app/client/cypress/e2e/Regression/ClientSide/ActionExecution/ActionSelector_JsToNonJSMode_2_spec.ts +++ b/app/client/cypress/e2e/Regression/ClientSide/ActionExecution/ActionSelector_JsToNonJSMode_2_spec.ts @@ -212,7 +212,12 @@ describe("JS to non-JS mode in Action Selector", { tags: ["@tag.JS"] }, () => { 0, ); - propPane.EnterJSContext("onClick", "{{showModal('Modal1')}}", true, false); + propPane.EnterJSContext( + "onClick", + "{{showModal(Modal1.name)}}", + true, + false, + ); propPane.ToggleJSMode("onClick", false); agHelper.GetNAssertElementText( @@ -253,7 +258,12 @@ describe("JS to non-JS mode in Action Selector", { tags: ["@tag.JS"] }, () => { 0, ); - propPane.EnterJSContext("onClick", "{{closeModal('Modal1')}}", true, false); + propPane.EnterJSContext( + "onClick", + "{{closeModal(Modal1.name)}}", + true, + false, + ); propPane.ToggleJSMode("onClick", false); agHelper.GetNAssertElementText( diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Button/ButtonGroup2_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Button/ButtonGroup2_spec.ts index 83991240db..16665e9144 100644 --- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Button/ButtonGroup2_spec.ts +++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Button/ButtonGroup2_spec.ts @@ -163,7 +163,7 @@ describe( agHelper.ClickButton("Close"); EditorNavigation.SelectEntityByName("ButtonGroup1", EntityType.Widget); agHelper.GetNClick(buttongroupwidgetlocators.buttonSettingInPropPane, 0); - propPane.EnterJSContext("onClick", "{{showModal('Modal1')}}"); + propPane.EnterJSContext("onClick", "{{showModal(Modal1.name)}}"); deployMode.DeployApp(); agHelper.ClickButton("Favorite"); agHelper.AssertElementExist(locators._modal); diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Modal/Modal_focus_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Modal/Modal_focus_spec.js index 146c30d153..8d774a60f0 100644 --- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Modal/Modal_focus_spec.js +++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Modal/Modal_focus_spec.js @@ -17,7 +17,7 @@ describe("Modal focus", { tags: ["@tag.Widget", "@tag.Modal"] }, function () { cy.updateCodeInput( ".t--property-control-onclick", - `{{showModal('Modal1')}}`, + `{{showModal(Modal1.name)}}`, ); //add modal EditorNavigation.SelectEntityByName("Modal1", EntityType.Widget); diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Modal/Modal_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Modal/Modal_spec.ts index 8fc623d5cd..86cad0ac36 100644 --- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Modal/Modal_spec.ts +++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Modal/Modal_spec.ts @@ -26,7 +26,7 @@ describe( entityExplorer.DragDropWidgetNVerify(draggableWidgets.BUTTON); entityExplorer.DragDropWidgetNVerify(draggableWidgets.MODAL, 300, 300); EditorNavigation.SelectEntityByName("Button1", EntityType.Widget); - propPane.EnterJSContext("onClick", "{{showModal('Modal1');}}"); + propPane.EnterJSContext("onClick", "{{showModal(Modal1.name);}}"); deployMode.DeployApp(locators._widgetInDeployed(draggableWidgets.BUTTON)); agHelper.WaitUntilEleAppear( locators._widgetInDeployed(draggableWidgets.BUTTON), diff --git a/app/client/cypress/fixtures/CMSdsl.json b/app/client/cypress/fixtures/CMSdsl.json index a370880f21..9ed61d63dc 100644 --- a/app/client/cypress/fixtures/CMSdsl.json +++ b/app/client/cypress/fixtures/CMSdsl.json @@ -252,7 +252,7 @@ { "resetFormOnClick": true, "widgetName": "FormButton1", - "onClick": "{{showModal('Modal1')}}", + "onClick": "{{showModal(Modal1.name)}}", "buttonColor": "#03B365", "dynamicPropertyPathList": [{ "key": "onClick" }], "displayName": "FormButton", @@ -609,7 +609,7 @@ }, { "widgetName": "Button4", - "onClick": "{{showModal('Modal2')}}", + "onClick": "{{showModal(Modal2.name)}}", "buttonColor": "#03B365", "dynamicPropertyPathList": [{ "key": "onClick" }], "displayName": "Button", @@ -821,7 +821,7 @@ { "widgetName": "Icon1", "rightColumn": 64, - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "color": "#040627", "iconName": "cross", "displayName": "Icon", @@ -867,7 +867,7 @@ }, { "widgetName": "Button2", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "#03B365", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", diff --git a/app/client/cypress/fixtures/CommunityIssuesExport.json b/app/client/cypress/fixtures/CommunityIssuesExport.json index 332863ac1c..81fc5e39b0 100644 --- a/app/client/cypress/fixtures/CommunityIssuesExport.json +++ b/app/client/cypress/fixtures/CommunityIssuesExport.json @@ -215,7 +215,7 @@ { "boxShadow": "none", "widgetName": "Icon2", - "onClick": "{{closeModal('upvote_modal')}}", + "onClick": "{{closeModal(upvote_modal.name)}}", "buttonColor": "#2E3D49", "displayName": "Icon", "iconSVG": "/static/media/icon.31d6cfe0.svg", @@ -277,7 +277,7 @@ { "boxShadow": "none", "widgetName": "Button5", - "onClick": "{{closeModal('upvote_modal')}}", + "onClick": "{{closeModal(upvote_modal.name)}}", "buttonColor": "#2E3D49", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", @@ -2362,7 +2362,7 @@ { "boxShadow": "none", "widgetName": "AddIssue", - "onClick": "{{showModal('add_issue_modal')}}", + "onClick": "{{showModal(add_issue_modal.name)}}", "buttonColor": "#2E3D49", "displayName": "Icon Button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -2929,7 +2929,7 @@ { "boxShadow": "none", "widgetName": "Button2", - "onClick": "{{closeModal('add_issue_modal')}}", + "onClick": "{{closeModal(add_issue_modal.name)}}", "buttonColor": "#2E3D49", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", @@ -2997,7 +2997,7 @@ { "boxShadow": "none", "widgetName": "IconButton5", - "onClick": "{{closeModal('add_issue_modal')}}", + "onClick": "{{closeModal(add_issue_modal.name)}}", "buttonColor": "#2E3D49", "dynamicPropertyPathList": [ { "key": "borderRadius" } @@ -4127,7 +4127,7 @@ "boxShadow": "none", "customAlias": "", "iconName": "caret-up", - "onClick": "{{showModal('upvote_modal');}}", + "onClick": "{{showModal(upvote_modal.name);}}", "buttonVariant": "SECONDARY" } }, @@ -4387,7 +4387,7 @@ { "widgetName": "Icon2", "rightColumn": 64.0, - "onClick": "{{closeModal('upvote_modal')}}", + "onClick": "{{closeModal(upvote_modal.name)}}", "iconName": "cross", "buttonColor": "#2E3D49", "displayName": "Icon", @@ -4437,7 +4437,7 @@ }, { "widgetName": "Button5", - "onClick": "{{closeModal('upvote_modal')}}", + "onClick": "{{closeModal(upvote_modal.name)}}", "buttonColor": "#2E3D49", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", @@ -6281,7 +6281,7 @@ { "boxShadow": "NONE", "widgetName": "AddIssue", - "onClick": "{{showModal('add_issue_modal')}}", + "onClick": "{{showModal(add_issue_modal.name)}}", "buttonColor": "#2E3D49", "displayName": "Icon Button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -6751,7 +6751,7 @@ }, { "widgetName": "Button2", - "onClick": "{{closeModal('add_issue_modal')}}", + "onClick": "{{closeModal(add_issue_modal.name)}}", "buttonColor": "#2E3D49", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", @@ -6814,7 +6814,7 @@ { "boxShadow": "NONE", "widgetName": "IconButton5", - "onClick": "{{closeModal('add_issue_modal')}}", + "onClick": "{{closeModal(add_issue_modal.name)}}", "buttonColor": "#2E3D49", "displayName": "Icon Button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -7280,7 +7280,7 @@ "iconName": "caret-up", "borderRadius": "ROUNDED", "buttonVariant": "SECONDARY", - "onClick": "{{showModal('upvote_modal')}}", + "onClick": "{{showModal(upvote_modal.name)}}", "horizontalAlignment": "LEFT", "textSize": "PARAGRAPH" }, @@ -8518,7 +8518,7 @@ "timeoutInMillisecond": 10000.0, "paginationType": "NONE", "encodeParamsToggle": true, - "body": "() => {\n const labels = IssueManager.getAssignedLabels(label_select.selectedOptionValues);\n add_new_issue.run(() => {\n fetch_issues.run(() => {\n resetWidget('add_issue_modal', true);\n closeModal('add_issue_modal');\n });\n }, undefined, {\n labels: labels\n });\n}", + "body": "() => {\n const labels = IssueManager.getAssignedLabels(label_select.selectedOptionValues);\n add_new_issue.run(() => {\n fetch_issues.run(() => {\n resetWidget('add_issue_modal', true);\n closeModal(add_issue_modal.name);\n });\n }, undefined, {\n labels: labels\n });\n}", "selfReferencingDataPaths": [], "jsArguments": [], "isAsync": false @@ -8529,7 +8529,7 @@ "invalids": [], "messages": [], "jsonPathKeys": [ - "() => {\n const labels = IssueManager.getAssignedLabels(label_select.selectedOptionValues);\n add_new_issue.run(() => {\n fetch_issues.run(() => {\n resetWidget('add_issue_modal', true);\n closeModal('add_issue_modal');\n });\n }, undefined, {\n labels: labels\n });\n}" + "() => {\n const labels = IssueManager.getAssignedLabels(label_select.selectedOptionValues);\n add_new_issue.run(() => {\n fetch_issues.run(() => {\n resetWidget('add_issue_modal', true);\n closeModal(add_issue_modal.name);\n });\n }, undefined, {\n labels: labels\n });\n}" ], "userSetOnLoad": false, "confirmBeforeExecute": false, @@ -8554,7 +8554,7 @@ "timeoutInMillisecond": 10000.0, "paginationType": "NONE", "encodeParamsToggle": true, - "body": "() => {\n\t\tconst labels = IssueManager.getAssignedLabels(label_select.selectedOptionValues);\n\t\tadd_new_issue.run(() => {\n\t\t\t\tfetch_issues.run(() => {\n\t\t\t\t\tresetWidget('add_issue_modal', true);\n\t\t\t\t\tcloseModal('add_issue_modal');\n\t\t\t\t});\n\t\t}, undefined, { labels: labels })\n\t}", + "body": "() => {\n\t\tconst labels = IssueManager.getAssignedLabels(label_select.selectedOptionValues);\n\t\tadd_new_issue.run(() => {\n\t\t\t\tfetch_issues.run(() => {\n\t\t\t\t\tresetWidget('add_issue_modal', true);\n\t\t\t\t\tcloseModal(add_issue_modal.name);\n\t\t\t\t});\n\t\t}, undefined, { labels: labels })\n\t}", "selfReferencingDataPaths": [], "jsArguments": [], "isAsync": false @@ -8565,7 +8565,7 @@ "invalids": [], "messages": [], "jsonPathKeys": [ - "() => {\n\t\tconst labels = IssueManager.getAssignedLabels(label_select.selectedOptionValues);\n\t\tadd_new_issue.run(() => {\n\t\t\t\tfetch_issues.run(() => {\n\t\t\t\t\tresetWidget('add_issue_modal', true);\n\t\t\t\t\tcloseModal('add_issue_modal');\n\t\t\t\t});\n\t\t}, undefined, { labels: labels })\n\t}" + "() => {\n\t\tconst labels = IssueManager.getAssignedLabels(label_select.selectedOptionValues);\n\t\tadd_new_issue.run(() => {\n\t\t\t\tfetch_issues.run(() => {\n\t\t\t\t\tresetWidget('add_issue_modal', true);\n\t\t\t\t\tcloseModal(add_issue_modal.name);\n\t\t\t\t});\n\t\t}, undefined, { labels: labels })\n\t}" ], "userSetOnLoad": false, "confirmBeforeExecute": false, @@ -9632,7 +9632,7 @@ "timeoutInMillisecond": 10000.0, "paginationType": "NONE", "encodeParamsToggle": true, - "body": "() => {\n add_new_comment.run(() => {\n fetch_comments.run();\n update_issue_labels.run(() => fetch_issues.run());\n closeModal('upvote_modal');\n resetWidget('upvote_modal', true);\n });\n}", + "body": "() => {\n add_new_comment.run(() => {\n fetch_comments.run();\n update_issue_labels.run(() => fetch_issues.run());\n closeModal(upvote_modal.name);\n resetWidget('upvote_modal', true);\n });\n}", "selfReferencingDataPaths": [], "jsArguments": [], "isAsync": true @@ -9643,7 +9643,7 @@ "invalids": [], "messages": [], "jsonPathKeys": [ - "() => {\n add_new_comment.run(() => {\n fetch_comments.run();\n update_issue_labels.run(() => fetch_issues.run());\n closeModal('upvote_modal');\n resetWidget('upvote_modal', true);\n });\n}" + "() => {\n add_new_comment.run(() => {\n fetch_comments.run();\n update_issue_labels.run(() => fetch_issues.run());\n closeModal(upvote_modal.name);\n resetWidget('upvote_modal', true);\n });\n}" ], "userSetOnLoad": false, "confirmBeforeExecute": false, @@ -9668,7 +9668,7 @@ "timeoutInMillisecond": 10000.0, "paginationType": "NONE", "encodeParamsToggle": true, - "body": "() => {\n\t\tadd_new_comment.run(() => {\n\t\t\tfetch_comments.run();\n\t\t\tupdate_issue_labels.run(() => \n\t\t\t\tfetch_issues.run());\n\t\t\tcloseModal('upvote_modal');\n\t\t\tresetWidget('upvote_modal', true);\n\t\t});\n\t}", + "body": "() => {\n\t\tadd_new_comment.run(() => {\n\t\t\tfetch_comments.run();\n\t\t\tupdate_issue_labels.run(() => \n\t\t\t\tfetch_issues.run());\n\t\t\tcloseModal(upvote_modal.name);\n\t\t\tresetWidget('upvote_modal', true);\n\t\t});\n\t}", "selfReferencingDataPaths": [], "jsArguments": [], "isAsync": true @@ -9679,7 +9679,7 @@ "invalids": [], "messages": [], "jsonPathKeys": [ - "() => {\n\t\tadd_new_comment.run(() => {\n\t\t\tfetch_comments.run();\n\t\t\tupdate_issue_labels.run(() => \n\t\t\t\tfetch_issues.run());\n\t\t\tcloseModal('upvote_modal');\n\t\t\tresetWidget('upvote_modal', true);\n\t\t});\n\t}" + "() => {\n\t\tadd_new_comment.run(() => {\n\t\t\tfetch_comments.run();\n\t\t\tupdate_issue_labels.run(() => \n\t\t\t\tfetch_issues.run());\n\t\t\tcloseModal(upvote_modal.name);\n\t\t\tresetWidget('upvote_modal', true);\n\t\t});\n\t}" ], "userSetOnLoad": false, "confirmBeforeExecute": false, @@ -9975,7 +9975,7 @@ "pluginType": "JS", "actions": [], "archivedActions": [], - "body": "export default {\n\tgetAssignedLabels: (allLabels = label_select.selectedOptionValues) => {\n\t\tconst labels = allLabels.filter((label) => {\n\t\t\treturn Utils.checkIsPod(label) !== true;\n\t\t}); \n\t\tconst podMap = {};\n\t\tlabels.map((label) => {\n\t\t\tconst pod = Utils.getPodForLabel(label);\n\t\t\tif (pod)\n\t\t\t\tpodMap[pod] = true;\n\t\t});\n\t\treturn [...Object.keys(podMap), ...labels];\n\t}, \n\tcreate_issue: () => {\n\t\tconst labels = this.getAssignedLabels(label_select.selectedOptionValues);\n\t\tadd_new_issue.run(() => {\n\t\t\t\tfetch_issues.run(() => {\n\t\t\t\t\tresetWidget('add_issue_modal', true);\n\t\t\t\t\tcloseModal('add_issue_modal');\n\t\t\t\t});\n\t\t}, undefined, { labels: labels })\n\t},\n\tfetchIssues: () => {\n\t\tfetch_issues.run();\n\t},\n\tgetIssueData: () => {\n\t\treturn fetch_issues.data.map((issue) => {\n\t\t\tif (issue.upvote_id > 0)\n\t\t\t\tissue.count = issue.count + 1;\n\t\t\treturn { type: issue.type, title: issue.title, total_reactions: issue.total_reactions, unique_commentors: issue.unique_commentors, upvote_id: issue.upvote_id ,...issue};\n\t\t});\n\t},\n\taddComment: () => {\n\t\tadd_new_comment.run(() => {\n\t\t\tfetch_comments.run();\n\t\t\tupdate_issue_labels.run(() => \n\t\t\t\tfetch_issues.run());\n\t\t\tcloseModal('upvote_modal');\n\t\t\tresetWidget('upvote_modal', true);\n\t\t});\n\t},\n\tupdate: async () => {\n\t\tconst labels = this.getAssignedLabels(edit_label_select.selectedOptionValues);\n\t\tawait update_issue.run({ labels: labels });\n\t\tawait fetch_issues.run();\n\t},\n\tdelete: async () => {\n\t\tawait delete_issue.run(() => fetch_issues.run());\n\t}\n}", + "body": "export default {\n\tgetAssignedLabels: (allLabels = label_select.selectedOptionValues) => {\n\t\tconst labels = allLabels.filter((label) => {\n\t\t\treturn Utils.checkIsPod(label) !== true;\n\t\t}); \n\t\tconst podMap = {};\n\t\tlabels.map((label) => {\n\t\t\tconst pod = Utils.getPodForLabel(label);\n\t\t\tif (pod)\n\t\t\t\tpodMap[pod] = true;\n\t\t});\n\t\treturn [...Object.keys(podMap), ...labels];\n\t}, \n\tcreate_issue: () => {\n\t\tconst labels = this.getAssignedLabels(label_select.selectedOptionValues);\n\t\tadd_new_issue.run(() => {\n\t\t\t\tfetch_issues.run(() => {\n\t\t\t\t\tresetWidget('add_issue_modal', true);\n\t\t\t\t\tcloseModal(add_issue_modal.name);\n\t\t\t\t});\n\t\t}, undefined, { labels: labels })\n\t},\n\tfetchIssues: () => {\n\t\tfetch_issues.run();\n\t},\n\tgetIssueData: () => {\n\t\treturn fetch_issues.data.map((issue) => {\n\t\t\tif (issue.upvote_id > 0)\n\t\t\t\tissue.count = issue.count + 1;\n\t\t\treturn { type: issue.type, title: issue.title, total_reactions: issue.total_reactions, unique_commentors: issue.unique_commentors, upvote_id: issue.upvote_id ,...issue};\n\t\t});\n\t},\n\taddComment: () => {\n\t\tadd_new_comment.run(() => {\n\t\t\tfetch_comments.run();\n\t\t\tupdate_issue_labels.run(() => \n\t\t\t\tfetch_issues.run());\n\t\t\tcloseModal(upvote_modal.name);\n\t\t\tresetWidget('upvote_modal', true);\n\t\t});\n\t},\n\tupdate: async () => {\n\t\tconst labels = this.getAssignedLabels(edit_label_select.selectedOptionValues);\n\t\tawait update_issue.run({ labels: labels });\n\t\tawait fetch_issues.run();\n\t},\n\tdelete: async () => {\n\t\tawait delete_issue.run(() => fetch_issues.run());\n\t}\n}", "variables": [], "userPermissions": [] }, @@ -9986,7 +9986,7 @@ "pluginType": "JS", "actions": [], "archivedActions": [], - "body": "export default {\n\tgetAssignedLabels: (allLabels = label_select.selectedOptionValues) => {\n\t\tconst labels = allLabels.filter((label) => {\n\t\t\treturn Utils.checkIsPod(label) !== true;\n\t\t}); \n\t\tconst podMap = {};\n\t\tlabels.map((label) => {\n\t\t\tconst pod = Utils.getPodForLabel(label);\n\t\t\tif (pod)\n\t\t\t\tpodMap[pod] = true;\n\t\t});\n\t\treturn [...Object.keys(podMap), ...labels];\n\t}, \n\tcreate_issue: () => {\n\t\tconst labels = this.getAssignedLabels(label_select.selectedOptionValues);\n\t\tadd_new_issue.run(() => {\n\t\t\t\tfetch_issues.run(() => {\n\t\t\t\t\tresetWidget('add_issue_modal', true);\n\t\t\t\t\tcloseModal('add_issue_modal');\n\t\t\t\t});\n\t\t}, undefined, { labels: labels })\n\t},\n\tfetchIssues: () => {\n\t\tfetch_issues.run();\n\t},\n\tgetIssueData: () => {\n\t\treturn fetch_issues.data.map((issue) => {\n\t\t\tif (issue.upvote_id > 0)\n\t\t\t\tissue.count = issue.count + 1;\n\t\t\treturn { type: issue.type, title: issue.title, total_reactions: issue.total_reactions, unique_commentors: issue.unique_commentors, upvote_id: issue.upvote_id ,...issue};\n\t\t});\n\t},\n\taddComment: () => {\n\t\tadd_new_comment.run(() => {\n\t\t\tfetch_comments.run();\n\t\t\tupdate_issue_labels.run(() => \n\t\t\t\tfetch_issues.run());\n\t\t\tcloseModal('upvote_modal');\n\t\t\tresetWidget('upvote_modal', true);\n\t\t});\n\t},\n\tupdate: async () => {\n\t\tconst labels = this.getAssignedLabels(edit_label_select.selectedOptionValues);\n\t\tawait update_issue.run({ labels: labels });\n\t\tawait fetch_issues.run();\n\t},\n\tdelete: async () => {\n\t\tawait delete_issue.run(() => fetch_issues.run());\n\t}\n}", + "body": "export default {\n\tgetAssignedLabels: (allLabels = label_select.selectedOptionValues) => {\n\t\tconst labels = allLabels.filter((label) => {\n\t\t\treturn Utils.checkIsPod(label) !== true;\n\t\t}); \n\t\tconst podMap = {};\n\t\tlabels.map((label) => {\n\t\t\tconst pod = Utils.getPodForLabel(label);\n\t\t\tif (pod)\n\t\t\t\tpodMap[pod] = true;\n\t\t});\n\t\treturn [...Object.keys(podMap), ...labels];\n\t}, \n\tcreate_issue: () => {\n\t\tconst labels = this.getAssignedLabels(label_select.selectedOptionValues);\n\t\tadd_new_issue.run(() => {\n\t\t\t\tfetch_issues.run(() => {\n\t\t\t\t\tresetWidget('add_issue_modal', true);\n\t\t\t\t\tcloseModal(add_issue_modal.name);\n\t\t\t\t});\n\t\t}, undefined, { labels: labels })\n\t},\n\tfetchIssues: () => {\n\t\tfetch_issues.run();\n\t},\n\tgetIssueData: () => {\n\t\treturn fetch_issues.data.map((issue) => {\n\t\t\tif (issue.upvote_id > 0)\n\t\t\t\tissue.count = issue.count + 1;\n\t\t\treturn { type: issue.type, title: issue.title, total_reactions: issue.total_reactions, unique_commentors: issue.unique_commentors, upvote_id: issue.upvote_id ,...issue};\n\t\t});\n\t},\n\taddComment: () => {\n\t\tadd_new_comment.run(() => {\n\t\t\tfetch_comments.run();\n\t\t\tupdate_issue_labels.run(() => \n\t\t\t\tfetch_issues.run());\n\t\t\tcloseModal(upvote_modal.name);\n\t\t\tresetWidget('upvote_modal', true);\n\t\t});\n\t},\n\tupdate: async () => {\n\t\tconst labels = this.getAssignedLabels(edit_label_select.selectedOptionValues);\n\t\tawait update_issue.run({ labels: labels });\n\t\tawait fetch_issues.run();\n\t},\n\tdelete: async () => {\n\t\tawait delete_issue.run(() => fetch_issues.run());\n\t}\n}", "variables": [], "userPermissions": [] }, diff --git a/app/client/cypress/fixtures/ContextSwitching.json b/app/client/cypress/fixtures/ContextSwitching.json index 8b9b734bfc..2a78e803b5 100644 --- a/app/client/cypress/fixtures/ContextSwitching.json +++ b/app/client/cypress/fixtures/ContextSwitching.json @@ -497,7 +497,7 @@ { "boxShadow": "none", "widgetName": "IconButton1", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634ac75f9fa6b6ae7a8df882a3ba.svg", @@ -580,7 +580,7 @@ "resetFormOnClick": false, "boxShadow": "none", "widgetName": "Button2", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg", diff --git a/app/client/cypress/fixtures/Datatypes/ArrayDTdsl.json b/app/client/cypress/fixtures/Datatypes/ArrayDTdsl.json index 14d73e8922..b45e387de0 100644 --- a/app/client/cypress/fixtures/Datatypes/ArrayDTdsl.json +++ b/app/client/cypress/fixtures/Datatypes/ArrayDTdsl.json @@ -234,7 +234,7 @@ { "boxShadow": "none", "widgetName": "IconButton1Copy", - "onClick": "{{closeModal('UpdateModal')}}", + "onClick": "{{closeModal(UpdateModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -317,7 +317,7 @@ { "boxShadow": "none", "widgetName": "runUpdateQuery", - "onClick": "{{updateRecord.run(() => {closeModal('UpdateModal'), () => {};selectRecords.run() })}}", + "onClick": "{{updateRecord.run(() => {closeModal(UpdateModal.name), () => {};selectRecords.run() })}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { @@ -678,7 +678,7 @@ { "boxShadow": "none", "widgetName": "InsertButton", - "onClick": "{{showModal('InsertModal')}}", + "onClick": "{{showModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { @@ -728,7 +728,7 @@ { "boxShadow": "none", "widgetName": "UpdateButton", - "onClick": "{{showModal('UpdateModal')}}", + "onClick": "{{showModal(UpdateModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [], "displayName": "Button", @@ -926,7 +926,7 @@ { "boxShadow": "none", "widgetName": "IconButton1", - "onClick": "{{closeModal('InsertModal')}}", + "onClick": "{{closeModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -1057,7 +1057,7 @@ { "boxShadow": "none", "widgetName": "runInsertQuery", - "onClick": "{{insertRecord.run(() => {selectRecords.run();resetWidget('InsertModal', true);closeModal('InsertModal'), () => {};})}}", + "onClick": "{{insertRecord.run(() => {selectRecords.run();resetWidget('InsertModal', true);closeModal(InsertModal.name), () => {};})}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { diff --git a/app/client/cypress/fixtures/Datatypes/BinaryDTdsl.json b/app/client/cypress/fixtures/Datatypes/BinaryDTdsl.json index 60cac4dd93..5d70884c16 100644 --- a/app/client/cypress/fixtures/Datatypes/BinaryDTdsl.json +++ b/app/client/cypress/fixtures/Datatypes/BinaryDTdsl.json @@ -179,7 +179,7 @@ { "boxShadow": "none", "widgetName": "IconButton1Copy", - "onClick": "{{closeModal('UpdateModal')}}", + "onClick": "{{closeModal(UpdateModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -262,7 +262,7 @@ { "boxShadow": "none", "widgetName": "runUpdateQuery", - "onClick": "{{updateRecord.run(() => {closeModal('UpdateModal'), () => {};selectRecords.run() })}}", + "onClick": "{{updateRecord.run(() => {closeModal(UpdateModal.name), () => {};selectRecords.run() })}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { @@ -833,7 +833,7 @@ { "boxShadow": "none", "widgetName": "InsertButton", - "onClick": "{{showModal('InsertModal')}}", + "onClick": "{{showModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { @@ -883,7 +883,7 @@ { "boxShadow": "none", "widgetName": "UpdateButton", - "onClick": "{{showModal('UpdateModal')}}", + "onClick": "{{showModal(UpdateModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [], "displayName": "Button", @@ -975,7 +975,7 @@ { "boxShadow": "none", "widgetName": "IconButton1", - "onClick": "{{closeModal('InsertModal')}}", + "onClick": "{{closeModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -1109,7 +1109,7 @@ { "boxShadow": "none", "widgetName": "runInsertQuery", - "onClick": "{{insertRecord.run(() => {selectRecords.run();resetWidget('InsertModal', true);closeModal('InsertModal'), () => {};})}}", + "onClick": "{{insertRecord.run(() => {selectRecords.run();resetWidget('InsertModal', true);closeModal(InsertModal.name), () => {};})}}", "buttonColor": "{{appsmith.theme.colors.backgroundColor}}", "dynamicPropertyPathList": [ { diff --git a/app/client/cypress/fixtures/Datatypes/BooleanEnumDTdsl.json b/app/client/cypress/fixtures/Datatypes/BooleanEnumDTdsl.json index 4f5466f552..98f6e6c482 100644 --- a/app/client/cypress/fixtures/Datatypes/BooleanEnumDTdsl.json +++ b/app/client/cypress/fixtures/Datatypes/BooleanEnumDTdsl.json @@ -67,7 +67,7 @@ { "boxShadow": "none", "widgetName": "IconButton1Copy", - "onClick": "{{closeModal('InsertModal')}}", + "onClick": "{{closeModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -145,7 +145,7 @@ { "boxShadow": "none", "widgetName": "Button5Copy", - "onClick": "{{closeModal('UpdateModal')}}", + "onClick": "{{closeModal(UpdateModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", @@ -184,7 +184,7 @@ { "boxShadow": "none", "widgetName": "runUpdateQuery", - "onClick": "{{updateRecord.run(() => {closeModal('UpdateModal'), () => {};\nselectRecords.run()\t\t\t\t\t\t\t\t\t\t\t\t })}}", + "onClick": "{{updateRecord.run(() => {closeModal(UpdateModal.name), () => {};\nselectRecords.run()\t\t\t\t\t\t\t\t\t\t\t\t })}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { @@ -615,7 +615,7 @@ { "boxShadow": "none", "widgetName": "InsertButton", - "onClick": "{{showModal('InsertModal')}}", + "onClick": "{{showModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { @@ -665,7 +665,7 @@ { "boxShadow": "none", "widgetName": "UpdateButton", - "onClick": "{{showModal('UpdateModal')}}", + "onClick": "{{showModal(UpdateModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [], "displayName": "Button", @@ -755,7 +755,7 @@ { "boxShadow": "none", "widgetName": "IconButton1", - "onClick": "{{closeModal('InsertModal')}}", + "onClick": "{{closeModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -830,7 +830,7 @@ { "boxShadow": "none", "widgetName": "Button5", - "onClick": "{{closeModal('InsertModal')}}", + "onClick": "{{closeModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", @@ -869,7 +869,7 @@ { "boxShadow": "none", "widgetName": "runInsertQuery", - "onClick": "{{insertRecord.run(() => {\nselectRecords.run();\t\t\t\tresetWidget('InsertModal', true);\ncloseModal('InsertModal'), () => {};})}}", + "onClick": "{{insertRecord.run(() => {\nselectRecords.run();\t\t\t\tresetWidget('InsertModal', true);\ncloseModal(InsertModal.name), () => {};})}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { diff --git a/app/client/cypress/fixtures/Datatypes/CharacterDTdsl.json b/app/client/cypress/fixtures/Datatypes/CharacterDTdsl.json index 6794dc5865..82229f2e78 100644 --- a/app/client/cypress/fixtures/Datatypes/CharacterDTdsl.json +++ b/app/client/cypress/fixtures/Datatypes/CharacterDTdsl.json @@ -174,7 +174,7 @@ { "boxShadow": "none", "widgetName": "IconButton1Copy", - "onClick": "{{closeModal('InsertModal')}}", + "onClick": "{{closeModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -252,7 +252,7 @@ { "boxShadow": "none", "widgetName": "Button5Copy", - "onClick": "{{closeModal('UpdateModal')}}", + "onClick": "{{closeModal(UpdateModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", @@ -291,7 +291,7 @@ { "boxShadow": "none", "widgetName": "runUpdateQuery", - "onClick": "{{updateRecord.run(() => {closeModal('UpdateModal'), () => {};\nselectRecords.run()\t\t\t\t\t\t\t\t\t\t\t\t })}}", + "onClick": "{{updateRecord.run(() => {closeModal(UpdateModal.name), () => {};\nselectRecords.run()\t\t\t\t\t\t\t\t\t\t\t\t })}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { @@ -817,7 +817,7 @@ { "boxShadow": "none", "widgetName": "InsertButton", - "onClick": "{{showModal('InsertModal')}}", + "onClick": "{{showModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { @@ -867,7 +867,7 @@ { "boxShadow": "none", "widgetName": "UpdateButton", - "onClick": "{{showModal('UpdateModal')}}", + "onClick": "{{showModal(UpdateModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [], "displayName": "Button", @@ -1059,7 +1059,7 @@ { "boxShadow": "none", "widgetName": "IconButton1", - "onClick": "{{closeModal('InsertModal')}}", + "onClick": "{{closeModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -1134,7 +1134,7 @@ { "boxShadow": "none", "widgetName": "Button5", - "onClick": "{{closeModal('InsertModal')}}", + "onClick": "{{closeModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", @@ -1173,7 +1173,7 @@ { "boxShadow": "none", "widgetName": "runInsertQuery", - "onClick": "{{insertRecord.run(() => {\nselectRecords.run();\t\t\t\tresetWidget('InsertModal', true);\ncloseModal('InsertModal'), () => {};})}}", + "onClick": "{{insertRecord.run(() => {\nselectRecords.run();\t\t\t\tresetWidget('InsertModal', true);\ncloseModal(InsertModal.name), () => {};})}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { diff --git a/app/client/cypress/fixtures/Datatypes/DateTimeDTdsl.json b/app/client/cypress/fixtures/Datatypes/DateTimeDTdsl.json index 23cd8084ef..c869d8abbf 100644 --- a/app/client/cypress/fixtures/Datatypes/DateTimeDTdsl.json +++ b/app/client/cypress/fixtures/Datatypes/DateTimeDTdsl.json @@ -173,7 +173,7 @@ { "boxShadow": "none", "widgetName": "IconButton1Copy", - "onClick": "{{closeModal('InsertModal')}}", + "onClick": "{{closeModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -251,7 +251,7 @@ { "boxShadow": "none", "widgetName": "Button5Copy", - "onClick": "{{closeModal('UpdateModal')}}", + "onClick": "{{closeModal(UpdateModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", @@ -290,7 +290,7 @@ { "boxShadow": "none", "widgetName": "runUpdateQuery", - "onClick": "{{updateRecord.run(() => {closeModal('UpdateModal'), () => {};\nselectRecords.run()\t\t\t\t\t\t\t\t\t\t\t\t })}}", + "onClick": "{{updateRecord.run(() => {closeModal(UpdateModal.name), () => {};\nselectRecords.run()\t\t\t\t\t\t\t\t\t\t\t\t })}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { @@ -872,7 +872,7 @@ { "boxShadow": "none", "widgetName": "InsertButton", - "onClick": "{{showModal('InsertModal')}}", + "onClick": "{{showModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { @@ -922,7 +922,7 @@ { "boxShadow": "none", "widgetName": "UpdateButton", - "onClick": "{{showModal('UpdateModal')}}", + "onClick": "{{showModal(UpdateModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [], "displayName": "Button", @@ -1113,7 +1113,7 @@ { "boxShadow": "none", "widgetName": "IconButton1", - "onClick": "{{closeModal('InsertModal')}}", + "onClick": "{{closeModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -1188,7 +1188,7 @@ { "boxShadow": "none", "widgetName": "Button5", - "onClick": "{{closeModal('InsertModal')}}", + "onClick": "{{closeModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", @@ -1227,7 +1227,7 @@ { "boxShadow": "none", "widgetName": "runInsertQuery", - "onClick": "{{insertRecord.run(() => {\nselectRecords.run();\t\t\t\tresetWidget('InsertModal', true);\ncloseModal('InsertModal'), () => {};})}}", + "onClick": "{{insertRecord.run(() => {\nselectRecords.run();\t\t\t\tresetWidget('InsertModal', true);\ncloseModal(InsertModal.name), () => {};})}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { diff --git a/app/client/cypress/fixtures/Datatypes/JsonBDTdsl.json b/app/client/cypress/fixtures/Datatypes/JsonBDTdsl.json index 58eb6d1866..dacd5d5145 100644 --- a/app/client/cypress/fixtures/Datatypes/JsonBDTdsl.json +++ b/app/client/cypress/fixtures/Datatypes/JsonBDTdsl.json @@ -240,7 +240,7 @@ ], "displayName": "JSON Form", "iconSVG": "/static/media/icon.5b428de12db9ad6a591955ead07f86e9.svg", - "onSubmit": "{{updateRecord.run(() => {closeModal('UpdateModal'), () => {};\nselectRecords.run()})}}", + "onSubmit": "{{updateRecord.run(() => {closeModal(UpdateModal.name), () => {};\nselectRecords.run()})}}", "topRow": 8, "bottomRow": 60, "fieldLimitExceeded": false, @@ -439,7 +439,7 @@ { "boxShadow": "none", "widgetName": "IconButton1Copy", - "onClick": "{{closeModal('UpdateModal')}}", + "onClick": "{{closeModal(UpdateModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -746,7 +746,7 @@ { "boxShadow": "none", "widgetName": "InsertButton", - "onClick": "{{showModal('InsertModal')}}", + "onClick": "{{showModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { @@ -796,7 +796,7 @@ { "boxShadow": "none", "widgetName": "UpdateButton", - "onClick": "{{showModal('UpdateModal')}}", + "onClick": "{{showModal(UpdateModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [], "displayName": "Button", @@ -880,7 +880,7 @@ { "boxShadow": "none", "widgetName": "IconButton1", - "onClick": "{{closeModal('InsertModal')}}", + "onClick": "{{closeModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -1130,7 +1130,7 @@ ], "displayName": "JSON Form", "iconSVG": "/static/media/icon.5b428de12db9ad6a591955ead07f86e9.svg", - "onSubmit": "{{insertRecord.run(() => {\nselectRecords.run();\t\t\t\tresetWidget('InsertModal', true);\ncloseModal('InsertModal'), () => {};})}}", + "onSubmit": "{{insertRecord.run(() => {\nselectRecords.run();\t\t\t\tresetWidget('InsertModal', true);\ncloseModal(InsertModal.name), () => {};})}}", "topRow": 6, "bottomRow": 58, "fieldLimitExceeded": false, diff --git a/app/client/cypress/fixtures/Datatypes/JsonDTdsl.json b/app/client/cypress/fixtures/Datatypes/JsonDTdsl.json index 434c277899..35fd0739e7 100644 --- a/app/client/cypress/fixtures/Datatypes/JsonDTdsl.json +++ b/app/client/cypress/fixtures/Datatypes/JsonDTdsl.json @@ -266,7 +266,7 @@ ], "displayName": "JSON Form", "iconSVG": "/static/media/icon.5b428de12db9ad6a591955ead07f86e9.svg", - "onSubmit": "{{updateRecord.run(() => {closeModal('UpdateModal'), () => {};\nselectRecords.run()})}}", + "onSubmit": "{{updateRecord.run(() => {closeModal(UpdateModal.name), () => {};\nselectRecords.run()})}}", "topRow": 8, "bottomRow": 60, "fieldLimitExceeded": false, @@ -561,7 +561,7 @@ { "boxShadow": "none", "widgetName": "IconButton1Copy", - "onClick": "{{closeModal('UpdateModal')}}", + "onClick": "{{closeModal(UpdateModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -902,7 +902,7 @@ { "boxShadow": "none", "widgetName": "InsertButton", - "onClick": "{{showModal('InsertModal')}}", + "onClick": "{{showModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { @@ -952,7 +952,7 @@ { "boxShadow": "none", "widgetName": "UpdateButton", - "onClick": "{{showModal('UpdateModal')}}", + "onClick": "{{showModal(UpdateModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [], "displayName": "Button", @@ -1043,7 +1043,7 @@ { "boxShadow": "none", "widgetName": "IconButton1", - "onClick": "{{closeModal('InsertModal')}}", + "onClick": "{{closeModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -1319,7 +1319,7 @@ ], "displayName": "JSON Form", "iconSVG": "/static/media/icon.5b428de12db9ad6a591955ead07f86e9.svg", - "onSubmit": "{{insertRecord.run(() => {\nselectRecords.run();\t\t\t\tresetWidget('InsertModal', true);\ncloseModal('InsertModal'), () => {};})}}", + "onSubmit": "{{insertRecord.run(() => {\nselectRecords.run();\t\t\t\tresetWidget('InsertModal', true);\ncloseModal(InsertModal.name), () => {};})}}", "topRow": 6, "bottomRow": 58, "fieldLimitExceeded": false, diff --git a/app/client/cypress/fixtures/Datatypes/NumericDTdsl.json b/app/client/cypress/fixtures/Datatypes/NumericDTdsl.json index edb6ec38e0..f5c6999faf 100644 --- a/app/client/cypress/fixtures/Datatypes/NumericDTdsl.json +++ b/app/client/cypress/fixtures/Datatypes/NumericDTdsl.json @@ -173,7 +173,7 @@ { "boxShadow": "none", "widgetName": "IconButton1Copy", - "onClick": "{{closeModal('InsertModal')}}", + "onClick": "{{closeModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -251,7 +251,7 @@ { "boxShadow": "none", "widgetName": "Button5Copy", - "onClick": "{{closeModal('UpdateModal')}}", + "onClick": "{{closeModal(UpdateModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", @@ -290,7 +290,7 @@ { "boxShadow": "none", "widgetName": "runUpdateQuery", - "onClick": "{{updateRecord.run(() => {closeModal('UpdateModal'), () => {};\nselectRecords.run()\t\t\t\t\t\t\t\t\t\t\t\t })}}", + "onClick": "{{updateRecord.run(() => {closeModal(UpdateModal.name), () => {};\nselectRecords.run()\t\t\t\t\t\t\t\t\t\t\t\t })}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { @@ -690,7 +690,7 @@ { "boxShadow": "none", "widgetName": "InsertButton", - "onClick": "{{showModal('InsertModal')}}", + "onClick": "{{showModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { @@ -740,7 +740,7 @@ { "boxShadow": "none", "widgetName": "UpdateButton", - "onClick": "{{showModal('UpdateModal')}}", + "onClick": "{{showModal(UpdateModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [], "displayName": "Button", @@ -930,7 +930,7 @@ { "boxShadow": "none", "widgetName": "IconButton1", - "onClick": "{{closeModal('InsertModal')}}", + "onClick": "{{closeModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -1005,7 +1005,7 @@ { "boxShadow": "none", "widgetName": "Button5", - "onClick": "{{closeModal('InsertModal')}}", + "onClick": "{{closeModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", @@ -1044,7 +1044,7 @@ { "boxShadow": "none", "widgetName": "runInsertQuery", - "onClick": "{{insertRecord.run(() => {\nselectRecords.run();\t\t\t\tresetWidget('InsertModal', true);\ncloseModal('InsertModal'), () => {};})}}", + "onClick": "{{insertRecord.run(() => {\nselectRecords.run();\t\t\t\tresetWidget('InsertModal', true);\ncloseModal(InsertModal.name), () => {};})}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { diff --git a/app/client/cypress/fixtures/Datatypes/UUIDDTdsl.json b/app/client/cypress/fixtures/Datatypes/UUIDDTdsl.json index db65a3665a..999e9497d7 100644 --- a/app/client/cypress/fixtures/Datatypes/UUIDDTdsl.json +++ b/app/client/cypress/fixtures/Datatypes/UUIDDTdsl.json @@ -69,7 +69,7 @@ { "boxShadow": "none", "widgetName": "IconButton1Copy", - "onClick": "{{closeModal('UpdateModal')}}", + "onClick": "{{closeModal(UpdateModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -345,7 +345,7 @@ "resetFormOnClick": false, "boxShadow": "none", "widgetName": "runUpdateQuery", - "onClick": "{{updateRecord.run(() => {closeModal('UpdateModal'), () => {};selectRecords.run() })}}", + "onClick": "{{updateRecord.run(() => {closeModal(UpdateModal.name), () => {};selectRecords.run() })}}", "buttonColor": "#c084fc", "dynamicPropertyPathList": [ { @@ -730,7 +730,7 @@ { "boxShadow": "none", "widgetName": "InsertButton", - "onClick": "{{showModal('InsertModal')}}", + "onClick": "{{showModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { @@ -780,7 +780,7 @@ { "boxShadow": "none", "widgetName": "UpdateButton", - "onClick": "{{showModal('UpdateModal')}}", + "onClick": "{{showModal(UpdateModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [], "displayName": "Button", @@ -872,7 +872,7 @@ { "boxShadow": "none", "widgetName": "IconButton1", - "onClick": "{{closeModal('InsertModal')}}", + "onClick": "{{closeModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -947,7 +947,7 @@ { "boxShadow": "none", "widgetName": "runInsertQuery", - "onClick": "{{insertRecord.run(() => {selectRecords.run();resetWidget('InsertModal', true);closeModal('InsertModal'), () => {};})}}", + "onClick": "{{insertRecord.run(() => {selectRecords.run();resetWidget('InsertModal', true);closeModal(InsertModal.name), () => {};})}}", "buttonColor": "#c084fc", "dynamicPropertyPathList": [ { diff --git a/app/client/cypress/fixtures/Datatypes/mySQLdsl.json b/app/client/cypress/fixtures/Datatypes/mySQLdsl.json index 5790d38b7f..0193086726 100644 --- a/app/client/cypress/fixtures/Datatypes/mySQLdsl.json +++ b/app/client/cypress/fixtures/Datatypes/mySQLdsl.json @@ -1897,7 +1897,7 @@ { "boxShadow": "none", "widgetName": "runUpdateQuery", - "onClick": "{{updateRecord.run(() => {closeModal('UpdateModal'), () => {};\nselectRecords.run()\t\t\t\t\t\t\t\t\t\t\t\t })}}", + "onClick": "{{updateRecord.run(() => {closeModal(UpdateModal.name), () => {};\nselectRecords.run()\t\t\t\t\t\t\t\t\t\t\t\t })}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { @@ -1948,7 +1948,7 @@ { "boxShadow": "none", "widgetName": "Button5Copy", - "onClick": "{{closeModal('UpdateModal')}}", + "onClick": "{{closeModal(UpdateModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", @@ -2005,7 +2005,7 @@ { "boxShadow": "none", "widgetName": "IconButton1Copy", - "onClick": "{{closeModal('InsertModal')}}", + "onClick": "{{closeModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -2824,7 +2824,7 @@ { "boxShadow": "none", "widgetName": "InsertButton", - "onClick": "{{showModal('InsertModal')}}", + "onClick": "{{showModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { @@ -2874,7 +2874,7 @@ { "boxShadow": "none", "widgetName": "UpdateButton", - "onClick": "{{showModal('UpdateModal')}}", + "onClick": "{{showModal(UpdateModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [], "displayName": "Button", @@ -4590,7 +4590,7 @@ { "boxShadow": "none", "widgetName": "Button5", - "onClick": "{{closeModal('InsertModal')}}", + "onClick": "{{closeModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", @@ -4631,7 +4631,7 @@ { "boxShadow": "none", "widgetName": "runInsertQuery", - "onClick": "{{insertRecord.run(() => {\nselectRecords.run();\t\t\t\tresetWidget('InsertModal', true);\ncloseModal('InsertModal'), () => {};})}}", + "onClick": "{{insertRecord.run(() => {\nselectRecords.run();\t\t\t\tresetWidget('InsertModal', true);\ncloseModal(InsertModal.name), () => {};})}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "dynamicPropertyPathList": [ { @@ -4698,7 +4698,7 @@ { "boxShadow": "none", "widgetName": "IconButton1", - "onClick": "{{closeModal('InsertModal')}}", + "onClick": "{{closeModal(InsertModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", diff --git a/app/client/cypress/fixtures/DynamicHeightModalDsl.json b/app/client/cypress/fixtures/DynamicHeightModalDsl.json index 8166882c65..4cd9bd1006 100644 --- a/app/client/cypress/fixtures/DynamicHeightModalDsl.json +++ b/app/client/cypress/fixtures/DynamicHeightModalDsl.json @@ -80,7 +80,7 @@ "key": "borderRadius" } ], - "onClick": "{{closeModal('Modal1')}}" + "onClick": "{{closeModal(Modal1.name)}}" }, { "isVisible": true, @@ -170,7 +170,7 @@ "key": "borderRadius" } ], - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "originalTopRow": 18, "originalBottomRow": 22 }, diff --git a/app/client/cypress/fixtures/ListVulnerabilityDSL.json b/app/client/cypress/fixtures/ListVulnerabilityDSL.json index 018f78b25c..147c1d7d7b 100644 --- a/app/client/cypress/fixtures/ListVulnerabilityDSL.json +++ b/app/client/cypress/fixtures/ListVulnerabilityDSL.json @@ -798,7 +798,7 @@ { "boxShadow": "none", "widgetName": "IconButton1", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634ac75f9fa6b6ae7a8df882a3ba.svg", @@ -876,7 +876,7 @@ "resetFormOnClick": false, "boxShadow": "none", "widgetName": "Button3", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg", diff --git a/app/client/cypress/fixtures/Listv2/ListWithModalStatCheckboxAndRadio.json b/app/client/cypress/fixtures/Listv2/ListWithModalStatCheckboxAndRadio.json index c56e74a8ad..d65aa35bc7 100644 --- a/app/client/cypress/fixtures/Listv2/ListWithModalStatCheckboxAndRadio.json +++ b/app/client/cypress/fixtures/Listv2/ListWithModalStatCheckboxAndRadio.json @@ -291,7 +291,7 @@ { "boxShadow": "none", "widgetName": "IconButton1", - "onClick": "{{showModal('Modal1')}}", + "onClick": "{{showModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634ac75f9fa6b6ae7a8df882a3ba.svg", @@ -484,7 +484,7 @@ } ], "labelPosition": "Top", - "onSelectionChange": "{{showModal('Modal2')}}", + "onSelectionChange": "{{showModal(Modal2.name)}}", "options": [ { "label": "Yes", @@ -544,7 +544,7 @@ } ], "labelPosition": "Top", - "onSelectionChange": "{{showModal('Modal2')}}", + "onSelectionChange": "{{showModal(Modal2.name)}}", "options": [ { "label": "Blue", @@ -704,7 +704,7 @@ { "boxShadow": "none", "widgetName": "IconButton2", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634ac75f9fa6b6ae7a8df882a3ba.svg", @@ -793,7 +793,7 @@ "resetFormOnClick": false, "boxShadow": "none", "widgetName": "Button1", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg", @@ -998,7 +998,7 @@ { "boxShadow": "none", "widgetName": "IconButton4", - "onClick": "{{closeModal('Modal2')}}", + "onClick": "{{closeModal(Modal2.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634ac75f9fa6b6ae7a8df882a3ba.svg", @@ -1087,7 +1087,7 @@ "resetFormOnClick": false, "boxShadow": "none", "widgetName": "Button3", - "onClick": "{{closeModal('Modal2')}}", + "onClick": "{{closeModal(Modal2.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg", diff --git a/app/client/cypress/fixtures/ModalDsl.json b/app/client/cypress/fixtures/ModalDsl.json index b7f974d981..4aac3a1d3e 100644 --- a/app/client/cypress/fixtures/ModalDsl.json +++ b/app/client/cypress/fixtures/ModalDsl.json @@ -50,7 +50,7 @@ "bottomRow": 1, "parentId": "yyyrxs383y", "widgetId": "kxdvolusyp", - "onClick": "{{closeModal('Modal1')}}" + "onClick": "{{closeModal(Modal1.name)}}" }, { "isVisible": true, diff --git a/app/client/cypress/fixtures/PartialImportExport/PartialImportExportSampleApp.json b/app/client/cypress/fixtures/PartialImportExport/PartialImportExportSampleApp.json index 7ce106360b..17317c2c8a 100644 --- a/app/client/cypress/fixtures/PartialImportExport/PartialImportExportSampleApp.json +++ b/app/client/cypress/fixtures/PartialImportExport/PartialImportExportSampleApp.json @@ -249,7 +249,7 @@ "boxShadow": "none", "isDerived": true, "computedValue": "", - "onClick": "{{showModal('Delete_Modal')}}", + "onClick": "{{showModal(Delete_Modal.name)}}", "buttonColor": "#DD4B34", "buttonStyle": "rgb(3, 179, 101)", "index": 5.0, @@ -684,7 +684,7 @@ "boxShadow": "none", "isDerived": true, "computedValue": "", - "onClick": "{{showModal('Delete_Modal')}}", + "onClick": "{{showModal(Delete_Modal.name)}}", "buttonColor": "#DD4B34", "buttonStyle": "rgb(3, 179, 101)", "index": 5.0, @@ -786,7 +786,7 @@ "boxShadow": "none", "widgetName": "add_btn", "rightColumn": 59.0, - "onClick": "{{showModal('Insert_Modal')}}", + "onClick": "{{showModal(Insert_Modal.name)}}", "iconName": "add", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "widgetId": "nh3cu4lb1g", @@ -887,7 +887,7 @@ { "boxShadow": "none", "widgetName": "Button1", - "onClick": "{{closeModal('Delete_Modal')}}", + "onClick": "{{closeModal(Delete_Modal.name)}}", "dynamicPropertyPathList": [], "buttonColor": "#2E3D49", "topRow": 17.0, @@ -913,7 +913,7 @@ { "boxShadow": "none", "widgetName": "Delete_Button", - "onClick": "{{DeleteQuery.run(() => SelectQuery.run(() => closeModal('Delete_Modal')), () => {})}}", + "onClick": "{{DeleteQuery.run(() => SelectQuery.run(() => closeModal(Delete_Modal.name)), () => {})}}", "dynamicPropertyPathList": [{ "key": "onClick" }], "buttonColor": "#DD4B34", "topRow": 17.0, @@ -1350,7 +1350,7 @@ ], "displayName": "JSON Form", "iconSVG": "/static/media/icon.6bacf7df.svg", - "onSubmit": "{{InsertQuery.run(\n\t() => SelectQuery.run()\n\t\t\t\t\t.then(() => closeModal('Insert_Modal')), \n\t(error) => showAlert(`Error while inserting resource!\\n ${error}`,'error'))\n}}", + "onSubmit": "{{InsertQuery.run(\n\t() => SelectQuery.run()\n\t\t\t\t\t.then(() => closeModal(Insert_Modal.name)), \n\t(error) => showAlert(`Error while inserting resource!\\n ${error}`,'error'))\n}}", "topRow": 0.0, "bottomRow": 81.0, "fieldLimitExceeded": false, diff --git a/app/client/cypress/fixtures/PartialImportExport/WidgetsExportedOnly.json b/app/client/cypress/fixtures/PartialImportExport/WidgetsExportedOnly.json index cbcee49d64..286b43c9a1 100644 --- a/app/client/cypress/fixtures/PartialImportExport/WidgetsExportedOnly.json +++ b/app/client/cypress/fixtures/PartialImportExport/WidgetsExportedOnly.json @@ -1 +1 @@ -{"clientSchemaVersion":1,"serverSchemaVersion":7,"widgets":"{\"widgets\":[{\"widgetId\":\"hpy3pb4xft\",\"list\":[{\"boxShadow\":\"{{appsmith.theme.boxShadow.appBoxShadow}}\",\"onSort\":\"{{SelectQuery.run()}}\",\"isVisibleDownload\":true,\"iconSVG\":\"/static/media/icon.db8a9cbd.svg\",\"topRow\":6,\"isSortable\":true,\"onPageChange\":\"{{SelectQuery.run()}}\",\"type\":\"TABLE_WIDGET_V2\",\"animateLoading\":true,\"dynamicBindingPathList\":[{\"key\":\"tableData\"},{\"key\":\"derivedColumns.customColumn1.buttonLabel\"},{\"key\":\"primaryColumns.customColumn1.buttonLabel\"},{\"key\":\"accentColor\"},{\"key\":\"borderRadius\"},{\"key\":\"boxShadow\"},{\"key\":\"primaryColumns.customColumn1.borderRadius\"},{\"key\":\"primaryColumns.id.computedValue\"},{\"key\":\"primaryColumns.gender.computedValue\"},{\"key\":\"primaryColumns.latitude.computedValue\"},{\"key\":\"primaryColumns.longitude.computedValue\"},{\"key\":\"primaryColumns.dob.computedValue\"},{\"key\":\"primaryColumns.phone.computedValue\"},{\"key\":\"primaryColumns.email.computedValue\"},{\"key\":\"primaryColumns.image.computedValue\"},{\"key\":\"primaryColumns.country.computedValue\"},{\"key\":\"primaryColumns.name.computedValue\"},{\"key\":\"primaryColumns.created_at.computedValue\"},{\"key\":\"primaryColumns.updated_at.computedValue\"}],\"leftColumn\":0,\"delimiter\":\",\",\"defaultSelectedRowIndex\":\"0\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"isVisibleFilters\":true,\"isVisible\":\"true\",\"enableClientSideSearch\":true,\"version\":3,\"totalRecordsCount\":0,\"isLoading\":false,\"onSearchTextChanged\":\"{{SelectQuery.run()}}\",\"childStylesheet\":{\"button\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"buttonColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"iconButton\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"menuColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"menuButton\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"menuColor\":\"{{appsmith.theme.colors.primaryColor}}\"}},\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"columnUpdatedAt\":1704697943255,\"primaryColumnId\":\"id\",\"columnSizeMap\":{\"task\":245,\"step\":62,\"status\":75},\"widgetName\":\"data_table\",\"defaultPageSize\":0,\"columnOrder\":[\"id\",\"gender\",\"latitude\",\"longitude\",\"dob\",\"phone\",\"email\",\"image\",\"country\",\"name\",\"created_at\",\"updated_at\",\"customColumn1\"],\"dynamicPropertyPathList\":[{\"key\":\"primaryColumns.customColumn1.borderRadius\"},{\"key\":\"tableData\"}],\"displayName\":\"Table\",\"bottomRow\":85,\"parentRowSpace\":10,\"hideCard\":false,\"parentColumnSpace\":16.3125,\"dynamicTriggerPathList\":[{\"key\":\"primaryColumns.customColumn1.onClick\"},{\"key\":\"onPageChange\"},{\"key\":\"onSearchTextChanged\"},{\"key\":\"onSort\"}],\"primaryColumns\":{\"customColumn1\":{\"isCellVisible\":true,\"boxShadow\":\"none\",\"isDerived\":true,\"computedValue\":\"\",\"onClick\":\"{{showModal('Delete_Modal')}}\",\"buttonColor\":\"#DD4B34\",\"buttonStyle\":\"rgb(3, 179, 101)\",\"index\":5,\"isVisible\":true,\"label\":\"Delete\",\"labelColor\":\"#FFFFFF\",\"buttonLabel\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( 'Delete'))}}\",\"columnType\":\"button\",\"borderRadius\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.borderRadius.appBorderRadius))}}\",\"menuColor\":\"#03B365\",\"width\":150,\"enableFilter\":true,\"enableSort\":true,\"id\":\"customColumn1\",\"isDisabled\":false,\"buttonLabelColor\":\"#FFFFFF\",\"sticky\":\"right\"},\"id\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":0,\"width\":150,\"originalId\":\"id\",\"id\":\"id\",\"alias\":\"id\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"number\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"id\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"id\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"gender\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":1,\"width\":150,\"originalId\":\"gender\",\"id\":\"gender\",\"alias\":\"gender\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"text\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"gender\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"gender\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"latitude\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":2,\"width\":150,\"originalId\":\"latitude\",\"id\":\"latitude\",\"alias\":\"latitude\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"text\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"latitude\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"latitude\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"longitude\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":3,\"width\":150,\"originalId\":\"longitude\",\"id\":\"longitude\",\"alias\":\"longitude\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"text\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"longitude\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"longitude\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"dob\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":4,\"width\":150,\"originalId\":\"dob\",\"id\":\"dob\",\"alias\":\"dob\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"date\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"dob\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"dob\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"phone\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":5,\"width\":150,\"originalId\":\"phone\",\"id\":\"phone\",\"alias\":\"phone\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"text\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"phone\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"phone\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"email\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":6,\"width\":150,\"originalId\":\"email\",\"id\":\"email\",\"alias\":\"email\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"text\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"email\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"email\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"image\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":7,\"width\":150,\"originalId\":\"image\",\"id\":\"image\",\"alias\":\"image\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"text\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"image\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"image\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"country\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":8,\"width\":150,\"originalId\":\"country\",\"id\":\"country\",\"alias\":\"country\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"text\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"country\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"country\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"name\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":9,\"width\":150,\"originalId\":\"name\",\"id\":\"name\",\"alias\":\"name\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"text\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"name\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"name\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"created_at\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":10,\"width\":150,\"originalId\":\"created_at\",\"id\":\"created_at\",\"alias\":\"created_at\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"text\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"created_at\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"created_at\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"updated_at\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":11,\"width\":150,\"originalId\":\"updated_at\",\"id\":\"updated_at\",\"alias\":\"updated_at\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"text\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"updated_at\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"updated_at\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"}},\"key\":\"zba5qel0au\",\"derivedColumns\":{\"customColumn1\":{\"isCellVisible\":true,\"boxShadow\":\"none\",\"isDerived\":true,\"computedValue\":\"\",\"onClick\":\"{{showModal('Delete_Modal')}}\",\"buttonColor\":\"#DD4B34\",\"buttonStyle\":\"rgb(3, 179, 101)\",\"index\":5,\"isVisible\":true,\"label\":\"Delete\",\"labelColor\":\"#FFFFFF\",\"buttonLabel\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( 'Delete'))}}\",\"columnType\":\"button\",\"borderRadius\":\"0px\",\"menuColor\":\"#03B365\",\"width\":150,\"enableFilter\":true,\"enableSort\":true,\"id\":\"customColumn1\",\"isDisabled\":false,\"buttonLabelColor\":\"#FFFFFF\"}},\"labelTextSize\":\"0.875rem\",\"rightColumn\":64,\"textSize\":\"0.875rem\",\"widgetId\":\"hpy3pb4xft\",\"enableServerSideFiltering\":false,\"tableData\":\"{{SelectQuery.data}}\",\"label\":\"Data\",\"searchKey\":\"\",\"parentId\":\"59rw5mx0bq\",\"serverSidePaginationEnabled\":true,\"renderMode\":\"CANVAS\",\"horizontalAlignment\":\"LEFT\",\"isVisibleSearch\":true,\"isVisiblePagination\":true,\"verticalAlignment\":\"CENTER\"}],\"parentId\":\"59rw5mx0bq\"},{\"widgetId\":\"urzv99hdc8\",\"list\":[{\"boxShadow\":\"none\",\"widgetName\":\"Text16\",\"dynamicPropertyPathList\":[{\"key\":\"fontSize\"}],\"topRow\":1,\"bottomRow\":5,\"parentRowSpace\":10,\"type\":\"TEXT_WIDGET\",\"parentColumnSpace\":11.78515625,\"dynamicTriggerPathList\":[],\"overflow\":\"NONE\",\"fontFamily\":\"{{appsmith.theme.fontFamily.appFont}}\",\"leftColumn\":0,\"dynamicBindingPathList\":[{\"key\":\"fontFamily\"},{\"key\":\"text\"}],\"text\":\"public_users Data + {{JSObject1.addNumbers(3,7)}}\",\"labelTextSize\":\"0.875rem\",\"rightColumn\":54,\"textAlign\":\"LEFT\",\"dynamicHeight\":\"FIXED\",\"widgetId\":\"urzv99hdc8\",\"isVisible\":\"true\",\"fontStyle\":\"BOLD\",\"textColor\":\"#231F20\",\"version\":1,\"parentId\":\"59rw5mx0bq\",\"isLoading\":false,\"borderRadius\":\"0px\",\"maxDynamicHeight\":9000,\"fontSize\":\"1.5rem\",\"minDynamicHeight\":4}],\"parentId\":\"59rw5mx0bq\"},{\"widgetId\":\"xp5u9a9nzq\",\"list\":[{\"labelTextSize\":\"0.875rem\",\"boxShadow\":\"none\",\"widgetName\":\"refresh_btn\",\"rightColumn\":64,\"onClick\":\"{{SelectQuery.run()}}\",\"iconName\":\"refresh\",\"buttonColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"widgetId\":\"xp5u9a9nzq\",\"topRow\":1,\"bottomRow\":5,\"parentRowSpace\":10,\"isVisible\":\"true\",\"type\":\"ICON_BUTTON_WIDGET\",\"version\":1,\"parentId\":\"59rw5mx0bq\",\"isLoading\":false,\"parentColumnSpace\":12.0703125,\"dynamicTriggerPathList\":[{\"key\":\"onClick\"}],\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"leftColumn\":60,\"dynamicBindingPathList\":[{\"key\":\"buttonColor\"},{\"key\":\"borderRadius\"}],\"buttonVariant\":\"PRIMARY\",\"isDisabled\":false}],\"parentId\":\"59rw5mx0bq\"},{\"widgetId\":\"nh3cu4lb1g\",\"list\":[{\"labelTextSize\":\"0.875rem\",\"boxShadow\":\"none\",\"widgetName\":\"add_btn\",\"rightColumn\":59,\"onClick\":\"{{showModal('Insert_Modal')}}\",\"iconName\":\"add\",\"buttonColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"widgetId\":\"nh3cu4lb1g\",\"topRow\":1,\"bottomRow\":5,\"parentRowSpace\":10,\"isVisible\":\"true\",\"type\":\"ICON_BUTTON_WIDGET\",\"version\":1,\"parentId\":\"59rw5mx0bq\",\"isLoading\":false,\"parentColumnSpace\":12.0703125,\"dynamicTriggerPathList\":[{\"key\":\"onClick\"}],\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"leftColumn\":55,\"dynamicBindingPathList\":[{\"key\":\"buttonColor\"},{\"key\":\"borderRadius\"}],\"buttonVariant\":\"PRIMARY\",\"isDisabled\":false}],\"parentId\":\"59rw5mx0bq\"},{\"widgetId\":\"35yoxo4oec\",\"list\":[{\"boxShadow\":\"none\",\"widgetName\":\"Alert_text\",\"dynamicPropertyPathList\":[{\"key\":\"fontSize\"}],\"topRow\":1,\"bottomRow\":5,\"type\":\"TEXT_WIDGET\",\"dynamicTriggerPathList\":[],\"overflow\":\"NONE\",\"fontFamily\":\"System Default\",\"leftColumn\":1,\"dynamicBindingPathList\":[],\"text\":\"Delete Row\",\"labelTextSize\":\"0.875rem\",\"rightColumn\":41,\"textAlign\":\"LEFT\",\"dynamicHeight\":\"FIXED\",\"widgetId\":\"35yoxo4oec\",\"isVisible\":\"true\",\"fontStyle\":\"BOLD\",\"textColor\":\"#231F20\",\"version\":1,\"parentId\":\"zi8fjakv8o\",\"isLoading\":false,\"borderRadius\":\"0px\",\"maxDynamicHeight\":9000,\"fontSize\":\"1.5rem\",\"minDynamicHeight\":4}],\"parentId\":\"zi8fjakv8o\"},{\"widgetId\":\"lryg8kw537\",\"list\":[{\"boxShadow\":\"none\",\"widgetName\":\"Button1\",\"onClick\":\"{{closeModal('Delete_Modal')}}\",\"dynamicPropertyPathList\":[],\"buttonColor\":\"#2E3D49\",\"topRow\":17,\"bottomRow\":21,\"type\":\"BUTTON_WIDGET\",\"dynamicTriggerPathList\":[{\"key\":\"onClick\"}],\"leftColumn\":34,\"dynamicBindingPathList\":[{\"key\":\"borderRadius\"}],\"text\":\"Cancel\",\"isDisabled\":false,\"labelTextSize\":\"0.875rem\",\"rightColumn\":46,\"isDefaultClickDisabled\":true,\"widgetId\":\"lryg8kw537\",\"isVisible\":\"true\",\"version\":1,\"recaptchaType\":\"V3\",\"parentId\":\"zi8fjakv8o\",\"isLoading\":false,\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"buttonVariant\":\"TERTIARY\"}],\"parentId\":\"zi8fjakv8o\"},{\"widgetId\":\"qq02lh7ust\",\"list\":[{\"boxShadow\":\"none\",\"widgetName\":\"Delete_Button\",\"onClick\":\"{{DeleteQuery.run(() => SelectQuery.run(() => closeModal('Delete_Modal')), () => {})}}\",\"dynamicPropertyPathList\":[{\"key\":\"onClick\"}],\"buttonColor\":\"#DD4B34\",\"topRow\":17,\"bottomRow\":21,\"type\":\"BUTTON_WIDGET\",\"dynamicTriggerPathList\":[{\"key\":\"onClick\"}],\"leftColumn\":46,\"dynamicBindingPathList\":[{\"key\":\"borderRadius\"}],\"text\":\"Confirm\",\"isDisabled\":false,\"labelTextSize\":\"0.875rem\",\"rightColumn\":64,\"isDefaultClickDisabled\":true,\"widgetId\":\"qq02lh7ust\",\"isVisible\":\"true\",\"version\":1,\"recaptchaType\":\"V3\",\"parentId\":\"zi8fjakv8o\",\"isLoading\":false,\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"buttonVariant\":\"PRIMARY\"}],\"parentId\":\"zi8fjakv8o\"},{\"widgetId\":\"48uac29g6e\",\"list\":[{\"boxShadow\":\"none\",\"widgetName\":\"Text12\",\"topRow\":8,\"bottomRow\":12,\"parentRowSpace\":10,\"type\":\"TEXT_WIDGET\",\"parentColumnSpace\":6.875,\"dynamicTriggerPathList\":[],\"overflow\":\"NONE\",\"fontFamily\":\"System Default\",\"leftColumn\":1,\"dynamicBindingPathList\":[],\"text\":\"Are you sure you want to delete this item?\",\"labelTextSize\":\"0.875rem\",\"rightColumn\":63,\"textAlign\":\"LEFT\",\"dynamicHeight\":\"FIXED\",\"widgetId\":\"48uac29g6e\",\"isVisible\":\"true\",\"fontStyle\":\"\",\"textColor\":\"#231F20\",\"version\":1,\"parentId\":\"zi8fjakv8o\",\"isLoading\":false,\"borderRadius\":\"0px\",\"maxDynamicHeight\":9000,\"fontSize\":\"1rem\",\"minDynamicHeight\":4}],\"parentId\":\"zi8fjakv8o\"},{\"widgetId\":\"o8oiq6vwkk\",\"list\":[{\"schema\":{\"__root_schema__\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"__root_schema__\",\"boxShadow\":\"none\",\"isRequired\":false,\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"dataType\":\"object\",\"cellBorderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accessor\":\"__root_schema__\",\"isVisible\":true,\"label\":\"\",\"originalIdentifier\":\"__root_schema__\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{\"col8\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col8\",\"isRequired\":false,\"boxShadow\":\"none\",\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col8))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"null\",\"cellBorderRadius\":\"0px\",\"accessor\":\"col8\",\"isVisible\":true,\"label\":\"Col 8\",\"originalIdentifier\":\"col8\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":7,\"isDisabled\":false,\"cellBoxShadow\":\"none\",\"fieldType\":\"Text Input\"},\"col12\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col12\",\"isRequired\":false,\"boxShadow\":\"none\",\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col12))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"null\",\"cellBorderRadius\":\"0px\",\"accessor\":\"col12\",\"isVisible\":true,\"label\":\"Col 12\",\"originalIdentifier\":\"col12\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":11,\"isDisabled\":false,\"cellBoxShadow\":\"none\",\"fieldType\":\"Text Input\"},\"col9\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col9\",\"isRequired\":false,\"boxShadow\":\"none\",\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col9))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"null\",\"cellBorderRadius\":\"0px\",\"accessor\":\"col9\",\"isVisible\":true,\"label\":\"Col 9\",\"originalIdentifier\":\"col9\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":8,\"isDisabled\":false,\"cellBoxShadow\":\"none\",\"fieldType\":\"Text Input\"},\"col11\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col11\",\"isRequired\":false,\"boxShadow\":\"none\",\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col11))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"null\",\"cellBorderRadius\":\"0px\",\"accessor\":\"col11\",\"isVisible\":true,\"label\":\"Col 11\",\"originalIdentifier\":\"col11\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":10,\"isDisabled\":false,\"cellBoxShadow\":\"none\",\"fieldType\":\"Text Input\"},\"col6\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col6\",\"isRequired\":false,\"boxShadow\":\"none\",\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col6))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"null\",\"cellBorderRadius\":\"0px\",\"accessor\":\"col6\",\"isVisible\":true,\"label\":\"Col 6\",\"originalIdentifier\":\"col6\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":5,\"isDisabled\":false,\"cellBoxShadow\":\"none\",\"fieldType\":\"Text Input\"},\"col10\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col10\",\"isRequired\":false,\"boxShadow\":\"none\",\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col10))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"null\",\"cellBorderRadius\":\"0px\",\"accessor\":\"col10\",\"isVisible\":true,\"label\":\"Col 10\",\"originalIdentifier\":\"col10\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":9,\"isDisabled\":false,\"cellBoxShadow\":\"none\",\"fieldType\":\"Text Input\"},\"col7\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col7\",\"isRequired\":false,\"boxShadow\":\"none\",\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col7))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"null\",\"cellBorderRadius\":\"0px\",\"accessor\":\"col7\",\"isVisible\":true,\"label\":\"Col 7\",\"originalIdentifier\":\"col7\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":6,\"isDisabled\":false,\"cellBoxShadow\":\"none\",\"fieldType\":\"Text Input\"},\"col4\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col4\",\"isRequired\":false,\"boxShadow\":\"none\",\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col4))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"boolean\",\"cellBorderRadius\":\"0px\",\"accessor\":\"col4\",\"isVisible\":true,\"label\":\"Col 4\",\"alignWidget\":\"LEFT\",\"originalIdentifier\":\"col4\",\"borderRadius\":\"0px\",\"children\":{},\"position\":3,\"isDisabled\":false,\"sourceData\":true,\"cellBoxShadow\":\"none\",\"fieldType\":\"Switch\"},\"col5\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col5\",\"boxShadow\":\"none\",\"isRequired\":false,\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col5))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"number\",\"accessor\":\"col5\",\"isVisible\":true,\"label\":\"Col 5\",\"originalIdentifier\":\"col5\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":4,\"isDisabled\":false,\"fieldType\":\"Number Input\"},\"col2\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col2\",\"isRequired\":false,\"boxShadow\":\"none\",\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col2))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"string\",\"cellBorderRadius\":\"0px\",\"accessor\":\"col2\",\"isVisible\":true,\"label\":\"Col 2\",\"originalIdentifier\":\"col2\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":1,\"isDisabled\":false,\"sourceData\":\"skill B\",\"cellBoxShadow\":\"none\",\"fieldType\":\"Text Input\"},\"col3\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col3\",\"isRequired\":false,\"boxShadow\":\"none\",\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col3))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"number\",\"cellBorderRadius\":\"0px\",\"accessor\":\"col3\",\"isVisible\":true,\"label\":\"Col 3\",\"originalIdentifier\":\"col3\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":2,\"isDisabled\":false,\"sourceData\":9,\"cellBoxShadow\":\"none\",\"fieldType\":\"Number Input\"},\"col1\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col1\",\"boxShadow\":\"none\",\"isRequired\":false,\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col1))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"number\",\"accessor\":\"col1\",\"isVisible\":true,\"label\":\"Col 1\",\"originalIdentifier\":\"col1\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":0,\"isDisabled\":false,\"sourceData\":5,\"fieldType\":\"Number Input\"}},\"position\":-1,\"isDisabled\":false,\"sourceData\":{\"col4\":true,\"col2\":\"skill B\",\"col3\":9,\"col1\":5},\"cellBoxShadow\":\"none\",\"fieldType\":\"Object\"}},\"boxShadow\":\"none\",\"widgetName\":\"insert_form\",\"submitButtonStyles\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"buttonColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"buttonVariant\":\"PRIMARY\"},\"dynamicPropertyPathList\":[{\"key\":\"schema.__root_schema__.children.date_of_birth.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col5.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col4.defaultValue\"},{\"key\":\"onSubmit\"}],\"displayName\":\"JSON Form\",\"iconSVG\":\"/static/media/icon.6bacf7df.svg\",\"onSubmit\":\"{{InsertQuery.run(\\n\\t() => SelectQuery.run()\\n\\t\\t\\t\\t\\t.then(() => closeModal('Insert_Modal')), \\n\\t(error) => showAlert(`Error while inserting resource!\\\\n ${error}`,'error'))\\n}}\",\"topRow\":0,\"bottomRow\":81,\"fieldLimitExceeded\":false,\"parentRowSpace\":10,\"title\":\"Insert Row\",\"type\":\"JSON_FORM_WIDGET\",\"hideCard\":false,\"animateLoading\":true,\"parentColumnSpace\":8.125,\"dynamicTriggerPathList\":[{\"key\":\"onSubmit\"}],\"leftColumn\":0,\"dynamicBindingPathList\":[{\"key\":\"schema.__root_schema__.defaultValue\"},{\"key\":\"sourceData\"},{\"key\":\"schema.__root_schema__.children.col3.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col4.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col5.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col2.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col6.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col7.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col8.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col9.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col10.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col11.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col12.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col5.accentColor\"},{\"key\":\"schema.__root_schema__.children.col5.borderRadius\"},{\"key\":\"schema.__root_schema__.borderRadius\"},{\"key\":\"schema.__root_schema__.cellBorderRadius\"},{\"key\":\"schema.__root_schema__.children.col1.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col1.accentColor\"},{\"key\":\"schema.__root_schema__.children.col1.borderRadius\"},{\"key\":\"borderRadius\"},{\"key\":\"submitButtonStyles.buttonColor\"},{\"key\":\"submitButtonStyles.borderRadius\"},{\"key\":\"resetButtonStyles.borderRadius\"},{\"key\":\"resetButtonStyles.buttonColor\"},{\"key\":\"schema.__root_schema__.children.col2.accentColor\"},{\"key\":\"schema.__root_schema__.children.col2.borderRadius\"},{\"key\":\"schema.__root_schema__.children.col3.accentColor\"},{\"key\":\"schema.__root_schema__.children.col3.borderRadius\"},{\"key\":\"schema.__root_schema__.children.col4.accentColor\"},{\"key\":\"schema.__root_schema__.children.col6.accentColor\"},{\"key\":\"schema.__root_schema__.children.col6.borderRadius\"},{\"key\":\"schema.__root_schema__.children.col7.accentColor\"},{\"key\":\"schema.__root_schema__.children.col7.borderRadius\"},{\"key\":\"schema.__root_schema__.children.col8.accentColor\"},{\"key\":\"schema.__root_schema__.children.col8.borderRadius\"},{\"key\":\"schema.__root_schema__.children.col9.accentColor\"},{\"key\":\"schema.__root_schema__.children.col9.borderRadius\"},{\"key\":\"schema.__root_schema__.children.col10.accentColor\"},{\"key\":\"schema.__root_schema__.children.col10.borderRadius\"},{\"key\":\"schema.__root_schema__.children.col11.accentColor\"},{\"key\":\"schema.__root_schema__.children.col11.borderRadius\"},{\"key\":\"schema.__root_schema__.children.col12.accentColor\"},{\"key\":\"schema.__root_schema__.children.col12.borderRadius\"}],\"sourceData\":\"{{_.omit(data_table.tableData[0], \\\"customColumn1\\\", \\\"id\\\")}}\",\"showReset\":true,\"resetButtonLabel\":\"Reset\",\"key\":\"h9l9ozr8op\",\"labelTextSize\":\"0.875rem\",\"backgroundColor\":\"#fff\",\"rightColumn\":64,\"dynamicHeight\":\"FIXED\",\"autoGenerateForm\":true,\"widgetId\":\"o8oiq6vwkk\",\"resetButtonStyles\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"buttonColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"buttonVariant\":\"SECONDARY\"},\"isVisible\":\"true\",\"version\":1,\"parentId\":\"9rhv3ioohq\",\"renderMode\":\"CANVAS\",\"isLoading\":false,\"scrollContents\":true,\"fixedFooter\":true,\"submitButtonLabel\":\"Submit\",\"childStylesheet\":{\"CHECKBOX\":{\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"ARRAY\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"cellBorderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"cellBoxShadow\":\"none\"},\"CURRENCY_INPUT\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"DATEPICKER\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"PHONE_NUMBER_INPUT\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"OBJECT\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"cellBorderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"cellBoxShadow\":\"none\"},\"MULTISELECT\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"SELECT\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"NUMBER_INPUT\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"PASSWORD_INPUT\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"EMAIL_INPUT\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"RADIO_GROUP\":{\"boxShadow\":\"none\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"SWITCH\":{\"boxShadow\":\"none\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"TEXT_INPUT\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"MULTILINE_TEXT_INPUT\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"}},\"disabledWhenInvalid\":true,\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"maxDynamicHeight\":9000,\"minDynamicHeight\":4}],\"parentId\":\"9rhv3ioohq\"}],\"flexLayers\":[]}"} \ No newline at end of file +{"clientSchemaVersion":1,"serverSchemaVersion":7,"widgets":"{\"widgets\":[{\"widgetId\":\"hpy3pb4xft\",\"list\":[{\"boxShadow\":\"{{appsmith.theme.boxShadow.appBoxShadow}}\",\"onSort\":\"{{SelectQuery.run()}}\",\"isVisibleDownload\":true,\"iconSVG\":\"/static/media/icon.db8a9cbd.svg\",\"topRow\":6,\"isSortable\":true,\"onPageChange\":\"{{SelectQuery.run()}}\",\"type\":\"TABLE_WIDGET_V2\",\"animateLoading\":true,\"dynamicBindingPathList\":[{\"key\":\"tableData\"},{\"key\":\"derivedColumns.customColumn1.buttonLabel\"},{\"key\":\"primaryColumns.customColumn1.buttonLabel\"},{\"key\":\"accentColor\"},{\"key\":\"borderRadius\"},{\"key\":\"boxShadow\"},{\"key\":\"primaryColumns.customColumn1.borderRadius\"},{\"key\":\"primaryColumns.id.computedValue\"},{\"key\":\"primaryColumns.gender.computedValue\"},{\"key\":\"primaryColumns.latitude.computedValue\"},{\"key\":\"primaryColumns.longitude.computedValue\"},{\"key\":\"primaryColumns.dob.computedValue\"},{\"key\":\"primaryColumns.phone.computedValue\"},{\"key\":\"primaryColumns.email.computedValue\"},{\"key\":\"primaryColumns.image.computedValue\"},{\"key\":\"primaryColumns.country.computedValue\"},{\"key\":\"primaryColumns.name.computedValue\"},{\"key\":\"primaryColumns.created_at.computedValue\"},{\"key\":\"primaryColumns.updated_at.computedValue\"}],\"leftColumn\":0,\"delimiter\":\",\",\"defaultSelectedRowIndex\":\"0\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"isVisibleFilters\":true,\"isVisible\":\"true\",\"enableClientSideSearch\":true,\"version\":3,\"totalRecordsCount\":0,\"isLoading\":false,\"onSearchTextChanged\":\"{{SelectQuery.run()}}\",\"childStylesheet\":{\"button\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"buttonColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"iconButton\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"menuColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"menuButton\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"menuColor\":\"{{appsmith.theme.colors.primaryColor}}\"}},\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"columnUpdatedAt\":1704697943255,\"primaryColumnId\":\"id\",\"columnSizeMap\":{\"task\":245,\"step\":62,\"status\":75},\"widgetName\":\"data_table\",\"defaultPageSize\":0,\"columnOrder\":[\"id\",\"gender\",\"latitude\",\"longitude\",\"dob\",\"phone\",\"email\",\"image\",\"country\",\"name\",\"created_at\",\"updated_at\",\"customColumn1\"],\"dynamicPropertyPathList\":[{\"key\":\"primaryColumns.customColumn1.borderRadius\"},{\"key\":\"tableData\"}],\"displayName\":\"Table\",\"bottomRow\":85,\"parentRowSpace\":10,\"hideCard\":false,\"parentColumnSpace\":16.3125,\"dynamicTriggerPathList\":[{\"key\":\"primaryColumns.customColumn1.onClick\"},{\"key\":\"onPageChange\"},{\"key\":\"onSearchTextChanged\"},{\"key\":\"onSort\"}],\"primaryColumns\":{\"customColumn1\":{\"isCellVisible\":true,\"boxShadow\":\"none\",\"isDerived\":true,\"computedValue\":\"\",\"onClick\":\"{{showModal(Delete_Modal.name)}}\",\"buttonColor\":\"#DD4B34\",\"buttonStyle\":\"rgb(3, 179, 101)\",\"index\":5,\"isVisible\":true,\"label\":\"Delete\",\"labelColor\":\"#FFFFFF\",\"buttonLabel\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( 'Delete'))}}\",\"columnType\":\"button\",\"borderRadius\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.borderRadius.appBorderRadius))}}\",\"menuColor\":\"#03B365\",\"width\":150,\"enableFilter\":true,\"enableSort\":true,\"id\":\"customColumn1\",\"isDisabled\":false,\"buttonLabelColor\":\"#FFFFFF\",\"sticky\":\"right\"},\"id\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":0,\"width\":150,\"originalId\":\"id\",\"id\":\"id\",\"alias\":\"id\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"number\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"id\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"id\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"gender\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":1,\"width\":150,\"originalId\":\"gender\",\"id\":\"gender\",\"alias\":\"gender\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"text\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"gender\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"gender\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"latitude\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":2,\"width\":150,\"originalId\":\"latitude\",\"id\":\"latitude\",\"alias\":\"latitude\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"text\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"latitude\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"latitude\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"longitude\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":3,\"width\":150,\"originalId\":\"longitude\",\"id\":\"longitude\",\"alias\":\"longitude\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"text\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"longitude\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"longitude\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"dob\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":4,\"width\":150,\"originalId\":\"dob\",\"id\":\"dob\",\"alias\":\"dob\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"date\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"dob\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"dob\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"phone\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":5,\"width\":150,\"originalId\":\"phone\",\"id\":\"phone\",\"alias\":\"phone\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"text\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"phone\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"phone\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"email\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":6,\"width\":150,\"originalId\":\"email\",\"id\":\"email\",\"alias\":\"email\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"text\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"email\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"email\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"image\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":7,\"width\":150,\"originalId\":\"image\",\"id\":\"image\",\"alias\":\"image\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"text\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"image\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"image\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"country\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":8,\"width\":150,\"originalId\":\"country\",\"id\":\"country\",\"alias\":\"country\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"text\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"country\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"country\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"name\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":9,\"width\":150,\"originalId\":\"name\",\"id\":\"name\",\"alias\":\"name\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"text\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"name\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"name\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"created_at\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":10,\"width\":150,\"originalId\":\"created_at\",\"id\":\"created_at\",\"alias\":\"created_at\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"text\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"created_at\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"created_at\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"},\"updated_at\":{\"allowCellWrapping\":false,\"allowSameOptionsInNewRow\":true,\"index\":11,\"width\":150,\"originalId\":\"updated_at\",\"id\":\"updated_at\",\"alias\":\"updated_at\",\"horizontalAlignment\":\"LEFT\",\"verticalAlignment\":\"CENTER\",\"columnType\":\"text\",\"textColor\":\"\",\"textSize\":\"0.875rem\",\"fontStyle\":\"\",\"enableFilter\":true,\"enableSort\":true,\"isVisible\":true,\"isDisabled\":false,\"isCellEditable\":false,\"isEditable\":false,\"isCellVisible\":true,\"isDerived\":false,\"label\":\"updated_at\",\"isSaveVisible\":true,\"isDiscardVisible\":true,\"computedValue\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( currentRow[\\\"updated_at\\\"]))}}\",\"sticky\":\"\",\"validation\":{},\"currencyCode\":\"USD\",\"decimals\":0,\"thousandSeparator\":true,\"notation\":\"standard\",\"cellBackground\":\"\"}},\"key\":\"zba5qel0au\",\"derivedColumns\":{\"customColumn1\":{\"isCellVisible\":true,\"boxShadow\":\"none\",\"isDerived\":true,\"computedValue\":\"\",\"onClick\":\"{{showModal(Delete_Modal.name)}}\",\"buttonColor\":\"#DD4B34\",\"buttonStyle\":\"rgb(3, 179, 101)\",\"index\":5,\"isVisible\":true,\"label\":\"Delete\",\"labelColor\":\"#FFFFFF\",\"buttonLabel\":\"{{data_table.processedTableData.map((currentRow, currentIndex) => ( 'Delete'))}}\",\"columnType\":\"button\",\"borderRadius\":\"0px\",\"menuColor\":\"#03B365\",\"width\":150,\"enableFilter\":true,\"enableSort\":true,\"id\":\"customColumn1\",\"isDisabled\":false,\"buttonLabelColor\":\"#FFFFFF\"}},\"labelTextSize\":\"0.875rem\",\"rightColumn\":64,\"textSize\":\"0.875rem\",\"widgetId\":\"hpy3pb4xft\",\"enableServerSideFiltering\":false,\"tableData\":\"{{SelectQuery.data}}\",\"label\":\"Data\",\"searchKey\":\"\",\"parentId\":\"59rw5mx0bq\",\"serverSidePaginationEnabled\":true,\"renderMode\":\"CANVAS\",\"horizontalAlignment\":\"LEFT\",\"isVisibleSearch\":true,\"isVisiblePagination\":true,\"verticalAlignment\":\"CENTER\"}],\"parentId\":\"59rw5mx0bq\"},{\"widgetId\":\"urzv99hdc8\",\"list\":[{\"boxShadow\":\"none\",\"widgetName\":\"Text16\",\"dynamicPropertyPathList\":[{\"key\":\"fontSize\"}],\"topRow\":1,\"bottomRow\":5,\"parentRowSpace\":10,\"type\":\"TEXT_WIDGET\",\"parentColumnSpace\":11.78515625,\"dynamicTriggerPathList\":[],\"overflow\":\"NONE\",\"fontFamily\":\"{{appsmith.theme.fontFamily.appFont}}\",\"leftColumn\":0,\"dynamicBindingPathList\":[{\"key\":\"fontFamily\"},{\"key\":\"text\"}],\"text\":\"public_users Data + {{JSObject1.addNumbers(3,7)}}\",\"labelTextSize\":\"0.875rem\",\"rightColumn\":54,\"textAlign\":\"LEFT\",\"dynamicHeight\":\"FIXED\",\"widgetId\":\"urzv99hdc8\",\"isVisible\":\"true\",\"fontStyle\":\"BOLD\",\"textColor\":\"#231F20\",\"version\":1,\"parentId\":\"59rw5mx0bq\",\"isLoading\":false,\"borderRadius\":\"0px\",\"maxDynamicHeight\":9000,\"fontSize\":\"1.5rem\",\"minDynamicHeight\":4}],\"parentId\":\"59rw5mx0bq\"},{\"widgetId\":\"xp5u9a9nzq\",\"list\":[{\"labelTextSize\":\"0.875rem\",\"boxShadow\":\"none\",\"widgetName\":\"refresh_btn\",\"rightColumn\":64,\"onClick\":\"{{SelectQuery.run()}}\",\"iconName\":\"refresh\",\"buttonColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"widgetId\":\"xp5u9a9nzq\",\"topRow\":1,\"bottomRow\":5,\"parentRowSpace\":10,\"isVisible\":\"true\",\"type\":\"ICON_BUTTON_WIDGET\",\"version\":1,\"parentId\":\"59rw5mx0bq\",\"isLoading\":false,\"parentColumnSpace\":12.0703125,\"dynamicTriggerPathList\":[{\"key\":\"onClick\"}],\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"leftColumn\":60,\"dynamicBindingPathList\":[{\"key\":\"buttonColor\"},{\"key\":\"borderRadius\"}],\"buttonVariant\":\"PRIMARY\",\"isDisabled\":false}],\"parentId\":\"59rw5mx0bq\"},{\"widgetId\":\"nh3cu4lb1g\",\"list\":[{\"labelTextSize\":\"0.875rem\",\"boxShadow\":\"none\",\"widgetName\":\"add_btn\",\"rightColumn\":59,\"onClick\":\"{{showModal(Insert_Modal.name)}}\",\"iconName\":\"add\",\"buttonColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"widgetId\":\"nh3cu4lb1g\",\"topRow\":1,\"bottomRow\":5,\"parentRowSpace\":10,\"isVisible\":\"true\",\"type\":\"ICON_BUTTON_WIDGET\",\"version\":1,\"parentId\":\"59rw5mx0bq\",\"isLoading\":false,\"parentColumnSpace\":12.0703125,\"dynamicTriggerPathList\":[{\"key\":\"onClick\"}],\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"leftColumn\":55,\"dynamicBindingPathList\":[{\"key\":\"buttonColor\"},{\"key\":\"borderRadius\"}],\"buttonVariant\":\"PRIMARY\",\"isDisabled\":false}],\"parentId\":\"59rw5mx0bq\"},{\"widgetId\":\"35yoxo4oec\",\"list\":[{\"boxShadow\":\"none\",\"widgetName\":\"Alert_text\",\"dynamicPropertyPathList\":[{\"key\":\"fontSize\"}],\"topRow\":1,\"bottomRow\":5,\"type\":\"TEXT_WIDGET\",\"dynamicTriggerPathList\":[],\"overflow\":\"NONE\",\"fontFamily\":\"System Default\",\"leftColumn\":1,\"dynamicBindingPathList\":[],\"text\":\"Delete Row\",\"labelTextSize\":\"0.875rem\",\"rightColumn\":41,\"textAlign\":\"LEFT\",\"dynamicHeight\":\"FIXED\",\"widgetId\":\"35yoxo4oec\",\"isVisible\":\"true\",\"fontStyle\":\"BOLD\",\"textColor\":\"#231F20\",\"version\":1,\"parentId\":\"zi8fjakv8o\",\"isLoading\":false,\"borderRadius\":\"0px\",\"maxDynamicHeight\":9000,\"fontSize\":\"1.5rem\",\"minDynamicHeight\":4}],\"parentId\":\"zi8fjakv8o\"},{\"widgetId\":\"lryg8kw537\",\"list\":[{\"boxShadow\":\"none\",\"widgetName\":\"Button1\",\"onClick\":\"{{closeModal(Delete_Modal.name)}}\",\"dynamicPropertyPathList\":[],\"buttonColor\":\"#2E3D49\",\"topRow\":17,\"bottomRow\":21,\"type\":\"BUTTON_WIDGET\",\"dynamicTriggerPathList\":[{\"key\":\"onClick\"}],\"leftColumn\":34,\"dynamicBindingPathList\":[{\"key\":\"borderRadius\"}],\"text\":\"Cancel\",\"isDisabled\":false,\"labelTextSize\":\"0.875rem\",\"rightColumn\":46,\"isDefaultClickDisabled\":true,\"widgetId\":\"lryg8kw537\",\"isVisible\":\"true\",\"version\":1,\"recaptchaType\":\"V3\",\"parentId\":\"zi8fjakv8o\",\"isLoading\":false,\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"buttonVariant\":\"TERTIARY\"}],\"parentId\":\"zi8fjakv8o\"},{\"widgetId\":\"qq02lh7ust\",\"list\":[{\"boxShadow\":\"none\",\"widgetName\":\"Delete_Button\",\"onClick\":\"{{DeleteQuery.run(() => SelectQuery.run(() => closeModal(Delete_Modal.name)), () => {})}}\",\"dynamicPropertyPathList\":[{\"key\":\"onClick\"}],\"buttonColor\":\"#DD4B34\",\"topRow\":17,\"bottomRow\":21,\"type\":\"BUTTON_WIDGET\",\"dynamicTriggerPathList\":[{\"key\":\"onClick\"}],\"leftColumn\":46,\"dynamicBindingPathList\":[{\"key\":\"borderRadius\"}],\"text\":\"Confirm\",\"isDisabled\":false,\"labelTextSize\":\"0.875rem\",\"rightColumn\":64,\"isDefaultClickDisabled\":true,\"widgetId\":\"qq02lh7ust\",\"isVisible\":\"true\",\"version\":1,\"recaptchaType\":\"V3\",\"parentId\":\"zi8fjakv8o\",\"isLoading\":false,\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"buttonVariant\":\"PRIMARY\"}],\"parentId\":\"zi8fjakv8o\"},{\"widgetId\":\"48uac29g6e\",\"list\":[{\"boxShadow\":\"none\",\"widgetName\":\"Text12\",\"topRow\":8,\"bottomRow\":12,\"parentRowSpace\":10,\"type\":\"TEXT_WIDGET\",\"parentColumnSpace\":6.875,\"dynamicTriggerPathList\":[],\"overflow\":\"NONE\",\"fontFamily\":\"System Default\",\"leftColumn\":1,\"dynamicBindingPathList\":[],\"text\":\"Are you sure you want to delete this item?\",\"labelTextSize\":\"0.875rem\",\"rightColumn\":63,\"textAlign\":\"LEFT\",\"dynamicHeight\":\"FIXED\",\"widgetId\":\"48uac29g6e\",\"isVisible\":\"true\",\"fontStyle\":\"\",\"textColor\":\"#231F20\",\"version\":1,\"parentId\":\"zi8fjakv8o\",\"isLoading\":false,\"borderRadius\":\"0px\",\"maxDynamicHeight\":9000,\"fontSize\":\"1rem\",\"minDynamicHeight\":4}],\"parentId\":\"zi8fjakv8o\"},{\"widgetId\":\"o8oiq6vwkk\",\"list\":[{\"schema\":{\"__root_schema__\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"__root_schema__\",\"boxShadow\":\"none\",\"isRequired\":false,\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"dataType\":\"object\",\"cellBorderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accessor\":\"__root_schema__\",\"isVisible\":true,\"label\":\"\",\"originalIdentifier\":\"__root_schema__\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{\"col8\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col8\",\"isRequired\":false,\"boxShadow\":\"none\",\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col8))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"null\",\"cellBorderRadius\":\"0px\",\"accessor\":\"col8\",\"isVisible\":true,\"label\":\"Col 8\",\"originalIdentifier\":\"col8\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":7,\"isDisabled\":false,\"cellBoxShadow\":\"none\",\"fieldType\":\"Text Input\"},\"col12\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col12\",\"isRequired\":false,\"boxShadow\":\"none\",\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col12))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"null\",\"cellBorderRadius\":\"0px\",\"accessor\":\"col12\",\"isVisible\":true,\"label\":\"Col 12\",\"originalIdentifier\":\"col12\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":11,\"isDisabled\":false,\"cellBoxShadow\":\"none\",\"fieldType\":\"Text Input\"},\"col9\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col9\",\"isRequired\":false,\"boxShadow\":\"none\",\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col9))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"null\",\"cellBorderRadius\":\"0px\",\"accessor\":\"col9\",\"isVisible\":true,\"label\":\"Col 9\",\"originalIdentifier\":\"col9\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":8,\"isDisabled\":false,\"cellBoxShadow\":\"none\",\"fieldType\":\"Text Input\"},\"col11\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col11\",\"isRequired\":false,\"boxShadow\":\"none\",\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col11))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"null\",\"cellBorderRadius\":\"0px\",\"accessor\":\"col11\",\"isVisible\":true,\"label\":\"Col 11\",\"originalIdentifier\":\"col11\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":10,\"isDisabled\":false,\"cellBoxShadow\":\"none\",\"fieldType\":\"Text Input\"},\"col6\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col6\",\"isRequired\":false,\"boxShadow\":\"none\",\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col6))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"null\",\"cellBorderRadius\":\"0px\",\"accessor\":\"col6\",\"isVisible\":true,\"label\":\"Col 6\",\"originalIdentifier\":\"col6\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":5,\"isDisabled\":false,\"cellBoxShadow\":\"none\",\"fieldType\":\"Text Input\"},\"col10\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col10\",\"isRequired\":false,\"boxShadow\":\"none\",\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col10))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"null\",\"cellBorderRadius\":\"0px\",\"accessor\":\"col10\",\"isVisible\":true,\"label\":\"Col 10\",\"originalIdentifier\":\"col10\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":9,\"isDisabled\":false,\"cellBoxShadow\":\"none\",\"fieldType\":\"Text Input\"},\"col7\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col7\",\"isRequired\":false,\"boxShadow\":\"none\",\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col7))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"null\",\"cellBorderRadius\":\"0px\",\"accessor\":\"col7\",\"isVisible\":true,\"label\":\"Col 7\",\"originalIdentifier\":\"col7\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":6,\"isDisabled\":false,\"cellBoxShadow\":\"none\",\"fieldType\":\"Text Input\"},\"col4\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col4\",\"isRequired\":false,\"boxShadow\":\"none\",\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col4))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"boolean\",\"cellBorderRadius\":\"0px\",\"accessor\":\"col4\",\"isVisible\":true,\"label\":\"Col 4\",\"alignWidget\":\"LEFT\",\"originalIdentifier\":\"col4\",\"borderRadius\":\"0px\",\"children\":{},\"position\":3,\"isDisabled\":false,\"sourceData\":true,\"cellBoxShadow\":\"none\",\"fieldType\":\"Switch\"},\"col5\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col5\",\"boxShadow\":\"none\",\"isRequired\":false,\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col5))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"number\",\"accessor\":\"col5\",\"isVisible\":true,\"label\":\"Col 5\",\"originalIdentifier\":\"col5\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":4,\"isDisabled\":false,\"fieldType\":\"Number Input\"},\"col2\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col2\",\"isRequired\":false,\"boxShadow\":\"none\",\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col2))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"string\",\"cellBorderRadius\":\"0px\",\"accessor\":\"col2\",\"isVisible\":true,\"label\":\"Col 2\",\"originalIdentifier\":\"col2\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":1,\"isDisabled\":false,\"sourceData\":\"skill B\",\"cellBoxShadow\":\"none\",\"fieldType\":\"Text Input\"},\"col3\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col3\",\"isRequired\":false,\"boxShadow\":\"none\",\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col3))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"number\",\"cellBorderRadius\":\"0px\",\"accessor\":\"col3\",\"isVisible\":true,\"label\":\"Col 3\",\"originalIdentifier\":\"col3\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":2,\"isDisabled\":false,\"sourceData\":9,\"cellBoxShadow\":\"none\",\"fieldType\":\"Number Input\"},\"col1\":{\"labelTextSize\":\"0.875rem\",\"identifier\":\"col1\",\"boxShadow\":\"none\",\"isRequired\":false,\"isCustomField\":false,\"defaultValue\":\"{{((sourceData, formData, fieldState) => (sourceData.col1))(insert_form.sourceData, insert_form.formData, insert_form.fieldState)}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"dataType\":\"number\",\"accessor\":\"col1\",\"isVisible\":true,\"label\":\"Col 1\",\"originalIdentifier\":\"col1\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"children\":{},\"isSpellCheck\":false,\"iconAlign\":\"left\",\"position\":0,\"isDisabled\":false,\"sourceData\":5,\"fieldType\":\"Number Input\"}},\"position\":-1,\"isDisabled\":false,\"sourceData\":{\"col4\":true,\"col2\":\"skill B\",\"col3\":9,\"col1\":5},\"cellBoxShadow\":\"none\",\"fieldType\":\"Object\"}},\"boxShadow\":\"none\",\"widgetName\":\"insert_form\",\"submitButtonStyles\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"buttonColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"buttonVariant\":\"PRIMARY\"},\"dynamicPropertyPathList\":[{\"key\":\"schema.__root_schema__.children.date_of_birth.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col5.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col4.defaultValue\"},{\"key\":\"onSubmit\"}],\"displayName\":\"JSON Form\",\"iconSVG\":\"/static/media/icon.6bacf7df.svg\",\"onSubmit\":\"{{InsertQuery.run(\\n\\t() => SelectQuery.run()\\n\\t\\t\\t\\t\\t.then(() => closeModal(Insert_Modal.name)), \\n\\t(error) => showAlert(`Error while inserting resource!\\\\n ${error}`,'error'))\\n}}\",\"topRow\":0,\"bottomRow\":81,\"fieldLimitExceeded\":false,\"parentRowSpace\":10,\"title\":\"Insert Row\",\"type\":\"JSON_FORM_WIDGET\",\"hideCard\":false,\"animateLoading\":true,\"parentColumnSpace\":8.125,\"dynamicTriggerPathList\":[{\"key\":\"onSubmit\"}],\"leftColumn\":0,\"dynamicBindingPathList\":[{\"key\":\"schema.__root_schema__.defaultValue\"},{\"key\":\"sourceData\"},{\"key\":\"schema.__root_schema__.children.col3.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col4.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col5.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col2.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col6.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col7.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col8.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col9.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col10.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col11.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col12.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col5.accentColor\"},{\"key\":\"schema.__root_schema__.children.col5.borderRadius\"},{\"key\":\"schema.__root_schema__.borderRadius\"},{\"key\":\"schema.__root_schema__.cellBorderRadius\"},{\"key\":\"schema.__root_schema__.children.col1.defaultValue\"},{\"key\":\"schema.__root_schema__.children.col1.accentColor\"},{\"key\":\"schema.__root_schema__.children.col1.borderRadius\"},{\"key\":\"borderRadius\"},{\"key\":\"submitButtonStyles.buttonColor\"},{\"key\":\"submitButtonStyles.borderRadius\"},{\"key\":\"resetButtonStyles.borderRadius\"},{\"key\":\"resetButtonStyles.buttonColor\"},{\"key\":\"schema.__root_schema__.children.col2.accentColor\"},{\"key\":\"schema.__root_schema__.children.col2.borderRadius\"},{\"key\":\"schema.__root_schema__.children.col3.accentColor\"},{\"key\":\"schema.__root_schema__.children.col3.borderRadius\"},{\"key\":\"schema.__root_schema__.children.col4.accentColor\"},{\"key\":\"schema.__root_schema__.children.col6.accentColor\"},{\"key\":\"schema.__root_schema__.children.col6.borderRadius\"},{\"key\":\"schema.__root_schema__.children.col7.accentColor\"},{\"key\":\"schema.__root_schema__.children.col7.borderRadius\"},{\"key\":\"schema.__root_schema__.children.col8.accentColor\"},{\"key\":\"schema.__root_schema__.children.col8.borderRadius\"},{\"key\":\"schema.__root_schema__.children.col9.accentColor\"},{\"key\":\"schema.__root_schema__.children.col9.borderRadius\"},{\"key\":\"schema.__root_schema__.children.col10.accentColor\"},{\"key\":\"schema.__root_schema__.children.col10.borderRadius\"},{\"key\":\"schema.__root_schema__.children.col11.accentColor\"},{\"key\":\"schema.__root_schema__.children.col11.borderRadius\"},{\"key\":\"schema.__root_schema__.children.col12.accentColor\"},{\"key\":\"schema.__root_schema__.children.col12.borderRadius\"}],\"sourceData\":\"{{_.omit(data_table.tableData[0], \\\"customColumn1\\\", \\\"id\\\")}}\",\"showReset\":true,\"resetButtonLabel\":\"Reset\",\"key\":\"h9l9ozr8op\",\"labelTextSize\":\"0.875rem\",\"backgroundColor\":\"#fff\",\"rightColumn\":64,\"dynamicHeight\":\"FIXED\",\"autoGenerateForm\":true,\"widgetId\":\"o8oiq6vwkk\",\"resetButtonStyles\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"buttonColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"buttonVariant\":\"SECONDARY\"},\"isVisible\":\"true\",\"version\":1,\"parentId\":\"9rhv3ioohq\",\"renderMode\":\"CANVAS\",\"isLoading\":false,\"scrollContents\":true,\"fixedFooter\":true,\"submitButtonLabel\":\"Submit\",\"childStylesheet\":{\"CHECKBOX\":{\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"ARRAY\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\",\"cellBorderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"cellBoxShadow\":\"none\"},\"CURRENCY_INPUT\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"DATEPICKER\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"PHONE_NUMBER_INPUT\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"OBJECT\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"cellBorderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"cellBoxShadow\":\"none\"},\"MULTISELECT\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"SELECT\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"NUMBER_INPUT\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"PASSWORD_INPUT\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"EMAIL_INPUT\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"RADIO_GROUP\":{\"boxShadow\":\"none\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"SWITCH\":{\"boxShadow\":\"none\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"TEXT_INPUT\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"},\"MULTILINE_TEXT_INPUT\":{\"boxShadow\":\"none\",\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"accentColor\":\"{{appsmith.theme.colors.primaryColor}}\"}},\"disabledWhenInvalid\":true,\"borderRadius\":\"{{appsmith.theme.borderRadius.appBorderRadius}}\",\"maxDynamicHeight\":9000,\"minDynamicHeight\":4}],\"parentId\":\"9rhv3ioohq\"}],\"flexLayers\":[]}"} \ No newline at end of file diff --git a/app/client/cypress/fixtures/PgAdmindsl.json b/app/client/cypress/fixtures/PgAdmindsl.json index c196bfcc72..e24e3aeaaa 100644 --- a/app/client/cypress/fixtures/PgAdmindsl.json +++ b/app/client/cypress/fixtures/PgAdmindsl.json @@ -375,7 +375,7 @@ "bottomRow": true, "parentId": true }, - "onClick": "{{showModal('Modal1')}}" + "onClick": "{{showModal(Modal1.name)}}" } }, "widgetName": "List1", @@ -751,7 +751,7 @@ }, { "widgetName": "Button2", - "onClick": "{{showModal('Modal1')}}", + "onClick": "{{showModal(Modal1.name)}}", "buttonColor": "#DD4B34", "dynamicPropertyPathList": [ { "key": "onClick" } @@ -854,7 +854,7 @@ }, { "widgetName": "Button3", - "onClick": "{{showModal('nt_modal')}}", + "onClick": "{{showModal(nt_modal.name)}}", "buttonColor": "#03B365", "dynamicPropertyPathList": [], "displayName": "Button", @@ -1036,7 +1036,7 @@ "iconName": "pencil-fill-icon", "buttonVariant": "SECONDARY", "boxShadow": "NONE", - "onClick": "{{showModal('ec_modal')}}" + "onClick": "{{showModal(ec_modal.name)}}" }, "starelid": { "index": 0, @@ -1637,7 +1637,7 @@ }, { "widgetName": "Button6", - "onClick": "{{showModal('nc_modal')}}", + "onClick": "{{showModal(nc_modal.name)}}", "buttonColor": "#03B365", "dynamicPropertyPathList": [{ "key": "onClick" }], "displayName": "Button", @@ -1862,7 +1862,7 @@ { "resetFormOnClick": true, "widgetName": "FormButton2", - "onClick": "{{closeModal('nt_modal')}}", + "onClick": "{{closeModal(nt_modal.name)}}", "rightColumn": 17, "isDefaultClickDisabled": true, "buttonColor": "#03B365", @@ -2104,7 +2104,7 @@ }, { "widgetName": "Button5", - "onClick": "{{showModal('nt_col_modal')}}", + "onClick": "{{showModal(nt_col_modal.name)}}", "buttonColor": "#03B365", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", @@ -2240,7 +2240,7 @@ { "resetFormOnClick": true, "widgetName": "FormButton3", - "onClick": "{{(()=>{\n\tconst nt_col = appsmith.store.nt_col ||[];\nnt_col.push({\n\t\tname:nt_col_name.text,\ndtype:nt_col_type.selectedOptionValue,\npkey:nt_col_pkey.isSwitchedOn,\nnnull:nt_col_nnull.isSwitchedOn});\nstoreValue('nt_col',nt_col)\n\tshowModal('nt_modal')\n})()}}", + "onClick": "{{(()=>{\n\tconst nt_col = appsmith.store.nt_col ||[];\nnt_col.push({\n\t\tname:nt_col_name.text,\ndtype:nt_col_type.selectedOptionValue,\npkey:nt_col_pkey.isSwitchedOn,\nnnull:nt_col_nnull.isSwitchedOn});\nstoreValue('nt_col',nt_col)\n\tshowModal(nt_modal.name)\n})()}}", "buttonColor": "#03B365", "dynamicPropertyPathList": [{ "key": "onClick" }], "displayName": "FormButton", @@ -2595,7 +2595,7 @@ { "resetFormOnClick": true, "widgetName": "FormButton5", - "onClick": "{{create_column.run(()=>{get_columns.run();\ncloseModal('nc_modal');\t\t})}}", + "onClick": "{{create_column.run(()=>{get_columns.run();\ncloseModal(nc_modal.name);\t\t})}}", "buttonColor": "#03B365", "dynamicPropertyPathList": [{ "key": "onClick" }], "displayName": "FormButton", @@ -3219,7 +3219,7 @@ { "widgetName": "Icon1", "rightColumn": 63, - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "color": "#040627", "iconName": "cross", "displayName": "Icon", @@ -3265,7 +3265,7 @@ }, { "widgetName": "Button7", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "#03B365", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", diff --git a/app/client/cypress/fixtures/autocomp.json b/app/client/cypress/fixtures/autocomp.json index 39244e7bac..b0d364a319 100644 --- a/app/client/cypress/fixtures/autocomp.json +++ b/app/client/cypress/fixtures/autocomp.json @@ -473,7 +473,7 @@ "isRequired": false, "widgetName": "Icon1", "rightColumn": 64, - "onClick": "{{closeModal('TestModal')}}", + "onClick": "{{closeModal(TestModal.name)}}", "color": "#040627", "iconName": "cross", "widgetId": "n5fc0ven2a", diff --git a/app/client/cypress/fixtures/commondsl.json b/app/client/cypress/fixtures/commondsl.json index b780924fa3..6f8078dcdb 100644 --- a/app/client/cypress/fixtures/commondsl.json +++ b/app/client/cypress/fixtures/commondsl.json @@ -436,7 +436,7 @@ { "widgetName": "Icon1", "rightColumn": 16, - "onClick": "{{closeModal('TestModal')}}", + "onClick": "{{closeModal(TestModal.name)}}", "color": "#040627", "iconName": "cross", "widgetId": "n5fc0ven2a", diff --git a/app/client/cypress/fixtures/defaultMetadataDsl.json b/app/client/cypress/fixtures/defaultMetadataDsl.json index 1ca1661dde..51881f4dfd 100644 --- a/app/client/cypress/fixtures/defaultMetadataDsl.json +++ b/app/client/cypress/fixtures/defaultMetadataDsl.json @@ -79,7 +79,7 @@ "key": "borderRadius" } ], - "onClick": "{{closeModal('Modal1')}}" + "onClick": "{{closeModal(Modal1.name)}}" }, { "isVisible": true, @@ -158,7 +158,7 @@ "key": "borderRadius" } ], - "onClick": "{{closeModal('Modal1')}}" + "onClick": "{{closeModal(Modal1.name)}}" }, { "isVisible": true, diff --git a/app/client/cypress/fixtures/dynamicHeightFormSwitchdsl.json b/app/client/cypress/fixtures/dynamicHeightFormSwitchdsl.json index dc490bab43..82440b610b 100644 --- a/app/client/cypress/fixtures/dynamicHeightFormSwitchdsl.json +++ b/app/client/cypress/fixtures/dynamicHeightFormSwitchdsl.json @@ -145,7 +145,7 @@ "key": "accentColor" } ], - "onSelectionChange": "{{showModal('Modal1')}}", + "onSelectionChange": "{{showModal(Modal1.name)}}", "dynamicTriggerPathList": [ { "key": "onSelectionChange" @@ -269,7 +269,7 @@ "key": "borderRadius" } ], - "onClick": "{{closeModal('Modal1')}}" + "onClick": "{{closeModal(Modal1.name)}}" }, { "isVisible": true, @@ -356,7 +356,7 @@ "key": "borderRadius" } ], - "onClick": "{{closeModal('Modal1')}}" + "onClick": "{{closeModal(Modal1.name)}}" }, { "isVisible": true, diff --git a/app/client/cypress/fixtures/editorContextdsl.json b/app/client/cypress/fixtures/editorContextdsl.json index 6aa427fae7..de6270a7b6 100644 --- a/app/client/cypress/fixtures/editorContextdsl.json +++ b/app/client/cypress/fixtures/editorContextdsl.json @@ -149,7 +149,7 @@ { "boxShadow": "none", "widgetName": "IconButton1", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634ac75f9fa6b6ae7a8df882a3ba.svg", @@ -229,7 +229,7 @@ "resetFormOnClick": false, "boxShadow": "none", "widgetName": "Button2", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg", diff --git a/app/client/cypress/fixtures/explorerHiddenWidgets.json b/app/client/cypress/fixtures/explorerHiddenWidgets.json index 7f4851e0bb..ad17b3e689 100644 --- a/app/client/cypress/fixtures/explorerHiddenWidgets.json +++ b/app/client/cypress/fixtures/explorerHiddenWidgets.json @@ -723,7 +723,7 @@ { "boxShadow": "none", "widgetName": "IconButton2", - "onClick": "{{closeModal('SimpleModal')}}", + "onClick": "{{closeModal(SimpleModal.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634ac75f9fa6b6ae7a8df882a3ba.svg", @@ -810,7 +810,7 @@ "resetFormOnClick": false, "boxShadow": "none", "widgetName": "Button3", - "onClick": "{{closeModal('Modal2')}}", + "onClick": "{{closeModal(Modal2.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg", diff --git a/app/client/cypress/fixtures/filePickerV2WidgetReskinDsl.json b/app/client/cypress/fixtures/filePickerV2WidgetReskinDsl.json index 1b0bb7b2db..aa2f2a646b 100644 --- a/app/client/cypress/fixtures/filePickerV2WidgetReskinDsl.json +++ b/app/client/cypress/fixtures/filePickerV2WidgetReskinDsl.json @@ -112,7 +112,7 @@ { "boxShadow": "none", "widgetName": "IconButton1", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634ac75f9fa6b6ae7a8df882a3ba.svg", @@ -188,7 +188,7 @@ { "boxShadow": "none", "widgetName": "Button1", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg", diff --git a/app/client/cypress/fixtures/jsonFormDynamicHeightDsl.json b/app/client/cypress/fixtures/jsonFormDynamicHeightDsl.json index c0f2fd6935..43d2e43904 100644 --- a/app/client/cypress/fixtures/jsonFormDynamicHeightDsl.json +++ b/app/client/cypress/fixtures/jsonFormDynamicHeightDsl.json @@ -69,7 +69,7 @@ { "boxShadow": "none", "widgetName": "IconButton1", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634ac75f9fa6b6ae7a8df882a3ba.svg", @@ -152,7 +152,7 @@ "resetFormOnClick": false, "boxShadow": "none", "widgetName": "Button1", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg", diff --git a/app/client/cypress/fixtures/jsonFormInModalDsl.json b/app/client/cypress/fixtures/jsonFormInModalDsl.json index 9afcd9273e..3ec8100217 100644 --- a/app/client/cypress/fixtures/jsonFormInModalDsl.json +++ b/app/client/cypress/fixtures/jsonFormInModalDsl.json @@ -59,7 +59,7 @@ { "boxShadow": "NONE", "widgetName": "IconButton1", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "#2E3D49", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634a.svg", @@ -112,7 +112,7 @@ }, { "widgetName": "Button1", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "#03B365", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", @@ -463,7 +463,7 @@ "isDisabled": false, "isDerived": false, "label": "action", - "onClick": "{{showModal('Modal1')}}", + "onClick": "{{showModal(Modal1.name)}}", "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.action))}}", "buttonColor": "#03B365", "menuColor": "#03B365", diff --git a/app/client/cypress/fixtures/lazyRender.json b/app/client/cypress/fixtures/lazyRender.json index 37d8cd4a43..02bb7ba86d 100644 --- a/app/client/cypress/fixtures/lazyRender.json +++ b/app/client/cypress/fixtures/lazyRender.json @@ -1 +1 @@ -{"dsl":{"widgetName":"MainContainer","backgroundColor":"none","rightColumn":4896,"snapColumns":64,"detachFromLayout":true,"widgetId":"0","topRow":0,"bottomRow":1810,"containerStyle":"none","snapRows":125,"parentRowSpace":1,"type":"CANVAS_WIDGET","canExtend":true,"version":71,"minHeight":1292,"dynamicTriggerPathList":[],"parentColumnSpace":1,"dynamicBindingPathList":[],"leftColumn":0,"children":[{"isVisible":true,"label":"Label","labelPosition":"Top","labelAlignment":"left","labelTextSize":"0.875rem","labelWidth":5,"widgetName":"PhoneInput1","version":1,"defaultText":"","iconAlign":"left","autoFocus":false,"labelStyle":"","resetOnSubmit":true,"isRequired":false,"isDisabled":false,"animateLoading":true,"defaultDialCode":"+1","allowDialCodeChange":false,"allowFormatting":true,"minDynamicHeight":4,"maxDynamicHeight":9000,"dynamicHeight":"FIXED","searchTags":["call"],"type":"PHONE_INPUT_WIDGET","hideCard":false,"isDeprecated":false,"displayName":"Phone Input","key":"ljiw4y9d0k","iconSVG":"/static/media/icon.108789d7165de30306435ab3c24e6cad.svg","widgetId":"75v1xxqwnk","renderMode":"CANVAS","accentColor":"{{appsmith.theme.colors.primaryColor}}","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","boxShadow":"none","isLoading":false,"parentColumnSpace":20.0625,"parentRowSpace":10,"leftColumn":20,"rightColumn":40,"topRow":6,"bottomRow":13,"parentId":"0","dynamicBindingPathList":[{"key":"accentColor"},{"key":"borderRadius"}]},{"isVisible":true,"animateLoading":true,"defaultSelectedRowIndex":0,"defaultSelectedRowIndices":[0],"label":"Data","widgetName":"Table2","searchKey":"","textSize":"0.875rem","horizontalAlignment":"LEFT","verticalAlignment":"CENTER","totalRecordsCount":0,"defaultPageSize":0,"dynamicPropertyPathList":[],"borderColor":"#E0DEDE","borderWidth":"1","dynamicBindingPathList":[{"key":"primaryColumns.step.computedValue"},{"key":"primaryColumns.task.computedValue"},{"key":"primaryColumns.status.computedValue"},{"key":"primaryColumns.action.computedValue"},{"key":"primaryColumns.action.buttonColor"},{"key":"primaryColumns.action.borderRadius"},{"key":"primaryColumns.action.boxShadow"},{"key":"accentColor"},{"key":"borderRadius"},{"key":"boxShadow"}],"primaryColumns":{"step":{"index":0,"width":150,"id":"step","originalId":"step","alias":"step","horizontalAlignment":"LEFT","verticalAlignment":"CENTER","columnType":"text","textSize":"0.875rem","enableFilter":true,"enableSort":true,"isVisible":true,"isCellVisible":true,"isCellEditable":false,"isDerived":false,"label":"step","computedValue":"{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"step\"]))}}","validation":{},"labelColor":"#FFFFFF"},"task":{"index":1,"width":150,"id":"task","originalId":"task","alias":"task","horizontalAlignment":"LEFT","verticalAlignment":"CENTER","columnType":"text","textSize":"0.875rem","enableFilter":true,"enableSort":true,"isVisible":true,"isCellVisible":true,"isCellEditable":false,"isDerived":false,"label":"task","computedValue":"{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"task\"]))}}","validation":{},"labelColor":"#FFFFFF"},"status":{"index":2,"width":150,"id":"status","originalId":"status","alias":"status","horizontalAlignment":"LEFT","verticalAlignment":"CENTER","columnType":"text","textSize":"0.875rem","enableFilter":true,"enableSort":true,"isVisible":true,"isCellVisible":true,"isCellEditable":false,"isDerived":false,"label":"status","computedValue":"{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"status\"]))}}","validation":{},"labelColor":"#FFFFFF"},"action":{"index":3,"width":150,"id":"action","originalId":"action","alias":"action","horizontalAlignment":"LEFT","verticalAlignment":"CENTER","columnType":"button","textSize":"0.875rem","enableFilter":true,"enableSort":true,"isVisible":true,"isCellVisible":true,"isCellEditable":false,"isDisabled":false,"isDerived":false,"label":"action","onClick":"{{currentRow.step === '#1' ? showAlert('Done', 'success') : currentRow.step === '#2' ? navigateTo('https://docs.appsmith.com/core-concepts/connecting-to-data-sources/querying-a-database',undefined,'NEW_WINDOW') : navigateTo('https://docs.appsmith.com/core-concepts/displaying-data-read/display-data-tables',undefined,'NEW_WINDOW')}}","computedValue":"{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"action\"]))}}","validation":{},"labelColor":"#FFFFFF","buttonColor":"{{Table2.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.colors.primaryColor))}}","borderRadius":"{{Table2.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.borderRadius.appBorderRadius))}}","boxShadow":"{{Table2.processedTableData.map((currentRow, currentIndex) => ( 'none'))}}"}},"tableData":"[\n {\n \"step\": \"#11\",\n \"task\": \"Drop a table\",\n \"status\": \"✅\",\n \"action\": \"\"\n },\n {\n \"step\": \"#2\",\n \"task\": \"Create a query fetch_users with the Mock DB\",\n \"status\": \"--\",\n \"action\": \"\"\n },\n {\n \"step\": \"#3\",\n \"task\": \"Bind the query using => fetch_users.data\",\n \"status\": \"--\",\n \"action\": \"\"\n }\n]","columnWidthMap":{"task":245,"step":62,"status":75},"columnOrder":["step","task","status","action"],"enableClientSideSearch":true,"isVisibleSearch":true,"isVisibleFilters":true,"isVisibleDownload":true,"isVisiblePagination":true,"isSortable":true,"delimiter":",","version":1,"inlineEditingSaveOption":"ROW_LEVEL","type":"TABLE_WIDGET_V2","hideCard":false,"isDeprecated":false,"displayName":"Table","key":"0ul35w2hry","iconSVG":"/static/media/icon.db8a9cbd2acd22a31ea91cc37ea2a46c.svg","widgetId":"ccrsdlbcvm","renderMode":"CANVAS","accentColor":"{{appsmith.theme.colors.primaryColor}}","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","boxShadow":"{{appsmith.theme.boxShadow.appBoxShadow}}","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}}"}},"isLoading":false,"parentColumnSpace":20.0625,"parentRowSpace":10,"leftColumn":14,"rightColumn":48,"topRow":145,"bottomRow":173,"parentId":"0","dynamicTriggerPathList":[],"originalTopRow":145,"originalBottomRow":173},{"isVisible":true,"shouldScrollContents":true,"widgetName":"Tabs1","animateLoading":true,"borderWidth":1,"borderColor":"#E0DEDE","backgroundColor":"#FFFFFF","minDynamicHeight":15,"tabsObj":{"tab1":{"label":"Tab 1","id":"tab1","widgetId":"4zaewfci4y","isVisible":true,"index":0},"tab2":{"label":"Tab 2","id":"tab2","widgetId":"i6ac4w48hr","isVisible":true,"index":1}},"shouldShowTabs":true,"defaultTab":"Tab 1","version":3,"maxDynamicHeight":9000,"dynamicHeight":"FIXED","type":"TABS_WIDGET","hideCard":false,"isDeprecated":false,"displayName":"Tabs","key":"blrs9324u1","iconSVG":"/static/media/icon.74a6d653c8201e66f1cd367a3fba2657.svg","isCanvas":true,"widgetId":"576oct3f8g","renderMode":"CANVAS","accentColor":"{{appsmith.theme.colors.primaryColor}}","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","boxShadow":"{{appsmith.theme.boxShadow.appBoxShadow}}","isLoading":false,"parentColumnSpace":20.046875,"parentRowSpace":10,"leftColumn":18,"rightColumn":42,"topRow":28,"bottomRow":57,"parentId":"0","dynamicBindingPathList":[{"key":"accentColor"},{"key":"borderRadius"},{"key":"boxShadow"}],"children":[{"isVisible":true,"widgetName":"Canvas2","version":1,"detachFromLayout":true,"type":"CANVAS_WIDGET","hideCard":true,"isDeprecated":false,"displayName":"Canvas","key":"c5q0qzphez","canExtend":true,"isDisabled":false,"shouldScrollContents":false,"tabId":"tab1","tabName":"Tab 1","children":[],"bottomRow":240,"minHeight":240,"widgetId":"4zaewfci4y","renderMode":"CANVAS","isLoading":false,"parentColumnSpace":1,"parentRowSpace":1,"leftColumn":0,"rightColumn":481.125,"topRow":0,"parentId":"576oct3f8g","dynamicBindingPathList":[]},{"isVisible":true,"widgetName":"Canvas3","version":1,"detachFromLayout":true,"type":"CANVAS_WIDGET","hideCard":true,"isDeprecated":false,"displayName":"Canvas","key":"c5q0qzphez","canExtend":true,"isDisabled":false,"shouldScrollContents":false,"tabId":"tab2","tabName":"Tab 2","children":[{"isVisible":true,"animateLoading":true,"maxCount":5,"defaultRate":3,"activeColor":"{{appsmith.theme.colors.primaryColor}}","inactiveColor":"#E0DEDE","size":"LARGE","isRequired":false,"isAllowHalf":false,"isDisabled":false,"isReadOnly":false,"tooltips":["Terrible","Bad","Neutral","Good","Great"],"widgetName":"Rating2","minDynamicHeight":4,"maxDynamicHeight":9000,"dynamicHeight":"AUTO_HEIGHT","searchTags":["stars"],"type":"RATE_WIDGET","hideCard":false,"isDeprecated":false,"displayName":"Rating","key":"w7tg0fyr4q","iconSVG":"/static/media/icon.914eb943f3f3762263872a333aff727d.svg","widgetId":"c9a0ev0knr","renderMode":"CANVAS","isLoading":false,"parentColumnSpace":7.205078125,"parentRowSpace":10,"leftColumn":22,"rightColumn":42,"topRow":8,"bottomRow":12,"parentId":"i6ac4w48hr","dynamicBindingPathList":[{"key":"activeColor"}]}],"bottomRow":240,"minHeight":240,"widgetId":"i6ac4w48hr","renderMode":"CANVAS","isLoading":false,"parentColumnSpace":1,"parentRowSpace":1,"leftColumn":0,"rightColumn":481.125,"topRow":0,"parentId":"576oct3f8g","dynamicBindingPathList":[]}],"dynamicTriggerPathList":[]},{"width":456,"height":240,"minDynamicHeight":24,"canEscapeKeyClose":true,"animateLoading":true,"detachFromLayout":true,"canOutsideClickClose":true,"shouldScrollContents":true,"widgetName":"Modal2","children":[{"isVisible":true,"widgetName":"Canvas4","version":1,"detachFromLayout":true,"type":"CANVAS_WIDGET","hideCard":true,"isDeprecated":false,"displayName":"Canvas","key":"c5q0qzphez","canExtend":true,"isDisabled":false,"shouldScrollContents":false,"children":[{"isVisible":true,"iconName":"cross","buttonVariant":"TERTIARY","isDisabled":false,"widgetName":"IconButton2","version":1,"animateLoading":true,"searchTags":["click","submit"],"type":"ICON_BUTTON_WIDGET","hideCard":false,"isDeprecated":false,"displayName":"Icon Button","key":"ym75a7w8rt","iconSVG":"/static/media/icon.1a0c634ac75f9fa6b6ae7a8df882a3ba.svg","buttonColor":"{{appsmith.theme.colors.primaryColor}}","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","iconSize":24,"widgetId":"19nbe63tb9","renderMode":"CANVAS","boxShadow":"none","isLoading":false,"leftColumn":58,"rightColumn":64,"topRow":0,"bottomRow":4,"parentId":"22b2arf9sr","dynamicBindingPathList":[{"key":"buttonColor"},{"key":"borderRadius"}],"onClick":"{{closeModal('Modal2')}}"},{"isVisible":true,"text":"Modal Title","fontSize":"1.25rem","fontStyle":"BOLD","textAlign":"LEFT","textColor":"#231F20","widgetName":"Text2","shouldTruncate":false,"overflow":"NONE","version":1,"animateLoading":true,"minDynamicHeight":4,"maxDynamicHeight":9000,"dynamicHeight":"AUTO_HEIGHT","searchTags":["typography","paragraph","label"],"type":"TEXT_WIDGET","hideCard":false,"isDeprecated":false,"displayName":"Text","key":"tutq05ktuy","iconSVG":"/static/media/icon.97c59b523e6f70ba6f40a10fc2c7c5b5.svg","widgetId":"gzae1zsezq","renderMode":"CANVAS","truncateButtonColor":"{{appsmith.theme.colors.primaryColor}}","fontFamily":"{{appsmith.theme.fontFamily.appFont}}","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","isLoading":false,"leftColumn":1,"rightColumn":41,"topRow":1,"bottomRow":5,"parentId":"22b2arf9sr","dynamicBindingPathList":[{"key":"truncateButtonColor"},{"key":"fontFamily"},{"key":"borderRadius"}]},{"isVisible":true,"animateLoading":true,"text":"Close","buttonVariant":"SECONDARY","placement":"CENTER","widgetName":"Button4","isDisabled":false,"isDefaultClickDisabled":true,"disabledWhenInvalid":false,"resetFormOnClick":false,"recaptchaType":"V3","version":1,"searchTags":["click","submit"],"type":"BUTTON_WIDGET","hideCard":false,"isDeprecated":false,"displayName":"Button","key":"2yyvxh8q6a","iconSVG":"/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg","buttonStyle":"PRIMARY","widgetId":"t0g3x74ibg","renderMode":"CANVAS","buttonColor":"{{appsmith.theme.colors.primaryColor}}","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","boxShadow":"none","isLoading":false,"leftColumn":31,"rightColumn":47,"topRow":18,"bottomRow":22,"parentId":"22b2arf9sr","dynamicBindingPathList":[{"key":"buttonColor"},{"key":"borderRadius"}],"onClick":"{{closeModal('Modal2')}}"},{"isVisible":true,"animateLoading":true,"text":"Confirm","buttonVariant":"PRIMARY","placement":"CENTER","widgetName":"Button5","isDisabled":false,"isDefaultClickDisabled":true,"disabledWhenInvalid":false,"resetFormOnClick":false,"recaptchaType":"V3","version":1,"searchTags":["click","submit"],"type":"BUTTON_WIDGET","hideCard":false,"isDeprecated":false,"displayName":"Button","key":"2yyvxh8q6a","iconSVG":"/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg","buttonStyle":"PRIMARY_BUTTON","widgetId":"8288muyiw3","renderMode":"CANVAS","buttonColor":"{{appsmith.theme.colors.primaryColor}}","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","boxShadow":"none","isLoading":false,"leftColumn":47,"rightColumn":63,"topRow":18,"bottomRow":22,"parentId":"22b2arf9sr","dynamicBindingPathList":[{"key":"buttonColor"},{"key":"borderRadius"}]},{"isVisible":true,"label":"Label","labelPosition":"Top","labelAlignment":"left","labelTextSize":"0.875rem","labelWidth":5,"widgetName":"Input1","version":2,"defaultText":"","iconAlign":"left","autoFocus":false,"labelStyle":"","resetOnSubmit":true,"isRequired":false,"isDisabled":false,"animateLoading":true,"inputType":"TEXT","minDynamicHeight":4,"maxDynamicHeight":9000,"dynamicHeight":"FIXED","searchTags":["form","text input","number","textarea"],"type":"INPUT_WIDGET_V2","hideCard":false,"isDeprecated":false,"displayName":"Input","key":"2r6vo22qxp","iconSVG":"/static/media/icon.9f505595da61a34f563dba82adeb06ec.svg","widgetId":"qmku1b7xmj","renderMode":"CANVAS","accentColor":"{{appsmith.theme.colors.primaryColor}}","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","boxShadow":"none","isLoading":false,"parentColumnSpace":6.9375,"parentRowSpace":10,"leftColumn":21,"rightColumn":41,"topRow":7,"bottomRow":14,"parentId":"22b2arf9sr","dynamicBindingPathList":[{"key":"accentColor"},{"key":"borderRadius"}]}],"minHeight":240,"widgetId":"22b2arf9sr","renderMode":"CANVAS","isLoading":false,"parentColumnSpace":1,"parentRowSpace":1,"leftColumn":0,"rightColumn":481.125,"topRow":0,"bottomRow":240,"parentId":"gicjvabcts","dynamicBindingPathList":[]}],"version":2,"maxDynamicHeight":9000,"dynamicHeight":"AUTO_HEIGHT","searchTags":["dialog","popup","notification"],"type":"MODAL_WIDGET","hideCard":false,"isDeprecated":false,"displayName":"Modal","key":"u8mxhf08ot","iconSVG":"/static/media/icon.4975978e9a961fb0bfb4e38de7ecc7c5.svg","isCanvas":true,"widgetId":"gicjvabcts","renderMode":"CANVAS","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","boxShadow":"none","isLoading":false,"parentColumnSpace":20.046875,"parentRowSpace":10,"leftColumn":7,"rightColumn":31,"topRow":17,"bottomRow":257,"parentId":"0","dynamicBindingPathList":[{"key":"borderRadius"}]},{"isVisible":true,"animateLoading":true,"text":"Submit","buttonVariant":"PRIMARY","placement":"CENTER","widgetName":"Button6","isDisabled":false,"isDefaultClickDisabled":true,"disabledWhenInvalid":false,"resetFormOnClick":false,"recaptchaType":"V3","version":1,"searchTags":["click","submit"],"type":"BUTTON_WIDGET","hideCard":false,"isDeprecated":false,"displayName":"Button","key":"2yyvxh8q6a","iconSVG":"/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg","widgetId":"wr1yquusjr","renderMode":"CANVAS","buttonColor":"{{appsmith.theme.colors.primaryColor}}","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","boxShadow":"none","isLoading":false,"parentColumnSpace":20.0625,"parentRowSpace":10,"leftColumn":22,"rightColumn":38,"topRow":20,"bottomRow":24,"parentId":"0","dynamicBindingPathList":[{"key":"buttonColor"},{"key":"borderRadius"}],"onClick":"{{showModal('Modal2')}}","dynamicTriggerPathList":[{"key":"onClick"}]}]}} \ No newline at end of file +{"dsl":{"widgetName":"MainContainer","backgroundColor":"none","rightColumn":4896,"snapColumns":64,"detachFromLayout":true,"widgetId":"0","topRow":0,"bottomRow":1810,"containerStyle":"none","snapRows":125,"parentRowSpace":1,"type":"CANVAS_WIDGET","canExtend":true,"version":71,"minHeight":1292,"dynamicTriggerPathList":[],"parentColumnSpace":1,"dynamicBindingPathList":[],"leftColumn":0,"children":[{"isVisible":true,"label":"Label","labelPosition":"Top","labelAlignment":"left","labelTextSize":"0.875rem","labelWidth":5,"widgetName":"PhoneInput1","version":1,"defaultText":"","iconAlign":"left","autoFocus":false,"labelStyle":"","resetOnSubmit":true,"isRequired":false,"isDisabled":false,"animateLoading":true,"defaultDialCode":"+1","allowDialCodeChange":false,"allowFormatting":true,"minDynamicHeight":4,"maxDynamicHeight":9000,"dynamicHeight":"FIXED","searchTags":["call"],"type":"PHONE_INPUT_WIDGET","hideCard":false,"isDeprecated":false,"displayName":"Phone Input","key":"ljiw4y9d0k","iconSVG":"/static/media/icon.108789d7165de30306435ab3c24e6cad.svg","widgetId":"75v1xxqwnk","renderMode":"CANVAS","accentColor":"{{appsmith.theme.colors.primaryColor}}","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","boxShadow":"none","isLoading":false,"parentColumnSpace":20.0625,"parentRowSpace":10,"leftColumn":20,"rightColumn":40,"topRow":6,"bottomRow":13,"parentId":"0","dynamicBindingPathList":[{"key":"accentColor"},{"key":"borderRadius"}]},{"isVisible":true,"animateLoading":true,"defaultSelectedRowIndex":0,"defaultSelectedRowIndices":[0],"label":"Data","widgetName":"Table2","searchKey":"","textSize":"0.875rem","horizontalAlignment":"LEFT","verticalAlignment":"CENTER","totalRecordsCount":0,"defaultPageSize":0,"dynamicPropertyPathList":[],"borderColor":"#E0DEDE","borderWidth":"1","dynamicBindingPathList":[{"key":"primaryColumns.step.computedValue"},{"key":"primaryColumns.task.computedValue"},{"key":"primaryColumns.status.computedValue"},{"key":"primaryColumns.action.computedValue"},{"key":"primaryColumns.action.buttonColor"},{"key":"primaryColumns.action.borderRadius"},{"key":"primaryColumns.action.boxShadow"},{"key":"accentColor"},{"key":"borderRadius"},{"key":"boxShadow"}],"primaryColumns":{"step":{"index":0,"width":150,"id":"step","originalId":"step","alias":"step","horizontalAlignment":"LEFT","verticalAlignment":"CENTER","columnType":"text","textSize":"0.875rem","enableFilter":true,"enableSort":true,"isVisible":true,"isCellVisible":true,"isCellEditable":false,"isDerived":false,"label":"step","computedValue":"{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"step\"]))}}","validation":{},"labelColor":"#FFFFFF"},"task":{"index":1,"width":150,"id":"task","originalId":"task","alias":"task","horizontalAlignment":"LEFT","verticalAlignment":"CENTER","columnType":"text","textSize":"0.875rem","enableFilter":true,"enableSort":true,"isVisible":true,"isCellVisible":true,"isCellEditable":false,"isDerived":false,"label":"task","computedValue":"{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"task\"]))}}","validation":{},"labelColor":"#FFFFFF"},"status":{"index":2,"width":150,"id":"status","originalId":"status","alias":"status","horizontalAlignment":"LEFT","verticalAlignment":"CENTER","columnType":"text","textSize":"0.875rem","enableFilter":true,"enableSort":true,"isVisible":true,"isCellVisible":true,"isCellEditable":false,"isDerived":false,"label":"status","computedValue":"{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"status\"]))}}","validation":{},"labelColor":"#FFFFFF"},"action":{"index":3,"width":150,"id":"action","originalId":"action","alias":"action","horizontalAlignment":"LEFT","verticalAlignment":"CENTER","columnType":"button","textSize":"0.875rem","enableFilter":true,"enableSort":true,"isVisible":true,"isCellVisible":true,"isCellEditable":false,"isDisabled":false,"isDerived":false,"label":"action","onClick":"{{currentRow.step === '#1' ? showAlert('Done', 'success') : currentRow.step === '#2' ? navigateTo('https://docs.appsmith.com/core-concepts/connecting-to-data-sources/querying-a-database',undefined,'NEW_WINDOW') : navigateTo('https://docs.appsmith.com/core-concepts/displaying-data-read/display-data-tables',undefined,'NEW_WINDOW')}}","computedValue":"{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"action\"]))}}","validation":{},"labelColor":"#FFFFFF","buttonColor":"{{Table2.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.colors.primaryColor))}}","borderRadius":"{{Table2.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.borderRadius.appBorderRadius))}}","boxShadow":"{{Table2.processedTableData.map((currentRow, currentIndex) => ( 'none'))}}"}},"tableData":"[\n {\n \"step\": \"#11\",\n \"task\": \"Drop a table\",\n \"status\": \"✅\",\n \"action\": \"\"\n },\n {\n \"step\": \"#2\",\n \"task\": \"Create a query fetch_users with the Mock DB\",\n \"status\": \"--\",\n \"action\": \"\"\n },\n {\n \"step\": \"#3\",\n \"task\": \"Bind the query using => fetch_users.data\",\n \"status\": \"--\",\n \"action\": \"\"\n }\n]","columnWidthMap":{"task":245,"step":62,"status":75},"columnOrder":["step","task","status","action"],"enableClientSideSearch":true,"isVisibleSearch":true,"isVisibleFilters":true,"isVisibleDownload":true,"isVisiblePagination":true,"isSortable":true,"delimiter":",","version":1,"inlineEditingSaveOption":"ROW_LEVEL","type":"TABLE_WIDGET_V2","hideCard":false,"isDeprecated":false,"displayName":"Table","key":"0ul35w2hry","iconSVG":"/static/media/icon.db8a9cbd2acd22a31ea91cc37ea2a46c.svg","widgetId":"ccrsdlbcvm","renderMode":"CANVAS","accentColor":"{{appsmith.theme.colors.primaryColor}}","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","boxShadow":"{{appsmith.theme.boxShadow.appBoxShadow}}","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}}"}},"isLoading":false,"parentColumnSpace":20.0625,"parentRowSpace":10,"leftColumn":14,"rightColumn":48,"topRow":145,"bottomRow":173,"parentId":"0","dynamicTriggerPathList":[],"originalTopRow":145,"originalBottomRow":173},{"isVisible":true,"shouldScrollContents":true,"widgetName":"Tabs1","animateLoading":true,"borderWidth":1,"borderColor":"#E0DEDE","backgroundColor":"#FFFFFF","minDynamicHeight":15,"tabsObj":{"tab1":{"label":"Tab 1","id":"tab1","widgetId":"4zaewfci4y","isVisible":true,"index":0},"tab2":{"label":"Tab 2","id":"tab2","widgetId":"i6ac4w48hr","isVisible":true,"index":1}},"shouldShowTabs":true,"defaultTab":"Tab 1","version":3,"maxDynamicHeight":9000,"dynamicHeight":"FIXED","type":"TABS_WIDGET","hideCard":false,"isDeprecated":false,"displayName":"Tabs","key":"blrs9324u1","iconSVG":"/static/media/icon.74a6d653c8201e66f1cd367a3fba2657.svg","isCanvas":true,"widgetId":"576oct3f8g","renderMode":"CANVAS","accentColor":"{{appsmith.theme.colors.primaryColor}}","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","boxShadow":"{{appsmith.theme.boxShadow.appBoxShadow}}","isLoading":false,"parentColumnSpace":20.046875,"parentRowSpace":10,"leftColumn":18,"rightColumn":42,"topRow":28,"bottomRow":57,"parentId":"0","dynamicBindingPathList":[{"key":"accentColor"},{"key":"borderRadius"},{"key":"boxShadow"}],"children":[{"isVisible":true,"widgetName":"Canvas2","version":1,"detachFromLayout":true,"type":"CANVAS_WIDGET","hideCard":true,"isDeprecated":false,"displayName":"Canvas","key":"c5q0qzphez","canExtend":true,"isDisabled":false,"shouldScrollContents":false,"tabId":"tab1","tabName":"Tab 1","children":[],"bottomRow":240,"minHeight":240,"widgetId":"4zaewfci4y","renderMode":"CANVAS","isLoading":false,"parentColumnSpace":1,"parentRowSpace":1,"leftColumn":0,"rightColumn":481.125,"topRow":0,"parentId":"576oct3f8g","dynamicBindingPathList":[]},{"isVisible":true,"widgetName":"Canvas3","version":1,"detachFromLayout":true,"type":"CANVAS_WIDGET","hideCard":true,"isDeprecated":false,"displayName":"Canvas","key":"c5q0qzphez","canExtend":true,"isDisabled":false,"shouldScrollContents":false,"tabId":"tab2","tabName":"Tab 2","children":[{"isVisible":true,"animateLoading":true,"maxCount":5,"defaultRate":3,"activeColor":"{{appsmith.theme.colors.primaryColor}}","inactiveColor":"#E0DEDE","size":"LARGE","isRequired":false,"isAllowHalf":false,"isDisabled":false,"isReadOnly":false,"tooltips":["Terrible","Bad","Neutral","Good","Great"],"widgetName":"Rating2","minDynamicHeight":4,"maxDynamicHeight":9000,"dynamicHeight":"AUTO_HEIGHT","searchTags":["stars"],"type":"RATE_WIDGET","hideCard":false,"isDeprecated":false,"displayName":"Rating","key":"w7tg0fyr4q","iconSVG":"/static/media/icon.914eb943f3f3762263872a333aff727d.svg","widgetId":"c9a0ev0knr","renderMode":"CANVAS","isLoading":false,"parentColumnSpace":7.205078125,"parentRowSpace":10,"leftColumn":22,"rightColumn":42,"topRow":8,"bottomRow":12,"parentId":"i6ac4w48hr","dynamicBindingPathList":[{"key":"activeColor"}]}],"bottomRow":240,"minHeight":240,"widgetId":"i6ac4w48hr","renderMode":"CANVAS","isLoading":false,"parentColumnSpace":1,"parentRowSpace":1,"leftColumn":0,"rightColumn":481.125,"topRow":0,"parentId":"576oct3f8g","dynamicBindingPathList":[]}],"dynamicTriggerPathList":[]},{"width":456,"height":240,"minDynamicHeight":24,"canEscapeKeyClose":true,"animateLoading":true,"detachFromLayout":true,"canOutsideClickClose":true,"shouldScrollContents":true,"widgetName":"Modal2","children":[{"isVisible":true,"widgetName":"Canvas4","version":1,"detachFromLayout":true,"type":"CANVAS_WIDGET","hideCard":true,"isDeprecated":false,"displayName":"Canvas","key":"c5q0qzphez","canExtend":true,"isDisabled":false,"shouldScrollContents":false,"children":[{"isVisible":true,"iconName":"cross","buttonVariant":"TERTIARY","isDisabled":false,"widgetName":"IconButton2","version":1,"animateLoading":true,"searchTags":["click","submit"],"type":"ICON_BUTTON_WIDGET","hideCard":false,"isDeprecated":false,"displayName":"Icon Button","key":"ym75a7w8rt","iconSVG":"/static/media/icon.1a0c634ac75f9fa6b6ae7a8df882a3ba.svg","buttonColor":"{{appsmith.theme.colors.primaryColor}}","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","iconSize":24,"widgetId":"19nbe63tb9","renderMode":"CANVAS","boxShadow":"none","isLoading":false,"leftColumn":58,"rightColumn":64,"topRow":0,"bottomRow":4,"parentId":"22b2arf9sr","dynamicBindingPathList":[{"key":"buttonColor"},{"key":"borderRadius"}],"onClick":"{{closeModal(Modal2.name)}}"},{"isVisible":true,"text":"Modal Title","fontSize":"1.25rem","fontStyle":"BOLD","textAlign":"LEFT","textColor":"#231F20","widgetName":"Text2","shouldTruncate":false,"overflow":"NONE","version":1,"animateLoading":true,"minDynamicHeight":4,"maxDynamicHeight":9000,"dynamicHeight":"AUTO_HEIGHT","searchTags":["typography","paragraph","label"],"type":"TEXT_WIDGET","hideCard":false,"isDeprecated":false,"displayName":"Text","key":"tutq05ktuy","iconSVG":"/static/media/icon.97c59b523e6f70ba6f40a10fc2c7c5b5.svg","widgetId":"gzae1zsezq","renderMode":"CANVAS","truncateButtonColor":"{{appsmith.theme.colors.primaryColor}}","fontFamily":"{{appsmith.theme.fontFamily.appFont}}","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","isLoading":false,"leftColumn":1,"rightColumn":41,"topRow":1,"bottomRow":5,"parentId":"22b2arf9sr","dynamicBindingPathList":[{"key":"truncateButtonColor"},{"key":"fontFamily"},{"key":"borderRadius"}]},{"isVisible":true,"animateLoading":true,"text":"Close","buttonVariant":"SECONDARY","placement":"CENTER","widgetName":"Button4","isDisabled":false,"isDefaultClickDisabled":true,"disabledWhenInvalid":false,"resetFormOnClick":false,"recaptchaType":"V3","version":1,"searchTags":["click","submit"],"type":"BUTTON_WIDGET","hideCard":false,"isDeprecated":false,"displayName":"Button","key":"2yyvxh8q6a","iconSVG":"/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg","buttonStyle":"PRIMARY","widgetId":"t0g3x74ibg","renderMode":"CANVAS","buttonColor":"{{appsmith.theme.colors.primaryColor}}","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","boxShadow":"none","isLoading":false,"leftColumn":31,"rightColumn":47,"topRow":18,"bottomRow":22,"parentId":"22b2arf9sr","dynamicBindingPathList":[{"key":"buttonColor"},{"key":"borderRadius"}],"onClick":"{{closeModal(Modal2.name)}}"},{"isVisible":true,"animateLoading":true,"text":"Confirm","buttonVariant":"PRIMARY","placement":"CENTER","widgetName":"Button5","isDisabled":false,"isDefaultClickDisabled":true,"disabledWhenInvalid":false,"resetFormOnClick":false,"recaptchaType":"V3","version":1,"searchTags":["click","submit"],"type":"BUTTON_WIDGET","hideCard":false,"isDeprecated":false,"displayName":"Button","key":"2yyvxh8q6a","iconSVG":"/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg","buttonStyle":"PRIMARY_BUTTON","widgetId":"8288muyiw3","renderMode":"CANVAS","buttonColor":"{{appsmith.theme.colors.primaryColor}}","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","boxShadow":"none","isLoading":false,"leftColumn":47,"rightColumn":63,"topRow":18,"bottomRow":22,"parentId":"22b2arf9sr","dynamicBindingPathList":[{"key":"buttonColor"},{"key":"borderRadius"}]},{"isVisible":true,"label":"Label","labelPosition":"Top","labelAlignment":"left","labelTextSize":"0.875rem","labelWidth":5,"widgetName":"Input1","version":2,"defaultText":"","iconAlign":"left","autoFocus":false,"labelStyle":"","resetOnSubmit":true,"isRequired":false,"isDisabled":false,"animateLoading":true,"inputType":"TEXT","minDynamicHeight":4,"maxDynamicHeight":9000,"dynamicHeight":"FIXED","searchTags":["form","text input","number","textarea"],"type":"INPUT_WIDGET_V2","hideCard":false,"isDeprecated":false,"displayName":"Input","key":"2r6vo22qxp","iconSVG":"/static/media/icon.9f505595da61a34f563dba82adeb06ec.svg","widgetId":"qmku1b7xmj","renderMode":"CANVAS","accentColor":"{{appsmith.theme.colors.primaryColor}}","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","boxShadow":"none","isLoading":false,"parentColumnSpace":6.9375,"parentRowSpace":10,"leftColumn":21,"rightColumn":41,"topRow":7,"bottomRow":14,"parentId":"22b2arf9sr","dynamicBindingPathList":[{"key":"accentColor"},{"key":"borderRadius"}]}],"minHeight":240,"widgetId":"22b2arf9sr","renderMode":"CANVAS","isLoading":false,"parentColumnSpace":1,"parentRowSpace":1,"leftColumn":0,"rightColumn":481.125,"topRow":0,"bottomRow":240,"parentId":"gicjvabcts","dynamicBindingPathList":[]}],"version":2,"maxDynamicHeight":9000,"dynamicHeight":"AUTO_HEIGHT","searchTags":["dialog","popup","notification"],"type":"MODAL_WIDGET","hideCard":false,"isDeprecated":false,"displayName":"Modal","key":"u8mxhf08ot","iconSVG":"/static/media/icon.4975978e9a961fb0bfb4e38de7ecc7c5.svg","isCanvas":true,"widgetId":"gicjvabcts","renderMode":"CANVAS","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","boxShadow":"none","isLoading":false,"parentColumnSpace":20.046875,"parentRowSpace":10,"leftColumn":7,"rightColumn":31,"topRow":17,"bottomRow":257,"parentId":"0","dynamicBindingPathList":[{"key":"borderRadius"}]},{"isVisible":true,"animateLoading":true,"text":"Submit","buttonVariant":"PRIMARY","placement":"CENTER","widgetName":"Button6","isDisabled":false,"isDefaultClickDisabled":true,"disabledWhenInvalid":false,"resetFormOnClick":false,"recaptchaType":"V3","version":1,"searchTags":["click","submit"],"type":"BUTTON_WIDGET","hideCard":false,"isDeprecated":false,"displayName":"Button","key":"2yyvxh8q6a","iconSVG":"/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg","widgetId":"wr1yquusjr","renderMode":"CANVAS","buttonColor":"{{appsmith.theme.colors.primaryColor}}","borderRadius":"{{appsmith.theme.borderRadius.appBorderRadius}}","boxShadow":"none","isLoading":false,"parentColumnSpace":20.0625,"parentRowSpace":10,"leftColumn":22,"rightColumn":38,"topRow":20,"bottomRow":24,"parentId":"0","dynamicBindingPathList":[{"key":"buttonColor"},{"key":"borderRadius"}],"onClick":"{{showModal(Modal2.name)}}","dynamicTriggerPathList":[{"key":"onClick"}]}]}} \ No newline at end of file diff --git a/app/client/cypress/fixtures/listwidgetData.json b/app/client/cypress/fixtures/listwidgetData.json index beb287ef13..485941abdf 100644 --- a/app/client/cypress/fixtures/listwidgetData.json +++ b/app/client/cypress/fixtures/listwidgetData.json @@ -1041,7 +1041,7 @@ "boxShadow": "none", "mobileBottomRow": 4, "widgetName": "IconButton1", - "onClick": "{{closeModal('Modal_1');}}", + "onClick": "{{closeModal(Modal_1.name);}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", @@ -1155,7 +1155,7 @@ "boxShadow": "none", "mobileBottomRow": 22, "widgetName": "Button1", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", diff --git a/app/client/cypress/fixtures/modalOnTableFilterPaneDsl.json b/app/client/cypress/fixtures/modalOnTableFilterPaneDsl.json index a969c070b1..5bf41f9f89 100644 --- a/app/client/cypress/fixtures/modalOnTableFilterPaneDsl.json +++ b/app/client/cypress/fixtures/modalOnTableFilterPaneDsl.json @@ -58,7 +58,7 @@ { "widgetName": "Icon1", "rightColumn": 64, - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "color": "#040627", "iconName": "cross", "displayName": "Icon", @@ -102,7 +102,7 @@ }, { "widgetName": "Button1", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "#03B365", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", @@ -171,7 +171,7 @@ }, { "widgetName": "Button3", - "onClick": "{{showModal('Modal1')}}", + "onClick": "{{showModal(Modal1.name)}}", "buttonColor": "#03B365", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", diff --git a/app/client/cypress/fixtures/modalScroll.json b/app/client/cypress/fixtures/modalScroll.json index b8e66c7f49..c705459650 100644 --- a/app/client/cypress/fixtures/modalScroll.json +++ b/app/client/cypress/fixtures/modalScroll.json @@ -59,7 +59,7 @@ { "widgetName": "Icon1", "rightColumn": 64, - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "color": "#040627", "iconName": "cross", "displayName": "Icon", @@ -107,7 +107,7 @@ }, { "widgetName": "Button1", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "#03B365", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", @@ -342,7 +342,7 @@ }, { "widgetName": "Button3", - "onClick": "{{showModal('Modal1')}}", + "onClick": "{{showModal(Modal1.name)}}", "buttonColor": "#03B365", "displayName": "Button", "iconSVG": "/static/media/icon.cca02633.svg", diff --git a/app/client/cypress/fixtures/modalWidgetBGcolorDSL.json b/app/client/cypress/fixtures/modalWidgetBGcolorDSL.json index 034845ea20..87d2f440a2 100644 --- a/app/client/cypress/fixtures/modalWidgetBGcolorDSL.json +++ b/app/client/cypress/fixtures/modalWidgetBGcolorDSL.json @@ -24,7 +24,7 @@ "resetFormOnClick": false, "boxShadow": "none", "widgetName": "Button1", - "onClick": "{{showModal('Modal1')}}", + "onClick": "{{showModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg", @@ -109,7 +109,7 @@ { "boxShadow": "none", "widgetName": "IconButton1", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.1a0c634ac75f9fa6b6ae7a8df882a3ba.svg", @@ -192,7 +192,7 @@ "resetFormOnClick": false, "boxShadow": "none", "widgetName": "Button2", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg", diff --git a/app/client/cypress/fixtures/modalWidgetTestApp.json b/app/client/cypress/fixtures/modalWidgetTestApp.json index 388b7c8c14..93186b6d0f 100644 --- a/app/client/cypress/fixtures/modalWidgetTestApp.json +++ b/app/client/cypress/fixtures/modalWidgetTestApp.json @@ -56,7 +56,7 @@ "boxShadow": "none", "mobileBottomRow": 12.0, "widgetName": "Button1", - "onClick": "{{showModal('Modal1');}}", + "onClick": "{{showModal(Modal1.name);}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", @@ -145,7 +145,7 @@ "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton1", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", @@ -1804,7 +1804,7 @@ "responsiveBehavior": "fill", "mobileLeftColumn": 7.0, "maxDynamicHeight": 9000.0, - "onOptionChange": "{{showModal('Modal2');}}", + "onOptionChange": "{{showModal(Modal2.name);}}", "minDynamicHeight": 4.0 }, { @@ -1852,7 +1852,7 @@ "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton3", - "onClick": "{{closeModal('Modal2')}}", + "onClick": "{{closeModal(Modal2.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", @@ -2340,7 +2340,7 @@ "rightColumn": 59.0, "widgetId": "b7fjdn1ail", "minWidth": 450.0, - "onItemClick": "{{showModal('Modal3');}}", + "onItemClick": "{{showModal(Modal3.name);}}", "parentId": "0", "renderMode": "CANVAS", "mobileTopRow": 17.0, @@ -2393,7 +2393,7 @@ "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton4", - "onClick": "{{closeModal('Modal3')}}", + "onClick": "{{closeModal(Modal3.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", @@ -2481,7 +2481,7 @@ "boxShadow": "none", "mobileBottomRow": 22.0, "widgetName": "Button2", - "onClick": "{{closeModal('Modal3')}}", + "onClick": "{{closeModal(Modal3.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", @@ -2644,7 +2644,7 @@ "totalRecordsCount": 0.0, "tags": ["Suggested", "Display"], "isLoading": false, - "onSearchTextChanged": "{{showModal('Modal4');}}", + "onSearchTextChanged": "{{showModal(Modal4.name);}}", "childStylesheet": { "button": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", @@ -2950,7 +2950,7 @@ "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton5", - "onClick": "{{closeModal('Modal4')}}", + "onClick": "{{closeModal(Modal4.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", @@ -3038,7 +3038,7 @@ "boxShadow": "none", "mobileBottomRow": 22.0, "widgetName": "Button4", - "onClick": "{{closeModal('Modal4')}}", + "onClick": "{{closeModal(Modal4.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", @@ -3170,7 +3170,7 @@ "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "borderColor": "#E0DEDE", "iconSVG": "/static/media/icon.46adf7030d667f0ad9002aa31f997573.svg", - "onSubmit": "{{showModal('Modal5');}}", + "onSubmit": "{{showModal(Modal5.name);}}", "topRow": 61.0, "type": "JSON_FORM_WIDGET", "animateLoading": true, @@ -3498,7 +3498,7 @@ "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton6", - "onClick": "{{closeModal('Modal5')}}", + "onClick": "{{closeModal(Modal5.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", @@ -3586,7 +3586,7 @@ "boxShadow": "none", "mobileBottomRow": 22.0, "widgetName": "Button6", - "onClick": "{{closeModal('Modal5')}}", + "onClick": "{{closeModal(Modal5.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", @@ -3771,7 +3771,7 @@ "boxShadow": "none", "mobileBottomRow": 12.0, "widgetName": "Button1", - "onClick": "{{showModal('Modal1');}}", + "onClick": "{{showModal(Modal1.name);}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", @@ -3860,7 +3860,7 @@ "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton1", - "onClick": "{{closeModal('Modal1')}}", + "onClick": "{{closeModal(Modal1.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", @@ -5519,7 +5519,7 @@ "responsiveBehavior": "fill", "mobileLeftColumn": 7.0, "maxDynamicHeight": 9000.0, - "onOptionChange": "{{showModal('Modal2');}}", + "onOptionChange": "{{showModal(Modal2.name);}}", "minDynamicHeight": 4.0 }, { @@ -5567,7 +5567,7 @@ "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton3", - "onClick": "{{closeModal('Modal2')}}", + "onClick": "{{closeModal(Modal2.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", @@ -6055,7 +6055,7 @@ "rightColumn": 59.0, "widgetId": "b7fjdn1ail", "minWidth": 450.0, - "onItemClick": "{{showModal('Modal3');}}", + "onItemClick": "{{showModal(Modal3.name);}}", "parentId": "0", "renderMode": "CANVAS", "mobileTopRow": 17.0, @@ -6108,7 +6108,7 @@ "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton4", - "onClick": "{{closeModal('Modal3')}}", + "onClick": "{{closeModal(Modal3.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", @@ -6196,7 +6196,7 @@ "boxShadow": "none", "mobileBottomRow": 22.0, "widgetName": "Button2", - "onClick": "{{closeModal('Modal3')}}", + "onClick": "{{closeModal(Modal3.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", @@ -6359,7 +6359,7 @@ "totalRecordsCount": 0.0, "tags": ["Suggested", "Display"], "isLoading": false, - "onSearchTextChanged": "{{showModal('Modal4');}}", + "onSearchTextChanged": "{{showModal(Modal4.name);}}", "childStylesheet": { "button": { "buttonColor": "{{appsmith.theme.colors.primaryColor}}", @@ -6665,7 +6665,7 @@ "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton5", - "onClick": "{{closeModal('Modal4')}}", + "onClick": "{{closeModal(Modal4.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", @@ -6753,7 +6753,7 @@ "boxShadow": "none", "mobileBottomRow": 22.0, "widgetName": "Button4", - "onClick": "{{closeModal('Modal4')}}", + "onClick": "{{closeModal(Modal4.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", @@ -6885,7 +6885,7 @@ "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", "borderColor": "#E0DEDE", "iconSVG": "/static/media/icon.46adf7030d667f0ad9002aa31f997573.svg", - "onSubmit": "{{showModal('Modal5');}}", + "onSubmit": "{{showModal(Modal5.name);}}", "topRow": 61.0, "type": "JSON_FORM_WIDGET", "animateLoading": true, @@ -7213,7 +7213,7 @@ "boxShadow": "none", "mobileBottomRow": 4.0, "widgetName": "IconButton6", - "onClick": "{{closeModal('Modal5')}}", + "onClick": "{{closeModal(Modal5.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Icon button", "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", @@ -7301,7 +7301,7 @@ "boxShadow": "none", "mobileBottomRow": 22.0, "widgetName": "Button6", - "onClick": "{{closeModal('Modal5')}}", + "onClick": "{{closeModal(Modal5.name)}}", "buttonColor": "{{appsmith.theme.colors.primaryColor}}", "displayName": "Button", "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", diff --git a/app/client/cypress/fixtures/mongo_PUT_replaceLayoutWithCRUD.json b/app/client/cypress/fixtures/mongo_PUT_replaceLayoutWithCRUD.json index 3f6918e32e..7d72912ab9 100644 --- a/app/client/cypress/fixtures/mongo_PUT_replaceLayoutWithCRUD.json +++ b/app/client/cypress/fixtures/mongo_PUT_replaceLayoutWithCRUD.json @@ -1 +1 @@ -{"responseMeta":{"status":201,"success":true},"data":{"page":{"id":"616d7d4c9594b25adfa3e569","name":"Page3","applicationId":null,"layouts":[{"id":"616d7d4c9594b25adfa3e568","userPermissions":[],"dsl":{"widgetName":"MainContainer","backgroundColor":"none","rightColumn":1280,"snapColumns":64,"detachFromLayout":true,"widgetId":"0","topRow":0,"bottomRow":940,"containerStyle":"none","snapRows":125,"parentRowSpace":1,"type":"CANVAS_WIDGET","canExtend":true,"version":41,"minHeight":860,"parentColumnSpace":1,"dynamicTriggerPathList":[],"dynamicBindingPathList":[],"leftColumn":0,"children":[{"backgroundColor":"#FFFFFF","widgetName":"Container1","rightColumn":40,"widgetId":"mvubsemxfo","containerStyle":"card","topRow":0,"bottomRow":87,"parentRowSpace":10,"isVisible":"true","type":"CONTAINER_WIDGET","version":1,"parentId":"0","isLoading":false,"parentColumnSpace":19.75,"leftColumn":0,"children":[{"widgetName":"Canvas1","rightColumn":632,"detachFromLayout":true,"widgetId":"59rw5mx0bq","containerStyle":"none","topRow":0,"bottomRow":890,"parentRowSpace":1,"isVisible":"true","canExtend":false,"type":"CANVAS_WIDGET","version":1,"parentId":"mvubsemxfo","minHeight":870,"isLoading":false,"parentColumnSpace":1,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"children":[{"widgetName":"data_table","columnOrder":["customColumn1","_id","col4","col2","col3","col1"],"dynamicPropertyPathList":[{"key":"onPageChange"}],"isVisibleDownload":true,"topRow":10,"bottomRow":86,"parentRowSpace":10,"onPageChange":"{{FindQuery.run()}}","type":"TABLE_WIDGET","defaultSelectedRow":"0","parentColumnSpace":1,"dynamicTriggerPathList":[{"key":"onPageChange"},{"key":"primaryColumns.customColumn1.onClick"},{"key":"onSearchTextChanged"}],"dynamicBindingPathList":[{"key":"primaryColumns.customColumn1.buttonLabel"},{"key":"tableData"},{"key":"primaryColumns.col1.computedValue"},{"key":"primaryColumns.col2.computedValue"},{"key":"primaryColumns.col3.computedValue"},{"key":"primaryColumns.col4.computedValue"},{"key":"primaryColumns._id.computedValue"}],"leftColumn":0,"primaryColumns":{"customColumn1":{"isCellVisible":true,"isDerived":true,"computedValue":"","onClick":"{{showModal('Delete_Modal')}}","textSize":"PARAGRAPH","buttonColor":"#DD4B34","index":7,"isVisible":true,"label":"Delete","buttonLabel":"{{data_table.sanitizedTableData.map((currentRow) => { return 'Delete'})}}","columnType":"button","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"customColumn1","isDisabled":false,"buttonLabelColor":"#FFFFFF","verticalAlignment":"CENTER"},"col4":{"isCellVisible":true,"isDerived":false,"computedValue":"{{data_table.sanitizedTableData.map((currentRow) => ( currentRow.col4))}}","textSize":"PARAGRAPH","index":3,"isVisible":true,"label":"col4","columnType":"text","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"col4","verticalAlignment":"CENTER"},"_id":{"isCellVisible":true,"isDerived":false,"computedValue":"{{data_table.sanitizedTableData.map((currentRow) => ( currentRow._id))}}","textSize":"PARAGRAPH","index":1,"isVisible":true,"label":"_id","columnType":"text","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"_id","verticalAlignment":"CENTER"},"col2":{"isCellVisible":true,"isDerived":false,"computedValue":"{{data_table.sanitizedTableData.map((currentRow) => ( currentRow.col2))}}","textSize":"PARAGRAPH","index":1,"isVisible":true,"label":"col2","columnType":"text","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"col2","verticalAlignment":"CENTER"},"col3":{"isCellVisible":true,"isDerived":false,"computedValue":"{{data_table.sanitizedTableData.map((currentRow) => ( currentRow.col3))}}","textSize":"PARAGRAPH","index":2,"isVisible":true,"label":"col3","columnType":"text","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"col3","verticalAlignment":"CENTER"},"col1":{"isCellVisible":true,"isDerived":false,"computedValue":"{{data_table.sanitizedTableData.map((currentRow) => ( currentRow.col1))}}","textSize":"PARAGRAPH","index":0,"isVisible":true,"label":"col1","columnType":"text","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"col1","verticalAlignment":"CENTER"}},"delimiter":",","derivedColumns":{"customColumn1":{"isDerived":true,"computedValue":"","onClick":"{{DeleteQuery.run()}}","textSize":"PARAGRAPH","buttonStyle":"#DD4B34","index":7,"isVisible":true,"label":"customColumn1","buttonLabel":"{{data_table.sanitizedTableData.map((currentRow) => { return 'Delete'})}}","columnType":"button","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"customColumn1","buttonLabelColor":"#FFFFFF","verticalAlignment":"CENTER"}},"rightColumn":64,"textSize":"PARAGRAPH","widgetId":"jabdu9f16g","isVisibleFilters":true,"tableData":"{{FindQuery.data}}","isVisible":"true","label":"Data","searchKey":"","version":3,"parentId":"59rw5mx0bq","serverSidePaginationEnabled":true,"isLoading":false,"isVisibleCompactMode":true,"onSearchTextChanged":"{{FindQuery.run()}}","horizontalAlignment":"LEFT","isVisibleSearch":true,"isVisiblePagination":true,"verticalAlignment":"CENTER","columnSizeMap":{"task":245,"deliveryAddress":170,"step":62,"id":228,"status":75}},{"isRequired":false,"widgetName":"key_select","isFilterable":true,"rightColumn":22,"dynamicPropertyPathList":[{"key":"isVisible"}],"widgetId":"asmgosgxjm","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"{{FindQuery.data.length > 0}}","label":"","type":"DROP_DOWN_WIDGET","version":1,"parentId":"59rw5mx0bq","isLoading":false,"defaultOptionValue":"genres","parentColumnSpace":18.8828125,"dynamicTriggerPathList":[{"key":"onOptionChange"}],"leftColumn":7,"dynamicBindingPathList":[{"key":"isVisible"}],"options":"[\n{\n\t\"label\": \"poster_path\",\n\t\"value\": \"poster_path\"\n}, \n{\n\t\"label\": \"homepage\",\n\t\"value\": \"homepage\"\n}, \n{\n\t\"label\": \"imdb_id\",\n\t\"value\": \"imdb_id\"\n}, \n{\n\t\"label\": \"genres\",\n\t\"value\": \"genres\"\n}]","onOptionChange":"{{FindQuery.run()}}","isDisabled":false},{"widgetName":"Text15","rightColumn":7,"textAlign":"LEFT","widgetId":"l8pgl90klz","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"59rw5mx0bq","isLoading":false,"parentColumnSpace":19.75,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"Order By :"},{"isRequired":false,"widgetName":"order_select","isFilterable":true,"rightColumn":30,"dynamicPropertyPathList":[{"key":"isVisible"}],"widgetId":"10v8a19m25","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"{{FindQuery.data.length > 0}}","label":"","type":"DROP_DOWN_WIDGET","version":1,"parentId":"59rw5mx0bq","isLoading":false,"defaultOptionValue":"1","parentColumnSpace":19.75,"dynamicTriggerPathList":[{"key":"onOptionChange"}],"leftColumn":22,"dynamicBindingPathList":[{"key":"isVisible"}],"options":"[\n {\n \"label\": \"ASC\",\n \"value\": \"1\"\n },\n {\n \"label\": \"DESC\",\n \"value\": \"-1\"\n }\n]","onOptionChange":"{{FindQuery.run()}}","isDisabled":false},{"widgetName":"Text16","rightColumn":41,"textAlign":"LEFT","widgetId":"urzv99hdc8","topRow":0,"bottomRow":4,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"59rw5mx0bq","isLoading":false,"parentColumnSpace":11.78515625,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"fontSize":"HEADING1","text":"movies Data"},{"boxShadow":"NONE","widgetName":"refresh_btn","rightColumn":64,"onClick":"{{FindQuery.run()}}","iconName":"refresh","buttonColor":"#03B365","widgetId":"nj85l57r47","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"true","type":"ICON_BUTTON_WIDGET","version":1,"parentId":"59rw5mx0bq","isLoading":false,"parentColumnSpace":12.0703125,"dynamicTriggerPathList":[{"key":"onClick"}],"borderRadius":"CIRCLE","leftColumn":60,"dynamicBindingPathList":[],"buttonVariant":"GHOST","isDisabled":false},{"boxShadow":"NONE","widgetName":"add_btn","rightColumn":60,"onClick":"{{showModal('Insert_Modal')}}","iconName":"add","buttonColor":"#03B365","widgetId":"atgojamsmw","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"true","type":"ICON_BUTTON_WIDGET","version":1,"parentId":"59rw5mx0bq","isLoading":false,"parentColumnSpace":12.0703125,"dynamicTriggerPathList":[{"key":"onClick"}],"borderRadius":"CIRCLE","leftColumn":56,"dynamicBindingPathList":[],"buttonVariant":"GHOST","isDisabled":false}]}]},{"widgetName":"Delete_Modal","rightColumn":45,"detachFromLayout":true,"widgetId":"i3whp03wf0","topRow":13,"bottomRow":37,"parentRowSpace":10,"canOutsideClickClose":true,"type":"MODAL_WIDGET","canEscapeKeyClose":true,"version":2,"parentId":"0","shouldScrollContents":false,"isLoading":false,"parentColumnSpace":18.8828125,"dynamicTriggerPathList":[],"leftColumn":21,"dynamicBindingPathList":[],"children":[{"widgetName":"Canvas3","rightColumn":453.1875,"detachFromLayout":true,"widgetId":"zi8fjakv8o","topRow":0,"bottomRow":230,"parentRowSpace":1,"isVisible":"true","canExtend":true,"type":"CANVAS_WIDGET","version":1,"parentId":"i3whp03wf0","shouldScrollContents":false,"minHeight":240,"isLoading":false,"parentColumnSpace":1,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"children":[{"widgetName":"Alert_text","rightColumn":41,"textAlign":"LEFT","widgetId":"35yoxo4oec","topRow":1,"bottomRow":5,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"zi8fjakv8o","isLoading":false,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"HEADING1","text":"Delete Row"},{"widgetName":"Button1","rightColumn":46,"onClick":"{{closeModal('Delete_Modal')}}","isDefaultClickDisabled":true,"dynamicPropertyPathList":[],"buttonColor":"#03B365","widgetId":"lryg8kw537","topRow":17,"bottomRow":21,"isVisible":"true","type":"BUTTON_WIDGET","version":1,"parentId":"zi8fjakv8o","isLoading":false,"dynamicTriggerPathList":[{"key":"onClick"}],"leftColumn":34,"dynamicBindingPathList":[],"text":"Cancel","isDisabled":false},{"widgetName":"Delete_Button","rightColumn":64,"onClick":"{{DeleteQuery.run(() => FindQuery.run(() => closeModal('Delete_Modal')), () => {})}}","isDefaultClickDisabled":true,"dynamicPropertyPathList":[{"key":"onClick"}],"buttonColor":"#F22B2B","widgetId":"qq02lh7ust","topRow":17,"bottomRow":21,"isVisible":"true","type":"BUTTON_WIDGET","version":1,"parentId":"zi8fjakv8o","isLoading":false,"dynamicTriggerPathList":[{"key":"onClick"}],"leftColumn":48,"dynamicBindingPathList":[],"text":"Confirm","isDisabled":false},{"widgetName":"Text12","rightColumn":63,"textAlign":"LEFT","widgetId":"48uac29g6e","topRow":8,"bottomRow":12,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"zi8fjakv8o","isLoading":false,"parentColumnSpace":6.875,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"Are you sure you want to delete this item?"}],"isDisabled":false}],"width":456,"height":240},{"widgetName":"Insert_Modal","rightColumn":41,"detachFromLayout":true,"widgetId":"vmorzie6eq","topRow":16,"bottomRow":40,"parentRowSpace":10,"canOutsideClickClose":true,"type":"MODAL_WIDGET","canEscapeKeyClose":true,"version":2,"parentId":"0","shouldScrollContents":false,"isLoading":false,"parentColumnSpace":18.8828125,"dynamicTriggerPathList":[],"leftColumn":17,"dynamicBindingPathList":[],"children":[{"widgetName":"Canvas4","rightColumn":453.1875,"detachFromLayout":true,"widgetId":"9rhv3ioohq","topRow":0,"bottomRow":610,"parentRowSpace":1,"isVisible":"true","canExtend":true,"type":"CANVAS_WIDGET","version":1,"parentId":"vmorzie6eq","shouldScrollContents":false,"minHeight":600,"isLoading":false,"parentColumnSpace":1,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"children":[{"widgetName":"Form2","backgroundColor":"#F6F7F8","rightColumn":64,"widgetId":"1ruewbc4ef","topRow":0,"bottomRow":58,"parentRowSpace":10,"isVisible":"true","type":"FORM_WIDGET","parentId":"9rhv3ioohq","isLoading":false,"shouldScrollContents":false,"parentColumnSpace":8,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"children":[{"widgetName":"Canvas5","rightColumn":224,"detachFromLayout":true,"widgetId":"tp9pui0e6y","containerStyle":"none","topRow":0,"bottomRow":570,"parentRowSpace":1,"isVisible":"true","canExtend":false,"type":"CANVAS_WIDGET","version":1,"parentId":"1ruewbc4ef","minHeight":580,"isLoading":false,"parentColumnSpace":1,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"children":[{"resetFormOnClick":true,"widgetName":"insert_button","rightColumn":62,"onClick":"{{InsertQuery.run(() => FindQuery.run(() => closeModal('Insert_Modal')))}}","isDefaultClickDisabled":true,"dynamicPropertyPathList":[{"key":"onClick"}],"buttonColor":"#03B365","widgetId":"h8vxf3oh4s","topRow":51,"bottomRow":55,"isVisible":"true","type":"FORM_BUTTON_WIDGET","version":1,"parentId":"tp9pui0e6y","isLoading":false,"dynamicTriggerPathList":[{"key":"onClick"}],"disabledWhenInvalid":true,"leftColumn":43,"dynamicBindingPathList":[],"googleRecaptchaKey":"","text":"Submit"},{"resetFormOnClick":true,"widgetName":"reset_button","rightColumn":42,"onClick":"{{closeModal('Insert_Modal')}}","isDefaultClickDisabled":true,"buttonColor":"#03B365","widgetId":"o23gs26wm5","topRow":51,"bottomRow":55,"isVisible":"true","type":"FORM_BUTTON_WIDGET","version":1,"parentId":"tp9pui0e6y","isLoading":false,"dynamicTriggerPathList":[{"key":"onClick"}],"disabledWhenInvalid":false,"leftColumn":29,"dynamicBindingPathList":[],"buttonVariant":"OUTLINE","text":"Close"},{"widgetName":"Text21","rightColumn":19,"textAlign":"RIGHT","widgetId":"cfmxebyn06","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":7.6865234375,"dynamicTriggerPathList":[],"leftColumn":3,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"genres:"},{"isRequired":true,"widgetName":"insert_col_input1","rightColumn":62,"widgetId":"h1wbbv7alb","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":7.6865234375,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":21,"dynamicBindingPathList":[],"inputType":"TEXT","placeholderText":"genres","defaultText":"","isDisabled":false,"validation":"true"},{"widgetName":"Text22","rightColumn":19,"textAlign":"RIGHT","widgetId":"jsffaxrqhw","topRow":12,"bottomRow":16,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":7.6865234375,"dynamicTriggerPathList":[],"leftColumn":2,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"homepage:"},{"isRequired":true,"widgetName":"insert_col_input2","rightColumn":62,"widgetId":"6enalyprua","topRow":12,"bottomRow":16,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":8.0625,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":21,"dynamicBindingPathList":[],"inputType":"TEXT","defaultText":"","placeholderText":"homepage","isDisabled":false,"validation":"true"},{"widgetName":"Text23","rightColumn":19,"textAlign":"RIGHT","widgetId":"btk60uozsm","topRow":19,"bottomRow":23,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":7.6865234375,"dynamicTriggerPathList":[],"leftColumn":3,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"imdb_id:"},{"isRequired":true,"widgetName":"insert_col_input3","rightColumn":62,"widgetId":"e490gfts69","topRow":19,"bottomRow":23,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":8.0625,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":21,"dynamicBindingPathList":[],"inputType":"TEXT","placeholderText":"imdb_id","defaultText":"","isDisabled":false,"validation":"true"},{"widgetName":"Text14","rightColumn":19,"textAlign":"RIGHT","widgetId":"8fm60omwwv","topRow":26,"bottomRow":30,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":8.0625,"dynamicTriggerPathList":[],"leftColumn":3,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"poster_path:"},{"isRequired":true,"widgetName":"insert_col_input4","rightColumn":62,"widgetId":"r55cydp0ao","topRow":26,"bottomRow":30,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":8.0625,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":21,"dynamicBindingPathList":[],"inputType":"TEXT","placeholderText":"poster_path","defaultText":"","isDisabled":false,"validation":"true"},{"widgetName":"Text13Copy","rightColumn":35,"textAlign":"LEFT","widgetId":"18x7vdv3gs","topRow":0,"bottomRow":4,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"shouldScroll":false,"parentId":"tp9pui0e6y","isLoading":false,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"fontSize":"HEADING1","text":"Insert Row"}]}]}],"isDisabled":false}],"width":532,"height":600},{"widgetName":"Form1","backgroundColor":"white","rightColumn":64,"dynamicPropertyPathList":[{"key":"isVisible"}],"widgetId":"m7dvlazbn7","topRow":0,"bottomRow":46,"parentRowSpace":10,"isVisible":"{{!!data_table.selectedRow._id}}","type":"FORM_WIDGET","parentId":"0","isLoading":false,"shouldScrollContents":true,"parentColumnSpace":18.8828125,"dynamicTriggerPathList":[],"leftColumn":40,"dynamicBindingPathList":[{"key":"isVisible"}],"children":[{"widgetName":"Canvas2","rightColumn":528.71875,"detachFromLayout":true,"widgetId":"cicukwhp5j","containerStyle":"none","topRow":0,"bottomRow":450,"parentRowSpace":1,"isVisible":"true","canExtend":false,"type":"CANVAS_WIDGET","version":1,"parentId":"m7dvlazbn7","minHeight":460,"isLoading":false,"parentColumnSpace":1,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"children":[{"resetFormOnClick":false,"widgetName":"update_button","rightColumn":63,"onClick":"{{UpdateQuery.run(() => FindQuery.run(), () => showAlert('Error while updating resource!','error'))}}","isDefaultClickDisabled":true,"dynamicPropertyPathList":[],"buttonColor":"#03B365","widgetId":"4gnygu5jew","topRow":39,"bottomRow":43,"isVisible":"true","type":"FORM_BUTTON_WIDGET","version":1,"parentId":"cicukwhp5j","isLoading":false,"dynamicTriggerPathList":[{"key":"onClick"}],"disabledWhenInvalid":true,"leftColumn":47,"dynamicBindingPathList":[],"text":"Update"},{"resetFormOnClick":true,"widgetName":"reset_update_button","rightColumn":46,"onClick":"","isDefaultClickDisabled":true,"dynamicPropertyPathList":[],"buttonColor":"#03B365","widgetId":"twwgpz5wfu","topRow":39,"bottomRow":43,"isVisible":"true","type":"FORM_BUTTON_WIDGET","version":1,"parentId":"cicukwhp5j","isLoading":false,"dynamicTriggerPathList":[{"key":"onClick"}],"disabledWhenInvalid":false,"leftColumn":28,"dynamicBindingPathList":[],"buttonVariant":"OUTLINE","text":"Reset"},{"isRequired":true,"widgetName":"update_col_1","rightColumn":63,"widgetId":"in8e51pg3y","topRow":8,"bottomRow":12,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":8.8963623046875,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":19,"dynamicBindingPathList":[{"key":"defaultText"}],"inputType":"TEXT","defaultText":"{{data_table.selectedRow.genres}}","isDisabled":false,"validation":"true"},{"isRequired":true,"widgetName":"update_col_2","rightColumn":63,"widgetId":"mlhvfasf31","topRow":15,"bottomRow":19,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":8.8963623046875,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":19,"dynamicBindingPathList":[{"key":"defaultText"}],"inputType":"TEXT","defaultText":"{{data_table.selectedRow.homepage}}","isDisabled":false,"validation":"true"},{"isRequired":true,"widgetName":"update_col_3","rightColumn":63,"widgetId":"0lz9vhcnr0","topRow":22,"bottomRow":26,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":8.8963623046875,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":19,"dynamicBindingPathList":[{"key":"defaultText"}],"inputType":"TEXT","defaultText":"{{data_table.selectedRow.imdb_id}}","isDisabled":false,"validation":"true"},{"isRequired":true,"widgetName":"update_col_4","rightColumn":63,"widgetId":"m4esf7fww5","topRow":29,"bottomRow":33,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":8.8963623046875,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":19,"dynamicBindingPathList":[{"key":"defaultText"}],"inputType":"TEXT","defaultText":"{{data_table.selectedRow.poster_path}}","isDisabled":false,"validation":"true"},{"widgetName":"Text9","rightColumn":63,"textAlign":"LEFT","widgetId":"4hnz8ktmz5","topRow":0,"bottomRow":6,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":8.8963623046875,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"HEADING1","text":"Update Selected Row"},{"widgetName":"Text17","rightColumn":18,"textAlign":"RIGHT","widgetId":"afzzc7q8af","topRow":8,"bottomRow":12,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":7.15625,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"genres:"},{"widgetName":"Text18","rightColumn":18,"textAlign":"RIGHT","widgetId":"xqcsd2e5dj","topRow":15,"bottomRow":19,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":7.15625,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"homepage:"},{"widgetName":"Text19","rightColumn":18,"textAlign":"RIGHT","widgetId":"l109ilp3vq","topRow":22,"bottomRow":26,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":7.15625,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"imdb_id:"},{"widgetName":"Text20","rightColumn":18,"textAlign":"RIGHT","widgetId":"gqpwf0yng6","topRow":29,"bottomRow":33,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":7.15625,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"poster_path:"}]}]}]},"layoutOnLoadActions":[[{"id":"616d7e429594b25adfa3e580","name":"FindQuery","pluginType":"DB","jsonPathKeys":["key_select.selectedOptionValue","data_table.pageSize","data_table.searchText||\"\"","(data_table.pageNo - 1) * data_table.pageSize","order_select.selectedOptionValue"],"timeoutInMillisecond":10000}]],"new":false}],"userPermissions":["read:pages","manage:pages"],"lastUpdatedTime":1634565699},"successMessage":"We have generated the Table from the MongoDB datasource. You can use the Form to modify it. Since all your data is already connected you can add more queries and modify the bindings","successImageUrl":"https://assets.appsmith.com/crud/working-flow-chart.png"}} \ No newline at end of file +{"responseMeta":{"status":201,"success":true},"data":{"page":{"id":"616d7d4c9594b25adfa3e569","name":"Page3","applicationId":null,"layouts":[{"id":"616d7d4c9594b25adfa3e568","userPermissions":[],"dsl":{"widgetName":"MainContainer","backgroundColor":"none","rightColumn":1280,"snapColumns":64,"detachFromLayout":true,"widgetId":"0","topRow":0,"bottomRow":940,"containerStyle":"none","snapRows":125,"parentRowSpace":1,"type":"CANVAS_WIDGET","canExtend":true,"version":41,"minHeight":860,"parentColumnSpace":1,"dynamicTriggerPathList":[],"dynamicBindingPathList":[],"leftColumn":0,"children":[{"backgroundColor":"#FFFFFF","widgetName":"Container1","rightColumn":40,"widgetId":"mvubsemxfo","containerStyle":"card","topRow":0,"bottomRow":87,"parentRowSpace":10,"isVisible":"true","type":"CONTAINER_WIDGET","version":1,"parentId":"0","isLoading":false,"parentColumnSpace":19.75,"leftColumn":0,"children":[{"widgetName":"Canvas1","rightColumn":632,"detachFromLayout":true,"widgetId":"59rw5mx0bq","containerStyle":"none","topRow":0,"bottomRow":890,"parentRowSpace":1,"isVisible":"true","canExtend":false,"type":"CANVAS_WIDGET","version":1,"parentId":"mvubsemxfo","minHeight":870,"isLoading":false,"parentColumnSpace":1,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"children":[{"widgetName":"data_table","columnOrder":["customColumn1","_id","col4","col2","col3","col1"],"dynamicPropertyPathList":[{"key":"onPageChange"}],"isVisibleDownload":true,"topRow":10,"bottomRow":86,"parentRowSpace":10,"onPageChange":"{{FindQuery.run()}}","type":"TABLE_WIDGET","defaultSelectedRow":"0","parentColumnSpace":1,"dynamicTriggerPathList":[{"key":"onPageChange"},{"key":"primaryColumns.customColumn1.onClick"},{"key":"onSearchTextChanged"}],"dynamicBindingPathList":[{"key":"primaryColumns.customColumn1.buttonLabel"},{"key":"tableData"},{"key":"primaryColumns.col1.computedValue"},{"key":"primaryColumns.col2.computedValue"},{"key":"primaryColumns.col3.computedValue"},{"key":"primaryColumns.col4.computedValue"},{"key":"primaryColumns._id.computedValue"}],"leftColumn":0,"primaryColumns":{"customColumn1":{"isCellVisible":true,"isDerived":true,"computedValue":"","onClick":"{{showModal(Delete_Modal.name)}}","textSize":"PARAGRAPH","buttonColor":"#DD4B34","index":7,"isVisible":true,"label":"Delete","buttonLabel":"{{data_table.sanitizedTableData.map((currentRow) => { return 'Delete'})}}","columnType":"button","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"customColumn1","isDisabled":false,"buttonLabelColor":"#FFFFFF","verticalAlignment":"CENTER"},"col4":{"isCellVisible":true,"isDerived":false,"computedValue":"{{data_table.sanitizedTableData.map((currentRow) => ( currentRow.col4))}}","textSize":"PARAGRAPH","index":3,"isVisible":true,"label":"col4","columnType":"text","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"col4","verticalAlignment":"CENTER"},"_id":{"isCellVisible":true,"isDerived":false,"computedValue":"{{data_table.sanitizedTableData.map((currentRow) => ( currentRow._id))}}","textSize":"PARAGRAPH","index":1,"isVisible":true,"label":"_id","columnType":"text","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"_id","verticalAlignment":"CENTER"},"col2":{"isCellVisible":true,"isDerived":false,"computedValue":"{{data_table.sanitizedTableData.map((currentRow) => ( currentRow.col2))}}","textSize":"PARAGRAPH","index":1,"isVisible":true,"label":"col2","columnType":"text","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"col2","verticalAlignment":"CENTER"},"col3":{"isCellVisible":true,"isDerived":false,"computedValue":"{{data_table.sanitizedTableData.map((currentRow) => ( currentRow.col3))}}","textSize":"PARAGRAPH","index":2,"isVisible":true,"label":"col3","columnType":"text","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"col3","verticalAlignment":"CENTER"},"col1":{"isCellVisible":true,"isDerived":false,"computedValue":"{{data_table.sanitizedTableData.map((currentRow) => ( currentRow.col1))}}","textSize":"PARAGRAPH","index":0,"isVisible":true,"label":"col1","columnType":"text","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"col1","verticalAlignment":"CENTER"}},"delimiter":",","derivedColumns":{"customColumn1":{"isDerived":true,"computedValue":"","onClick":"{{DeleteQuery.run()}}","textSize":"PARAGRAPH","buttonStyle":"#DD4B34","index":7,"isVisible":true,"label":"customColumn1","buttonLabel":"{{data_table.sanitizedTableData.map((currentRow) => { return 'Delete'})}}","columnType":"button","horizontalAlignment":"LEFT","width":150,"enableFilter":true,"enableSort":true,"id":"customColumn1","buttonLabelColor":"#FFFFFF","verticalAlignment":"CENTER"}},"rightColumn":64,"textSize":"PARAGRAPH","widgetId":"jabdu9f16g","isVisibleFilters":true,"tableData":"{{FindQuery.data}}","isVisible":"true","label":"Data","searchKey":"","version":3,"parentId":"59rw5mx0bq","serverSidePaginationEnabled":true,"isLoading":false,"isVisibleCompactMode":true,"onSearchTextChanged":"{{FindQuery.run()}}","horizontalAlignment":"LEFT","isVisibleSearch":true,"isVisiblePagination":true,"verticalAlignment":"CENTER","columnSizeMap":{"task":245,"deliveryAddress":170,"step":62,"id":228,"status":75}},{"isRequired":false,"widgetName":"key_select","isFilterable":true,"rightColumn":22,"dynamicPropertyPathList":[{"key":"isVisible"}],"widgetId":"asmgosgxjm","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"{{FindQuery.data.length > 0}}","label":"","type":"DROP_DOWN_WIDGET","version":1,"parentId":"59rw5mx0bq","isLoading":false,"defaultOptionValue":"genres","parentColumnSpace":18.8828125,"dynamicTriggerPathList":[{"key":"onOptionChange"}],"leftColumn":7,"dynamicBindingPathList":[{"key":"isVisible"}],"options":"[\n{\n\t\"label\": \"poster_path\",\n\t\"value\": \"poster_path\"\n}, \n{\n\t\"label\": \"homepage\",\n\t\"value\": \"homepage\"\n}, \n{\n\t\"label\": \"imdb_id\",\n\t\"value\": \"imdb_id\"\n}, \n{\n\t\"label\": \"genres\",\n\t\"value\": \"genres\"\n}]","onOptionChange":"{{FindQuery.run()}}","isDisabled":false},{"widgetName":"Text15","rightColumn":7,"textAlign":"LEFT","widgetId":"l8pgl90klz","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"59rw5mx0bq","isLoading":false,"parentColumnSpace":19.75,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"Order By :"},{"isRequired":false,"widgetName":"order_select","isFilterable":true,"rightColumn":30,"dynamicPropertyPathList":[{"key":"isVisible"}],"widgetId":"10v8a19m25","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"{{FindQuery.data.length > 0}}","label":"","type":"DROP_DOWN_WIDGET","version":1,"parentId":"59rw5mx0bq","isLoading":false,"defaultOptionValue":"1","parentColumnSpace":19.75,"dynamicTriggerPathList":[{"key":"onOptionChange"}],"leftColumn":22,"dynamicBindingPathList":[{"key":"isVisible"}],"options":"[\n {\n \"label\": \"ASC\",\n \"value\": \"1\"\n },\n {\n \"label\": \"DESC\",\n \"value\": \"-1\"\n }\n]","onOptionChange":"{{FindQuery.run()}}","isDisabled":false},{"widgetName":"Text16","rightColumn":41,"textAlign":"LEFT","widgetId":"urzv99hdc8","topRow":0,"bottomRow":4,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"59rw5mx0bq","isLoading":false,"parentColumnSpace":11.78515625,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"fontSize":"HEADING1","text":"movies Data"},{"boxShadow":"NONE","widgetName":"refresh_btn","rightColumn":64,"onClick":"{{FindQuery.run()}}","iconName":"refresh","buttonColor":"#03B365","widgetId":"nj85l57r47","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"true","type":"ICON_BUTTON_WIDGET","version":1,"parentId":"59rw5mx0bq","isLoading":false,"parentColumnSpace":12.0703125,"dynamicTriggerPathList":[{"key":"onClick"}],"borderRadius":"CIRCLE","leftColumn":60,"dynamicBindingPathList":[],"buttonVariant":"GHOST","isDisabled":false},{"boxShadow":"NONE","widgetName":"add_btn","rightColumn":60,"onClick":"{{showModal(Insert_Modal.name)}}","iconName":"add","buttonColor":"#03B365","widgetId":"atgojamsmw","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"true","type":"ICON_BUTTON_WIDGET","version":1,"parentId":"59rw5mx0bq","isLoading":false,"parentColumnSpace":12.0703125,"dynamicTriggerPathList":[{"key":"onClick"}],"borderRadius":"CIRCLE","leftColumn":56,"dynamicBindingPathList":[],"buttonVariant":"GHOST","isDisabled":false}]}]},{"widgetName":"Delete_Modal","rightColumn":45,"detachFromLayout":true,"widgetId":"i3whp03wf0","topRow":13,"bottomRow":37,"parentRowSpace":10,"canOutsideClickClose":true,"type":"MODAL_WIDGET","canEscapeKeyClose":true,"version":2,"parentId":"0","shouldScrollContents":false,"isLoading":false,"parentColumnSpace":18.8828125,"dynamicTriggerPathList":[],"leftColumn":21,"dynamicBindingPathList":[],"children":[{"widgetName":"Canvas3","rightColumn":453.1875,"detachFromLayout":true,"widgetId":"zi8fjakv8o","topRow":0,"bottomRow":230,"parentRowSpace":1,"isVisible":"true","canExtend":true,"type":"CANVAS_WIDGET","version":1,"parentId":"i3whp03wf0","shouldScrollContents":false,"minHeight":240,"isLoading":false,"parentColumnSpace":1,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"children":[{"widgetName":"Alert_text","rightColumn":41,"textAlign":"LEFT","widgetId":"35yoxo4oec","topRow":1,"bottomRow":5,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"zi8fjakv8o","isLoading":false,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"HEADING1","text":"Delete Row"},{"widgetName":"Button1","rightColumn":46,"onClick":"{{closeModal(Delete_Modal.name)}}","isDefaultClickDisabled":true,"dynamicPropertyPathList":[],"buttonColor":"#03B365","widgetId":"lryg8kw537","topRow":17,"bottomRow":21,"isVisible":"true","type":"BUTTON_WIDGET","version":1,"parentId":"zi8fjakv8o","isLoading":false,"dynamicTriggerPathList":[{"key":"onClick"}],"leftColumn":34,"dynamicBindingPathList":[],"text":"Cancel","isDisabled":false},{"widgetName":"Delete_Button","rightColumn":64,"onClick":"{{DeleteQuery.run(() => FindQuery.run(() => closeModal(Delete_Modal.name)), () => {})}}","isDefaultClickDisabled":true,"dynamicPropertyPathList":[{"key":"onClick"}],"buttonColor":"#F22B2B","widgetId":"qq02lh7ust","topRow":17,"bottomRow":21,"isVisible":"true","type":"BUTTON_WIDGET","version":1,"parentId":"zi8fjakv8o","isLoading":false,"dynamicTriggerPathList":[{"key":"onClick"}],"leftColumn":48,"dynamicBindingPathList":[],"text":"Confirm","isDisabled":false},{"widgetName":"Text12","rightColumn":63,"textAlign":"LEFT","widgetId":"48uac29g6e","topRow":8,"bottomRow":12,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"zi8fjakv8o","isLoading":false,"parentColumnSpace":6.875,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"Are you sure you want to delete this item?"}],"isDisabled":false}],"width":456,"height":240},{"widgetName":"Insert_Modal","rightColumn":41,"detachFromLayout":true,"widgetId":"vmorzie6eq","topRow":16,"bottomRow":40,"parentRowSpace":10,"canOutsideClickClose":true,"type":"MODAL_WIDGET","canEscapeKeyClose":true,"version":2,"parentId":"0","shouldScrollContents":false,"isLoading":false,"parentColumnSpace":18.8828125,"dynamicTriggerPathList":[],"leftColumn":17,"dynamicBindingPathList":[],"children":[{"widgetName":"Canvas4","rightColumn":453.1875,"detachFromLayout":true,"widgetId":"9rhv3ioohq","topRow":0,"bottomRow":610,"parentRowSpace":1,"isVisible":"true","canExtend":true,"type":"CANVAS_WIDGET","version":1,"parentId":"vmorzie6eq","shouldScrollContents":false,"minHeight":600,"isLoading":false,"parentColumnSpace":1,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"children":[{"widgetName":"Form2","backgroundColor":"#F6F7F8","rightColumn":64,"widgetId":"1ruewbc4ef","topRow":0,"bottomRow":58,"parentRowSpace":10,"isVisible":"true","type":"FORM_WIDGET","parentId":"9rhv3ioohq","isLoading":false,"shouldScrollContents":false,"parentColumnSpace":8,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"children":[{"widgetName":"Canvas5","rightColumn":224,"detachFromLayout":true,"widgetId":"tp9pui0e6y","containerStyle":"none","topRow":0,"bottomRow":570,"parentRowSpace":1,"isVisible":"true","canExtend":false,"type":"CANVAS_WIDGET","version":1,"parentId":"1ruewbc4ef","minHeight":580,"isLoading":false,"parentColumnSpace":1,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"children":[{"resetFormOnClick":true,"widgetName":"insert_button","rightColumn":62,"onClick":"{{InsertQuery.run(() => FindQuery.run(() => closeModal(Insert_Modal.name)))}}","isDefaultClickDisabled":true,"dynamicPropertyPathList":[{"key":"onClick"}],"buttonColor":"#03B365","widgetId":"h8vxf3oh4s","topRow":51,"bottomRow":55,"isVisible":"true","type":"FORM_BUTTON_WIDGET","version":1,"parentId":"tp9pui0e6y","isLoading":false,"dynamicTriggerPathList":[{"key":"onClick"}],"disabledWhenInvalid":true,"leftColumn":43,"dynamicBindingPathList":[],"googleRecaptchaKey":"","text":"Submit"},{"resetFormOnClick":true,"widgetName":"reset_button","rightColumn":42,"onClick":"{{closeModal(Insert_Modal.name)}}","isDefaultClickDisabled":true,"buttonColor":"#03B365","widgetId":"o23gs26wm5","topRow":51,"bottomRow":55,"isVisible":"true","type":"FORM_BUTTON_WIDGET","version":1,"parentId":"tp9pui0e6y","isLoading":false,"dynamicTriggerPathList":[{"key":"onClick"}],"disabledWhenInvalid":false,"leftColumn":29,"dynamicBindingPathList":[],"buttonVariant":"OUTLINE","text":"Close"},{"widgetName":"Text21","rightColumn":19,"textAlign":"RIGHT","widgetId":"cfmxebyn06","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":7.6865234375,"dynamicTriggerPathList":[],"leftColumn":3,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"genres:"},{"isRequired":true,"widgetName":"insert_col_input1","rightColumn":62,"widgetId":"h1wbbv7alb","topRow":5,"bottomRow":9,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":7.6865234375,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":21,"dynamicBindingPathList":[],"inputType":"TEXT","placeholderText":"genres","defaultText":"","isDisabled":false,"validation":"true"},{"widgetName":"Text22","rightColumn":19,"textAlign":"RIGHT","widgetId":"jsffaxrqhw","topRow":12,"bottomRow":16,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":7.6865234375,"dynamicTriggerPathList":[],"leftColumn":2,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"homepage:"},{"isRequired":true,"widgetName":"insert_col_input2","rightColumn":62,"widgetId":"6enalyprua","topRow":12,"bottomRow":16,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":8.0625,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":21,"dynamicBindingPathList":[],"inputType":"TEXT","defaultText":"","placeholderText":"homepage","isDisabled":false,"validation":"true"},{"widgetName":"Text23","rightColumn":19,"textAlign":"RIGHT","widgetId":"btk60uozsm","topRow":19,"bottomRow":23,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":7.6865234375,"dynamicTriggerPathList":[],"leftColumn":3,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"imdb_id:"},{"isRequired":true,"widgetName":"insert_col_input3","rightColumn":62,"widgetId":"e490gfts69","topRow":19,"bottomRow":23,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":8.0625,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":21,"dynamicBindingPathList":[],"inputType":"TEXT","placeholderText":"imdb_id","defaultText":"","isDisabled":false,"validation":"true"},{"widgetName":"Text14","rightColumn":19,"textAlign":"RIGHT","widgetId":"8fm60omwwv","topRow":26,"bottomRow":30,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":8.0625,"dynamicTriggerPathList":[],"leftColumn":3,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"poster_path:"},{"isRequired":true,"widgetName":"insert_col_input4","rightColumn":62,"widgetId":"r55cydp0ao","topRow":26,"bottomRow":30,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"tp9pui0e6y","isLoading":false,"parentColumnSpace":8.0625,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":21,"dynamicBindingPathList":[],"inputType":"TEXT","placeholderText":"poster_path","defaultText":"","isDisabled":false,"validation":"true"},{"widgetName":"Text13Copy","rightColumn":35,"textAlign":"LEFT","widgetId":"18x7vdv3gs","topRow":0,"bottomRow":4,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"shouldScroll":false,"parentId":"tp9pui0e6y","isLoading":false,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"fontSize":"HEADING1","text":"Insert Row"}]}]}],"isDisabled":false}],"width":532,"height":600},{"widgetName":"Form1","backgroundColor":"white","rightColumn":64,"dynamicPropertyPathList":[{"key":"isVisible"}],"widgetId":"m7dvlazbn7","topRow":0,"bottomRow":46,"parentRowSpace":10,"isVisible":"{{!!data_table.selectedRow._id}}","type":"FORM_WIDGET","parentId":"0","isLoading":false,"shouldScrollContents":true,"parentColumnSpace":18.8828125,"dynamicTriggerPathList":[],"leftColumn":40,"dynamicBindingPathList":[{"key":"isVisible"}],"children":[{"widgetName":"Canvas2","rightColumn":528.71875,"detachFromLayout":true,"widgetId":"cicukwhp5j","containerStyle":"none","topRow":0,"bottomRow":450,"parentRowSpace":1,"isVisible":"true","canExtend":false,"type":"CANVAS_WIDGET","version":1,"parentId":"m7dvlazbn7","minHeight":460,"isLoading":false,"parentColumnSpace":1,"dynamicTriggerPathList":[],"leftColumn":0,"dynamicBindingPathList":[],"children":[{"resetFormOnClick":false,"widgetName":"update_button","rightColumn":63,"onClick":"{{UpdateQuery.run(() => FindQuery.run(), () => showAlert('Error while updating resource!','error'))}}","isDefaultClickDisabled":true,"dynamicPropertyPathList":[],"buttonColor":"#03B365","widgetId":"4gnygu5jew","topRow":39,"bottomRow":43,"isVisible":"true","type":"FORM_BUTTON_WIDGET","version":1,"parentId":"cicukwhp5j","isLoading":false,"dynamicTriggerPathList":[{"key":"onClick"}],"disabledWhenInvalid":true,"leftColumn":47,"dynamicBindingPathList":[],"text":"Update"},{"resetFormOnClick":true,"widgetName":"reset_update_button","rightColumn":46,"onClick":"","isDefaultClickDisabled":true,"dynamicPropertyPathList":[],"buttonColor":"#03B365","widgetId":"twwgpz5wfu","topRow":39,"bottomRow":43,"isVisible":"true","type":"FORM_BUTTON_WIDGET","version":1,"parentId":"cicukwhp5j","isLoading":false,"dynamicTriggerPathList":[{"key":"onClick"}],"disabledWhenInvalid":false,"leftColumn":28,"dynamicBindingPathList":[],"buttonVariant":"OUTLINE","text":"Reset"},{"isRequired":true,"widgetName":"update_col_1","rightColumn":63,"widgetId":"in8e51pg3y","topRow":8,"bottomRow":12,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":8.8963623046875,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":19,"dynamicBindingPathList":[{"key":"defaultText"}],"inputType":"TEXT","defaultText":"{{data_table.selectedRow.genres}}","isDisabled":false,"validation":"true"},{"isRequired":true,"widgetName":"update_col_2","rightColumn":63,"widgetId":"mlhvfasf31","topRow":15,"bottomRow":19,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":8.8963623046875,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":19,"dynamicBindingPathList":[{"key":"defaultText"}],"inputType":"TEXT","defaultText":"{{data_table.selectedRow.homepage}}","isDisabled":false,"validation":"true"},{"isRequired":true,"widgetName":"update_col_3","rightColumn":63,"widgetId":"0lz9vhcnr0","topRow":22,"bottomRow":26,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":8.8963623046875,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":19,"dynamicBindingPathList":[{"key":"defaultText"}],"inputType":"TEXT","defaultText":"{{data_table.selectedRow.imdb_id}}","isDisabled":false,"validation":"true"},{"isRequired":true,"widgetName":"update_col_4","rightColumn":63,"widgetId":"m4esf7fww5","topRow":29,"bottomRow":33,"parentRowSpace":10,"isVisible":"true","label":"","type":"INPUT_WIDGET_V2","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":8.8963623046875,"dynamicTriggerPathList":[],"resetOnSubmit":true,"leftColumn":19,"dynamicBindingPathList":[{"key":"defaultText"}],"inputType":"TEXT","defaultText":"{{data_table.selectedRow.poster_path}}","isDisabled":false,"validation":"true"},{"widgetName":"Text9","rightColumn":63,"textAlign":"LEFT","widgetId":"4hnz8ktmz5","topRow":0,"bottomRow":6,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":8.8963623046875,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"HEADING1","text":"Update Selected Row"},{"widgetName":"Text17","rightColumn":18,"textAlign":"RIGHT","widgetId":"afzzc7q8af","topRow":8,"bottomRow":12,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":7.15625,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"genres:"},{"widgetName":"Text18","rightColumn":18,"textAlign":"RIGHT","widgetId":"xqcsd2e5dj","topRow":15,"bottomRow":19,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":7.15625,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"homepage:"},{"widgetName":"Text19","rightColumn":18,"textAlign":"RIGHT","widgetId":"l109ilp3vq","topRow":22,"bottomRow":26,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":7.15625,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"imdb_id:"},{"widgetName":"Text20","rightColumn":18,"textAlign":"RIGHT","widgetId":"gqpwf0yng6","topRow":29,"bottomRow":33,"parentRowSpace":10,"isVisible":"true","fontStyle":"BOLD","type":"TEXT_WIDGET","textColor":"#231F20","version":1,"parentId":"cicukwhp5j","isLoading":false,"parentColumnSpace":7.15625,"dynamicTriggerPathList":[],"leftColumn":1,"dynamicBindingPathList":[],"fontSize":"PARAGRAPH","text":"poster_path:"}]}]}]},"layoutOnLoadActions":[[{"id":"616d7e429594b25adfa3e580","name":"FindQuery","pluginType":"DB","jsonPathKeys":["key_select.selectedOptionValue","data_table.pageSize","data_table.searchText||\"\"","(data_table.pageNo - 1) * data_table.pageSize","order_select.selectedOptionValue"],"timeoutInMillisecond":10000}]],"new":false}],"userPermissions":["read:pages","manage:pages"],"lastUpdatedTime":1634565699},"successMessage":"We have generated the Table from the MongoDB datasource. You can use the Form to modify it. Since all your data is already connected you can add more queries and modify the bindings","successImageUrl":"https://assets.appsmith.com/crud/working-flow-chart.png"}} \ No newline at end of file diff --git a/app/client/cypress/fixtures/mySQL_PUT_replaceLayoutWithCRUD.json b/app/client/cypress/fixtures/mySQL_PUT_replaceLayoutWithCRUD.json index 8972f6d52f..3003e41add 100644 --- a/app/client/cypress/fixtures/mySQL_PUT_replaceLayoutWithCRUD.json +++ b/app/client/cypress/fixtures/mySQL_PUT_replaceLayoutWithCRUD.json @@ -134,7 +134,7 @@ "isCellVisible": true, "isDerived": true, "computedValue": "", - "onClick": "{{showModal('Delete_Modal')}}", + "onClick": "{{showModal(Delete_Modal.name)}}", "textSize": "PARAGRAPH", "buttonColor": "#DD4B34", "index": 7.0, @@ -432,7 +432,7 @@ "boxShadow": "NONE", "widgetName": "add_btn", "rightColumn": 60.0, - "onClick": "{{showModal('Insert_Modal')}}", + "onClick": "{{showModal(Insert_Modal.name)}}", "iconName": "add", "buttonColor": "#03B365", "widgetId": "kby34l9nbb", @@ -524,7 +524,7 @@ { "widgetName": "Button1", "rightColumn": 46.0, - "onClick": "{{closeModal('Delete_Modal')}}", + "onClick": "{{closeModal(Delete_Modal.name)}}", "isDefaultClickDisabled": true, "dynamicPropertyPathList": [], "buttonColor": "#03B365", @@ -549,7 +549,7 @@ { "widgetName": "Delete_Button", "rightColumn": 64.0, - "onClick": "{{DeleteQuery.run(() => SelectQuery.run(() => closeModal('Delete_Modal')), () => {})}}", + "onClick": "{{DeleteQuery.run(() => SelectQuery.run(() => closeModal(Delete_Modal.name)), () => {})}}", "isDefaultClickDisabled": true, "dynamicPropertyPathList": [ { @@ -688,7 +688,7 @@ "resetFormOnClick": true, "widgetName": "insert_button", "rightColumn": 62.0, - "onClick": "{{InsertQuery.run(() => SelectQuery.run(() => closeModal('Insert_Modal')))}}", + "onClick": "{{InsertQuery.run(() => SelectQuery.run(() => closeModal(Insert_Modal.name)))}}", "isDefaultClickDisabled": true, "dynamicPropertyPathList": [ { @@ -719,7 +719,7 @@ "resetFormOnClick": true, "widgetName": "reset_button", "rightColumn": 42.0, - "onClick": "{{closeModal('Insert_Modal')}}", + "onClick": "{{closeModal(Insert_Modal.name)}}", "isDefaultClickDisabled": true, "buttonColor": "#03B365", "widgetId": "o23gs26wm5", diff --git a/app/client/cypress/fixtures/tableResizedColumnsDsl.json b/app/client/cypress/fixtures/tableResizedColumnsDsl.json index ead31f7a73..2ac1da30ae 100644 --- a/app/client/cypress/fixtures/tableResizedColumnsDsl.json +++ b/app/client/cypress/fixtures/tableResizedColumnsDsl.json @@ -251,7 +251,7 @@ "customColumn2": { "isDerived": true, "computedValue": "", - "onClick": "{{showModal('Modal2')}}", + "onClick": "{{showModal(Modal2.name)}}", "textSize": "PARAGRAPH2", "buttonStyle": "#38AFF4", "index": 9, @@ -378,7 +378,7 @@ "customColumn2": { "isDerived": true, "computedValue": "", - "onClick": "{{showModal('Modal2')}}", + "onClick": "{{showModal(Modal2.name)}}", "textSize": "PARAGRAPH2", "buttonStyle": "#38AFF4", "index": 9, diff --git a/app/client/cypress/fixtures/tableV2ResizedColumnsDsl.json b/app/client/cypress/fixtures/tableV2ResizedColumnsDsl.json index 1e9bc9d942..1be715bfab 100644 --- a/app/client/cypress/fixtures/tableV2ResizedColumnsDsl.json +++ b/app/client/cypress/fixtures/tableV2ResizedColumnsDsl.json @@ -270,7 +270,7 @@ "customColumn2": { "isDerived": true, "computedValue": "", - "onClick": "{{showModal('Modal2')}}", + "onClick": "{{showModal(Modal2.name)}}", "textSize": "PARAGRAPH2", "buttonStyle": "#38AFF4", "index": 9, @@ -411,7 +411,7 @@ "customColumn2": { "isDerived": true, "computedValue": "", - "onClick": "{{showModal('Modal2')}}", + "onClick": "{{showModal(Modal2.name)}}", "textSize": "PARAGRAPH2", "buttonStyle": "#38AFF4", "index": 9, diff --git a/app/client/cypress/fixtures/uiBindDsl.json b/app/client/cypress/fixtures/uiBindDsl.json index 61780bdff0..9d512c1997 100644 --- a/app/client/cypress/fixtures/uiBindDsl.json +++ b/app/client/cypress/fixtures/uiBindDsl.json @@ -146,7 +146,7 @@ "bottomRow": 1, "parentId": "cwamdbv44c", "widgetId": "t3sjfihdb1", - "onClick": "{{closeModal('Modal1')}}" + "onClick": "{{closeModal(Modal1.name)}}" }, { "isVisible": true, diff --git a/app/client/packages/ast/index.ts b/app/client/packages/ast/index.ts index 60e86927a5..d5dfb3d145 100644 --- a/app/client/packages/ast/index.ts +++ b/app/client/packages/ast/index.ts @@ -4,6 +4,7 @@ import type { MemberExpressionData, IdentifierInfo, AssignmentExpressionData, + CallExpressionData, } from "./src"; import { isIdentifierNode, @@ -83,6 +84,7 @@ export type { AssignmentExpressionData, JSVarProperty, JSFunctionProperty, + CallExpressionData, }; export { diff --git a/app/client/packages/ast/src/actionCreator/index.ts b/app/client/packages/ast/src/actionCreator/index.ts index f3b89c53ff..32b9c0c6c9 100644 --- a/app/client/packages/ast/src/actionCreator/index.ts +++ b/app/client/packages/ast/src/actionCreator/index.ts @@ -466,6 +466,14 @@ export const getModalName = ( switch (argument?.type) { case NodeTypes.Literal: modalName = argument.value as string; + break; + case NodeTypes.MemberExpression: + // this is for cases where we have {{showModal(Modal1.name)}} or {{closeModal(Modal1.name)}} + // modalName = Modal1.name; + modalName = generate(argument, { + comments: true, + }).trim(); + break; } } @@ -509,7 +517,7 @@ export const setModalName = ( const newNode: LiteralNode = { type: NodeTypes.Literal, value: `${changeValue}`, - raw: String.raw`'${changeValue}'`, + raw: String.raw`${changeValue}`, start: startPosition, // add 2 for quotes end: startPosition + (changeValue.length + LENGTH_OF_QUOTES), diff --git a/app/client/packages/ast/src/index.ts b/app/client/packages/ast/src/index.ts index 9b88786a2e..da11d206e8 100644 --- a/app/client/packages/ast/src/index.ts +++ b/app/client/packages/ast/src/index.ts @@ -592,6 +592,11 @@ export interface AssignmentExpressionData { parentNode: NodeWithLocation; } +export interface CallExpressionData { + property: NodeWithLocation; + params: NodeWithLocation[]; +} + export interface AssignmentExpressionNode extends Node { operator: string; left: Expression; @@ -622,8 +627,10 @@ export const extractExpressionsFromCode = ( ): { invalidTopLevelMemberExpressionsArray: MemberExpressionData[]; assignmentExpressionsData: AssignmentExpressionData[]; + callExpressionsData: CallExpressionData[]; } => { const assignmentExpressionsData = new Set(); + const callExpressionsData = new Set(); const invalidTopLevelMemberExpressions = new Set(); const variableDeclarations = new Set(); let functionalParams = new Set(); @@ -638,6 +645,7 @@ export const extractExpressionsFromCode = ( return { invalidTopLevelMemberExpressionsArray: [], assignmentExpressionsData: [], + callExpressionsData: [], }; } throw e; @@ -717,6 +725,14 @@ export const extractExpressionsFromCode = ( parentNode: node, } as AssignmentExpressionData); }, + CallExpression(node: Node) { + if (isCallExpressionNode(node) && isIdentifierNode(node.callee)) { + callExpressionsData.add({ + property: node.callee, + params: node.arguments, + } as CallExpressionData); + } + }, }); const invalidTopLevelMemberExpressionsArray = Array.from( @@ -731,6 +747,7 @@ export const extractExpressionsFromCode = ( return { invalidTopLevelMemberExpressionsArray, assignmentExpressionsData: [...assignmentExpressionsData], + callExpressionsData: [...callExpressionsData], }; }; diff --git a/app/client/src/ce/utils/autocomplete/EntityDefinitions.ts b/app/client/src/ce/utils/autocomplete/EntityDefinitions.ts index 81bfb9884a..30a5c87ea5 100644 --- a/app/client/src/ce/utils/autocomplete/EntityDefinitions.ts +++ b/app/client/src/ce/utils/autocomplete/EntityDefinitions.ts @@ -286,10 +286,10 @@ export const ternDocsInfo: Record = { ], }, showModal: { - exampleArgs: ["'Modal1'"], + exampleArgs: ["Modal1.name"], }, closeModal: { - exampleArgs: ["'Modal1'"], + exampleArgs: ["Modal1.name"], }, navigateTo: { exampleArgs: [ diff --git a/app/client/src/components/editorComponents/ActionCreator/Field/FieldConfig.ts b/app/client/src/components/editorComponents/ActionCreator/Field/FieldConfig.ts index 8e50e8d4e5..162f1a190d 100644 --- a/app/client/src/components/editorComponents/ActionCreator/Field/FieldConfig.ts +++ b/app/client/src/components/editorComponents/ActionCreator/Field/FieldConfig.ts @@ -369,7 +369,7 @@ export const FIELD_CONFIG: AppsmithFunctionConfigType = { label: () => "Modal name", options: (props: FieldProps) => props.modalDropdownList, defaultText: "Select modal", - exampleText: "showModal('Modal1')", + exampleText: "showModal(Modal1.name)", getter: (value: any) => { return modalGetter(value); }, @@ -382,7 +382,7 @@ export const FIELD_CONFIG: AppsmithFunctionConfigType = { label: () => "Modal name", options: (props: FieldProps) => props.modalDropdownList, defaultText: "Select modal", - exampleText: "closeModal('Modal1')", + exampleText: "closeModal(Modal1.name)", getter: (value: any) => { return modalGetter(value); }, diff --git a/app/client/src/components/editorComponents/ActionCreator/FieldGroup/FieldGroupConfig.ts b/app/client/src/components/editorComponents/ActionCreator/FieldGroup/FieldGroupConfig.ts index 42924889ce..477713add2 100644 --- a/app/client/src/components/editorComponents/ActionCreator/FieldGroup/FieldGroupConfig.ts +++ b/app/client/src/components/editorComponents/ActionCreator/FieldGroup/FieldGroupConfig.ts @@ -70,7 +70,7 @@ export const FIELD_GROUP_CONFIG: FieldGroupConfig = { [AppsmithFunction.showModal]: { label: createMessage(SHOW_MODAL), fields: [FieldType.SHOW_MODAL_FIELD], - defaultParams: `''`, + defaultParams: ``, icon: "show-modal", }, [AppsmithFunction.closeModal]: { diff --git a/app/client/src/components/editorComponents/ActionCreator/helpers.tsx b/app/client/src/components/editorComponents/ActionCreator/helpers.tsx index fe00c897ca..6f390850fb 100644 --- a/app/client/src/components/editorComponents/ActionCreator/helpers.tsx +++ b/app/client/src/components/editorComponents/ActionCreator/helpers.tsx @@ -378,7 +378,7 @@ export function useModalDropdownList(handleClose: () => void) { const modalName = nextModalName; if (setter) { setter({ - value: `${modalName}`, + value: `${modalName}.name`, }); dispatch(createModalAction(modalName)); handleClose(); diff --git a/app/client/src/components/editorComponents/ActionCreator/utils.test.ts b/app/client/src/components/editorComponents/ActionCreator/utils.test.ts index 090215c991..e22362f4fe 100644 --- a/app/client/src/components/editorComponents/ActionCreator/utils.test.ts +++ b/app/client/src/components/editorComponents/ActionCreator/utils.test.ts @@ -246,26 +246,26 @@ describe("Test modalSetter", () => { { index: 1, input: "{{showModal('')}}", - expected: "{{showModal('Modal1');}}", - value: "Modal1", + expected: "{{showModal(Modal1.name);}}", + value: "Modal1.name", }, { index: 2, - input: "{{showModal('Modal1')}}", - expected: "{{showModal('Modal2');}}", - value: "Modal2", + input: "{{showModal(Modal1.name)}}", + expected: "{{showModal(Modal2.name);}}", + value: "Modal2.name", }, { index: 3, input: "{{closeModal('')}}", - expected: "{{closeModal('Modal1');}}", - value: "Modal1", + expected: "{{closeModal(Modal1.name);}}", + value: "Modal1.name", }, { index: 4, - input: "{{closeModal('Modal1')}}", - expected: "{{closeModal('Modal2');}}", - value: "Modal2", + input: "{{closeModal(Modal1.name)}}", + expected: "{{closeModal(Modal2.name);}}", + value: "Modal2.name", }, ]; test.each(cases.map((x) => [x.index, x.input, x.expected, x.value]))( @@ -286,17 +286,27 @@ describe("Test modalGetter", () => { }, { index: 2, - input: "{{showModal('Modal1')}}", - expected: "Modal1", + input: "{{showModal(Modal1.name)}}", + expected: "Modal1.name", }, { index: 3, + input: '{{showModal("Modal1")}}', + expected: "Modal1", + }, + { + index: 4, input: "{{closeModal('')}}", expected: "", }, { - index: 4, - input: "{{closeModal('Modal1')}}", + index: 5, + input: "{{closeModal(Modal1.name)}}", + expected: "Modal1.name", + }, + { + index: 6, + input: '{{closeModal("Modal1")}}', expected: "Modal1", }, ]; diff --git a/app/client/src/components/editorComponents/ActionCreator/viewComponents/ActionBlockTree/utils.tsx b/app/client/src/components/editorComponents/ActionCreator/viewComponents/ActionBlockTree/utils.tsx index 8e2193bd6e..541fdd26da 100644 --- a/app/client/src/components/editorComponents/ActionCreator/viewComponents/ActionBlockTree/utils.tsx +++ b/app/client/src/components/editorComponents/ActionCreator/viewComponents/ActionBlockTree/utils.tsx @@ -149,12 +149,14 @@ function getActionHeading( case AppsmithFunction.showModal: return ( - FIELD_CONFIG[FieldType.SHOW_MODAL_FIELD].getter(code) || "Select modal" + FIELD_CONFIG[FieldType.SHOW_MODAL_FIELD].getter(code).split(".")[0] || + "Select modal" ); case AppsmithFunction.closeModal: return ( - FIELD_CONFIG[FieldType.CLOSE_MODAL_FIELD].getter(code) || "Select modal" + FIELD_CONFIG[FieldType.CLOSE_MODAL_FIELD].getter(code).split(".")[0] || + "Select modal" ); case AppsmithFunction.resetWidget: diff --git a/app/client/src/plugins/Linting/constants.ts b/app/client/src/plugins/Linting/constants.ts index 506fe6f567..e04d8e93f7 100644 --- a/app/client/src/plugins/Linting/constants.ts +++ b/app/client/src/plugins/Linting/constants.ts @@ -42,6 +42,7 @@ export const WARNING_LINT_ERRORS = { W014: "Misleading line break before '{a}'; readers may interpret this as an expression boundary.", ASYNC_FUNCTION_BOUND_TO_SYNC_FIELD: "Cannot execute async code on functions bound to data fields", + ACTION_MODAL_STRING: 'Use Modal1.name instead of "Modal" as a string', }; export function asyncActionInSyncFieldLintMessage(isJsObject = false) { @@ -66,6 +67,8 @@ export enum CustomLintErrorCode { INVALID_WIDGET_PROPERTY_SETTER = "INVALID_WIDGET_PROPERTY_SETTER", // appsmith.store.value = "test" INVALID_APPSMITH_STORE_PROPERTY_SETTER = "INVALID_APPSMITH_STORE_PROPERTY_SETTER", + // showModal("Modal1") + ACTION_MODAL_STRING = "ACTION_MODAL_STRING", } export const CUSTOM_LINT_ERRORS: Record< @@ -115,4 +118,7 @@ export const CUSTOM_LINT_ERRORS: Record< [CustomLintErrorCode.INVALID_APPSMITH_STORE_PROPERTY_SETTER]: () => { return "Use storeValue() method to modify the store"; }, + [CustomLintErrorCode.ACTION_MODAL_STRING]: (modalName: string) => { + return `Use ${modalName}.name instead of "${modalName}" as a string`; + }, }; diff --git a/app/client/src/plugins/Linting/utils/getLintingErrors.ts b/app/client/src/plugins/Linting/utils/getLintingErrors.ts index abc7adfb0c..4cacfcb923 100644 --- a/app/client/src/plugins/Linting/utils/getLintingErrors.ts +++ b/app/client/src/plugins/Linting/utils/getLintingErrors.ts @@ -6,6 +6,7 @@ import { get, isEmpty, isNumber, keys } from "lodash"; import type { MemberExpressionData, AssignmentExpressionData, + CallExpressionData, } from "@shared/ast"; import { extractExpressionsFromCode, @@ -384,6 +385,7 @@ function getCustomErrorsFromScript( ): LintError[] { let invalidTopLevelMemberExpressions: MemberExpressionData[] = []; let assignmentExpressions: AssignmentExpressionData[] = []; + let callExpressions: CallExpressionData[] = []; try { const value = extractExpressionsFromCode( script, @@ -393,6 +395,7 @@ function getCustomErrorsFromScript( invalidTopLevelMemberExpressions = value.invalidTopLevelMemberExpressionsArray; assignmentExpressions = value.assignmentExpressionsData; + callExpressions = value.callExpressionsData; } catch (e) {} const invalidWidgetPropertySetterErrors = @@ -422,10 +425,18 @@ function getCustomErrorsFromScript( data, }); + const invalidActionModalErrors = getActionModalStringValueErrors({ + callExpressions, + script, + scriptPos, + originalBinding, + }); + return [ ...invalidPropertyErrors, ...invalidWidgetPropertySetterErrors, ...invalidAppsmithStorePropertyErrors, + ...invalidActionModalErrors, ]; } @@ -455,3 +466,57 @@ function getPositionInEvaluationScript(type: EvaluationScriptType): Position { return { line: lines.length, ch: lastLine.length }; } + +function getActionModalStringValueErrors({ + callExpressions, + originalBinding, + script, + scriptPos, +}: { + callExpressions: CallExpressionData[]; + scriptPos: Position; + originalBinding: string; + script: string; +}) { + const actionModalLintErrors: LintError[] = []; + + for (const { params, property } of callExpressions) { + if (property.name === "showModal" || property.name === "closeModal") { + if (params[0] && isLiteralNode(params[0])) { + const lintErrorMessage = CUSTOM_LINT_ERRORS[ + CustomLintErrorCode.ACTION_MODAL_STRING + ](params[0].value); + const callExpressionsString = generate(params[0]); + + // line position received after AST parsing is 1 more than the actual line of code, hence we subtract 1 to get the actual line number + const objectStartLine = params[0].loc.start.line - 1; + + // AST parsing start column position from index 0 whereas codemirror start ch position from index 1, hence we add 1 to get the actual ch position + const objectStartCol = params[0].loc.start.column + 1; + + actionModalLintErrors.push({ + errorType: PropertyEvaluationErrorType.LINT, + raw: script, + severity: getLintSeverity( + CustomLintErrorCode.ACTION_MODAL_STRING, + lintErrorMessage, + ), + errorMessage: { + name: "LintingError", + message: lintErrorMessage, + }, + errorSegment: callExpressionsString, + originalBinding, + variables: [callExpressionsString, null, null], + code: CustomLintErrorCode.ACTION_MODAL_STRING, + line: objectStartLine - scriptPos.line, + ch: + objectStartLine === scriptPos.line + ? objectStartCol - scriptPos.ch + : objectStartCol, + }); + } + } + } + return actionModalLintErrors; +} diff --git a/app/client/src/selectors/widgetSelectors.ts b/app/client/src/selectors/widgetSelectors.ts index ea276eaf47..f11d91f3fd 100644 --- a/app/client/src/selectors/widgetSelectors.ts +++ b/app/client/src/selectors/widgetSelectors.ts @@ -65,7 +65,7 @@ export const getModalDropdownList = createSelector( return modalWidgets.map((widget: FlattenedWidgetProps) => ({ id: widget.widgetId, label: widget.widgetName, - value: `${widget.widgetName}`, + value: `${widget.widgetName}.name`, })); }, ); diff --git a/app/client/src/utils/testDSLs.ts b/app/client/src/utils/testDSLs.ts index 1b49e7e506..02fb9a2deb 100644 --- a/app/client/src/utils/testDSLs.ts +++ b/app/client/src/utils/testDSLs.ts @@ -3532,7 +3532,7 @@ export const originalDSLForDSLMigrations = { { boxShadow: "none", widgetName: "IconButton6", - onClick: "{{closeModal('Modal1')}}", + onClick: "{{closeModal(Modal1.name)}}", buttonColor: "{{appsmith.theme.colors.primaryColor}}", displayName: "Icon button", iconSVG: "/static/media/icon.1a0c634a.svg", diff --git a/app/client/src/widgets/ModalWidget/widget/index.tsx b/app/client/src/widgets/ModalWidget/widget/index.tsx index ce4db6374b..8aaebeb0c0 100644 --- a/app/client/src/widgets/ModalWidget/widget/index.tsx +++ b/app/client/src/widgets/ModalWidget/widget/index.tsx @@ -3,7 +3,7 @@ import { EventType } from "constants/AppsmithActionConstants/ActionConstants"; import type { RenderMode } from "constants/WidgetConstants"; import { GridDefaults } from "constants/WidgetConstants"; import { ValidationTypes } from "constants/WidgetValidation"; -import type { Stylesheet } from "entities/AppTheming"; +import type { SetterConfig, Stylesheet } from "entities/AppTheming"; import { SelectionRequestType } from "sagas/WidgetSelectUtils"; import { FlexLayerAlignment, @@ -178,7 +178,7 @@ export class ModalWidget extends BaseWidget { { widgetId: iconChild.widgetId, propertyName: "onClick", - propertyValue: `{{closeModal('${parent.widgetName}')}}`, + propertyValue: `{{closeModal(${parent.widgetName}.name);}}`, }, ]; } @@ -204,7 +204,7 @@ export class ModalWidget extends BaseWidget { { widgetId: cancelBtnChild.widgetId, propertyName: "onClick", - propertyValue: `{{closeModal('${parent.widgetName}')}}`, + propertyValue: `{{closeModal(${parent.widgetName}.name);}}`, }, ]; } @@ -359,6 +359,22 @@ export class ModalWidget extends BaseWidget { static getAutocompleteDefinitions(): AutocompletionDefinitions { return { isVisible: DefaultAutocompleteDefinitions.isVisible, + name: { + "!type": "string", + "!doc": "Returns the modal name", + }, + }; + } + + static getDerivedPropertiesMap() { + return { + name: "{{this.widgetName}}", + }; + } + + static getSetterConfig(): SetterConfig { + return { + __setters: {}, }; } diff --git a/app/client/test/factories/Widgets/ModalFactory.ts b/app/client/test/factories/Widgets/ModalFactory.ts index 8deeb7071c..4584f6085b 100644 --- a/app/client/test/factories/Widgets/ModalFactory.ts +++ b/app/client/test/factories/Widgets/ModalFactory.ts @@ -199,7 +199,7 @@ export const ModalFactory = Factory.Sync.makeFactory({ { widgetName: "Icon1", rightColumn: 16, - onClick: "{{closeModal('TestModal')}}", + onClick: "{{closeModal(TestModal.name)}}", color: "#040627", iconName: "cross", widgetId: "n5fc0ven2a",