From a51e78467ce5a8dcfef4df9d8e7b80c8c74d6d5c Mon Sep 17 00:00:00 2001 From: Vijetha-Kaja Date: Fri, 15 Sep 2023 21:20:00 +0530 Subject: [PATCH] test: Cypress - Modal, Radio widget automation (#27330) ## Description - Automated Modal and Radio widget test cases mentioned in https://github.com/appsmithorg/TestSmith/issues/2515 https://github.com/appsmithorg/TestSmith/issues/2514 ## Type of change - Automation ## How Has This Been Tested? - Cypress test runs ## Checklist: ### QA activity: - [ ] Test plan has been approved by relevant developers - [ ] Test plan has been peer reviewed by QA - [ ] Cypress test cases have been added and approved by either SDET or manual QA - [ ] Organized project review call with relevant stakeholders after Round 1/2 of QA - [ ] Added Test Plan Approved label after reveiwing all Cypress test --- .../Modal/Modal_Widget_With_Button_spec.ts | 2 +- .../ClientSide/Widgets/Modal/Modal_spec.ts | 371 + .../ClientSide/Widgets/Radio/Radio2_spec.ts | 412 + .../Widgets/Rating/Rating_Widget_spec.ts | 2 +- .../cypress/fixtures/modalWidgetTestApp.json | 7571 +++++++++++++++++ app/client/cypress/locators/WidgetLocators.ts | 5 + .../cypress/support/Pages/AggregateHelper.ts | 4 +- .../cypress/support/Pages/PropertyPane.ts | 2 +- 8 files changed, 8364 insertions(+), 5 deletions(-) create mode 100644 app/client/cypress/e2e/Regression/ClientSide/Widgets/Modal/Modal_spec.ts create mode 100644 app/client/cypress/e2e/Regression/ClientSide/Widgets/Radio/Radio2_spec.ts create mode 100644 app/client/cypress/fixtures/modalWidgetTestApp.json diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Modal/Modal_Widget_With_Button_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Modal/Modal_Widget_With_Button_spec.ts index 2bc34d568b..500e52dc55 100644 --- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Modal/Modal_Widget_With_Button_spec.ts +++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Modal/Modal_Widget_With_Button_spec.ts @@ -14,7 +14,7 @@ describe("Modal Widget with auto-layout usecases", function () { _.entityExplorer.DragDropWidgetNVerify(_.draggableWidgets.INPUT_V2, 10, 20); _.entityExplorer.DragDropWidgetNVerify(_.draggableWidgets.BUTTON, 20, 30); _.agHelper.AssertElementAbsence(_.locators._modal); - _.propPane.CreateModal("Modal1", "onClick"); + _.propPane.CreateModal("onClick"); _.agHelper.GetNClick(_.locators._closeModal, 0, true, 0); _.agHelper.AssertElementExist(_.locators._widgetInCanvas("inputwidgetv2")); _.agHelper.AssertElementExist( 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 new file mode 100644 index 0000000000..f0030bb8eb --- /dev/null +++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Modal/Modal_spec.ts @@ -0,0 +1,371 @@ +import { + agHelper, + assertHelper, + deployMode, + draggableWidgets, + entityExplorer, + homePage, + locators, + propPane, + table, +} from "../../../../../support/Objects/ObjectsCore"; + +describe("Modal Widget test cases", function () { + const image = (src: string) => 'img[src="' + src + '"]'; + const jpgImg = "https://jpeg.org/images/jpegsystems-home.jpg"; + const gifImg = + "https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/5eeea355389655.59822ff824b72.gif"; + + it("1. Modal widget functionality", () => { + entityExplorer.DragDropWidgetNVerify(draggableWidgets.BUTTON); + entityExplorer.DragDropWidgetNVerify(draggableWidgets.MODAL, 300, 300); + entityExplorer.SelectEntityByName("Button1"); + propPane.EnterJSContext("onClick", "{{showModal('Modal1');}}"); + deployMode.DeployApp(locators._widgetInDeployed(draggableWidgets.BUTTON)); + agHelper.Sleep(); //Wait for widgets to settle + + //Verify that the Modal widget opens correctly when configured on a button click. + agHelper.ClickButton("Submit"); + agHelper.AssertElementVisibility(locators._modal); + + //Verify that the Modal widget is closed and no longer visible on the screen on clicking the "X" button. + agHelper.AssertElementVisibility( + locators._widgetInDeployed(draggableWidgets.ICONBUTTON), + ); + agHelper.GetNClick(locators._widgetInDeployed(draggableWidgets.ICONBUTTON)); + agHelper.AssertElementAbsence(locators._modal); + + //Verify that clicking outside the Modal widget closes it as expected when Quick dismiss is enabled + agHelper.ClickButton("Submit"); + agHelper.AssertElementVisibility(locators._modal); + agHelper.ClickOutside(350, 150, false); + agHelper.Sleep(); + agHelper.AssertElementAbsence(locators._modal); + }); + + it("2. Verify that multiple Modal widgets can be opened simultaneously.", () => { + deployMode.NavigateBacktoEditor(); + entityExplorer.SelectEntityByName("Button1"); + propPane.ToggleJSMode("onClick", false); + propPane.CreateModal("onClick"); + propPane.CreateModal("onClick"); + deployMode.DeployApp(locators._widgetInDeployed(draggableWidgets.BUTTON)); + + agHelper.ClickButton("Submit"); + agHelper.AssertElementLength(locators._modal, 3); + agHelper.AssertElementVisibility(locators._modal, true, 2); + agHelper.GetNClick( + locators._widgetInDeployed(draggableWidgets.ICONBUTTON), + 2, + ); + agHelper.AssertElementVisibility(locators._modal, true, 1); + agHelper.GetNClick( + locators._widgetInDeployed(draggableWidgets.ICONBUTTON), + 1, + ); + agHelper.AssertElementVisibility(locators._modal); + agHelper.GetNClick(locators._widgetInDeployed(draggableWidgets.ICONBUTTON)); + agHelper.AssertElementAbsence(locators._modal); + }); + + it("3. Verify that scroll appears when there are multiple widgets in modal", () => { + agHelper.ClickButton("Submit"); + agHelper.AssertProperty(locators._modal, "scrollTop", 0); + deployMode.NavigateBacktoEditor(); + homePage.NavigateToHome(); + + //Contains modal with couple of widgets(image, text, select, input, table, container, icon button, json form , list, tab) + homePage.ImportApp("modalWidgetTestApp.json"); + entityExplorer.SelectEntityByName("Modal1", "Widgets"); + + //Auto height + propPane.AssertPropertiesDropDownValues("Height", ["Auto Height", "Fixed"]); + propPane.AssertPropertiesDropDownCurrentValue("Height", "Auto Height"); + + deployMode.DeployApp(locators._widgetInDeployed(draggableWidgets.BUTTON)); + + agHelper.ClickButton("Submit"); + agHelper.AssertElementVisibility(locators._modal); + agHelper.AssertElementVisibility( + locators._modal + + " " + + locators._widgetInDeployed(draggableWidgets.IMAGE), + ); + agHelper.AssertElementVisibility( + locators._modal + + " " + + locators._widgetInDeployed(draggableWidgets.LIST_V2), + ); + agHelper + .GetElement(locators._modal) + .invoke("scrollTop") + .should("be.greaterThan", 400); + agHelper.ScrollTo(locators._modal, "bottom"); + agHelper.AssertElementVisibility( + locators._modal + + " " + + locators._widgetInDeployed(draggableWidgets.TABLE), + ); + + deployMode.NavigateBacktoEditor(); + + //Fixed height + entityExplorer.SelectEntityByName("Modal1", "Widgets"); + propPane.SelectPropertiesDropDown("Height", "Fixed"); + deployMode.DeployApp(locators._widgetInDeployed(draggableWidgets.BUTTON)); + agHelper.ClickButton("Submit"); + agHelper.AssertElementVisibility(locators._modal); + + //Verify that a fixed canvas size is visible when height is selected as Fixed + agHelper.AssertProperty(locators._modal, "offsetHeight", 1094); + agHelper.AssertProperty(locators._modal, "offsetWidth", 456); + agHelper.AssertElementVisibility( + locators._modal + + " " + + locators._widgetInDeployed(draggableWidgets.IMAGE), + ); + agHelper.AssertElementVisibility( + locators._modal + + " " + + locators._widgetInDeployed(draggableWidgets.LIST_V2), + ); + agHelper + .GetElement(locators._modal) + .invoke("scrollTop") + .should("be.greaterThan", 400); + agHelper.ScrollTo(locators._modal, "bottom"); + agHelper.AssertElementVisibility( + locators._modal + + " " + + locators._widgetInDeployed(draggableWidgets.TABLE), + ); + }); + + it("4. Verify that multiple widgets within the Modal widget can communicate without errors.", () => { + agHelper.ScrollTo(locators._modal, "top"); + + //Assert all the widgets in modal are visible + agHelper.AssertElementVisibility( + locators._modal + + " " + + locators._widgetInDeployed(draggableWidgets.INPUT_V2), + ); + agHelper.AssertElementVisibility( + locators._modal + + " " + + locators._widgetInDeployed(draggableWidgets.SELECT), + ); + agHelper.AssertElementVisibility( + locators._modal + " " + locators._widgetInDeployed(draggableWidgets.TEXT), + ); + agHelper.AssertElementVisibility( + locators._modal + + " " + + locators._widgetInDeployed(draggableWidgets.IMAGE), + ); + agHelper.AssertElementVisibility( + locators._modal + + " " + + locators._widgetInDeployed(draggableWidgets.LIST_V2), + ); + agHelper.AssertElementVisibility( + locators._modal + + " " + + locators._widgetInDeployed(draggableWidgets.JSONFORM), + ); + + //Verify that complex layouts with nested widgets are displayed correctly within the Modal widget. + agHelper.AssertElementVisibility( + locators._modal + + " " + + locators._widgetInDeployed(draggableWidgets.CONTAINER), + ); + agHelper.AssertElementVisibility( + locators._modal + + " " + + locators._widgetInDeployed(draggableWidgets.CONTAINER) + + " " + + locators._widgetInDeployed(draggableWidgets.ICONBUTTON), + ); + agHelper.AssertElementVisibility( + locators._modal + + " " + + locators._widgetInDeployed(draggableWidgets.CONTAINER) + + " " + + locators._widgetInDeployed(draggableWidgets.TAB), + ); + agHelper.AssertElementVisibility( + locators._modal + + " " + + locators._widgetInDeployed(draggableWidgets.CONTAINER) + + " " + + locators._widgetInDeployed(draggableWidgets.TAB) + + " " + + locators._widgetInDeployed(draggableWidgets.TABLE), + ); + + //Input + agHelper.TypeText( + locators._widgetInDeployed(draggableWidgets.INPUT_V2) + " input", + "test", + ); + + //Validate input widget binding to select dropdown + agHelper.SelectDropDown("test1"); + agHelper.ReadSelectedDropDownValue().then(($selectedValue) => { + expect($selectedValue).to.eq("test1"); + }); + agHelper.SelectDropDown("test2"); + agHelper.ReadSelectedDropDownValue().then(($selectedValue) => { + expect($selectedValue).to.eq("test2"); + }); + + //Image + agHelper.AssertElementExist(image(gifImg)); + + //List + agHelper.AssertElementExist(image(jpgImg)); + agHelper.AssertElementLength(image(jpgImg), 3); + agHelper.GetNAssertContains( + locators._widgetInDeployed(draggableWidgets.TEXT), + "Blue", + ); + agHelper.GetNAssertContains( + locators._widgetInDeployed(draggableWidgets.TEXT), + "Green", + ); + agHelper.GetNAssertContains( + locators._widgetInDeployed(draggableWidgets.TEXT), + "Red", + ); + + //JSON Form + agHelper.TypeText(locators._jsonFormInputField("name"), "test user"); + agHelper.TypeText( + locators._jsonFormInputField("date_of_birth"), + "12/03/1999", + ); + agHelper.TypeText(locators._jsonFormInputField("employee_id"), "1234"); + agHelper.ClickButton("Submit", 1); + agHelper.ValidateToastMessage("Form submitted!"); + + //Nested widgets + //Icon button + agHelper.GetNClick( + locators._widgetInDeployed(draggableWidgets.ICONBUTTON), + 1, + ); + assertHelper + .WaitForNetworkCall("@postExecute") + .then((interception: any) => { + agHelper.Sleep(); + + const name = interception.response.body.data.body[0].name; + agHelper.ValidateToastMessage("Executed api!"); + + //Tab + agHelper.GetNClick(propPane._tabId1); + + //Table + table.SearchTable(name); + table.ReadTableRowColumnData(0, 5, "v2").then(($cellData) => { + expect($cellData).to.contain(name); + }); + table.SelectTableRow(0, 0, true, "v2"); + + //Text + agHelper.ScrollTo(locators._modal, "top"); + agHelper.AssertContains( + name, + "be.visible", + locators._modal + + " " + + locators._widgetInDeployed(draggableWidgets.TEXT), + ); + }); + }); + + it("5. Verify that the Modal widget opens correctly when configured on various events for different widget types.", () => { + agHelper.GetNClick(locators._widgetInDeployed(draggableWidgets.ICONBUTTON)); + agHelper.AssertElementAbsence(locators._modal); + + //Select - onOptionChanged + agHelper.SelectDropDown("Red"); + agHelper.AssertElementVisibility(locators._modal); + agHelper.AssertContains("Option changed!", "be.visible", locators._modal); + agHelper.GetNClick(locators._widgetInDeployed(draggableWidgets.ICONBUTTON)); + + //List - onItemClick + agHelper.GetNClick(locators._widgetInDeployed(draggableWidgets.LIST_V2)); + agHelper.AssertContains( + "List Item Clicked!", + "be.visible", + locators._modal, + ); + agHelper.GetNClick(locators._widgetInDeployed(draggableWidgets.ICONBUTTON)); + + //Table - onSearchTextChanged + table.SearchTable("test"); + agHelper.AssertContains( + "Table search value changed!", + "be.visible", + locators._modal, + ); + agHelper.GetNClick(locators._widgetInDeployed(draggableWidgets.ICONBUTTON)); + + //JSON Form - onSubmit + agHelper.TypeText(locators._jsonFormInputField("name"), "test user"); + agHelper.TypeText( + locators._jsonFormInputField("date_of_birth"), + "12/03/1999", + ); + agHelper.TypeText(locators._jsonFormInputField("employee_id"), "1234"); + agHelper.ClickButton("Submit", 1); + agHelper.AssertContains("Form submitted!", "be.visible", locators._modal); + agHelper.GetNClick(locators._widgetInDeployed(draggableWidgets.ICONBUTTON)); + }); + + it("6. Verify modal widget styles", function () { + //JS conversion + deployMode.NavigateBacktoEditor(); + entityExplorer.SelectEntityByName("Modal1", "Widgets"); + propPane.MoveToTab("Style"); + propPane.EnterJSContext("Background color", "#fca5a5"); + propPane.EnterJSContext("Border radius", "1.5rem"); + agHelper + .GetWidgetCSSFrAttribute(locators._modalWrapper, "background") + .then((backgroundColor) => { + deployMode.DeployApp( + locators._widgetInDeployed(draggableWidgets.BUTTON), + ); + agHelper.ClickButton("Submit"); + agHelper.AssertCSS( + locators._modalWrapper, + "background", + backgroundColor, + ); + }); + agHelper.AssertCSS(locators._modalWrapper, "border-radius", "24px"); + + deployMode.NavigateBacktoEditor(); + entityExplorer.SelectEntityByName("Modal1", "Widgets"); + propPane.MoveToTab("Style"); + //Full color picker + propPane.ToggleJSMode("Background color", false); + propPane.TogglePropertyState("Full color picker", "On"); + agHelper.GetNClick(propPane._propertyControlColorPicker("backgroundcolor")); + agHelper + .GetWidgetCSSFrAttribute(locators._modalWrapper, "background") + .then((backgroundColor) => { + deployMode.DeployApp( + locators._widgetInDeployed(draggableWidgets.BUTTON), + ); + agHelper.ClickButton("Submit"); + agHelper.AssertCSS( + locators._modalWrapper, + "background", + backgroundColor, + ); + }); + }); +}); diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Radio/Radio2_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Radio/Radio2_spec.ts new file mode 100644 index 0000000000..d4b685031b --- /dev/null +++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Radio/Radio2_spec.ts @@ -0,0 +1,412 @@ +import { + agHelper, + apiPage, + dataManager, + deployMode, + draggableWidgets, + entityExplorer, + jsEditor, + locators, + propPane, + widgetLocators, +} from "../../../../../support/Objects/ObjectsCore"; + +describe("Radio Widget test cases", function () { + it("1. Validate radio widget bindings", () => { + //JS Object + jsEditor.CreateJSObject( + `export default { + myFun1 () { + const myVar1= [{ + label:'test', + value:'test'}] + return myVar1 + } + }`, + { + paste: true, + completeReplace: true, + toRun: false, + shouldCreateNewJSObj: true, + }, + ); + entityExplorer.DragDropWidgetNVerify(draggableWidgets.RADIO_GROUP); + propPane.EnterJSContext("Options", "{{JSObject1.myFun1()}}"); + + deployMode.DeployApp( + locators._widgetInDeployed(draggableWidgets.RADIO_GROUP), + ); + agHelper.AssertExistingCheckedState( + locators._checkboxTypeByOption("test"), + "false", + ); + deployMode.NavigateBacktoEditor(); + + //API + apiPage.CreateAndFillApi( + dataManager.dsValues[dataManager.defaultEnviorment].mockApiUrl, + ); + apiPage.RunAPI(); + entityExplorer.SelectEntityByName("RadioGroup1", "Widgets"); + propPane.EnterJSContext( + "Options", + `{{Api1.data.map((s)=>{ + return {label: s.name, + value: s.name} + })}}`, + ); + deployMode.DeployApp( + locators._widgetInDeployed(draggableWidgets.RADIO_GROUP), + ); + agHelper.GetElement("@postExecute").then((interception: any) => { + agHelper.Sleep(); + const name = interception.response.body.data.body[0].name; + agHelper.AssertExistingCheckedState( + locators._checkboxTypeByOption(name), + "false", + ); + }); + agHelper.AssertElementLength(widgetLocators.radioBtn, 10); + deployMode.NavigateBacktoEditor(); + entityExplorer.SelectEntityByName("RadioGroup1", "Widgets"); + + //Array + propPane.EnterJSContext( + "Options", + `[{ + "label": "Blue", + "value": "BLUE" + }, + { + "label": "Green", + "value": "GREEN" + }]`, + ); + deployMode.DeployApp( + locators._widgetInDeployed(draggableWidgets.RADIO_GROUP), + ); + agHelper.AssertExistingCheckedState( + locators._checkboxTypeByOption("Blue"), + "false", + ); + agHelper.AssertExistingCheckedState( + locators._checkboxTypeByOption("Green"), + "false", + ); + }); + + it("2. Validate validation errors evaluated value poup", () => { + //String + deployMode.NavigateBacktoEditor(); + entityExplorer.SelectEntityByName("RadioGroup1", "Widgets"); + propPane.EnterJSContext("Options", "test"); + agHelper.VerifyEvaluatedErrorMessage( + `This value does not evaluate to type Array<{ "label": "string", "value": "string" | number }>`, + ); + + deployMode.DeployApp( + locators._widgetInDeployed(draggableWidgets.RADIO_GROUP), + ); + agHelper.GetNAssertContains( + widgetLocators.radioWidgetContainer, + "test", + "not.exist", + ); + + //Non array + deployMode.NavigateBacktoEditor(); + entityExplorer.SelectEntityByName("RadioGroup1", "Widgets"); + propPane.EnterJSContext("Options", `[{name:1,class:10}]`); + agHelper.VerifyEvaluatedErrorMessage( + `This value does not evaluate to type Array<{ "label": "string", "value": "string" | number }>`, + ); + + deployMode.DeployApp( + locators._widgetInDeployed(draggableWidgets.RADIO_GROUP), + ); + agHelper.GetNAssertContains( + widgetLocators.radioWidgetContainer, + "10", + "not.exist", + ); + + //Non array api data + deployMode.NavigateBacktoEditor(); + entityExplorer.SelectEntityByName("RadioGroup1", "Widgets"); + propPane.EnterJSContext( + "Options", + `{{Api1.data.map((s)=>{ + return value: s.name + }})}`, + ); + agHelper.VerifyEvaluatedErrorMessage( + `This value does not evaluate to type Array<{ "label": "string", "value": "string" | number }>`, + ); + + //Non array JS data + jsEditor.CreateJSObject( + `export default { + myFun1 () { + const myVar1= { + label:'test', + value:'test'} + return myVar1 + } + }`, + { + paste: true, + completeReplace: true, + toRun: false, + shouldCreateNewJSObj: true, + }, + ); + entityExplorer.SelectEntityByName("RadioGroup1", "Widgets"); + propPane.EnterJSContext("Options", `"{{JSObject2.myFun1()}}"`); + agHelper.VerifyEvaluatedErrorMessage( + `This value does not evaluate to type Array<{ "label": "string", "value": "string" | number }>`, + ); + deployMode.DeployApp( + locators._widgetInDeployed(draggableWidgets.RADIO_GROUP), + ); + agHelper.GetNAssertContains( + widgetLocators.radioWidgetContainer, + "test", + "not.exist", + ); + }); + + it("3. Verify default selected value property", () => { + //String + deployMode.NavigateBacktoEditor(); + entityExplorer.SelectEntityByName("RadioGroup1", "Widgets"); + propPane.EnterJSContext( + "Options", + `[{ + "label": "Blue", + "value": "BLUE" + }, + { + "label": "Green", + "value": "GREEN" + }]`, + ); + propPane.UpdatePropertyFieldValue("Default selected value", "red"); + deployMode.DeployApp( + locators._widgetInDeployed(draggableWidgets.RADIO_GROUP), + ); + agHelper.AssertExistingCheckedState( + locators._checkboxTypeByOption("Blue"), + "false", + ); + agHelper.AssertExistingCheckedState( + locators._checkboxTypeByOption("Green"), + "false", + ); + + deployMode.NavigateBacktoEditor(); + entityExplorer.SelectEntityByName("RadioGroup1", "Widgets"); + propPane.EnterJSContext("Options", "{{JSObject1.myFun1()}}"); + propPane.UpdatePropertyFieldValue( + "Default selected value", + "{{JSObject1.myFun1()[0]}}", + ); + agHelper.VerifyEvaluatedErrorMessage( + "This value does not evaluate to type: string or number", + ); + + propPane.UpdatePropertyFieldValue( + "Default selected value", + "{{JSObject1.myFun1()[0].label}}", + ); + deployMode.DeployApp( + locators._widgetInDeployed(draggableWidgets.RADIO_GROUP), + ); + agHelper.AssertExistingCheckedState(locators._checkboxTypeByOption("test")); + }); + + it("4. Validate Label properties - Text , Position , Alignment , Width(in columns)", function () { + deployMode.NavigateBacktoEditor(); + entityExplorer.SelectEntityByName("RadioGroup1", "Widgets"); + //Text + propPane.TypeTextIntoField("Text", "Select Value"); + + //Position + agHelper.AssertAttribute( + locators._position("Top"), + "data-selected", + "true", + ); + agHelper.AssertCSS(widgetLocators.radioWidgetLabel, "margin-bottom", "5px"); + agHelper.AssertCSS(widgetLocators.radioWidgetLabel, "margin-right", "0px"); + agHelper.GetNClick(locators._position("Left")); + + //Alignment + agHelper.AssertAttribute( + locators._alignment("left"), + "data-selected", + "true", + ); + agHelper.GetNClick(locators._alignment("right")); + + //Width + agHelper.AssertCSS( + widgetLocators.radioWidgetLabelContainer, + "width", + "59.765625px", + ); + agHelper.GetNClick(widgetLocators.selectWidgetWidthPlusBtn); + agHelper.GetNClick(widgetLocators.selectWidgetWidthPlusBtn); + + deployMode.DeployApp( + locators._widgetInDeployed(draggableWidgets.RADIO_GROUP), + ); + agHelper.AssertCSS(widgetLocators.radioWidgetLabel, "margin-bottom", "0px"); + agHelper.AssertCSS(widgetLocators.radioWidgetLabel, "margin-right", "5px"); + agHelper.AssertCSS(widgetLocators.radioWidgetLabel, "text-align", "right"); + agHelper.AssertCSS( + widgetLocators.radioWidgetLabelContainer, + "width", + "151.265625px", + ); + agHelper.AssertText( + widgetLocators.radioWidgetLabel, + "text", + "Select Value", + ); + }); + + it("5. Validate general section in radio group", function () { + deployMode.NavigateBacktoEditor(); + + //Tooltip + entityExplorer.DragNDropWidget(draggableWidgets.TEXT, 300, 300); + propPane.UpdatePropertyFieldValue("Text", "Tooltip text"); + entityExplorer.SelectEntityByName("RadioGroup1", "Widgets"); + propPane.EnterJSContext( + "Options", + `{{Api1.data.map((s)=>{ + return {label: s.name, + value: s.name} + })}}`, + ); + propPane.UpdatePropertyFieldValue("Tooltip", "{{Text1.text}}"); + agHelper.AssertExistingToggleState("Disabled", "false"); + agHelper.AssertExistingToggleState("Inline", "true"); + agHelper.AssertExistingToggleState("Visible", "true"); + deployMode.DeployApp( + locators._widgetInDeployed(draggableWidgets.RADIO_GROUP), + ); + agHelper.HoverElement(locators._tooltipIcon); + agHelper.AssertPopoverTooltip("Tooltip text"); + agHelper.AssertElementEnabledDisabled( + locators._widgetInDeployed(draggableWidgets.RADIO_GROUP), + 0, + false, + ); + agHelper + .GetWidgetCSSHeight( + locators._widgetInDeployed(draggableWidgets.RADIO_GROUP), + ) + .then((currentHeight) => { + const updatedHeight = parseInt(currentHeight?.split("px")[0]); + expect(updatedHeight).to.be.greaterThan(130); + }); + + agHelper.GetWidth(locators._widgetInDeployed(draggableWidgets.RADIO_GROUP)); + agHelper.GetElement("@eleWidth").then((currentWidth) => { + expect(currentWidth).to.be.greaterThan(420); + }); + //Disable - should throw error for non boolean values + deployMode.NavigateBacktoEditor(); + entityExplorer.SelectEntityByName("RadioGroup1", "Widgets"); + propPane.EnterJSContext("Disabled", "test", true, true); + agHelper.VerifyEvaluatedErrorMessage( + `This value does not evaluate to type boolean`, + ); + propPane.EnterJSContext("Disabled", "{{!!(Text1.text)}}", true, true); + + //Inline - should throw error for non boolean values + propPane.EnterJSContext("Inline", "test", true, true); + agHelper.VerifyEvaluatedErrorMessage( + `This value does not evaluate to type boolean`, + ); + propPane.EnterJSContext("Inline", "{{Text1.text}}", true, true); + + //Visible - should throw error for non boolean values + propPane.EnterJSContext("Visible", "test", true, true); + agHelper.VerifyEvaluatedErrorMessage( + `This value does not evaluate to type boolean`, + ); + propPane.EnterJSContext("Visible", "{{!!(Text1.text)}}", true, true); + + entityExplorer.SelectEntityByName("Text1", "Widgets"); + propPane.UpdatePropertyFieldValue("Text", "false"); + deployMode.DeployApp(locators._widgetInDeployed(draggableWidgets.TEXT)); + agHelper.AssertElementEnabledDisabled( + locators._widgetInDeployed(draggableWidgets.RADIO_GROUP), + 0, + true, + ); + agHelper + .GetWidgetCSSHeight( + locators._widgetInDeployed(draggableWidgets.RADIO_GROUP), + ) + .then((currentHeight) => { + const updatedHeight = parseInt(currentHeight?.split("px")[0]); + expect(updatedHeight).to.be.greaterThan(270); + }); + + agHelper.GetWidth(locators._widgetInDeployed(draggableWidgets.RADIO_GROUP)); + agHelper.GetElement("@eleWidth").then((currentWidth) => { + expect(currentWidth).to.be.greaterThan(420); + }); + }); + + it("6. Validate set property methods for Radio group", () => { + deployMode.NavigateBacktoEditor(); + //JS Object + jsEditor.CreateJSObject( + `export default { + myVar1: [{ + label:'test', + value:'test'}], + myFun1 () { + RadioGroup1.setData(this.myVar1); + RadioGroup1.isVisible? RadioGroup1.setDisabled(true):RadioGroup1.setVisibility(false) + } + }`, + { + paste: true, + completeReplace: true, + toRun: false, + shouldCreateNewJSObj: true, + }, + ); + entityExplorer.SelectEntityByName("RadioGroup1", "Widgets"); + propPane.EnterJSContext("Disabled", "false", true, true); + propPane.EnterJSContext("onSelectionChange", "{{JSObject3.myFun1();}}"); + + deployMode.DeployApp( + locators._widgetInDeployed(draggableWidgets.RADIO_GROUP), + ); + + agHelper.GetElement("@postExecute").then((interception: any) => { + agHelper.Sleep(); + const name = interception.response.body.data.body[0].name; + agHelper.AssertExistingCheckedState( + locators._checkboxTypeByOption(name), + "false", + ); + }); + agHelper.GetNClick(widgetLocators.radioBtn, 1); + agHelper.AssertExistingCheckedState( + locators._checkboxTypeByOption("test"), + "false", + ); + agHelper.AssertElementEnabledDisabled( + locators._widgetInDeployed(draggableWidgets.RADIO_GROUP), + 0, + true, + ); + }); +}); diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Rating/Rating_Widget_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Rating/Rating_Widget_spec.ts index 88e27f6fdf..1d4a016de4 100644 --- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Rating/Rating_Widget_spec.ts +++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Rating/Rating_Widget_spec.ts @@ -137,7 +137,7 @@ describe("Rating widet testcases", () => { deployMode.NavigateBacktoEditor(); agHelper.GetNClick(RATING_WIDGET.ratingwidget); // open a modal on clicking ratings - propPane.CreateModal("Thanks for rating us!", "onChange"); + propPane.CreateModal("onChange"); // deploy app and click on stars and close the modal deployMode.DeployApp(); agHelper.GetNClick(RATING_WIDGET.star_icon, 5, true, 0); diff --git a/app/client/cypress/fixtures/modalWidgetTestApp.json b/app/client/cypress/fixtures/modalWidgetTestApp.json new file mode 100644 index 0000000000..388b7c8c14 --- /dev/null +++ b/app/client/cypress/fixtures/modalWidgetTestApp.json @@ -0,0 +1,7571 @@ +{ + "clientSchemaVersion": 1.0, + "serverSchemaVersion": 6.0, + "exportedApplication": { + "name": "ModalWidgetTestApp", + "isPublic": false, + "pages": [{ "id": "Page1", "isDefault": true }], + "publishedPages": [{ "id": "Page1", "isDefault": true }], + "viewMode": false, + "appIsExample": false, + "unreadCommentThreads": 0.0, + "color": "#C7F3F0", + "icon": "flight", + "slug": "modalwidgettestapp", + "unpublishedCustomJSLibs": [], + "publishedCustomJSLibs": [], + "evaluationVersion": 2.0, + "applicationVersion": 2.0, + "collapseInvisibleWidgets": true, + "isManualUpdate": false, + "deleted": false + }, + "datasourceList": [], + "customJSLibList": [], + "pageList": [ + { + "unpublishedPage": { + "name": "Page1", + "slug": "page1", + "layouts": [ + { + "viewMode": false, + "dsl": { + "widgetName": "MainContainer", + "backgroundColor": "none", + "rightColumn": 4896.0, + "snapColumns": 64.0, + "detachFromLayout": true, + "widgetId": "0", + "topRow": 0.0, + "bottomRow": 1180.0, + "containerStyle": "none", + "snapRows": 124.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": true, + "version": 86.0, + "minHeight": 1292.0, + "dynamicTriggerPathList": [], + "parentColumnSpace": 1.0, + "dynamicBindingPathList": [], + "leftColumn": 0.0, + "children": [ + { + "resetFormOnClick": false, + "boxShadow": "none", + "mobileBottomRow": 12.0, + "widgetName": "Button1", + "onClick": "{{showModal('Modal1');}}", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Button", + "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", + "searchTags": ["click", "submit"], + "topRow": 8.0, + "bottomRow": 12.0, + "parentRowSpace": 10.0, + "type": "BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 38.0, + "animateLoading": true, + "parentColumnSpace": 9.859375, + "dynamicTriggerPathList": [{ "key": "onClick" }], + "leftColumn": 22.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "text": "Submit", + "isDisabled": false, + "key": "psr2q2qnuk", + "isDeprecated": false, + "rightColumn": 38.0, + "isDefaultClickDisabled": true, + "widgetId": "37aleq6qhk", + "minWidth": 120.0, + "isVisible": true, + "recaptchaType": "V3", + "version": 1.0, + "parentId": "0", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 8.0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 22.0, + "buttonVariant": "PRIMARY", + "placement": "CENTER" + }, + { + "boxShadow": "none", + "mobileBottomRow": 0.0, + "widgetName": "Modal1", + "isCanvas": true, + "displayName": "Modal", + "iconSVG": "/static/media/icon.b374721fa8e1aeab7cf326c2d865506f.svg", + "searchTags": ["dialog", "popup", "notification"], + "topRow": 0.0, + "bottomRow": 190.0, + "parentRowSpace": 1.0, + "type": "MODAL_WIDGET", + "hideCard": false, + "shouldScrollContents": true, + "minHeight": 1900.0, + "mobileRightColumn": 0.0, + "animateLoading": true, + "parentColumnSpace": 1.0, + "dynamicTriggerPathList": [], + "leftColumn": 0.0, + "dynamicBindingPathList": [{ "key": "borderRadius" }], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 0.0, + "widgetName": "Canvas1", + "displayName": "Canvas", + "topRow": 0.0, + "bottomRow": 1900.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": true, + "hideCard": true, + "shouldScrollContents": false, + "minHeight": 0.0, + "mobileRightColumn": 0.0, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "none", + "mobileBottomRow": 4.0, + "widgetName": "IconButton1", + "onClick": "{{closeModal('Modal1')}}", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Icon button", + "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", + "searchTags": ["click", "submit"], + "topRow": 0.0, + "bottomRow": 4.0, + "type": "ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64.0, + "animateLoading": true, + "leftColumn": 58.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "iconSize": 24.0, + "isDisabled": false, + "key": "rzx1ugxw80", + "isDeprecated": false, + "rightColumn": 64.0, + "iconName": "cross", + "widgetId": "xvq75i05gs", + "minWidth": 50.0, + "isVisible": true, + "version": 1.0, + "parentId": "59hk3a5cny", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "hug", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 58.0, + "buttonVariant": "TERTIARY" + }, + { + "mobileBottomRow": 5.0, + "widgetName": "Text1", + "displayName": "Text", + "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", + "searchTags": ["typography", "paragraph", "label"], + "topRow": 1.0, + "bottomRow": 7.0, + "type": "TEXT_WIDGET", + "hideCard": false, + "mobileRightColumn": 41.0, + "animateLoading": true, + "overflow": "NONE", + "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", + "dynamicTriggerPathList": [], + "leftColumn": 1.0, + "dynamicBindingPathList": [ + { "key": "truncateButtonColor" }, + { "key": "fontFamily" }, + { "key": "borderRadius" } + ], + "shouldTruncate": false, + "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "text": "Widgets Modal", + "key": "eggq940xcg", + "isDeprecated": false, + "rightColumn": 41.0, + "textAlign": "LEFT", + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "vms8z4v4t9", + "minWidth": 450.0, + "isVisible": true, + "fontStyle": "BOLD", + "textColor": "#231F20", + "version": 1.0, + "parentId": "59hk3a5cny", + "tags": ["Suggested", "Content"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 1.0, + "responsiveBehavior": "fill", + "originalTopRow": 1.0, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 1.0, + "maxDynamicHeight": 9000.0, + "originalBottomRow": 5.0, + "fontSize": "1.25rem", + "minDynamicHeight": 4.0 + }, + { + "boxShadow": "none", + "iconSVG": "/static/media/icon.f2c34197dbcf03595098986de898928f.svg", + "topRow": 7.0, + "labelWidth": 5.0, + "type": "INPUT_WIDGET_V2", + "animateLoading": true, + "resetOnSubmit": true, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "accentColor" }, + { "key": "borderRadius" } + ], + "labelStyle": "", + "inputType": "TEXT", + "isDisabled": false, + "isRequired": false, + "dynamicHeight": "FIXED", + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "showStepArrows": false, + "isVisible": true, + "version": 2.0, + "tags": ["Suggested", "Inputs"], + "isLoading": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "originalBottomRow": 12.0, + "mobileBottomRow": 13.0, + "widgetName": "Input1", + "displayName": "Input", + "searchTags": [ + "form", + "text input", + "number", + "textarea" + ], + "bottomRow": 14.0, + "parentRowSpace": 10.0, + "autoFocus": false, + "hideCard": false, + "mobileRightColumn": 23.0, + "parentColumnSpace": 6.9375, + "labelPosition": "Top", + "key": "m9ve3ppio8", + "labelTextSize": "0.875rem", + "isDeprecated": false, + "rightColumn": 24.0, + "widgetId": "qg5qem3xyp", + "minWidth": 450.0, + "label": "Label", + "parentId": "59hk3a5cny", + "labelAlignment": "left", + "renderMode": "CANVAS", + "mobileTopRow": 6.0, + "responsiveBehavior": "fill", + "originalTopRow": 5.0, + "mobileLeftColumn": 3.0, + "maxDynamicHeight": 9000.0, + "iconAlign": "left", + "defaultText": "", + "minDynamicHeight": 4.0 + }, + { + "mobileBottomRow": 12.0, + "widgetName": "Text2", + "displayName": "Text", + "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", + "searchTags": ["typography", "paragraph", "label"], + "topRow": 7.0, + "bottomRow": 54.0, + "parentRowSpace": 10.0, + "type": "TEXT_WIDGET", + "hideCard": false, + "mobileRightColumn": 46.0, + "animateLoading": true, + "overflow": "NONE", + "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", + "parentColumnSpace": 6.9375, + "dynamicTriggerPathList": [], + "leftColumn": 24.0, + "dynamicBindingPathList": [ + { "key": "truncateButtonColor" }, + { "key": "fontFamily" }, + { "key": "borderRadius" }, + { "key": "text" } + ], + "shouldTruncate": false, + "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "text": "{{Table1.selectedRow}}", + "key": "eggq940xcg", + "isDeprecated": false, + "rightColumn": 63.0, + "textAlign": "LEFT", + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "ykifd3nlwx", + "minWidth": 450.0, + "isVisible": true, + "fontStyle": "BOLD", + "textColor": "#231F20", + "version": 1.0, + "parentId": "59hk3a5cny", + "tags": ["Suggested", "Content"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 8.0, + "responsiveBehavior": "fill", + "originalTopRow": 5.0, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 30.0, + "maxDynamicHeight": 9000.0, + "originalBottomRow": 49.0, + "fontSize": "1rem", + "minDynamicHeight": 4.0 + }, + { + "boxShadow": "none", + "iconSVG": "/static/media/icon.a7b19dc8b31d68fcff57f1d2c0084a18.svg", + "labelText": "Label", + "topRow": 55.0, + "labelWidth": 5.0, + "type": "SELECT_WIDGET", + "serverSideFiltering": false, + "defaultOptionValue": "GREEN", + "animateLoading": true, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "accentColor" }, + { "key": "borderRadius" }, + { "key": "sourceData" } + ], + "placeholderText": "Select option", + "isDisabled": false, + "isRequired": false, + "dynamicHeight": "FIXED", + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "isVisible": true, + "version": 1.0, + "tags": ["Suggested", "Select"], + "isLoading": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "originalBottomRow": 57.0, + "mobileBottomRow": 20.0, + "widgetName": "Select1", + "isFilterable": true, + "dynamicPropertyPathList": [{ "key": "sourceData" }], + "displayName": "Select", + "searchTags": ["dropdown"], + "bottomRow": 62.0, + "parentRowSpace": 10.0, + "hideCard": false, + "mobileRightColumn": 21.0, + "parentColumnSpace": 6.9375, + "dynamicTriggerPathList": [], + "labelPosition": "Top", + "sourceData": "[\n {\n \"name\": {{Input1.text}},\n \"code\": {{Input1.text}}\n },\n {\n \"name\": {{Input1.text+1}},\n \"code\": {{Input1.text+1}}\n },\n {\n \"name\": {{Input1.text+2}},\n \"code\": {{Input1.text+2}}\n }\n]", + "key": "9go22qpbuu", + "labelTextSize": "0.875rem", + "isDeprecated": false, + "rightColumn": 30.0, + "widgetId": "yg4ihellt5", + "optionValue": "code", + "minWidth": 450.0, + "parentId": "59hk3a5cny", + "labelAlignment": "left", + "renderMode": "CANVAS", + "mobileTopRow": 13.0, + "optionLabel": "name", + "responsiveBehavior": "fill", + "originalTopRow": 50.0, + "mobileLeftColumn": 1.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0 + }, + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "requiresFlatWidgetChildren": true, + "isCanvas": true, + "iconSVG": "/static/media/icon.5c9511142b3624c7491c5442e8ccd0ef.svg", + "topRow": 67.0, + "pageSize": 3.0, + "type": "LIST_WIDGET_V2", + "itemSpacing": 8.0, + "animateLoading": true, + "dynamicBindingPathList": [ + { "key": "currentItemsView" }, + { "key": "selectedItemView" }, + { "key": "triggeredItemView" }, + { "key": "primaryKeys" }, + { "key": "accentColor" }, + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "leftColumn": 0.0, + "enhancements": true, + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 400.0, + "widgetName": "Canvas2", + "displayName": "Canvas", + "topRow": 0.0, + "bottomRow": 400.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": false, + "hideCard": true, + "dropDisabled": true, + "openParentPropertyPane": true, + "minHeight": 400.0, + "mobileRightColumn": 166.5, + "noPad": true, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 12.0, + "widgetName": "Container1", + "borderColor": "#E0DEDE", + "disallowCopy": true, + "isCanvas": true, + "displayName": "Container", + "iconSVG": "/static/media/icon.daebf68875b6c8e909e9e8ac8bee0c02.svg", + "searchTags": ["div", "parent", "group"], + "topRow": 0.0, + "bottomRow": 12.0, + "dragDisabled": true, + "type": "CONTAINER_WIDGET", + "hideCard": false, + "shouldScrollContents": false, + "isDeletable": false, + "mobileRightColumn": 64.0, + "animateLoading": true, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "widgetName": "Canvas3", + "displayName": "Canvas", + "topRow": 0.0, + "bottomRow": 120.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": false, + "hideCard": true, + "useAutoLayout": false, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "none", + "mobileBottomRow": 8.0, + "widgetName": "Image1", + "displayName": "Image", + "iconSVG": "/static/media/icon.69b0f0dd810281fbd6e34fc2c3f39344.svg", + "topRow": 0.0, + "bottomRow": 8.0, + "type": "IMAGE_WIDGET", + "hideCard": false, + "mobileRightColumn": 16.0, + "animateLoading": true, + "dynamicTriggerPathList": [], + "imageShape": "RECTANGLE", + "dynamicBindingPathList": [ + { "key": "borderRadius" } + ], + "leftColumn": 0.0, + "defaultImage": "https://assets.appsmith.com/widgets/default.png", + "key": "an3dz32jnz", + "image": "https://jpeg.org/images/jpegsystems-home.jpg", + "isDeprecated": false, + "rightColumn": 16.0, + "objectFit": "cover", + "widgetId": "gn9wku1gs7", + "isVisible": true, + "version": 1.0, + "parentId": "rtjo8735m7", + "tags": ["Media"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "maxZoomLevel": 1.0, + "enableDownload": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "enableRotation": false + }, + { + "boxShadow": "none", + "mobileBottomRow": 4.0, + "widgetName": "Text3", + "displayName": "Text", + "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", + "searchTags": [ + "typography", + "paragraph", + "label" + ], + "topRow": 0.0, + "bottomRow": 4.0, + "type": "TEXT_WIDGET", + "hideCard": false, + "mobileRightColumn": 28.0, + "animateLoading": true, + "overflow": "NONE", + "dynamicTriggerPathList": [], + "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", + "dynamicBindingPathList": [ + { "key": "text" }, + { "key": "truncateButtonColor" }, + { "key": "fontFamily" }, + { "key": "borderRadius" }, + { "key": "text" } + ], + "leftColumn": 16.0, + "shouldTruncate": false, + "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "text": "{{currentItem.name}}", + "key": "eggq940xcg", + "isDeprecated": false, + "rightColumn": 42.0, + "textAlign": "LEFT", + "dynamicHeight": "FIXED", + "widgetId": "5dkd0u3zh7", + "minWidth": 450.0, + "isVisible": true, + "fontStyle": "BOLD", + "textColor": "#231F20", + "version": 1.0, + "parentId": "rtjo8735m7", + "tags": ["Suggested", "Content"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 16.0, + "maxDynamicHeight": 9000.0, + "fontSize": "1rem", + "textStyle": "HEADING", + "minDynamicHeight": 4.0 + }, + { + "boxShadow": "none", + "mobileBottomRow": 8.0, + "widgetName": "Text4", + "displayName": "Text", + "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", + "searchTags": [ + "typography", + "paragraph", + "label" + ], + "topRow": 4.0, + "bottomRow": 8.0, + "type": "TEXT_WIDGET", + "hideCard": false, + "mobileRightColumn": 24.0, + "animateLoading": true, + "overflow": "NONE", + "dynamicTriggerPathList": [], + "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", + "dynamicBindingPathList": [ + { "key": "text" }, + { "key": "truncateButtonColor" }, + { "key": "fontFamily" }, + { "key": "borderRadius" }, + { "key": "text" } + ], + "leftColumn": 16.0, + "shouldTruncate": false, + "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "text": "{{currentItem.id}}", + "key": "eggq940xcg", + "isDeprecated": false, + "rightColumn": 40.0, + "textAlign": "LEFT", + "dynamicHeight": "FIXED", + "widgetId": "684malsbtw", + "minWidth": 450.0, + "isVisible": true, + "fontStyle": "BOLD", + "textColor": "#231F20", + "version": 1.0, + "parentId": "rtjo8735m7", + "tags": ["Suggested", "Content"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 4.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 16.0, + "maxDynamicHeight": 9000.0, + "fontSize": "1rem", + "textStyle": "BODY", + "minDynamicHeight": 4.0 + } + ], + "key": "gmdsbkf4kj", + "isDeprecated": false, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "rtjo8735m7", + "containerStyle": "none", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "5m236c6iz7", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "borderWidth": "1", + "positioning": "fixed", + "flexVerticalAlignment": "start", + "key": "8nbypdc1zz", + "backgroundColor": "white", + "isDeprecated": false, + "rightColumn": 64.0, + "dynamicHeight": "FIXED", + "widgetId": "5m236c6iz7", + "containerStyle": "card", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "isListItemContainer": true, + "parentId": "cq5f7mkbyh", + "tags": ["Layout"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "noContainerOffset": true, + "disabledWidgetFeatures": ["dynamicHeight"], + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 10.0 + } + ], + "key": "gmdsbkf4kj", + "isDeprecated": false, + "rightColumn": 166.5, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "cq5f7mkbyh", + "containerStyle": "none", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "twucvyhokg", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "itemBackgroundColor": "#FFFFFF", + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "isVisible": true, + "tags": ["Suggested", "Display"], + "hasMetaWidgets": true, + "isLoading": false, + "mainCanvasId": "cq5f7mkbyh", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "originalBottomRow": 102.0, + "additionalStaticProps": [ + "level", + "levelData", + "prefixMetaWidgetId", + "metaWidgetId" + ], + "mobileBottomRow": 62.0, + "currentItemsView": "{{[]}}", + "triggeredItemView": "{{{}}}", + "widgetName": "List1", + "listData": [ + { + "id": "001", + "name": "Blue", + "img": "https://assets.appsmith.com/widgets/default.png" + }, + { + "id": "002", + "name": "Green", + "img": "https://assets.appsmith.com/widgets/default.png" + }, + { + "id": "003", + "name": "Red", + "img": "https://assets.appsmith.com/widgets/default.png" + } + ], + "displayName": "List", + "bottomRow": 107.0, + "parentRowSpace": 10.0, + "hideCard": false, + "templateBottomRow": 16.0, + "mobileRightColumn": 24.0, + "mainContainerId": "5m236c6iz7", + "primaryKeys": "{{List1.listData.map((currentItem, currentIndex) => currentItem[\"id\"] )}}", + "parentColumnSpace": 6.9375, + "gridType": "vertical", + "key": "mgbk7d2119", + "backgroundColor": "transparent", + "isDeprecated": false, + "rightColumn": 62.0, + "widgetId": "twucvyhokg", + "minWidth": 450.0, + "parentId": "59hk3a5cny", + "renderMode": "CANVAS", + "mobileTopRow": 22.0, + "responsiveBehavior": "fill", + "originalTopRow": 62.0, + "mobileLeftColumn": 0.0, + "selectedItemView": "{{{}}}" + }, + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "borderColor": "#E0DEDE", + "iconSVG": "/static/media/icon.46adf7030d667f0ad9002aa31f997573.svg", + "onSubmit": "{{showAlert('Form submitted!', 'success');}}", + "topRow": 107.0, + "type": "JSON_FORM_WIDGET", + "animateLoading": true, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" }, + { "key": "submitButtonStyles.buttonColor" }, + { "key": "submitButtonStyles.borderRadius" }, + { "key": "resetButtonStyles.buttonColor" }, + { "key": "resetButtonStyles.borderRadius" }, + { + "key": "schema.__root_schema__.children.name.defaultValue" + }, + { + "key": "schema.__root_schema__.children.name.accentColor" + }, + { + "key": "schema.__root_schema__.children.name.borderRadius" + }, + { + "key": "schema.__root_schema__.children.date_of_birth.defaultValue" + }, + { + "key": "schema.__root_schema__.children.date_of_birth.accentColor" + }, + { + "key": "schema.__root_schema__.children.date_of_birth.borderRadius" + }, + { + "key": "schema.__root_schema__.children.employee_id.defaultValue" + }, + { + "key": "schema.__root_schema__.children.employee_id.accentColor" + }, + { + "key": "schema.__root_schema__.children.employee_id.borderRadius" + }, + { "key": "schema.__root_schema__.defaultValue" }, + { "key": "schema.__root_schema__.borderRadius" }, + { "key": "schema.__root_schema__.cellBorderRadius" } + ], + "showReset": true, + "dynamicHeight": "FIXED", + "autoGenerateForm": true, + "resetButtonStyles": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none", + "buttonVariant": "SECONDARY" + }, + "isVisible": true, + "version": 1.0, + "tags": ["Suggested", "Layout"], + "isLoading": false, + "submitButtonLabel": "Submit", + "childStylesheet": { + "ARRAY": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none", + "cellBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "cellBoxShadow": "none" + }, + "OBJECT": { + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none", + "cellBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "cellBoxShadow": "none" + }, + "CHECKBOX": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}" + }, + "CURRENCY_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "DATEPICKER": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "EMAIL_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "MULTISELECT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "MULTILINE_TEXT_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "NUMBER_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "PASSWORD_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "PHONE_NUMBER_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "RADIO_GROUP": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "boxShadow": "none" + }, + "SELECT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "SWITCH": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "boxShadow": "none" + }, + "TEXT_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + } + }, + "disabledWhenInvalid": true, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "originalBottomRow": 142.0, + "useSourceData": false, + "schema": { + "__root_schema__": { + "children": { + "name": { + "children": {}, + "dataType": "string", + "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.name))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "fieldType": "Text Input", + "sourceData": "John", + "isCustomField": false, + "accessor": "name", + "identifier": "name", + "position": 0.0, + "originalIdentifier": "name", + "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "boxShadow": "none", + "iconAlign": "left", + "isDisabled": false, + "isRequired": false, + "isSpellCheck": false, + "isVisible": true, + "labelTextSize": "0.875rem", + "label": "Name" + }, + "date_of_birth": { + "children": {}, + "dataType": "string", + "defaultValue": "{{((sourceData, formData, fieldState) => (moment(sourceData.date_of_birth, \"DD/MM/YYYY\").format(\"YYYY-MM-DDTHH:mm:ss.sssZ\")))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "fieldType": "Datepicker", + "sourceData": "20/02/1990", + "isCustomField": false, + "accessor": "date_of_birth", + "identifier": "date_of_birth", + "position": 1.0, + "originalIdentifier": "date_of_birth", + "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "boxShadow": "none", + "closeOnSelection": false, + "convertToISO": false, + "dateFormat": "DD/MM/YYYY", + "isDisabled": false, + "isRequired": false, + "isVisible": true, + "label": "Date Of Birth", + "maxDate": "2121-12-31T18:29:00.000Z", + "minDate": "1920-12-31T18:30:00.000Z", + "shortcuts": false, + "timePrecision": "minute", + "labelTextSize": "0.875rem" + }, + "employee_id": { + "children": {}, + "dataType": "number", + "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.employee_id))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "fieldType": "Number Input", + "sourceData": 1001.0, + "isCustomField": false, + "accessor": "employee_id", + "identifier": "employee_id", + "position": 2.0, + "originalIdentifier": "employee_id", + "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "boxShadow": "none", + "iconAlign": "left", + "isDisabled": false, + "isRequired": false, + "isSpellCheck": false, + "isVisible": true, + "labelTextSize": "0.875rem", + "label": "Employee Id" + } + }, + "dataType": "object", + "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "fieldType": "Object", + "sourceData": { + "name": "John", + "date_of_birth": "20/02/1990", + "employee_id": 1001.0 + }, + "isCustomField": false, + "accessor": "__root_schema__", + "identifier": "__root_schema__", + "position": -1.0, + "originalIdentifier": "__root_schema__", + "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "boxShadow": "none", + "cellBorderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "cellBoxShadow": "none", + "isDisabled": false, + "isRequired": false, + "isVisible": true, + "labelTextSize": "0.875rem", + "label": "" + } + }, + "mobileBottomRow": 54.0, + "widgetName": "JSONForm1", + "submitButtonStyles": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none", + "buttonVariant": "PRIMARY" + }, + "dynamicPropertyPathList": [ + { + "key": "schema.__root_schema__.children.date_of_birth.defaultValue" + } + ], + "displayName": "JSON Form", + "bottomRow": 147.0, + "fieldLimitExceeded": false, + "parentRowSpace": 10.0, + "title": "Form", + "hideCard": false, + "mobileRightColumn": 42.0, + "parentColumnSpace": 6.9375, + "dynamicTriggerPathList": [{ "key": "onSubmit" }], + "borderWidth": "1", + "sourceData": { + "name": "John", + "date_of_birth": "20/02/1990", + "employee_id": 1001.0 + }, + "resetButtonLabel": "Reset", + "key": "csjsvvwmwh", + "backgroundColor": "#fff", + "isDeprecated": false, + "rightColumn": 64.0, + "widgetId": "2pnkf5v8uj", + "minWidth": 450.0, + "parentId": "59hk3a5cny", + "renderMode": "CANVAS", + "mobileTopRow": 13.0, + "scrollContents": true, + "responsiveBehavior": "fill", + "fixedFooter": true, + "originalTopRow": 102.0, + "mobileLeftColumn": 17.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0 + }, + { + "boxShadow": "none", + "mobileBottomRow": 67.0, + "widgetName": "Image2", + "displayName": "Image", + "iconSVG": "/static/media/icon.69b0f0dd810281fbd6e34fc2c3f39344.svg", + "topRow": 54.0, + "bottomRow": 67.0, + "parentRowSpace": 10.0, + "type": "IMAGE_WIDGET", + "hideCard": false, + "mobileRightColumn": 50.0, + "animateLoading": true, + "parentColumnSpace": 6.9375, + "dynamicTriggerPathList": [], + "imageShape": "RECTANGLE", + "leftColumn": 32.0, + "dynamicBindingPathList": [{ "key": "borderRadius" }], + "defaultImage": "https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/5eeea355389655.59822ff824b72.gif", + "key": "an3dz32jnz", + "image": "", + "isDeprecated": false, + "rightColumn": 63.0, + "objectFit": "cover", + "widgetId": "h24avxj5g0", + "isVisible": true, + "version": 1.0, + "parentId": "59hk3a5cny", + "tags": ["Media"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 55.0, + "maxZoomLevel": 1.0, + "enableDownload": false, + "originalTopRow": 49.0, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 38.0, + "originalBottomRow": 62.0, + "enableRotation": false + }, + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 74.0, + "widgetName": "Container2", + "borderColor": "#E0DEDE", + "isCanvas": true, + "displayName": "Container", + "iconSVG": "/static/media/icon.daebf68875b6c8e909e9e8ac8bee0c02.svg", + "searchTags": ["div", "parent", "group"], + "topRow": 148.0, + "bottomRow": 188.0, + "parentRowSpace": 10.0, + "type": "CONTAINER_WIDGET", + "hideCard": false, + "shouldScrollContents": true, + "mobileRightColumn": 26.0, + "animateLoading": true, + "parentColumnSpace": 6.9375, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 100.0, + "widgetName": "Canvas4", + "displayName": "Canvas", + "topRow": 0.0, + "bottomRow": 400.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": false, + "hideCard": true, + "minHeight": 100.0, + "mobileRightColumn": 166.5, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 19.0, + "widgetName": "Tabs1", + "borderColor": "#E0DEDE", + "isCanvas": true, + "displayName": "Tabs", + "iconSVG": "/static/media/icon.9e3d67c0af9c0bd092dc56240314e18a.svg", + "topRow": 4.0, + "bottomRow": 38.0, + "parentRowSpace": 10.0, + "type": "TABS_WIDGET", + "hideCard": false, + "shouldScrollContents": true, + "mobileRightColumn": 28.0, + "animateLoading": true, + "parentColumnSpace": 2.939453125, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "accentColor" }, + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "tabId": "tab1", + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 150.0, + "widgetName": "Canvas5", + "displayName": "Canvas", + "bottomRow": 300.0, + "topRow": 0.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": true, + "hideCard": true, + "shouldScrollContents": false, + "minHeight": 150.0, + "mobileRightColumn": 70.546875, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "borderColor": "#E0DEDE", + "isVisibleDownload": true, + "iconSVG": "/static/media/icon.e6911f8bb94dc6c4a102a74740c41763.svg", + "topRow": 0.0, + "isSortable": true, + "type": "TABLE_WIDGET_V2", + "inlineEditingSaveOption": "ROW_LEVEL", + "animateLoading": true, + "dynamicBindingPathList": [ + { "key": "accentColor" }, + { "key": "borderRadius" }, + { "key": "boxShadow" }, + { "key": "tableData" }, + { + "key": "primaryColumns.address.computedValue" + }, + { + "key": "primaryColumns.avatar.computedValue" + }, + { + "key": "primaryColumns.email.computedValue" + }, + { + "key": "primaryColumns.gender.computedValue" + }, + { + "key": "primaryColumns.id.computedValue" + }, + { + "key": "primaryColumns.name.computedValue" + }, + { + "key": "primaryColumns.status.computedValue" + } + ], + "needsHeightForContent": true, + "leftColumn": 2.0, + "delimiter": ",", + "defaultSelectedRowIndex": 0.0, + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "isVisibleFilters": true, + "isVisible": true, + "enableClientSideSearch": true, + "version": 2.0, + "totalRecordsCount": 0.0, + "tags": ["Suggested", "Display"], + "isLoading": false, + "childStylesheet": { + "button": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "menuButton": { + "menuColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "iconButton": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "editActions": { + "saveButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "saveBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "discardButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "discardBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}" + } + }, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "columnUpdatedAt": 1.694586626019e12, + "defaultSelectedRowIndices": [0.0], + "mobileBottomRow": 28.0, + "widgetName": "Table1", + "defaultPageSize": 0.0, + "columnOrder": [ + "address", + "avatar", + "email", + "gender", + "id", + "name", + "status" + ], + "dynamicPropertyPathList": [], + "displayName": "Table", + "bottomRow": 28.0, + "columnWidthMap": {}, + "parentRowSpace": 10.0, + "hideCard": false, + "mobileRightColumn": 40.0, + "parentColumnSpace": 2.53509521484375, + "dynamicTriggerPathList": [], + "borderWidth": "1", + "primaryColumns": { + "address": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 0.0, + "width": 150.0, + "originalId": "address", + "id": "address", + "alias": "address", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "address", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"address\"]))}}", + "sticky": "", + "validation": {} + }, + "avatar": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 1.0, + "width": 150.0, + "originalId": "avatar", + "id": "avatar", + "alias": "avatar", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "avatar", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"avatar\"]))}}", + "sticky": "", + "validation": {} + }, + "email": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 2.0, + "width": 150.0, + "originalId": "email", + "id": "email", + "alias": "email", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "email", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"email\"]))}}", + "sticky": "", + "validation": {} + }, + "gender": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 3.0, + "width": 150.0, + "originalId": "gender", + "id": "gender", + "alias": "gender", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "gender", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"gender\"]))}}", + "sticky": "", + "validation": {} + }, + "id": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 4.0, + "width": 150.0, + "originalId": "id", + "id": "id", + "alias": "id", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "number", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "id", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"id\"]))}}", + "sticky": "", + "validation": {} + }, + "name": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 5.0, + "width": 150.0, + "originalId": "name", + "id": "name", + "alias": "name", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "name", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"name\"]))}}", + "sticky": "", + "validation": {} + }, + "status": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 6.0, + "width": 150.0, + "originalId": "status", + "id": "status", + "alias": "status", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "status", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"status\"]))}}", + "sticky": "", + "validation": {} + } + }, + "key": "3qwgjzmubu", + "canFreezeColumn": true, + "isDeprecated": false, + "rightColumn": 62.0, + "textSize": "0.875rem", + "widgetId": "b73obdenki", + "enableServerSideFiltering": false, + "minWidth": 450.0, + "tableData": "{{Api1.data}}", + "label": "Data", + "searchKey": "", + "parentId": "gq5pvoxzn5", + "renderMode": "CANVAS", + "mobileTopRow": 0.0, + "horizontalAlignment": "LEFT", + "isVisibleSearch": true, + "responsiveBehavior": "fill", + "mobileLeftColumn": 6.0, + "isVisiblePagination": true, + "verticalAlignment": "CENTER" + } + ], + "isDisabled": false, + "key": "gmdsbkf4kj", + "isDeprecated": false, + "tabName": "Tab 1", + "rightColumn": 70.546875, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "gq5pvoxzn5", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "g6cwwkiv7u", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + }, + { + "tabId": "tab2", + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 150.0, + "widgetName": "Canvas6", + "displayName": "Canvas", + "bottomRow": 300.0, + "topRow": 0.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": true, + "hideCard": true, + "shouldScrollContents": false, + "minHeight": 150.0, + "mobileRightColumn": 70.546875, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [], + "isDisabled": false, + "key": "gmdsbkf4kj", + "isDeprecated": false, + "tabName": "Tab 2", + "rightColumn": 70.546875, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "u6jv770pfr", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "g6cwwkiv7u", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "borderWidth": 1.0, + "key": "m440eh8y1m", + "backgroundColor": "#FFFFFF", + "isDeprecated": false, + "rightColumn": 62.0, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "g6cwwkiv7u", + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "defaultTab": "Tab 1", + "shouldShowTabs": true, + "minWidth": 450.0, + "tabsObj": { + "tab1": { + "label": "Tab 1", + "id": "tab1", + "widgetId": "gq5pvoxzn5", + "isVisible": true, + "index": 0.0, + "positioning": "vertical" + }, + "tab2": { + "label": "Tab 2", + "id": "tab2", + "widgetId": "u6jv770pfr", + "isVisible": true, + "index": 1.0, + "positioning": "vertical" + } + }, + "isVisible": true, + "version": 3.0, + "parentId": "h6zbt0dppm", + "tags": ["Layout"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 4.0, + "responsiveBehavior": "fill", + "originalTopRow": 4.0, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 4.0, + "maxDynamicHeight": 9000.0, + "originalBottomRow": 38.0, + "minDynamicHeight": 15.0 + }, + { + "boxShadow": "none", + "mobileBottomRow": 4.0, + "widgetName": "IconButton2", + "onClick": "{{Api1.run().then(() => {\n showAlert('Executed api!', '');\n});}}", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "dynamicPropertyPathList": [], + "displayName": "Icon button", + "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", + "searchTags": ["click", "submit"], + "topRow": 0.0, + "bottomRow": 4.0, + "parentRowSpace": 10.0, + "type": "ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 6.0, + "animateLoading": true, + "parentColumnSpace": 6.408203125, + "dynamicTriggerPathList": [ + { "key": "onClick" } + ], + "leftColumn": 2.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "isDisabled": false, + "key": "rzx1ugxw80", + "isDeprecated": false, + "rightColumn": 6.0, + "iconName": "play", + "widgetId": "u8032a0hmj", + "minWidth": 50.0, + "isVisible": true, + "version": 1.0, + "parentId": "h6zbt0dppm", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "hug", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 2.0, + "buttonVariant": "PRIMARY" + } + ], + "key": "gmdsbkf4kj", + "isDeprecated": false, + "rightColumn": 166.5, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "h6zbt0dppm", + "containerStyle": "none", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "ux91zws0sp", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "borderWidth": "1", + "flexVerticalAlignment": "start", + "key": "8nbypdc1zz", + "backgroundColor": "#FFFFFF", + "isDeprecated": false, + "rightColumn": 62.0, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "ux91zws0sp", + "containerStyle": "card", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "59hk3a5cny", + "tags": ["Layout"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 64.0, + "responsiveBehavior": "fill", + "originalTopRow": 143.0, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 2.0, + "maxDynamicHeight": 9000.0, + "originalBottomRow": 183.0, + "minDynamicHeight": 10.0 + } + ], + "isDisabled": false, + "key": "gmdsbkf4kj", + "isDeprecated": false, + "rightColumn": 0.0, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "59hk3a5cny", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "hz6llfbx4u", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "key": "ole7lkmkv0", + "height": 1900.0, + "isDeprecated": false, + "rightColumn": 0.0, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "hz6llfbx4u", + "canOutsideClickClose": true, + "canEscapeKeyClose": true, + "version": 2.0, + "parentId": "0", + "tags": ["Layout"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "originalTopRow": 0.0, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "originalBottomRow": 148.0, + "width": 456.0, + "minDynamicHeight": 10.0 + }, + { + "boxShadow": "none", + "iconSVG": "/static/media/icon.a7b19dc8b31d68fcff57f1d2c0084a18.svg", + "labelText": "Label", + "topRow": 22.0, + "labelWidth": 5.0, + "type": "SELECT_WIDGET", + "serverSideFiltering": false, + "defaultOptionValue": "GREEN", + "animateLoading": true, + "leftColumn": 7.0, + "dynamicBindingPathList": [ + { "key": "accentColor" }, + { "key": "borderRadius" } + ], + "placeholderText": "Select option", + "isDisabled": false, + "isRequired": false, + "dynamicHeight": "FIXED", + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "isVisible": true, + "version": 1.0, + "tags": ["Suggested", "Select"], + "isLoading": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileBottomRow": 29.0, + "widgetName": "Select2", + "isFilterable": true, + "displayName": "Select", + "searchTags": ["dropdown"], + "bottomRow": 29.0, + "parentRowSpace": 10.0, + "hideCard": false, + "mobileRightColumn": 27.0, + "parentColumnSpace": 9.78125, + "dynamicTriggerPathList": [{ "key": "onOptionChange" }], + "labelPosition": "Top", + "sourceData": [ + { "name": "Blue", "code": "BLUE" }, + { "name": "Green", "code": "GREEN" }, + { "name": "Red", "code": "RED" } + ], + "key": "9go22qpbuu", + "labelTextSize": "0.875rem", + "isDeprecated": false, + "rightColumn": 27.0, + "widgetId": "w1w4pk9zzo", + "optionValue": "code", + "minWidth": 450.0, + "parentId": "0", + "labelAlignment": "left", + "renderMode": "CANVAS", + "mobileTopRow": 22.0, + "optionLabel": "name", + "responsiveBehavior": "fill", + "mobileLeftColumn": 7.0, + "maxDynamicHeight": 9000.0, + "onOptionChange": "{{showModal('Modal2');}}", + "minDynamicHeight": 4.0 + }, + { + "boxShadow": "none", + "mobileBottomRow": 0.0, + "widgetName": "Modal2", + "isCanvas": true, + "displayName": "Modal", + "iconSVG": "/static/media/icon.b374721fa8e1aeab7cf326c2d865506f.svg", + "searchTags": ["dialog", "popup", "notification"], + "topRow": 0.0, + "bottomRow": 240.0, + "parentRowSpace": 1.0, + "type": "MODAL_WIDGET", + "hideCard": false, + "shouldScrollContents": true, + "mobileRightColumn": 0.0, + "animateLoading": true, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [{ "key": "borderRadius" }], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 0.0, + "widgetName": "Canvas7", + "displayName": "Canvas", + "topRow": 0.0, + "bottomRow": 240.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": true, + "hideCard": true, + "shouldScrollContents": false, + "minHeight": 240.0, + "mobileRightColumn": 0.0, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "none", + "mobileBottomRow": 4.0, + "widgetName": "IconButton3", + "onClick": "{{closeModal('Modal2')}}", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Icon button", + "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", + "searchTags": ["click", "submit"], + "topRow": 0.0, + "bottomRow": 4.0, + "type": "ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64.0, + "animateLoading": true, + "leftColumn": 58.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "iconSize": 24.0, + "isDisabled": false, + "key": "rzx1ugxw80", + "isDeprecated": false, + "rightColumn": 64.0, + "iconName": "cross", + "widgetId": "hh5batn812", + "minWidth": 50.0, + "isVisible": true, + "version": 1.0, + "parentId": "vuty12u6h2", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "hug", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 58.0, + "buttonVariant": "TERTIARY" + }, + { + "mobileBottomRow": 5.0, + "widgetName": "Text5", + "displayName": "Text", + "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", + "searchTags": ["typography", "paragraph", "label"], + "topRow": 9.0, + "bottomRow": 13.0, + "type": "TEXT_WIDGET", + "hideCard": false, + "mobileRightColumn": 41.0, + "animateLoading": true, + "overflow": "NONE", + "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", + "dynamicTriggerPathList": [], + "leftColumn": 6.0, + "dynamicBindingPathList": [ + { "key": "truncateButtonColor" }, + { "key": "fontFamily" }, + { "key": "borderRadius" } + ], + "shouldTruncate": false, + "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "text": "Option changed!", + "key": "eggq940xcg", + "isDeprecated": false, + "rightColumn": 57.0, + "textAlign": "LEFT", + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "ijf7l1u08i", + "minWidth": 450.0, + "isVisible": true, + "fontStyle": "BOLD", + "textColor": "#231F20", + "version": 1.0, + "parentId": "vuty12u6h2", + "tags": ["Suggested", "Content"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 1.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 1.0, + "maxDynamicHeight": 9000.0, + "fontSize": "1.25rem", + "minDynamicHeight": 4.0 + } + ], + "isDisabled": false, + "key": "gmdsbkf4kj", + "isDeprecated": false, + "rightColumn": 0.0, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "vuty12u6h2", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "lwewdg3z5m", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "key": "ole7lkmkv0", + "height": 240.0, + "isDeprecated": false, + "rightColumn": 0.0, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "lwewdg3z5m", + "canOutsideClickClose": true, + "canEscapeKeyClose": true, + "version": 2.0, + "parentId": "0", + "tags": ["Layout"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "width": 262.0, + "minDynamicHeight": 24.0 + }, + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "requiresFlatWidgetChildren": true, + "isCanvas": true, + "iconSVG": "/static/media/icon.5c9511142b3624c7491c5442e8ccd0ef.svg", + "topRow": 17.0, + "pageSize": 3.0, + "type": "LIST_WIDGET_V2", + "itemSpacing": 8.0, + "animateLoading": true, + "dynamicBindingPathList": [ + { "key": "currentItemsView" }, + { "key": "selectedItemView" }, + { "key": "triggeredItemView" }, + { "key": "primaryKeys" }, + { "key": "accentColor" }, + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "leftColumn": 35.0, + "enhancements": true, + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 400.0, + "widgetName": "Canvas8", + "displayName": "Canvas", + "topRow": 0.0, + "bottomRow": 400.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": false, + "hideCard": true, + "dropDisabled": true, + "openParentPropertyPane": true, + "minHeight": 400.0, + "mobileRightColumn": 234.75, + "noPad": true, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 12.0, + "widgetName": "Container3", + "borderColor": "#E0DEDE", + "disallowCopy": true, + "isCanvas": true, + "displayName": "Container", + "iconSVG": "/static/media/icon.daebf68875b6c8e909e9e8ac8bee0c02.svg", + "searchTags": ["div", "parent", "group"], + "topRow": 0.0, + "bottomRow": 12.0, + "dragDisabled": true, + "type": "CONTAINER_WIDGET", + "hideCard": false, + "shouldScrollContents": false, + "isDeletable": false, + "mobileRightColumn": 64.0, + "animateLoading": true, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "widgetName": "Canvas9", + "displayName": "Canvas", + "topRow": 0.0, + "bottomRow": 120.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": false, + "hideCard": true, + "useAutoLayout": false, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "none", + "mobileBottomRow": 8.0, + "widgetName": "Image3", + "displayName": "Image", + "iconSVG": "/static/media/icon.69b0f0dd810281fbd6e34fc2c3f39344.svg", + "topRow": 0.0, + "bottomRow": 8.0, + "type": "IMAGE_WIDGET", + "hideCard": false, + "mobileRightColumn": 16.0, + "animateLoading": true, + "dynamicTriggerPathList": [], + "imageShape": "RECTANGLE", + "dynamicBindingPathList": [ + { "key": "image" }, + { "key": "borderRadius" } + ], + "leftColumn": 0.0, + "defaultImage": "https://assets.appsmith.com/widgets/default.png", + "key": "an3dz32jnz", + "image": "{{currentItem.img}}", + "isDeprecated": false, + "rightColumn": 16.0, + "objectFit": "cover", + "widgetId": "zsd3wguxr8", + "isVisible": true, + "version": 1.0, + "parentId": "5e7r8x4ogy", + "tags": ["Media"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "maxZoomLevel": 1.0, + "enableDownload": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "enableRotation": false + }, + { + "boxShadow": "none", + "mobileBottomRow": 4.0, + "widgetName": "Text6", + "displayName": "Text", + "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", + "searchTags": [ + "typography", + "paragraph", + "label" + ], + "topRow": 0.0, + "bottomRow": 4.0, + "type": "TEXT_WIDGET", + "hideCard": false, + "mobileRightColumn": 28.0, + "animateLoading": true, + "overflow": "NONE", + "dynamicTriggerPathList": [], + "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", + "dynamicBindingPathList": [ + { "key": "text" }, + { "key": "truncateButtonColor" }, + { "key": "fontFamily" }, + { "key": "borderRadius" }, + { "key": "text" } + ], + "leftColumn": 16.0, + "shouldTruncate": false, + "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "text": "{{currentItem.name}}", + "key": "eggq940xcg", + "isDeprecated": false, + "rightColumn": 28.0, + "textAlign": "LEFT", + "dynamicHeight": "FIXED", + "widgetId": "xxb9k9l324", + "minWidth": 450.0, + "isVisible": true, + "fontStyle": "BOLD", + "textColor": "#231F20", + "version": 1.0, + "parentId": "5e7r8x4ogy", + "tags": ["Suggested", "Content"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 16.0, + "maxDynamicHeight": 9000.0, + "fontSize": "1rem", + "textStyle": "HEADING", + "minDynamicHeight": 4.0 + }, + { + "boxShadow": "none", + "mobileBottomRow": 8.0, + "widgetName": "Text7", + "displayName": "Text", + "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", + "searchTags": [ + "typography", + "paragraph", + "label" + ], + "topRow": 4.0, + "bottomRow": 8.0, + "type": "TEXT_WIDGET", + "hideCard": false, + "mobileRightColumn": 24.0, + "animateLoading": true, + "overflow": "NONE", + "dynamicTriggerPathList": [], + "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", + "dynamicBindingPathList": [ + { "key": "text" }, + { "key": "truncateButtonColor" }, + { "key": "fontFamily" }, + { "key": "borderRadius" }, + { "key": "text" } + ], + "leftColumn": 16.0, + "shouldTruncate": false, + "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "text": "{{currentItem.id}}", + "key": "eggq940xcg", + "isDeprecated": false, + "rightColumn": 24.0, + "textAlign": "LEFT", + "dynamicHeight": "FIXED", + "widgetId": "jtxcmjnb72", + "minWidth": 450.0, + "isVisible": true, + "fontStyle": "BOLD", + "textColor": "#231F20", + "version": 1.0, + "parentId": "5e7r8x4ogy", + "tags": ["Suggested", "Content"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 4.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 16.0, + "maxDynamicHeight": 9000.0, + "fontSize": "1rem", + "textStyle": "BODY", + "minDynamicHeight": 4.0 + } + ], + "key": "gmdsbkf4kj", + "isDeprecated": false, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "5e7r8x4ogy", + "containerStyle": "none", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "kge1nh55vi", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "borderWidth": "1", + "positioning": "fixed", + "flexVerticalAlignment": "start", + "key": "8nbypdc1zz", + "backgroundColor": "white", + "isDeprecated": false, + "rightColumn": 64.0, + "dynamicHeight": "FIXED", + "widgetId": "kge1nh55vi", + "containerStyle": "card", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "isListItemContainer": true, + "parentId": "mvr73kk0mj", + "tags": ["Layout"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "noContainerOffset": true, + "disabledWidgetFeatures": ["dynamicHeight"], + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 10.0 + } + ], + "key": "gmdsbkf4kj", + "isDeprecated": false, + "rightColumn": 234.75, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "mvr73kk0mj", + "containerStyle": "none", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "b7fjdn1ail", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "itemBackgroundColor": "#FFFFFF", + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "isVisible": true, + "tags": ["Suggested", "Display"], + "hasMetaWidgets": true, + "isLoading": false, + "mainCanvasId": "mvr73kk0mj", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "additionalStaticProps": [ + "level", + "levelData", + "prefixMetaWidgetId", + "metaWidgetId" + ], + "mobileBottomRow": 57.0, + "currentItemsView": "{{[]}}", + "triggeredItemView": "{{{}}}", + "widgetName": "List2", + "listData": [ + { + "id": "001", + "name": "Blue", + "img": "https://assets.appsmith.com/widgets/default.png" + }, + { + "id": "002", + "name": "Green", + "img": "https://assets.appsmith.com/widgets/default.png" + }, + { + "id": "003", + "name": "Red", + "img": "https://assets.appsmith.com/widgets/default.png" + } + ], + "displayName": "List", + "bottomRow": 57.0, + "parentRowSpace": 10.0, + "hideCard": false, + "templateBottomRow": 16.0, + "mobileRightColumn": 59.0, + "mainContainerId": "kge1nh55vi", + "primaryKeys": "{{List2.listData.map((currentItem, currentIndex) => currentItem[\"id\"] )}}", + "parentColumnSpace": 9.78125, + "dynamicTriggerPathList": [{ "key": "onItemClick" }], + "gridType": "vertical", + "key": "mgbk7d2119", + "backgroundColor": "transparent", + "isDeprecated": false, + "rightColumn": 59.0, + "widgetId": "b7fjdn1ail", + "minWidth": 450.0, + "onItemClick": "{{showModal('Modal3');}}", + "parentId": "0", + "renderMode": "CANVAS", + "mobileTopRow": 17.0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 35.0, + "selectedItemView": "{{{}}}" + }, + { + "boxShadow": "none", + "mobileBottomRow": 0.0, + "widgetName": "Modal3", + "isCanvas": true, + "displayName": "Modal", + "iconSVG": "/static/media/icon.b374721fa8e1aeab7cf326c2d865506f.svg", + "searchTags": ["dialog", "popup", "notification"], + "topRow": 0.0, + "bottomRow": 240.0, + "parentRowSpace": 1.0, + "type": "MODAL_WIDGET", + "hideCard": false, + "shouldScrollContents": true, + "mobileRightColumn": 0.0, + "animateLoading": true, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [{ "key": "borderRadius" }], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 0.0, + "widgetName": "Canvas10", + "displayName": "Canvas", + "topRow": 0.0, + "bottomRow": 240.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": true, + "hideCard": true, + "shouldScrollContents": false, + "minHeight": 0.0, + "mobileRightColumn": 0.0, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "none", + "mobileBottomRow": 4.0, + "widgetName": "IconButton4", + "onClick": "{{closeModal('Modal3')}}", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Icon button", + "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", + "searchTags": ["click", "submit"], + "topRow": 0.0, + "bottomRow": 4.0, + "type": "ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64.0, + "animateLoading": true, + "leftColumn": 58.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "iconSize": 24.0, + "isDisabled": false, + "key": "rzx1ugxw80", + "isDeprecated": false, + "rightColumn": 64.0, + "iconName": "cross", + "widgetId": "gp75kko147", + "minWidth": 50.0, + "isVisible": true, + "version": 1.0, + "parentId": "lfj97zdxdw", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "hug", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 58.0, + "buttonVariant": "TERTIARY" + }, + { + "mobileBottomRow": 5.0, + "widgetName": "Text8", + "displayName": "Text", + "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", + "searchTags": ["typography", "paragraph", "label"], + "topRow": 8.0, + "bottomRow": 12.0, + "type": "TEXT_WIDGET", + "hideCard": false, + "mobileRightColumn": 41.0, + "animateLoading": true, + "overflow": "NONE", + "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", + "dynamicTriggerPathList": [], + "leftColumn": 7.0, + "dynamicBindingPathList": [ + { "key": "truncateButtonColor" }, + { "key": "fontFamily" }, + { "key": "borderRadius" } + ], + "shouldTruncate": false, + "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "text": "List Item Clicked!", + "key": "eggq940xcg", + "isDeprecated": false, + "rightColumn": 47.0, + "textAlign": "LEFT", + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "ok3iewf220", + "minWidth": 450.0, + "isVisible": true, + "fontStyle": "BOLD", + "textColor": "#231F20", + "version": 1.0, + "parentId": "lfj97zdxdw", + "tags": ["Suggested", "Content"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 1.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 1.0, + "maxDynamicHeight": 9000.0, + "fontSize": "1.25rem", + "minDynamicHeight": 4.0 + }, + { + "resetFormOnClick": false, + "boxShadow": "none", + "mobileBottomRow": 22.0, + "widgetName": "Button2", + "onClick": "{{closeModal('Modal3')}}", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Button", + "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", + "searchTags": ["click", "submit"], + "topRow": 18.0, + "bottomRow": 22.0, + "type": "BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 47.0, + "animateLoading": true, + "leftColumn": 31.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "text": "Close", + "isDisabled": false, + "key": "psr2q2qnuk", + "isDeprecated": false, + "rightColumn": 47.0, + "isDefaultClickDisabled": true, + "widgetId": "ni3v3lt43c", + "buttonStyle": "PRIMARY", + "minWidth": 120.0, + "isVisible": true, + "recaptchaType": "V3", + "version": 1.0, + "parentId": "lfj97zdxdw", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 18.0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 31.0, + "buttonVariant": "SECONDARY", + "placement": "CENTER" + }, + { + "resetFormOnClick": false, + "boxShadow": "none", + "mobileBottomRow": 22.0, + "widgetName": "Button3", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Button", + "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", + "searchTags": ["click", "submit"], + "topRow": 18.0, + "bottomRow": 22.0, + "type": "BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 63.0, + "animateLoading": true, + "leftColumn": 47.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "text": "Confirm", + "isDisabled": false, + "key": "psr2q2qnuk", + "isDeprecated": false, + "rightColumn": 63.0, + "isDefaultClickDisabled": true, + "widgetId": "57uc88g7np", + "buttonStyle": "PRIMARY_BUTTON", + "minWidth": 120.0, + "isVisible": true, + "recaptchaType": "V3", + "version": 1.0, + "parentId": "lfj97zdxdw", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 18.0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 47.0, + "buttonVariant": "PRIMARY", + "placement": "CENTER" + } + ], + "isDisabled": false, + "key": "gmdsbkf4kj", + "isDeprecated": false, + "rightColumn": 0.0, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "lfj97zdxdw", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "ih3y0k7fhu", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "key": "ole7lkmkv0", + "height": 240.0, + "isDeprecated": false, + "rightColumn": 0.0, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "ih3y0k7fhu", + "canOutsideClickClose": true, + "canEscapeKeyClose": true, + "version": 2.0, + "parentId": "0", + "tags": ["Layout"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "width": 456.0, + "minDynamicHeight": 24.0 + }, + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "borderColor": "#E0DEDE", + "isVisibleDownload": true, + "iconSVG": "/static/media/icon.e6911f8bb94dc6c4a102a74740c41763.svg", + "topRow": 34.0, + "isSortable": true, + "type": "TABLE_WIDGET_V2", + "inlineEditingSaveOption": "ROW_LEVEL", + "animateLoading": true, + "dynamicBindingPathList": [ + { "key": "accentColor" }, + { "key": "borderRadius" }, + { "key": "boxShadow" }, + { "key": "tableData" }, + { "key": "primaryColumns.address.computedValue" }, + { "key": "primaryColumns.avatar.computedValue" }, + { "key": "primaryColumns.email.computedValue" }, + { "key": "primaryColumns.gender.computedValue" }, + { "key": "primaryColumns.id.computedValue" }, + { "key": "primaryColumns.name.computedValue" }, + { "key": "primaryColumns.status.computedValue" } + ], + "needsHeightForContent": true, + "leftColumn": 0.0, + "delimiter": ",", + "defaultSelectedRowIndex": 0.0, + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "isVisibleFilters": true, + "isVisible": true, + "enableClientSideSearch": true, + "version": 2.0, + "totalRecordsCount": 0.0, + "tags": ["Suggested", "Display"], + "isLoading": false, + "onSearchTextChanged": "{{showModal('Modal4');}}", + "childStylesheet": { + "button": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "menuButton": { + "menuColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "iconButton": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "editActions": { + "saveButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "saveBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "discardButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "discardBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}" + } + }, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "columnUpdatedAt": 1.69459117549e12, + "defaultSelectedRowIndices": [0.0], + "mobileBottomRow": 62.0, + "widgetName": "Table2", + "defaultPageSize": 0.0, + "columnOrder": [ + "address", + "avatar", + "email", + "gender", + "id", + "name", + "status" + ], + "dynamicPropertyPathList": [], + "displayName": "Table", + "bottomRow": 62.0, + "columnWidthMap": {}, + "parentRowSpace": 10.0, + "hideCard": false, + "mobileRightColumn": 29.0, + "parentColumnSpace": 9.78125, + "dynamicTriggerPathList": [{ "key": "onSearchTextChanged" }], + "borderWidth": "1", + "primaryColumns": { + "address": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 0.0, + "width": 150.0, + "originalId": "address", + "id": "address", + "alias": "address", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "address", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"address\"]))}}", + "sticky": "", + "validation": {} + }, + "avatar": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 1.0, + "width": 150.0, + "originalId": "avatar", + "id": "avatar", + "alias": "avatar", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "avatar", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"avatar\"]))}}", + "sticky": "", + "validation": {} + }, + "email": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 2.0, + "width": 150.0, + "originalId": "email", + "id": "email", + "alias": "email", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "email", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"email\"]))}}", + "sticky": "", + "validation": {} + }, + "gender": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 3.0, + "width": 150.0, + "originalId": "gender", + "id": "gender", + "alias": "gender", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "gender", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"gender\"]))}}", + "sticky": "", + "validation": {} + }, + "id": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 4.0, + "width": 150.0, + "originalId": "id", + "id": "id", + "alias": "id", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "number", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "id", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"id\"]))}}", + "sticky": "", + "validation": {} + }, + "name": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 5.0, + "width": 150.0, + "originalId": "name", + "id": "name", + "alias": "name", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "name", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"name\"]))}}", + "sticky": "", + "validation": {} + }, + "status": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 6.0, + "width": 150.0, + "originalId": "status", + "id": "status", + "alias": "status", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "status", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"status\"]))}}", + "sticky": "", + "validation": {} + } + }, + "key": "3qwgjzmubu", + "canFreezeColumn": true, + "isDeprecated": false, + "rightColumn": 29.0, + "textSize": "0.875rem", + "widgetId": "wx0pg4tbs3", + "enableServerSideFiltering": false, + "minWidth": 450.0, + "tableData": "{{Api1.data}}", + "label": "Data", + "searchKey": "", + "parentId": "0", + "renderMode": "CANVAS", + "mobileTopRow": 34.0, + "horizontalAlignment": "LEFT", + "isVisibleSearch": true, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0.0, + "isVisiblePagination": true, + "verticalAlignment": "CENTER" + }, + { + "boxShadow": "none", + "mobileBottomRow": 0.0, + "widgetName": "Modal4", + "isCanvas": true, + "displayName": "Modal", + "iconSVG": "/static/media/icon.b374721fa8e1aeab7cf326c2d865506f.svg", + "searchTags": ["dialog", "popup", "notification"], + "topRow": 0.0, + "bottomRow": 240.0, + "parentRowSpace": 1.0, + "type": "MODAL_WIDGET", + "hideCard": false, + "shouldScrollContents": true, + "mobileRightColumn": 0.0, + "animateLoading": true, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [{ "key": "borderRadius" }], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 0.0, + "widgetName": "Canvas11", + "displayName": "Canvas", + "topRow": 0.0, + "bottomRow": 240.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": true, + "hideCard": true, + "shouldScrollContents": false, + "minHeight": 0.0, + "mobileRightColumn": 0.0, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "none", + "mobileBottomRow": 4.0, + "widgetName": "IconButton5", + "onClick": "{{closeModal('Modal4')}}", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Icon button", + "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", + "searchTags": ["click", "submit"], + "topRow": 0.0, + "bottomRow": 4.0, + "type": "ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64.0, + "animateLoading": true, + "leftColumn": 58.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "iconSize": 24.0, + "isDisabled": false, + "key": "rzx1ugxw80", + "isDeprecated": false, + "rightColumn": 64.0, + "iconName": "cross", + "widgetId": "y581dyab2v", + "minWidth": 50.0, + "isVisible": true, + "version": 1.0, + "parentId": "u5sz0sg17f", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "hug", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 58.0, + "buttonVariant": "TERTIARY" + }, + { + "mobileBottomRow": 5.0, + "widgetName": "Text9", + "displayName": "Text", + "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", + "searchTags": ["typography", "paragraph", "label"], + "topRow": 7.0, + "bottomRow": 11.0, + "type": "TEXT_WIDGET", + "hideCard": false, + "mobileRightColumn": 41.0, + "animateLoading": true, + "overflow": "NONE", + "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", + "dynamicTriggerPathList": [], + "leftColumn": 7.0, + "dynamicBindingPathList": [ + { "key": "truncateButtonColor" }, + { "key": "fontFamily" }, + { "key": "borderRadius" } + ], + "shouldTruncate": false, + "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "text": "Table search value changed!", + "key": "eggq940xcg", + "isDeprecated": false, + "rightColumn": 47.0, + "textAlign": "LEFT", + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "0jm296331g", + "minWidth": 450.0, + "isVisible": true, + "fontStyle": "BOLD", + "textColor": "#231F20", + "version": 1.0, + "parentId": "u5sz0sg17f", + "tags": ["Suggested", "Content"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 1.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 1.0, + "maxDynamicHeight": 9000.0, + "fontSize": "1.25rem", + "minDynamicHeight": 4.0 + }, + { + "resetFormOnClick": false, + "boxShadow": "none", + "mobileBottomRow": 22.0, + "widgetName": "Button4", + "onClick": "{{closeModal('Modal4')}}", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Button", + "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", + "searchTags": ["click", "submit"], + "topRow": 18.0, + "bottomRow": 22.0, + "type": "BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 47.0, + "animateLoading": true, + "leftColumn": 31.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "text": "Close", + "isDisabled": false, + "key": "psr2q2qnuk", + "isDeprecated": false, + "rightColumn": 47.0, + "isDefaultClickDisabled": true, + "widgetId": "j1t93mn6cx", + "buttonStyle": "PRIMARY", + "minWidth": 120.0, + "isVisible": true, + "recaptchaType": "V3", + "version": 1.0, + "parentId": "u5sz0sg17f", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 18.0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 31.0, + "buttonVariant": "SECONDARY", + "placement": "CENTER" + }, + { + "resetFormOnClick": false, + "boxShadow": "none", + "mobileBottomRow": 22.0, + "widgetName": "Button5", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Button", + "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", + "searchTags": ["click", "submit"], + "topRow": 18.0, + "bottomRow": 22.0, + "type": "BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 63.0, + "animateLoading": true, + "leftColumn": 47.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "text": "Confirm", + "isDisabled": false, + "key": "psr2q2qnuk", + "isDeprecated": false, + "rightColumn": 63.0, + "isDefaultClickDisabled": true, + "widgetId": "uhwv2eik6s", + "buttonStyle": "PRIMARY_BUTTON", + "minWidth": 120.0, + "isVisible": true, + "recaptchaType": "V3", + "version": 1.0, + "parentId": "u5sz0sg17f", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 18.0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 47.0, + "buttonVariant": "PRIMARY", + "placement": "CENTER" + } + ], + "isDisabled": false, + "key": "gmdsbkf4kj", + "isDeprecated": false, + "rightColumn": 0.0, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "u5sz0sg17f", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "g5s1486z2m", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "key": "ole7lkmkv0", + "height": 240.0, + "isDeprecated": false, + "rightColumn": 0.0, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "g5s1486z2m", + "canOutsideClickClose": true, + "canEscapeKeyClose": true, + "version": 2.0, + "parentId": "0", + "tags": ["Layout"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "width": 456.0, + "minDynamicHeight": 24.0 + }, + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "borderColor": "#E0DEDE", + "iconSVG": "/static/media/icon.46adf7030d667f0ad9002aa31f997573.svg", + "onSubmit": "{{showModal('Modal5');}}", + "topRow": 61.0, + "type": "JSON_FORM_WIDGET", + "animateLoading": true, + "leftColumn": 33.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" }, + { "key": "submitButtonStyles.buttonColor" }, + { "key": "submitButtonStyles.borderRadius" }, + { "key": "resetButtonStyles.buttonColor" }, + { "key": "resetButtonStyles.borderRadius" }, + { + "key": "schema.__root_schema__.children.name.defaultValue" + }, + { + "key": "schema.__root_schema__.children.name.accentColor" + }, + { + "key": "schema.__root_schema__.children.name.borderRadius" + }, + { + "key": "schema.__root_schema__.children.date_of_birth.defaultValue" + }, + { + "key": "schema.__root_schema__.children.date_of_birth.accentColor" + }, + { + "key": "schema.__root_schema__.children.date_of_birth.borderRadius" + }, + { + "key": "schema.__root_schema__.children.employee_id.defaultValue" + }, + { + "key": "schema.__root_schema__.children.employee_id.accentColor" + }, + { + "key": "schema.__root_schema__.children.employee_id.borderRadius" + }, + { "key": "schema.__root_schema__.defaultValue" }, + { "key": "schema.__root_schema__.borderRadius" }, + { "key": "schema.__root_schema__.cellBorderRadius" } + ], + "showReset": true, + "dynamicHeight": "AUTO_HEIGHT", + "autoGenerateForm": true, + "resetButtonStyles": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none", + "buttonVariant": "SECONDARY" + }, + "isVisible": true, + "version": 1.0, + "tags": ["Suggested", "Layout"], + "isLoading": false, + "submitButtonLabel": "Submit", + "childStylesheet": { + "ARRAY": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none", + "cellBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "cellBoxShadow": "none" + }, + "OBJECT": { + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none", + "cellBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "cellBoxShadow": "none" + }, + "CHECKBOX": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}" + }, + "CURRENCY_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "DATEPICKER": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "EMAIL_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "MULTISELECT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "MULTILINE_TEXT_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "NUMBER_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "PASSWORD_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "PHONE_NUMBER_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "RADIO_GROUP": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "boxShadow": "none" + }, + "SELECT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "SWITCH": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "boxShadow": "none" + }, + "TEXT_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + } + }, + "disabledWhenInvalid": true, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "originalBottomRow": 118.0, + "useSourceData": false, + "schema": { + "__root_schema__": { + "children": { + "name": { + "children": {}, + "dataType": "string", + "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.name))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "fieldType": "Text Input", + "sourceData": "John", + "isCustomField": false, + "accessor": "name", + "identifier": "name", + "position": 0.0, + "originalIdentifier": "name", + "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "boxShadow": "none", + "iconAlign": "left", + "isDisabled": false, + "isRequired": false, + "isSpellCheck": false, + "isVisible": true, + "labelTextSize": "0.875rem", + "label": "Name" + }, + "date_of_birth": { + "children": {}, + "dataType": "string", + "defaultValue": "{{((sourceData, formData, fieldState) => (moment(sourceData.date_of_birth, \"DD/MM/YYYY\").format(\"YYYY-MM-DDTHH:mm:ss.sssZ\")))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "fieldType": "Datepicker", + "sourceData": "20/02/1990", + "isCustomField": false, + "accessor": "date_of_birth", + "identifier": "date_of_birth", + "position": 1.0, + "originalIdentifier": "date_of_birth", + "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "boxShadow": "none", + "closeOnSelection": false, + "convertToISO": false, + "dateFormat": "DD/MM/YYYY", + "isDisabled": false, + "isRequired": false, + "isVisible": true, + "label": "Date Of Birth", + "maxDate": "2121-12-31T18:29:00.000Z", + "minDate": "1920-12-31T18:30:00.000Z", + "shortcuts": false, + "timePrecision": "minute", + "labelTextSize": "0.875rem" + }, + "employee_id": { + "children": {}, + "dataType": "number", + "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.employee_id))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "fieldType": "Number Input", + "sourceData": 1001.0, + "isCustomField": false, + "accessor": "employee_id", + "identifier": "employee_id", + "position": 2.0, + "originalIdentifier": "employee_id", + "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "boxShadow": "none", + "iconAlign": "left", + "isDisabled": false, + "isRequired": false, + "isSpellCheck": false, + "isVisible": true, + "labelTextSize": "0.875rem", + "label": "Employee Id" + } + }, + "dataType": "object", + "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "fieldType": "Object", + "sourceData": { + "name": "John", + "date_of_birth": "20/02/1990", + "employee_id": 1001.0 + }, + "isCustomField": false, + "accessor": "__root_schema__", + "identifier": "__root_schema__", + "position": -1.0, + "originalIdentifier": "__root_schema__", + "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "boxShadow": "none", + "cellBorderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "cellBoxShadow": "none", + "isDisabled": false, + "isRequired": false, + "isVisible": true, + "labelTextSize": "0.875rem", + "label": "" + } + }, + "mobileBottomRow": 102.0, + "widgetName": "JSONForm2", + "submitButtonStyles": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none", + "buttonVariant": "PRIMARY" + }, + "dynamicPropertyPathList": [ + { + "key": "schema.__root_schema__.children.date_of_birth.defaultValue" + } + ], + "displayName": "JSON Form", + "bottomRow": 118.0, + "fieldLimitExceeded": false, + "parentRowSpace": 10.0, + "title": "Form", + "hideCard": false, + "mobileRightColumn": 58.0, + "parentColumnSpace": 9.78125, + "dynamicTriggerPathList": [{ "key": "onSubmit" }], + "borderWidth": "1", + "sourceData": { + "name": "John", + "date_of_birth": "20/02/1990", + "employee_id": 1001.0 + }, + "resetButtonLabel": "Reset", + "key": "csjsvvwmwh", + "backgroundColor": "#fff", + "isDeprecated": false, + "rightColumn": 58.0, + "widgetId": "ynk24jdjcq", + "minWidth": 450.0, + "parentId": "0", + "renderMode": "CANVAS", + "mobileTopRow": 61.0, + "scrollContents": true, + "responsiveBehavior": "fill", + "fixedFooter": true, + "originalTopRow": 61.0, + "mobileLeftColumn": 33.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0 + }, + { + "boxShadow": "none", + "mobileBottomRow": 0.0, + "widgetName": "Modal5", + "isCanvas": true, + "displayName": "Modal", + "iconSVG": "/static/media/icon.b374721fa8e1aeab7cf326c2d865506f.svg", + "searchTags": ["dialog", "popup", "notification"], + "topRow": 0.0, + "bottomRow": 240.0, + "parentRowSpace": 1.0, + "type": "MODAL_WIDGET", + "hideCard": false, + "shouldScrollContents": true, + "mobileRightColumn": 0.0, + "animateLoading": true, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [{ "key": "borderRadius" }], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 0.0, + "widgetName": "Canvas12", + "displayName": "Canvas", + "topRow": 0.0, + "bottomRow": 240.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": true, + "hideCard": true, + "shouldScrollContents": false, + "minHeight": 0.0, + "mobileRightColumn": 0.0, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "none", + "mobileBottomRow": 4.0, + "widgetName": "IconButton6", + "onClick": "{{closeModal('Modal5')}}", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Icon button", + "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", + "searchTags": ["click", "submit"], + "topRow": 0.0, + "bottomRow": 4.0, + "type": "ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64.0, + "animateLoading": true, + "leftColumn": 58.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "iconSize": 24.0, + "isDisabled": false, + "key": "rzx1ugxw80", + "isDeprecated": false, + "rightColumn": 64.0, + "iconName": "cross", + "widgetId": "fyesozehw1", + "minWidth": 50.0, + "isVisible": true, + "version": 1.0, + "parentId": "d0y05ie88b", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "hug", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 58.0, + "buttonVariant": "TERTIARY" + }, + { + "mobileBottomRow": 5.0, + "widgetName": "Text10", + "displayName": "Text", + "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", + "searchTags": ["typography", "paragraph", "label"], + "topRow": 7.0, + "bottomRow": 11.0, + "type": "TEXT_WIDGET", + "hideCard": false, + "mobileRightColumn": 41.0, + "animateLoading": true, + "overflow": "NONE", + "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", + "dynamicTriggerPathList": [], + "leftColumn": 6.0, + "dynamicBindingPathList": [ + { "key": "truncateButtonColor" }, + { "key": "fontFamily" }, + { "key": "borderRadius" } + ], + "shouldTruncate": false, + "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "text": "Form submitted!", + "key": "eggq940xcg", + "isDeprecated": false, + "rightColumn": 46.0, + "textAlign": "LEFT", + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "vdhzz04buu", + "minWidth": 450.0, + "isVisible": true, + "fontStyle": "BOLD", + "textColor": "#231F20", + "version": 1.0, + "parentId": "d0y05ie88b", + "tags": ["Suggested", "Content"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 1.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 1.0, + "maxDynamicHeight": 9000.0, + "fontSize": "1.25rem", + "minDynamicHeight": 4.0 + }, + { + "resetFormOnClick": false, + "boxShadow": "none", + "mobileBottomRow": 22.0, + "widgetName": "Button6", + "onClick": "{{closeModal('Modal5')}}", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Button", + "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", + "searchTags": ["click", "submit"], + "topRow": 18.0, + "bottomRow": 22.0, + "type": "BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 47.0, + "animateLoading": true, + "leftColumn": 31.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "text": "Close", + "isDisabled": false, + "key": "psr2q2qnuk", + "isDeprecated": false, + "rightColumn": 47.0, + "isDefaultClickDisabled": true, + "widgetId": "b6us5yglbb", + "buttonStyle": "PRIMARY", + "minWidth": 120.0, + "isVisible": true, + "recaptchaType": "V3", + "version": 1.0, + "parentId": "d0y05ie88b", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 18.0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 31.0, + "buttonVariant": "SECONDARY", + "placement": "CENTER" + }, + { + "resetFormOnClick": false, + "boxShadow": "none", + "mobileBottomRow": 22.0, + "widgetName": "Button7", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Button", + "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", + "searchTags": ["click", "submit"], + "topRow": 18.0, + "bottomRow": 22.0, + "type": "BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 63.0, + "animateLoading": true, + "leftColumn": 47.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "text": "Confirm", + "isDisabled": false, + "key": "psr2q2qnuk", + "isDeprecated": false, + "rightColumn": 63.0, + "isDefaultClickDisabled": true, + "widgetId": "zdvzbekkj8", + "buttonStyle": "PRIMARY_BUTTON", + "minWidth": 120.0, + "isVisible": true, + "recaptchaType": "V3", + "version": 1.0, + "parentId": "d0y05ie88b", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 18.0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 47.0, + "buttonVariant": "PRIMARY", + "placement": "CENTER" + } + ], + "isDisabled": false, + "key": "gmdsbkf4kj", + "isDeprecated": false, + "rightColumn": 0.0, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "d0y05ie88b", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "m34ly0psqc", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "key": "ole7lkmkv0", + "height": 240.0, + "isDeprecated": false, + "rightColumn": 0.0, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "m34ly0psqc", + "canOutsideClickClose": true, + "canEscapeKeyClose": true, + "version": 2.0, + "parentId": "0", + "tags": ["Layout"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "width": 456.0, + "minDynamicHeight": 24.0 + } + ] + }, + "layoutOnLoadActions": [ + [ + { + "id": "Page1_Api1", + "name": "Api1", + "confirmBeforeExecute": false, + "pluginType": "API", + "jsonPathKeys": [], + "timeoutInMillisecond": 10000.0 + } + ] + ], + "layoutOnLoadActionErrors": [], + "validOnPageLoadActions": true, + "id": "Page1", + "deleted": false, + "policies": [], + "userPermissions": [] + } + ], + "userPermissions": [], + "policies": [] + }, + "publishedPage": { + "name": "Page1", + "slug": "page1", + "layouts": [ + { + "viewMode": false, + "dsl": { + "widgetName": "MainContainer", + "backgroundColor": "none", + "rightColumn": 4896.0, + "snapColumns": 64.0, + "detachFromLayout": true, + "widgetId": "0", + "topRow": 0.0, + "bottomRow": 1180.0, + "containerStyle": "none", + "snapRows": 124.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": true, + "version": 86.0, + "minHeight": 1292.0, + "dynamicTriggerPathList": [], + "parentColumnSpace": 1.0, + "dynamicBindingPathList": [], + "leftColumn": 0.0, + "children": [ + { + "resetFormOnClick": false, + "boxShadow": "none", + "mobileBottomRow": 12.0, + "widgetName": "Button1", + "onClick": "{{showModal('Modal1');}}", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Button", + "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", + "searchTags": ["click", "submit"], + "topRow": 8.0, + "bottomRow": 12.0, + "parentRowSpace": 10.0, + "type": "BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 38.0, + "animateLoading": true, + "parentColumnSpace": 9.859375, + "dynamicTriggerPathList": [{ "key": "onClick" }], + "leftColumn": 22.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "text": "Submit", + "isDisabled": false, + "key": "psr2q2qnuk", + "isDeprecated": false, + "rightColumn": 38.0, + "isDefaultClickDisabled": true, + "widgetId": "37aleq6qhk", + "minWidth": 120.0, + "isVisible": true, + "recaptchaType": "V3", + "version": 1.0, + "parentId": "0", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 8.0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 22.0, + "buttonVariant": "PRIMARY", + "placement": "CENTER" + }, + { + "boxShadow": "none", + "mobileBottomRow": 0.0, + "widgetName": "Modal1", + "isCanvas": true, + "displayName": "Modal", + "iconSVG": "/static/media/icon.b374721fa8e1aeab7cf326c2d865506f.svg", + "searchTags": ["dialog", "popup", "notification"], + "topRow": 0.0, + "bottomRow": 190.0, + "parentRowSpace": 1.0, + "type": "MODAL_WIDGET", + "hideCard": false, + "shouldScrollContents": true, + "minHeight": 1900.0, + "mobileRightColumn": 0.0, + "animateLoading": true, + "parentColumnSpace": 1.0, + "dynamicTriggerPathList": [], + "leftColumn": 0.0, + "dynamicBindingPathList": [{ "key": "borderRadius" }], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 0.0, + "widgetName": "Canvas1", + "displayName": "Canvas", + "topRow": 0.0, + "bottomRow": 1900.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": true, + "hideCard": true, + "shouldScrollContents": false, + "minHeight": 0.0, + "mobileRightColumn": 0.0, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "none", + "mobileBottomRow": 4.0, + "widgetName": "IconButton1", + "onClick": "{{closeModal('Modal1')}}", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Icon button", + "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", + "searchTags": ["click", "submit"], + "topRow": 0.0, + "bottomRow": 4.0, + "type": "ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64.0, + "animateLoading": true, + "leftColumn": 58.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "iconSize": 24.0, + "isDisabled": false, + "key": "rzx1ugxw80", + "isDeprecated": false, + "rightColumn": 64.0, + "iconName": "cross", + "widgetId": "xvq75i05gs", + "minWidth": 50.0, + "isVisible": true, + "version": 1.0, + "parentId": "59hk3a5cny", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "hug", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 58.0, + "buttonVariant": "TERTIARY" + }, + { + "mobileBottomRow": 5.0, + "widgetName": "Text1", + "displayName": "Text", + "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", + "searchTags": ["typography", "paragraph", "label"], + "topRow": 1.0, + "bottomRow": 7.0, + "type": "TEXT_WIDGET", + "hideCard": false, + "mobileRightColumn": 41.0, + "animateLoading": true, + "overflow": "NONE", + "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", + "dynamicTriggerPathList": [], + "leftColumn": 1.0, + "dynamicBindingPathList": [ + { "key": "truncateButtonColor" }, + { "key": "fontFamily" }, + { "key": "borderRadius" } + ], + "shouldTruncate": false, + "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "text": "Widgets Modal", + "key": "eggq940xcg", + "isDeprecated": false, + "rightColumn": 41.0, + "textAlign": "LEFT", + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "vms8z4v4t9", + "minWidth": 450.0, + "isVisible": true, + "fontStyle": "BOLD", + "textColor": "#231F20", + "version": 1.0, + "parentId": "59hk3a5cny", + "tags": ["Suggested", "Content"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 1.0, + "responsiveBehavior": "fill", + "originalTopRow": 1.0, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 1.0, + "maxDynamicHeight": 9000.0, + "originalBottomRow": 5.0, + "fontSize": "1.25rem", + "minDynamicHeight": 4.0 + }, + { + "boxShadow": "none", + "iconSVG": "/static/media/icon.f2c34197dbcf03595098986de898928f.svg", + "topRow": 7.0, + "labelWidth": 5.0, + "type": "INPUT_WIDGET_V2", + "animateLoading": true, + "resetOnSubmit": true, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "accentColor" }, + { "key": "borderRadius" } + ], + "labelStyle": "", + "inputType": "TEXT", + "isDisabled": false, + "isRequired": false, + "dynamicHeight": "FIXED", + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "showStepArrows": false, + "isVisible": true, + "version": 2.0, + "tags": ["Suggested", "Inputs"], + "isLoading": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "originalBottomRow": 12.0, + "mobileBottomRow": 13.0, + "widgetName": "Input1", + "displayName": "Input", + "searchTags": [ + "form", + "text input", + "number", + "textarea" + ], + "bottomRow": 14.0, + "parentRowSpace": 10.0, + "autoFocus": false, + "hideCard": false, + "mobileRightColumn": 23.0, + "parentColumnSpace": 6.9375, + "labelPosition": "Top", + "key": "m9ve3ppio8", + "labelTextSize": "0.875rem", + "isDeprecated": false, + "rightColumn": 24.0, + "widgetId": "qg5qem3xyp", + "minWidth": 450.0, + "label": "Label", + "parentId": "59hk3a5cny", + "labelAlignment": "left", + "renderMode": "CANVAS", + "mobileTopRow": 6.0, + "responsiveBehavior": "fill", + "originalTopRow": 5.0, + "mobileLeftColumn": 3.0, + "maxDynamicHeight": 9000.0, + "iconAlign": "left", + "defaultText": "", + "minDynamicHeight": 4.0 + }, + { + "mobileBottomRow": 12.0, + "widgetName": "Text2", + "displayName": "Text", + "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", + "searchTags": ["typography", "paragraph", "label"], + "topRow": 7.0, + "bottomRow": 54.0, + "parentRowSpace": 10.0, + "type": "TEXT_WIDGET", + "hideCard": false, + "mobileRightColumn": 46.0, + "animateLoading": true, + "overflow": "NONE", + "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", + "parentColumnSpace": 6.9375, + "dynamicTriggerPathList": [], + "leftColumn": 24.0, + "dynamicBindingPathList": [ + { "key": "truncateButtonColor" }, + { "key": "fontFamily" }, + { "key": "borderRadius" }, + { "key": "text" } + ], + "shouldTruncate": false, + "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "text": "{{Table1.selectedRow}}", + "key": "eggq940xcg", + "isDeprecated": false, + "rightColumn": 63.0, + "textAlign": "LEFT", + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "ykifd3nlwx", + "minWidth": 450.0, + "isVisible": true, + "fontStyle": "BOLD", + "textColor": "#231F20", + "version": 1.0, + "parentId": "59hk3a5cny", + "tags": ["Suggested", "Content"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 8.0, + "responsiveBehavior": "fill", + "originalTopRow": 5.0, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 30.0, + "maxDynamicHeight": 9000.0, + "originalBottomRow": 49.0, + "fontSize": "1rem", + "minDynamicHeight": 4.0 + }, + { + "boxShadow": "none", + "iconSVG": "/static/media/icon.a7b19dc8b31d68fcff57f1d2c0084a18.svg", + "labelText": "Label", + "topRow": 55.0, + "labelWidth": 5.0, + "type": "SELECT_WIDGET", + "serverSideFiltering": false, + "defaultOptionValue": "GREEN", + "animateLoading": true, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "accentColor" }, + { "key": "borderRadius" }, + { "key": "sourceData" } + ], + "placeholderText": "Select option", + "isDisabled": false, + "isRequired": false, + "dynamicHeight": "FIXED", + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "isVisible": true, + "version": 1.0, + "tags": ["Suggested", "Select"], + "isLoading": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "originalBottomRow": 57.0, + "mobileBottomRow": 20.0, + "widgetName": "Select1", + "isFilterable": true, + "dynamicPropertyPathList": [{ "key": "sourceData" }], + "displayName": "Select", + "searchTags": ["dropdown"], + "bottomRow": 62.0, + "parentRowSpace": 10.0, + "hideCard": false, + "mobileRightColumn": 21.0, + "parentColumnSpace": 6.9375, + "dynamicTriggerPathList": [], + "labelPosition": "Top", + "sourceData": "[\n {\n \"name\": {{Input1.text}},\n \"code\": {{Input1.text}}\n },\n {\n \"name\": {{Input1.text+1}},\n \"code\": {{Input1.text+1}}\n },\n {\n \"name\": {{Input1.text+2}},\n \"code\": {{Input1.text+2}}\n }\n]", + "key": "9go22qpbuu", + "labelTextSize": "0.875rem", + "isDeprecated": false, + "rightColumn": 30.0, + "widgetId": "yg4ihellt5", + "optionValue": "code", + "minWidth": 450.0, + "parentId": "59hk3a5cny", + "labelAlignment": "left", + "renderMode": "CANVAS", + "mobileTopRow": 13.0, + "optionLabel": "name", + "responsiveBehavior": "fill", + "originalTopRow": 50.0, + "mobileLeftColumn": 1.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0 + }, + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "requiresFlatWidgetChildren": true, + "isCanvas": true, + "iconSVG": "/static/media/icon.5c9511142b3624c7491c5442e8ccd0ef.svg", + "topRow": 67.0, + "pageSize": 3.0, + "type": "LIST_WIDGET_V2", + "itemSpacing": 8.0, + "animateLoading": true, + "dynamicBindingPathList": [ + { "key": "currentItemsView" }, + { "key": "selectedItemView" }, + { "key": "triggeredItemView" }, + { "key": "primaryKeys" }, + { "key": "accentColor" }, + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "leftColumn": 0.0, + "enhancements": true, + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 400.0, + "widgetName": "Canvas2", + "displayName": "Canvas", + "topRow": 0.0, + "bottomRow": 400.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": false, + "hideCard": true, + "dropDisabled": true, + "openParentPropertyPane": true, + "minHeight": 400.0, + "mobileRightColumn": 166.5, + "noPad": true, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 12.0, + "widgetName": "Container1", + "borderColor": "#E0DEDE", + "disallowCopy": true, + "isCanvas": true, + "displayName": "Container", + "iconSVG": "/static/media/icon.daebf68875b6c8e909e9e8ac8bee0c02.svg", + "searchTags": ["div", "parent", "group"], + "topRow": 0.0, + "bottomRow": 12.0, + "dragDisabled": true, + "type": "CONTAINER_WIDGET", + "hideCard": false, + "shouldScrollContents": false, + "isDeletable": false, + "mobileRightColumn": 64.0, + "animateLoading": true, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "widgetName": "Canvas3", + "displayName": "Canvas", + "topRow": 0.0, + "bottomRow": 120.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": false, + "hideCard": true, + "useAutoLayout": false, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "none", + "mobileBottomRow": 8.0, + "widgetName": "Image1", + "displayName": "Image", + "iconSVG": "/static/media/icon.69b0f0dd810281fbd6e34fc2c3f39344.svg", + "topRow": 0.0, + "bottomRow": 8.0, + "type": "IMAGE_WIDGET", + "hideCard": false, + "mobileRightColumn": 16.0, + "animateLoading": true, + "dynamicTriggerPathList": [], + "imageShape": "RECTANGLE", + "dynamicBindingPathList": [ + { "key": "borderRadius" } + ], + "leftColumn": 0.0, + "defaultImage": "https://assets.appsmith.com/widgets/default.png", + "key": "an3dz32jnz", + "image": "https://jpeg.org/images/jpegsystems-home.jpg", + "isDeprecated": false, + "rightColumn": 16.0, + "objectFit": "cover", + "widgetId": "gn9wku1gs7", + "isVisible": true, + "version": 1.0, + "parentId": "rtjo8735m7", + "tags": ["Media"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "maxZoomLevel": 1.0, + "enableDownload": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "enableRotation": false + }, + { + "boxShadow": "none", + "mobileBottomRow": 4.0, + "widgetName": "Text3", + "displayName": "Text", + "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", + "searchTags": [ + "typography", + "paragraph", + "label" + ], + "topRow": 0.0, + "bottomRow": 4.0, + "type": "TEXT_WIDGET", + "hideCard": false, + "mobileRightColumn": 28.0, + "animateLoading": true, + "overflow": "NONE", + "dynamicTriggerPathList": [], + "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", + "dynamicBindingPathList": [ + { "key": "text" }, + { "key": "truncateButtonColor" }, + { "key": "fontFamily" }, + { "key": "borderRadius" }, + { "key": "text" } + ], + "leftColumn": 16.0, + "shouldTruncate": false, + "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "text": "{{currentItem.name}}", + "key": "eggq940xcg", + "isDeprecated": false, + "rightColumn": 42.0, + "textAlign": "LEFT", + "dynamicHeight": "FIXED", + "widgetId": "5dkd0u3zh7", + "minWidth": 450.0, + "isVisible": true, + "fontStyle": "BOLD", + "textColor": "#231F20", + "version": 1.0, + "parentId": "rtjo8735m7", + "tags": ["Suggested", "Content"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 16.0, + "maxDynamicHeight": 9000.0, + "fontSize": "1rem", + "textStyle": "HEADING", + "minDynamicHeight": 4.0 + }, + { + "boxShadow": "none", + "mobileBottomRow": 8.0, + "widgetName": "Text4", + "displayName": "Text", + "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", + "searchTags": [ + "typography", + "paragraph", + "label" + ], + "topRow": 4.0, + "bottomRow": 8.0, + "type": "TEXT_WIDGET", + "hideCard": false, + "mobileRightColumn": 24.0, + "animateLoading": true, + "overflow": "NONE", + "dynamicTriggerPathList": [], + "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", + "dynamicBindingPathList": [ + { "key": "text" }, + { "key": "truncateButtonColor" }, + { "key": "fontFamily" }, + { "key": "borderRadius" }, + { "key": "text" } + ], + "leftColumn": 16.0, + "shouldTruncate": false, + "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "text": "{{currentItem.id}}", + "key": "eggq940xcg", + "isDeprecated": false, + "rightColumn": 40.0, + "textAlign": "LEFT", + "dynamicHeight": "FIXED", + "widgetId": "684malsbtw", + "minWidth": 450.0, + "isVisible": true, + "fontStyle": "BOLD", + "textColor": "#231F20", + "version": 1.0, + "parentId": "rtjo8735m7", + "tags": ["Suggested", "Content"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 4.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 16.0, + "maxDynamicHeight": 9000.0, + "fontSize": "1rem", + "textStyle": "BODY", + "minDynamicHeight": 4.0 + } + ], + "key": "gmdsbkf4kj", + "isDeprecated": false, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "rtjo8735m7", + "containerStyle": "none", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "5m236c6iz7", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "borderWidth": "1", + "positioning": "fixed", + "flexVerticalAlignment": "start", + "key": "8nbypdc1zz", + "backgroundColor": "white", + "isDeprecated": false, + "rightColumn": 64.0, + "dynamicHeight": "FIXED", + "widgetId": "5m236c6iz7", + "containerStyle": "card", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "isListItemContainer": true, + "parentId": "cq5f7mkbyh", + "tags": ["Layout"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "noContainerOffset": true, + "disabledWidgetFeatures": ["dynamicHeight"], + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 10.0 + } + ], + "key": "gmdsbkf4kj", + "isDeprecated": false, + "rightColumn": 166.5, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "cq5f7mkbyh", + "containerStyle": "none", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "twucvyhokg", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "itemBackgroundColor": "#FFFFFF", + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "isVisible": true, + "tags": ["Suggested", "Display"], + "hasMetaWidgets": true, + "isLoading": false, + "mainCanvasId": "cq5f7mkbyh", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "originalBottomRow": 102.0, + "additionalStaticProps": [ + "level", + "levelData", + "prefixMetaWidgetId", + "metaWidgetId" + ], + "mobileBottomRow": 62.0, + "currentItemsView": "{{[]}}", + "triggeredItemView": "{{{}}}", + "widgetName": "List1", + "listData": [ + { + "id": "001", + "name": "Blue", + "img": "https://assets.appsmith.com/widgets/default.png" + }, + { + "id": "002", + "name": "Green", + "img": "https://assets.appsmith.com/widgets/default.png" + }, + { + "id": "003", + "name": "Red", + "img": "https://assets.appsmith.com/widgets/default.png" + } + ], + "displayName": "List", + "bottomRow": 107.0, + "parentRowSpace": 10.0, + "hideCard": false, + "templateBottomRow": 16.0, + "mobileRightColumn": 24.0, + "mainContainerId": "5m236c6iz7", + "primaryKeys": "{{List1.listData.map((currentItem, currentIndex) => currentItem[\"id\"] )}}", + "parentColumnSpace": 6.9375, + "gridType": "vertical", + "key": "mgbk7d2119", + "backgroundColor": "transparent", + "isDeprecated": false, + "rightColumn": 62.0, + "widgetId": "twucvyhokg", + "minWidth": 450.0, + "parentId": "59hk3a5cny", + "renderMode": "CANVAS", + "mobileTopRow": 22.0, + "responsiveBehavior": "fill", + "originalTopRow": 62.0, + "mobileLeftColumn": 0.0, + "selectedItemView": "{{{}}}" + }, + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "borderColor": "#E0DEDE", + "iconSVG": "/static/media/icon.46adf7030d667f0ad9002aa31f997573.svg", + "onSubmit": "{{showAlert('Form submitted!', 'success');}}", + "topRow": 107.0, + "type": "JSON_FORM_WIDGET", + "animateLoading": true, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" }, + { "key": "submitButtonStyles.buttonColor" }, + { "key": "submitButtonStyles.borderRadius" }, + { "key": "resetButtonStyles.buttonColor" }, + { "key": "resetButtonStyles.borderRadius" }, + { + "key": "schema.__root_schema__.children.name.defaultValue" + }, + { + "key": "schema.__root_schema__.children.name.accentColor" + }, + { + "key": "schema.__root_schema__.children.name.borderRadius" + }, + { + "key": "schema.__root_schema__.children.date_of_birth.defaultValue" + }, + { + "key": "schema.__root_schema__.children.date_of_birth.accentColor" + }, + { + "key": "schema.__root_schema__.children.date_of_birth.borderRadius" + }, + { + "key": "schema.__root_schema__.children.employee_id.defaultValue" + }, + { + "key": "schema.__root_schema__.children.employee_id.accentColor" + }, + { + "key": "schema.__root_schema__.children.employee_id.borderRadius" + }, + { "key": "schema.__root_schema__.defaultValue" }, + { "key": "schema.__root_schema__.borderRadius" }, + { "key": "schema.__root_schema__.cellBorderRadius" } + ], + "showReset": true, + "dynamicHeight": "FIXED", + "autoGenerateForm": true, + "resetButtonStyles": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none", + "buttonVariant": "SECONDARY" + }, + "isVisible": true, + "version": 1.0, + "tags": ["Suggested", "Layout"], + "isLoading": false, + "submitButtonLabel": "Submit", + "childStylesheet": { + "ARRAY": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none", + "cellBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "cellBoxShadow": "none" + }, + "OBJECT": { + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none", + "cellBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "cellBoxShadow": "none" + }, + "CHECKBOX": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}" + }, + "CURRENCY_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "DATEPICKER": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "EMAIL_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "MULTISELECT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "MULTILINE_TEXT_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "NUMBER_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "PASSWORD_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "PHONE_NUMBER_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "RADIO_GROUP": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "boxShadow": "none" + }, + "SELECT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "SWITCH": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "boxShadow": "none" + }, + "TEXT_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + } + }, + "disabledWhenInvalid": true, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "originalBottomRow": 142.0, + "useSourceData": false, + "schema": { + "__root_schema__": { + "children": { + "name": { + "children": {}, + "dataType": "string", + "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.name))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "fieldType": "Text Input", + "sourceData": "John", + "isCustomField": false, + "accessor": "name", + "identifier": "name", + "position": 0.0, + "originalIdentifier": "name", + "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "boxShadow": "none", + "iconAlign": "left", + "isDisabled": false, + "isRequired": false, + "isSpellCheck": false, + "isVisible": true, + "labelTextSize": "0.875rem", + "label": "Name" + }, + "date_of_birth": { + "children": {}, + "dataType": "string", + "defaultValue": "{{((sourceData, formData, fieldState) => (moment(sourceData.date_of_birth, \"DD/MM/YYYY\").format(\"YYYY-MM-DDTHH:mm:ss.sssZ\")))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "fieldType": "Datepicker", + "sourceData": "20/02/1990", + "isCustomField": false, + "accessor": "date_of_birth", + "identifier": "date_of_birth", + "position": 1.0, + "originalIdentifier": "date_of_birth", + "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "boxShadow": "none", + "closeOnSelection": false, + "convertToISO": false, + "dateFormat": "DD/MM/YYYY", + "isDisabled": false, + "isRequired": false, + "isVisible": true, + "label": "Date Of Birth", + "maxDate": "2121-12-31T18:29:00.000Z", + "minDate": "1920-12-31T18:30:00.000Z", + "shortcuts": false, + "timePrecision": "minute", + "labelTextSize": "0.875rem" + }, + "employee_id": { + "children": {}, + "dataType": "number", + "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.employee_id))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "fieldType": "Number Input", + "sourceData": 1001.0, + "isCustomField": false, + "accessor": "employee_id", + "identifier": "employee_id", + "position": 2.0, + "originalIdentifier": "employee_id", + "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "boxShadow": "none", + "iconAlign": "left", + "isDisabled": false, + "isRequired": false, + "isSpellCheck": false, + "isVisible": true, + "labelTextSize": "0.875rem", + "label": "Employee Id" + } + }, + "dataType": "object", + "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "fieldType": "Object", + "sourceData": { + "name": "John", + "date_of_birth": "20/02/1990", + "employee_id": 1001.0 + }, + "isCustomField": false, + "accessor": "__root_schema__", + "identifier": "__root_schema__", + "position": -1.0, + "originalIdentifier": "__root_schema__", + "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "boxShadow": "none", + "cellBorderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm1.sourceData, JSONForm1.formData, JSONForm1.fieldState)}}", + "cellBoxShadow": "none", + "isDisabled": false, + "isRequired": false, + "isVisible": true, + "labelTextSize": "0.875rem", + "label": "" + } + }, + "mobileBottomRow": 54.0, + "widgetName": "JSONForm1", + "submitButtonStyles": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none", + "buttonVariant": "PRIMARY" + }, + "dynamicPropertyPathList": [ + { + "key": "schema.__root_schema__.children.date_of_birth.defaultValue" + } + ], + "displayName": "JSON Form", + "bottomRow": 147.0, + "fieldLimitExceeded": false, + "parentRowSpace": 10.0, + "title": "Form", + "hideCard": false, + "mobileRightColumn": 42.0, + "parentColumnSpace": 6.9375, + "dynamicTriggerPathList": [{ "key": "onSubmit" }], + "borderWidth": "1", + "sourceData": { + "name": "John", + "date_of_birth": "20/02/1990", + "employee_id": 1001.0 + }, + "resetButtonLabel": "Reset", + "key": "csjsvvwmwh", + "backgroundColor": "#fff", + "isDeprecated": false, + "rightColumn": 64.0, + "widgetId": "2pnkf5v8uj", + "minWidth": 450.0, + "parentId": "59hk3a5cny", + "renderMode": "CANVAS", + "mobileTopRow": 13.0, + "scrollContents": true, + "responsiveBehavior": "fill", + "fixedFooter": true, + "originalTopRow": 102.0, + "mobileLeftColumn": 17.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0 + }, + { + "boxShadow": "none", + "mobileBottomRow": 67.0, + "widgetName": "Image2", + "displayName": "Image", + "iconSVG": "/static/media/icon.69b0f0dd810281fbd6e34fc2c3f39344.svg", + "topRow": 54.0, + "bottomRow": 67.0, + "parentRowSpace": 10.0, + "type": "IMAGE_WIDGET", + "hideCard": false, + "mobileRightColumn": 50.0, + "animateLoading": true, + "parentColumnSpace": 6.9375, + "dynamicTriggerPathList": [], + "imageShape": "RECTANGLE", + "leftColumn": 32.0, + "dynamicBindingPathList": [{ "key": "borderRadius" }], + "defaultImage": "https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/5eeea355389655.59822ff824b72.gif", + "key": "an3dz32jnz", + "image": "", + "isDeprecated": false, + "rightColumn": 63.0, + "objectFit": "cover", + "widgetId": "h24avxj5g0", + "isVisible": true, + "version": 1.0, + "parentId": "59hk3a5cny", + "tags": ["Media"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 55.0, + "maxZoomLevel": 1.0, + "enableDownload": false, + "originalTopRow": 49.0, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 38.0, + "originalBottomRow": 62.0, + "enableRotation": false + }, + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 74.0, + "widgetName": "Container2", + "borderColor": "#E0DEDE", + "isCanvas": true, + "displayName": "Container", + "iconSVG": "/static/media/icon.daebf68875b6c8e909e9e8ac8bee0c02.svg", + "searchTags": ["div", "parent", "group"], + "topRow": 148.0, + "bottomRow": 188.0, + "parentRowSpace": 10.0, + "type": "CONTAINER_WIDGET", + "hideCard": false, + "shouldScrollContents": true, + "mobileRightColumn": 26.0, + "animateLoading": true, + "parentColumnSpace": 6.9375, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 100.0, + "widgetName": "Canvas4", + "displayName": "Canvas", + "topRow": 0.0, + "bottomRow": 400.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": false, + "hideCard": true, + "minHeight": 100.0, + "mobileRightColumn": 166.5, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 19.0, + "widgetName": "Tabs1", + "borderColor": "#E0DEDE", + "isCanvas": true, + "displayName": "Tabs", + "iconSVG": "/static/media/icon.9e3d67c0af9c0bd092dc56240314e18a.svg", + "topRow": 4.0, + "bottomRow": 38.0, + "parentRowSpace": 10.0, + "type": "TABS_WIDGET", + "hideCard": false, + "shouldScrollContents": true, + "mobileRightColumn": 28.0, + "animateLoading": true, + "parentColumnSpace": 2.939453125, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "accentColor" }, + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "tabId": "tab1", + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 150.0, + "widgetName": "Canvas5", + "displayName": "Canvas", + "bottomRow": 300.0, + "topRow": 0.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": true, + "hideCard": true, + "shouldScrollContents": false, + "minHeight": 150.0, + "mobileRightColumn": 70.546875, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "borderColor": "#E0DEDE", + "isVisibleDownload": true, + "iconSVG": "/static/media/icon.e6911f8bb94dc6c4a102a74740c41763.svg", + "topRow": 0.0, + "isSortable": true, + "type": "TABLE_WIDGET_V2", + "inlineEditingSaveOption": "ROW_LEVEL", + "animateLoading": true, + "dynamicBindingPathList": [ + { "key": "accentColor" }, + { "key": "borderRadius" }, + { "key": "boxShadow" }, + { "key": "tableData" }, + { + "key": "primaryColumns.address.computedValue" + }, + { + "key": "primaryColumns.avatar.computedValue" + }, + { + "key": "primaryColumns.email.computedValue" + }, + { + "key": "primaryColumns.gender.computedValue" + }, + { + "key": "primaryColumns.id.computedValue" + }, + { + "key": "primaryColumns.name.computedValue" + }, + { + "key": "primaryColumns.status.computedValue" + } + ], + "needsHeightForContent": true, + "leftColumn": 2.0, + "delimiter": ",", + "defaultSelectedRowIndex": 0.0, + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "isVisibleFilters": true, + "isVisible": true, + "enableClientSideSearch": true, + "version": 2.0, + "totalRecordsCount": 0.0, + "tags": ["Suggested", "Display"], + "isLoading": false, + "childStylesheet": { + "button": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "menuButton": { + "menuColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "iconButton": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "editActions": { + "saveButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "saveBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "discardButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "discardBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}" + } + }, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "columnUpdatedAt": 1.694586626019e12, + "defaultSelectedRowIndices": [0.0], + "mobileBottomRow": 28.0, + "widgetName": "Table1", + "defaultPageSize": 0.0, + "columnOrder": [ + "address", + "avatar", + "email", + "gender", + "id", + "name", + "status" + ], + "dynamicPropertyPathList": [], + "displayName": "Table", + "bottomRow": 28.0, + "columnWidthMap": {}, + "parentRowSpace": 10.0, + "hideCard": false, + "mobileRightColumn": 40.0, + "parentColumnSpace": 2.53509521484375, + "dynamicTriggerPathList": [], + "borderWidth": "1", + "primaryColumns": { + "address": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 0.0, + "width": 150.0, + "originalId": "address", + "id": "address", + "alias": "address", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "address", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"address\"]))}}", + "sticky": "", + "validation": {} + }, + "avatar": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 1.0, + "width": 150.0, + "originalId": "avatar", + "id": "avatar", + "alias": "avatar", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "avatar", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"avatar\"]))}}", + "sticky": "", + "validation": {} + }, + "email": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 2.0, + "width": 150.0, + "originalId": "email", + "id": "email", + "alias": "email", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "email", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"email\"]))}}", + "sticky": "", + "validation": {} + }, + "gender": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 3.0, + "width": 150.0, + "originalId": "gender", + "id": "gender", + "alias": "gender", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "gender", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"gender\"]))}}", + "sticky": "", + "validation": {} + }, + "id": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 4.0, + "width": 150.0, + "originalId": "id", + "id": "id", + "alias": "id", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "number", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "id", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"id\"]))}}", + "sticky": "", + "validation": {} + }, + "name": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 5.0, + "width": 150.0, + "originalId": "name", + "id": "name", + "alias": "name", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "name", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"name\"]))}}", + "sticky": "", + "validation": {} + }, + "status": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 6.0, + "width": 150.0, + "originalId": "status", + "id": "status", + "alias": "status", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "status", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"status\"]))}}", + "sticky": "", + "validation": {} + } + }, + "key": "3qwgjzmubu", + "canFreezeColumn": true, + "isDeprecated": false, + "rightColumn": 62.0, + "textSize": "0.875rem", + "widgetId": "b73obdenki", + "enableServerSideFiltering": false, + "minWidth": 450.0, + "tableData": "{{Api1.data}}", + "label": "Data", + "searchKey": "", + "parentId": "gq5pvoxzn5", + "renderMode": "CANVAS", + "mobileTopRow": 0.0, + "horizontalAlignment": "LEFT", + "isVisibleSearch": true, + "responsiveBehavior": "fill", + "mobileLeftColumn": 6.0, + "isVisiblePagination": true, + "verticalAlignment": "CENTER" + } + ], + "isDisabled": false, + "key": "gmdsbkf4kj", + "isDeprecated": false, + "tabName": "Tab 1", + "rightColumn": 70.546875, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "gq5pvoxzn5", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "g6cwwkiv7u", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + }, + { + "tabId": "tab2", + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 150.0, + "widgetName": "Canvas6", + "displayName": "Canvas", + "bottomRow": 300.0, + "topRow": 0.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": true, + "hideCard": true, + "shouldScrollContents": false, + "minHeight": 150.0, + "mobileRightColumn": 70.546875, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [], + "isDisabled": false, + "key": "gmdsbkf4kj", + "isDeprecated": false, + "tabName": "Tab 2", + "rightColumn": 70.546875, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "u6jv770pfr", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "g6cwwkiv7u", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "borderWidth": 1.0, + "key": "m440eh8y1m", + "backgroundColor": "#FFFFFF", + "isDeprecated": false, + "rightColumn": 62.0, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "g6cwwkiv7u", + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "defaultTab": "Tab 1", + "shouldShowTabs": true, + "minWidth": 450.0, + "tabsObj": { + "tab1": { + "label": "Tab 1", + "id": "tab1", + "widgetId": "gq5pvoxzn5", + "isVisible": true, + "index": 0.0, + "positioning": "vertical" + }, + "tab2": { + "label": "Tab 2", + "id": "tab2", + "widgetId": "u6jv770pfr", + "isVisible": true, + "index": 1.0, + "positioning": "vertical" + } + }, + "isVisible": true, + "version": 3.0, + "parentId": "h6zbt0dppm", + "tags": ["Layout"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 4.0, + "responsiveBehavior": "fill", + "originalTopRow": 4.0, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 4.0, + "maxDynamicHeight": 9000.0, + "originalBottomRow": 38.0, + "minDynamicHeight": 15.0 + }, + { + "boxShadow": "none", + "mobileBottomRow": 4.0, + "widgetName": "IconButton2", + "onClick": "{{Api1.run().then(() => {\n showAlert('Executed api!', '');\n});}}", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "dynamicPropertyPathList": [], + "displayName": "Icon button", + "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", + "searchTags": ["click", "submit"], + "topRow": 0.0, + "bottomRow": 4.0, + "parentRowSpace": 10.0, + "type": "ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 6.0, + "animateLoading": true, + "parentColumnSpace": 6.408203125, + "dynamicTriggerPathList": [ + { "key": "onClick" } + ], + "leftColumn": 2.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "isDisabled": false, + "key": "rzx1ugxw80", + "isDeprecated": false, + "rightColumn": 6.0, + "iconName": "play", + "widgetId": "u8032a0hmj", + "minWidth": 50.0, + "isVisible": true, + "version": 1.0, + "parentId": "h6zbt0dppm", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "hug", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 2.0, + "buttonVariant": "PRIMARY" + } + ], + "key": "gmdsbkf4kj", + "isDeprecated": false, + "rightColumn": 166.5, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "h6zbt0dppm", + "containerStyle": "none", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "ux91zws0sp", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "borderWidth": "1", + "flexVerticalAlignment": "start", + "key": "8nbypdc1zz", + "backgroundColor": "#FFFFFF", + "isDeprecated": false, + "rightColumn": 62.0, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "ux91zws0sp", + "containerStyle": "card", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "59hk3a5cny", + "tags": ["Layout"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 64.0, + "responsiveBehavior": "fill", + "originalTopRow": 143.0, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 2.0, + "maxDynamicHeight": 9000.0, + "originalBottomRow": 183.0, + "minDynamicHeight": 10.0 + } + ], + "isDisabled": false, + "key": "gmdsbkf4kj", + "isDeprecated": false, + "rightColumn": 0.0, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "59hk3a5cny", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "hz6llfbx4u", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "key": "ole7lkmkv0", + "height": 1900.0, + "isDeprecated": false, + "rightColumn": 0.0, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "hz6llfbx4u", + "canOutsideClickClose": true, + "canEscapeKeyClose": true, + "version": 2.0, + "parentId": "0", + "tags": ["Layout"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "originalTopRow": 0.0, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "originalBottomRow": 148.0, + "width": 456.0, + "minDynamicHeight": 10.0 + }, + { + "boxShadow": "none", + "iconSVG": "/static/media/icon.a7b19dc8b31d68fcff57f1d2c0084a18.svg", + "labelText": "Label", + "topRow": 22.0, + "labelWidth": 5.0, + "type": "SELECT_WIDGET", + "serverSideFiltering": false, + "defaultOptionValue": "GREEN", + "animateLoading": true, + "leftColumn": 7.0, + "dynamicBindingPathList": [ + { "key": "accentColor" }, + { "key": "borderRadius" } + ], + "placeholderText": "Select option", + "isDisabled": false, + "isRequired": false, + "dynamicHeight": "FIXED", + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "isVisible": true, + "version": 1.0, + "tags": ["Suggested", "Select"], + "isLoading": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileBottomRow": 29.0, + "widgetName": "Select2", + "isFilterable": true, + "displayName": "Select", + "searchTags": ["dropdown"], + "bottomRow": 29.0, + "parentRowSpace": 10.0, + "hideCard": false, + "mobileRightColumn": 27.0, + "parentColumnSpace": 9.78125, + "dynamicTriggerPathList": [{ "key": "onOptionChange" }], + "labelPosition": "Top", + "sourceData": [ + { "name": "Blue", "code": "BLUE" }, + { "name": "Green", "code": "GREEN" }, + { "name": "Red", "code": "RED" } + ], + "key": "9go22qpbuu", + "labelTextSize": "0.875rem", + "isDeprecated": false, + "rightColumn": 27.0, + "widgetId": "w1w4pk9zzo", + "optionValue": "code", + "minWidth": 450.0, + "parentId": "0", + "labelAlignment": "left", + "renderMode": "CANVAS", + "mobileTopRow": 22.0, + "optionLabel": "name", + "responsiveBehavior": "fill", + "mobileLeftColumn": 7.0, + "maxDynamicHeight": 9000.0, + "onOptionChange": "{{showModal('Modal2');}}", + "minDynamicHeight": 4.0 + }, + { + "boxShadow": "none", + "mobileBottomRow": 0.0, + "widgetName": "Modal2", + "isCanvas": true, + "displayName": "Modal", + "iconSVG": "/static/media/icon.b374721fa8e1aeab7cf326c2d865506f.svg", + "searchTags": ["dialog", "popup", "notification"], + "topRow": 0.0, + "bottomRow": 240.0, + "parentRowSpace": 1.0, + "type": "MODAL_WIDGET", + "hideCard": false, + "shouldScrollContents": true, + "mobileRightColumn": 0.0, + "animateLoading": true, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [{ "key": "borderRadius" }], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 0.0, + "widgetName": "Canvas7", + "displayName": "Canvas", + "topRow": 0.0, + "bottomRow": 240.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": true, + "hideCard": true, + "shouldScrollContents": false, + "minHeight": 240.0, + "mobileRightColumn": 0.0, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "none", + "mobileBottomRow": 4.0, + "widgetName": "IconButton3", + "onClick": "{{closeModal('Modal2')}}", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Icon button", + "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", + "searchTags": ["click", "submit"], + "topRow": 0.0, + "bottomRow": 4.0, + "type": "ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64.0, + "animateLoading": true, + "leftColumn": 58.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "iconSize": 24.0, + "isDisabled": false, + "key": "rzx1ugxw80", + "isDeprecated": false, + "rightColumn": 64.0, + "iconName": "cross", + "widgetId": "hh5batn812", + "minWidth": 50.0, + "isVisible": true, + "version": 1.0, + "parentId": "vuty12u6h2", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "hug", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 58.0, + "buttonVariant": "TERTIARY" + }, + { + "mobileBottomRow": 5.0, + "widgetName": "Text5", + "displayName": "Text", + "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", + "searchTags": ["typography", "paragraph", "label"], + "topRow": 9.0, + "bottomRow": 13.0, + "type": "TEXT_WIDGET", + "hideCard": false, + "mobileRightColumn": 41.0, + "animateLoading": true, + "overflow": "NONE", + "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", + "dynamicTriggerPathList": [], + "leftColumn": 6.0, + "dynamicBindingPathList": [ + { "key": "truncateButtonColor" }, + { "key": "fontFamily" }, + { "key": "borderRadius" } + ], + "shouldTruncate": false, + "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "text": "Option changed!", + "key": "eggq940xcg", + "isDeprecated": false, + "rightColumn": 57.0, + "textAlign": "LEFT", + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "ijf7l1u08i", + "minWidth": 450.0, + "isVisible": true, + "fontStyle": "BOLD", + "textColor": "#231F20", + "version": 1.0, + "parentId": "vuty12u6h2", + "tags": ["Suggested", "Content"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 1.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 1.0, + "maxDynamicHeight": 9000.0, + "fontSize": "1.25rem", + "minDynamicHeight": 4.0 + } + ], + "isDisabled": false, + "key": "gmdsbkf4kj", + "isDeprecated": false, + "rightColumn": 0.0, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "vuty12u6h2", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "lwewdg3z5m", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "key": "ole7lkmkv0", + "height": 240.0, + "isDeprecated": false, + "rightColumn": 0.0, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "lwewdg3z5m", + "canOutsideClickClose": true, + "canEscapeKeyClose": true, + "version": 2.0, + "parentId": "0", + "tags": ["Layout"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "width": 262.0, + "minDynamicHeight": 24.0 + }, + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "requiresFlatWidgetChildren": true, + "isCanvas": true, + "iconSVG": "/static/media/icon.5c9511142b3624c7491c5442e8ccd0ef.svg", + "topRow": 17.0, + "pageSize": 3.0, + "type": "LIST_WIDGET_V2", + "itemSpacing": 8.0, + "animateLoading": true, + "dynamicBindingPathList": [ + { "key": "currentItemsView" }, + { "key": "selectedItemView" }, + { "key": "triggeredItemView" }, + { "key": "primaryKeys" }, + { "key": "accentColor" }, + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "leftColumn": 35.0, + "enhancements": true, + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 400.0, + "widgetName": "Canvas8", + "displayName": "Canvas", + "topRow": 0.0, + "bottomRow": 400.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": false, + "hideCard": true, + "dropDisabled": true, + "openParentPropertyPane": true, + "minHeight": 400.0, + "mobileRightColumn": 234.75, + "noPad": true, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 12.0, + "widgetName": "Container3", + "borderColor": "#E0DEDE", + "disallowCopy": true, + "isCanvas": true, + "displayName": "Container", + "iconSVG": "/static/media/icon.daebf68875b6c8e909e9e8ac8bee0c02.svg", + "searchTags": ["div", "parent", "group"], + "topRow": 0.0, + "bottomRow": 12.0, + "dragDisabled": true, + "type": "CONTAINER_WIDGET", + "hideCard": false, + "shouldScrollContents": false, + "isDeletable": false, + "mobileRightColumn": 64.0, + "animateLoading": true, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "widgetName": "Canvas9", + "displayName": "Canvas", + "topRow": 0.0, + "bottomRow": 120.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": false, + "hideCard": true, + "useAutoLayout": false, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "none", + "mobileBottomRow": 8.0, + "widgetName": "Image3", + "displayName": "Image", + "iconSVG": "/static/media/icon.69b0f0dd810281fbd6e34fc2c3f39344.svg", + "topRow": 0.0, + "bottomRow": 8.0, + "type": "IMAGE_WIDGET", + "hideCard": false, + "mobileRightColumn": 16.0, + "animateLoading": true, + "dynamicTriggerPathList": [], + "imageShape": "RECTANGLE", + "dynamicBindingPathList": [ + { "key": "image" }, + { "key": "borderRadius" } + ], + "leftColumn": 0.0, + "defaultImage": "https://assets.appsmith.com/widgets/default.png", + "key": "an3dz32jnz", + "image": "{{currentItem.img}}", + "isDeprecated": false, + "rightColumn": 16.0, + "objectFit": "cover", + "widgetId": "zsd3wguxr8", + "isVisible": true, + "version": 1.0, + "parentId": "5e7r8x4ogy", + "tags": ["Media"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "maxZoomLevel": 1.0, + "enableDownload": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "enableRotation": false + }, + { + "boxShadow": "none", + "mobileBottomRow": 4.0, + "widgetName": "Text6", + "displayName": "Text", + "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", + "searchTags": [ + "typography", + "paragraph", + "label" + ], + "topRow": 0.0, + "bottomRow": 4.0, + "type": "TEXT_WIDGET", + "hideCard": false, + "mobileRightColumn": 28.0, + "animateLoading": true, + "overflow": "NONE", + "dynamicTriggerPathList": [], + "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", + "dynamicBindingPathList": [ + { "key": "text" }, + { "key": "truncateButtonColor" }, + { "key": "fontFamily" }, + { "key": "borderRadius" }, + { "key": "text" } + ], + "leftColumn": 16.0, + "shouldTruncate": false, + "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "text": "{{currentItem.name}}", + "key": "eggq940xcg", + "isDeprecated": false, + "rightColumn": 28.0, + "textAlign": "LEFT", + "dynamicHeight": "FIXED", + "widgetId": "xxb9k9l324", + "minWidth": 450.0, + "isVisible": true, + "fontStyle": "BOLD", + "textColor": "#231F20", + "version": 1.0, + "parentId": "5e7r8x4ogy", + "tags": ["Suggested", "Content"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 16.0, + "maxDynamicHeight": 9000.0, + "fontSize": "1rem", + "textStyle": "HEADING", + "minDynamicHeight": 4.0 + }, + { + "boxShadow": "none", + "mobileBottomRow": 8.0, + "widgetName": "Text7", + "displayName": "Text", + "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", + "searchTags": [ + "typography", + "paragraph", + "label" + ], + "topRow": 4.0, + "bottomRow": 8.0, + "type": "TEXT_WIDGET", + "hideCard": false, + "mobileRightColumn": 24.0, + "animateLoading": true, + "overflow": "NONE", + "dynamicTriggerPathList": [], + "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", + "dynamicBindingPathList": [ + { "key": "text" }, + { "key": "truncateButtonColor" }, + { "key": "fontFamily" }, + { "key": "borderRadius" }, + { "key": "text" } + ], + "leftColumn": 16.0, + "shouldTruncate": false, + "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "text": "{{currentItem.id}}", + "key": "eggq940xcg", + "isDeprecated": false, + "rightColumn": 24.0, + "textAlign": "LEFT", + "dynamicHeight": "FIXED", + "widgetId": "jtxcmjnb72", + "minWidth": 450.0, + "isVisible": true, + "fontStyle": "BOLD", + "textColor": "#231F20", + "version": 1.0, + "parentId": "5e7r8x4ogy", + "tags": ["Suggested", "Content"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 4.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 16.0, + "maxDynamicHeight": 9000.0, + "fontSize": "1rem", + "textStyle": "BODY", + "minDynamicHeight": 4.0 + } + ], + "key": "gmdsbkf4kj", + "isDeprecated": false, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "5e7r8x4ogy", + "containerStyle": "none", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "kge1nh55vi", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "borderWidth": "1", + "positioning": "fixed", + "flexVerticalAlignment": "start", + "key": "8nbypdc1zz", + "backgroundColor": "white", + "isDeprecated": false, + "rightColumn": 64.0, + "dynamicHeight": "FIXED", + "widgetId": "kge1nh55vi", + "containerStyle": "card", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "isListItemContainer": true, + "parentId": "mvr73kk0mj", + "tags": ["Layout"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "noContainerOffset": true, + "disabledWidgetFeatures": ["dynamicHeight"], + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 10.0 + } + ], + "key": "gmdsbkf4kj", + "isDeprecated": false, + "rightColumn": 234.75, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "mvr73kk0mj", + "containerStyle": "none", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "b7fjdn1ail", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "itemBackgroundColor": "#FFFFFF", + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "isVisible": true, + "tags": ["Suggested", "Display"], + "hasMetaWidgets": true, + "isLoading": false, + "mainCanvasId": "mvr73kk0mj", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "additionalStaticProps": [ + "level", + "levelData", + "prefixMetaWidgetId", + "metaWidgetId" + ], + "mobileBottomRow": 57.0, + "currentItemsView": "{{[]}}", + "triggeredItemView": "{{{}}}", + "widgetName": "List2", + "listData": [ + { + "id": "001", + "name": "Blue", + "img": "https://assets.appsmith.com/widgets/default.png" + }, + { + "id": "002", + "name": "Green", + "img": "https://assets.appsmith.com/widgets/default.png" + }, + { + "id": "003", + "name": "Red", + "img": "https://assets.appsmith.com/widgets/default.png" + } + ], + "displayName": "List", + "bottomRow": 57.0, + "parentRowSpace": 10.0, + "hideCard": false, + "templateBottomRow": 16.0, + "mobileRightColumn": 59.0, + "mainContainerId": "kge1nh55vi", + "primaryKeys": "{{List2.listData.map((currentItem, currentIndex) => currentItem[\"id\"] )}}", + "parentColumnSpace": 9.78125, + "dynamicTriggerPathList": [{ "key": "onItemClick" }], + "gridType": "vertical", + "key": "mgbk7d2119", + "backgroundColor": "transparent", + "isDeprecated": false, + "rightColumn": 59.0, + "widgetId": "b7fjdn1ail", + "minWidth": 450.0, + "onItemClick": "{{showModal('Modal3');}}", + "parentId": "0", + "renderMode": "CANVAS", + "mobileTopRow": 17.0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 35.0, + "selectedItemView": "{{{}}}" + }, + { + "boxShadow": "none", + "mobileBottomRow": 0.0, + "widgetName": "Modal3", + "isCanvas": true, + "displayName": "Modal", + "iconSVG": "/static/media/icon.b374721fa8e1aeab7cf326c2d865506f.svg", + "searchTags": ["dialog", "popup", "notification"], + "topRow": 0.0, + "bottomRow": 240.0, + "parentRowSpace": 1.0, + "type": "MODAL_WIDGET", + "hideCard": false, + "shouldScrollContents": true, + "mobileRightColumn": 0.0, + "animateLoading": true, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [{ "key": "borderRadius" }], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 0.0, + "widgetName": "Canvas10", + "displayName": "Canvas", + "topRow": 0.0, + "bottomRow": 240.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": true, + "hideCard": true, + "shouldScrollContents": false, + "minHeight": 0.0, + "mobileRightColumn": 0.0, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "none", + "mobileBottomRow": 4.0, + "widgetName": "IconButton4", + "onClick": "{{closeModal('Modal3')}}", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Icon button", + "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", + "searchTags": ["click", "submit"], + "topRow": 0.0, + "bottomRow": 4.0, + "type": "ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64.0, + "animateLoading": true, + "leftColumn": 58.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "iconSize": 24.0, + "isDisabled": false, + "key": "rzx1ugxw80", + "isDeprecated": false, + "rightColumn": 64.0, + "iconName": "cross", + "widgetId": "gp75kko147", + "minWidth": 50.0, + "isVisible": true, + "version": 1.0, + "parentId": "lfj97zdxdw", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "hug", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 58.0, + "buttonVariant": "TERTIARY" + }, + { + "mobileBottomRow": 5.0, + "widgetName": "Text8", + "displayName": "Text", + "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", + "searchTags": ["typography", "paragraph", "label"], + "topRow": 8.0, + "bottomRow": 12.0, + "type": "TEXT_WIDGET", + "hideCard": false, + "mobileRightColumn": 41.0, + "animateLoading": true, + "overflow": "NONE", + "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", + "dynamicTriggerPathList": [], + "leftColumn": 7.0, + "dynamicBindingPathList": [ + { "key": "truncateButtonColor" }, + { "key": "fontFamily" }, + { "key": "borderRadius" } + ], + "shouldTruncate": false, + "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "text": "List Item Clicked!", + "key": "eggq940xcg", + "isDeprecated": false, + "rightColumn": 47.0, + "textAlign": "LEFT", + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "ok3iewf220", + "minWidth": 450.0, + "isVisible": true, + "fontStyle": "BOLD", + "textColor": "#231F20", + "version": 1.0, + "parentId": "lfj97zdxdw", + "tags": ["Suggested", "Content"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 1.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 1.0, + "maxDynamicHeight": 9000.0, + "fontSize": "1.25rem", + "minDynamicHeight": 4.0 + }, + { + "resetFormOnClick": false, + "boxShadow": "none", + "mobileBottomRow": 22.0, + "widgetName": "Button2", + "onClick": "{{closeModal('Modal3')}}", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Button", + "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", + "searchTags": ["click", "submit"], + "topRow": 18.0, + "bottomRow": 22.0, + "type": "BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 47.0, + "animateLoading": true, + "leftColumn": 31.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "text": "Close", + "isDisabled": false, + "key": "psr2q2qnuk", + "isDeprecated": false, + "rightColumn": 47.0, + "isDefaultClickDisabled": true, + "widgetId": "ni3v3lt43c", + "buttonStyle": "PRIMARY", + "minWidth": 120.0, + "isVisible": true, + "recaptchaType": "V3", + "version": 1.0, + "parentId": "lfj97zdxdw", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 18.0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 31.0, + "buttonVariant": "SECONDARY", + "placement": "CENTER" + }, + { + "resetFormOnClick": false, + "boxShadow": "none", + "mobileBottomRow": 22.0, + "widgetName": "Button3", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Button", + "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", + "searchTags": ["click", "submit"], + "topRow": 18.0, + "bottomRow": 22.0, + "type": "BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 63.0, + "animateLoading": true, + "leftColumn": 47.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "text": "Confirm", + "isDisabled": false, + "key": "psr2q2qnuk", + "isDeprecated": false, + "rightColumn": 63.0, + "isDefaultClickDisabled": true, + "widgetId": "57uc88g7np", + "buttonStyle": "PRIMARY_BUTTON", + "minWidth": 120.0, + "isVisible": true, + "recaptchaType": "V3", + "version": 1.0, + "parentId": "lfj97zdxdw", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 18.0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 47.0, + "buttonVariant": "PRIMARY", + "placement": "CENTER" + } + ], + "isDisabled": false, + "key": "gmdsbkf4kj", + "isDeprecated": false, + "rightColumn": 0.0, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "lfj97zdxdw", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "ih3y0k7fhu", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "key": "ole7lkmkv0", + "height": 240.0, + "isDeprecated": false, + "rightColumn": 0.0, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "ih3y0k7fhu", + "canOutsideClickClose": true, + "canEscapeKeyClose": true, + "version": 2.0, + "parentId": "0", + "tags": ["Layout"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "width": 456.0, + "minDynamicHeight": 24.0 + }, + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "borderColor": "#E0DEDE", + "isVisibleDownload": true, + "iconSVG": "/static/media/icon.e6911f8bb94dc6c4a102a74740c41763.svg", + "topRow": 34.0, + "isSortable": true, + "type": "TABLE_WIDGET_V2", + "inlineEditingSaveOption": "ROW_LEVEL", + "animateLoading": true, + "dynamicBindingPathList": [ + { "key": "accentColor" }, + { "key": "borderRadius" }, + { "key": "boxShadow" }, + { "key": "tableData" }, + { "key": "primaryColumns.address.computedValue" }, + { "key": "primaryColumns.avatar.computedValue" }, + { "key": "primaryColumns.email.computedValue" }, + { "key": "primaryColumns.gender.computedValue" }, + { "key": "primaryColumns.id.computedValue" }, + { "key": "primaryColumns.name.computedValue" }, + { "key": "primaryColumns.status.computedValue" } + ], + "needsHeightForContent": true, + "leftColumn": 0.0, + "delimiter": ",", + "defaultSelectedRowIndex": 0.0, + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "isVisibleFilters": true, + "isVisible": true, + "enableClientSideSearch": true, + "version": 2.0, + "totalRecordsCount": 0.0, + "tags": ["Suggested", "Display"], + "isLoading": false, + "onSearchTextChanged": "{{showModal('Modal4');}}", + "childStylesheet": { + "button": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "menuButton": { + "menuColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "iconButton": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "editActions": { + "saveButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "saveBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "discardButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "discardBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}" + } + }, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "columnUpdatedAt": 1.69459117549e12, + "defaultSelectedRowIndices": [0.0], + "mobileBottomRow": 62.0, + "widgetName": "Table2", + "defaultPageSize": 0.0, + "columnOrder": [ + "address", + "avatar", + "email", + "gender", + "id", + "name", + "status" + ], + "dynamicPropertyPathList": [], + "displayName": "Table", + "bottomRow": 62.0, + "columnWidthMap": {}, + "parentRowSpace": 10.0, + "hideCard": false, + "mobileRightColumn": 29.0, + "parentColumnSpace": 9.78125, + "dynamicTriggerPathList": [{ "key": "onSearchTextChanged" }], + "borderWidth": "1", + "primaryColumns": { + "address": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 0.0, + "width": 150.0, + "originalId": "address", + "id": "address", + "alias": "address", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "address", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"address\"]))}}", + "sticky": "", + "validation": {} + }, + "avatar": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 1.0, + "width": 150.0, + "originalId": "avatar", + "id": "avatar", + "alias": "avatar", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "avatar", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"avatar\"]))}}", + "sticky": "", + "validation": {} + }, + "email": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 2.0, + "width": 150.0, + "originalId": "email", + "id": "email", + "alias": "email", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "email", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"email\"]))}}", + "sticky": "", + "validation": {} + }, + "gender": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 3.0, + "width": 150.0, + "originalId": "gender", + "id": "gender", + "alias": "gender", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "gender", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"gender\"]))}}", + "sticky": "", + "validation": {} + }, + "id": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 4.0, + "width": 150.0, + "originalId": "id", + "id": "id", + "alias": "id", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "number", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "id", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"id\"]))}}", + "sticky": "", + "validation": {} + }, + "name": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 5.0, + "width": 150.0, + "originalId": "name", + "id": "name", + "alias": "name", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "name", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"name\"]))}}", + "sticky": "", + "validation": {} + }, + "status": { + "allowCellWrapping": false, + "allowSameOptionsInNewRow": true, + "index": 6.0, + "width": 150.0, + "originalId": "status", + "id": "status", + "alias": "status", + "horizontalAlignment": "LEFT", + "verticalAlignment": "CENTER", + "columnType": "text", + "textSize": "0.875rem", + "enableFilter": true, + "enableSort": true, + "isVisible": true, + "isDisabled": false, + "isCellEditable": false, + "isEditable": false, + "isCellVisible": true, + "isDerived": false, + "label": "status", + "isSaveVisible": true, + "isDiscardVisible": true, + "computedValue": "{{Table2.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"status\"]))}}", + "sticky": "", + "validation": {} + } + }, + "key": "3qwgjzmubu", + "canFreezeColumn": true, + "isDeprecated": false, + "rightColumn": 29.0, + "textSize": "0.875rem", + "widgetId": "wx0pg4tbs3", + "enableServerSideFiltering": false, + "minWidth": 450.0, + "tableData": "{{Api1.data}}", + "label": "Data", + "searchKey": "", + "parentId": "0", + "renderMode": "CANVAS", + "mobileTopRow": 34.0, + "horizontalAlignment": "LEFT", + "isVisibleSearch": true, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0.0, + "isVisiblePagination": true, + "verticalAlignment": "CENTER" + }, + { + "boxShadow": "none", + "mobileBottomRow": 0.0, + "widgetName": "Modal4", + "isCanvas": true, + "displayName": "Modal", + "iconSVG": "/static/media/icon.b374721fa8e1aeab7cf326c2d865506f.svg", + "searchTags": ["dialog", "popup", "notification"], + "topRow": 0.0, + "bottomRow": 240.0, + "parentRowSpace": 1.0, + "type": "MODAL_WIDGET", + "hideCard": false, + "shouldScrollContents": true, + "mobileRightColumn": 0.0, + "animateLoading": true, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [{ "key": "borderRadius" }], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 0.0, + "widgetName": "Canvas11", + "displayName": "Canvas", + "topRow": 0.0, + "bottomRow": 240.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": true, + "hideCard": true, + "shouldScrollContents": false, + "minHeight": 0.0, + "mobileRightColumn": 0.0, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "none", + "mobileBottomRow": 4.0, + "widgetName": "IconButton5", + "onClick": "{{closeModal('Modal4')}}", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Icon button", + "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", + "searchTags": ["click", "submit"], + "topRow": 0.0, + "bottomRow": 4.0, + "type": "ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64.0, + "animateLoading": true, + "leftColumn": 58.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "iconSize": 24.0, + "isDisabled": false, + "key": "rzx1ugxw80", + "isDeprecated": false, + "rightColumn": 64.0, + "iconName": "cross", + "widgetId": "y581dyab2v", + "minWidth": 50.0, + "isVisible": true, + "version": 1.0, + "parentId": "u5sz0sg17f", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "hug", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 58.0, + "buttonVariant": "TERTIARY" + }, + { + "mobileBottomRow": 5.0, + "widgetName": "Text9", + "displayName": "Text", + "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", + "searchTags": ["typography", "paragraph", "label"], + "topRow": 7.0, + "bottomRow": 11.0, + "type": "TEXT_WIDGET", + "hideCard": false, + "mobileRightColumn": 41.0, + "animateLoading": true, + "overflow": "NONE", + "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", + "dynamicTriggerPathList": [], + "leftColumn": 7.0, + "dynamicBindingPathList": [ + { "key": "truncateButtonColor" }, + { "key": "fontFamily" }, + { "key": "borderRadius" } + ], + "shouldTruncate": false, + "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "text": "Table search value changed!", + "key": "eggq940xcg", + "isDeprecated": false, + "rightColumn": 47.0, + "textAlign": "LEFT", + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "0jm296331g", + "minWidth": 450.0, + "isVisible": true, + "fontStyle": "BOLD", + "textColor": "#231F20", + "version": 1.0, + "parentId": "u5sz0sg17f", + "tags": ["Suggested", "Content"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 1.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 1.0, + "maxDynamicHeight": 9000.0, + "fontSize": "1.25rem", + "minDynamicHeight": 4.0 + }, + { + "resetFormOnClick": false, + "boxShadow": "none", + "mobileBottomRow": 22.0, + "widgetName": "Button4", + "onClick": "{{closeModal('Modal4')}}", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Button", + "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", + "searchTags": ["click", "submit"], + "topRow": 18.0, + "bottomRow": 22.0, + "type": "BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 47.0, + "animateLoading": true, + "leftColumn": 31.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "text": "Close", + "isDisabled": false, + "key": "psr2q2qnuk", + "isDeprecated": false, + "rightColumn": 47.0, + "isDefaultClickDisabled": true, + "widgetId": "j1t93mn6cx", + "buttonStyle": "PRIMARY", + "minWidth": 120.0, + "isVisible": true, + "recaptchaType": "V3", + "version": 1.0, + "parentId": "u5sz0sg17f", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 18.0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 31.0, + "buttonVariant": "SECONDARY", + "placement": "CENTER" + }, + { + "resetFormOnClick": false, + "boxShadow": "none", + "mobileBottomRow": 22.0, + "widgetName": "Button5", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Button", + "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", + "searchTags": ["click", "submit"], + "topRow": 18.0, + "bottomRow": 22.0, + "type": "BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 63.0, + "animateLoading": true, + "leftColumn": 47.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "text": "Confirm", + "isDisabled": false, + "key": "psr2q2qnuk", + "isDeprecated": false, + "rightColumn": 63.0, + "isDefaultClickDisabled": true, + "widgetId": "uhwv2eik6s", + "buttonStyle": "PRIMARY_BUTTON", + "minWidth": 120.0, + "isVisible": true, + "recaptchaType": "V3", + "version": 1.0, + "parentId": "u5sz0sg17f", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 18.0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 47.0, + "buttonVariant": "PRIMARY", + "placement": "CENTER" + } + ], + "isDisabled": false, + "key": "gmdsbkf4kj", + "isDeprecated": false, + "rightColumn": 0.0, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "u5sz0sg17f", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "g5s1486z2m", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "key": "ole7lkmkv0", + "height": 240.0, + "isDeprecated": false, + "rightColumn": 0.0, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "g5s1486z2m", + "canOutsideClickClose": true, + "canEscapeKeyClose": true, + "version": 2.0, + "parentId": "0", + "tags": ["Layout"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "width": 456.0, + "minDynamicHeight": 24.0 + }, + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "borderColor": "#E0DEDE", + "iconSVG": "/static/media/icon.46adf7030d667f0ad9002aa31f997573.svg", + "onSubmit": "{{showModal('Modal5');}}", + "topRow": 61.0, + "type": "JSON_FORM_WIDGET", + "animateLoading": true, + "leftColumn": 33.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" }, + { "key": "submitButtonStyles.buttonColor" }, + { "key": "submitButtonStyles.borderRadius" }, + { "key": "resetButtonStyles.buttonColor" }, + { "key": "resetButtonStyles.borderRadius" }, + { + "key": "schema.__root_schema__.children.name.defaultValue" + }, + { + "key": "schema.__root_schema__.children.name.accentColor" + }, + { + "key": "schema.__root_schema__.children.name.borderRadius" + }, + { + "key": "schema.__root_schema__.children.date_of_birth.defaultValue" + }, + { + "key": "schema.__root_schema__.children.date_of_birth.accentColor" + }, + { + "key": "schema.__root_schema__.children.date_of_birth.borderRadius" + }, + { + "key": "schema.__root_schema__.children.employee_id.defaultValue" + }, + { + "key": "schema.__root_schema__.children.employee_id.accentColor" + }, + { + "key": "schema.__root_schema__.children.employee_id.borderRadius" + }, + { "key": "schema.__root_schema__.defaultValue" }, + { "key": "schema.__root_schema__.borderRadius" }, + { "key": "schema.__root_schema__.cellBorderRadius" } + ], + "showReset": true, + "dynamicHeight": "AUTO_HEIGHT", + "autoGenerateForm": true, + "resetButtonStyles": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none", + "buttonVariant": "SECONDARY" + }, + "isVisible": true, + "version": 1.0, + "tags": ["Suggested", "Layout"], + "isLoading": false, + "submitButtonLabel": "Submit", + "childStylesheet": { + "ARRAY": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none", + "cellBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "cellBoxShadow": "none" + }, + "OBJECT": { + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none", + "cellBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "cellBoxShadow": "none" + }, + "CHECKBOX": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}" + }, + "CURRENCY_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "DATEPICKER": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "EMAIL_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "MULTISELECT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "MULTILINE_TEXT_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "NUMBER_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "PASSWORD_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "PHONE_NUMBER_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "RADIO_GROUP": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "boxShadow": "none" + }, + "SELECT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + }, + "SWITCH": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "boxShadow": "none" + }, + "TEXT_INPUT": { + "accentColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none" + } + }, + "disabledWhenInvalid": true, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "originalBottomRow": 118.0, + "useSourceData": false, + "schema": { + "__root_schema__": { + "children": { + "name": { + "children": {}, + "dataType": "string", + "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.name))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "fieldType": "Text Input", + "sourceData": "John", + "isCustomField": false, + "accessor": "name", + "identifier": "name", + "position": 0.0, + "originalIdentifier": "name", + "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "boxShadow": "none", + "iconAlign": "left", + "isDisabled": false, + "isRequired": false, + "isSpellCheck": false, + "isVisible": true, + "labelTextSize": "0.875rem", + "label": "Name" + }, + "date_of_birth": { + "children": {}, + "dataType": "string", + "defaultValue": "{{((sourceData, formData, fieldState) => (moment(sourceData.date_of_birth, \"DD/MM/YYYY\").format(\"YYYY-MM-DDTHH:mm:ss.sssZ\")))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "fieldType": "Datepicker", + "sourceData": "20/02/1990", + "isCustomField": false, + "accessor": "date_of_birth", + "identifier": "date_of_birth", + "position": 1.0, + "originalIdentifier": "date_of_birth", + "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "boxShadow": "none", + "closeOnSelection": false, + "convertToISO": false, + "dateFormat": "DD/MM/YYYY", + "isDisabled": false, + "isRequired": false, + "isVisible": true, + "label": "Date Of Birth", + "maxDate": "2121-12-31T18:29:00.000Z", + "minDate": "1920-12-31T18:30:00.000Z", + "shortcuts": false, + "timePrecision": "minute", + "labelTextSize": "0.875rem" + }, + "employee_id": { + "children": {}, + "dataType": "number", + "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData.employee_id))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "fieldType": "Number Input", + "sourceData": 1001.0, + "isCustomField": false, + "accessor": "employee_id", + "identifier": "employee_id", + "position": 2.0, + "originalIdentifier": "employee_id", + "accentColor": "{{((sourceData, formData, fieldState) => ((appsmith.theme.colors.primaryColor)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "boxShadow": "none", + "iconAlign": "left", + "isDisabled": false, + "isRequired": false, + "isSpellCheck": false, + "isVisible": true, + "labelTextSize": "0.875rem", + "label": "Employee Id" + } + }, + "dataType": "object", + "defaultValue": "{{((sourceData, formData, fieldState) => (sourceData))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "fieldType": "Object", + "sourceData": { + "name": "John", + "date_of_birth": "20/02/1990", + "employee_id": 1001.0 + }, + "isCustomField": false, + "accessor": "__root_schema__", + "identifier": "__root_schema__", + "position": -1.0, + "originalIdentifier": "__root_schema__", + "borderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "boxShadow": "none", + "cellBorderRadius": "{{((sourceData, formData, fieldState) => ((appsmith.theme.borderRadius.appBorderRadius)))(JSONForm2.sourceData, JSONForm2.formData, JSONForm2.fieldState)}}", + "cellBoxShadow": "none", + "isDisabled": false, + "isRequired": false, + "isVisible": true, + "labelTextSize": "0.875rem", + "label": "" + } + }, + "mobileBottomRow": 102.0, + "widgetName": "JSONForm2", + "submitButtonStyles": { + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "boxShadow": "none", + "buttonVariant": "PRIMARY" + }, + "dynamicPropertyPathList": [ + { + "key": "schema.__root_schema__.children.date_of_birth.defaultValue" + } + ], + "displayName": "JSON Form", + "bottomRow": 118.0, + "fieldLimitExceeded": false, + "parentRowSpace": 10.0, + "title": "Form", + "hideCard": false, + "mobileRightColumn": 58.0, + "parentColumnSpace": 9.78125, + "dynamicTriggerPathList": [{ "key": "onSubmit" }], + "borderWidth": "1", + "sourceData": { + "name": "John", + "date_of_birth": "20/02/1990", + "employee_id": 1001.0 + }, + "resetButtonLabel": "Reset", + "key": "csjsvvwmwh", + "backgroundColor": "#fff", + "isDeprecated": false, + "rightColumn": 58.0, + "widgetId": "ynk24jdjcq", + "minWidth": 450.0, + "parentId": "0", + "renderMode": "CANVAS", + "mobileTopRow": 61.0, + "scrollContents": true, + "responsiveBehavior": "fill", + "fixedFooter": true, + "originalTopRow": 61.0, + "mobileLeftColumn": 33.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0 + }, + { + "boxShadow": "none", + "mobileBottomRow": 0.0, + "widgetName": "Modal5", + "isCanvas": true, + "displayName": "Modal", + "iconSVG": "/static/media/icon.b374721fa8e1aeab7cf326c2d865506f.svg", + "searchTags": ["dialog", "popup", "notification"], + "topRow": 0.0, + "bottomRow": 240.0, + "parentRowSpace": 1.0, + "type": "MODAL_WIDGET", + "hideCard": false, + "shouldScrollContents": true, + "mobileRightColumn": 0.0, + "animateLoading": true, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [{ "key": "borderRadius" }], + "children": [ + { + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 0.0, + "widgetName": "Canvas12", + "displayName": "Canvas", + "topRow": 0.0, + "bottomRow": 240.0, + "parentRowSpace": 1.0, + "type": "CANVAS_WIDGET", + "canExtend": true, + "hideCard": true, + "shouldScrollContents": false, + "minHeight": 0.0, + "mobileRightColumn": 0.0, + "parentColumnSpace": 1.0, + "leftColumn": 0.0, + "dynamicBindingPathList": [ + { "key": "borderRadius" }, + { "key": "boxShadow" } + ], + "children": [ + { + "boxShadow": "none", + "mobileBottomRow": 4.0, + "widgetName": "IconButton6", + "onClick": "{{closeModal('Modal5')}}", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Icon button", + "iconSVG": "/static/media/icon.b08054586989b185a0801e9a34f8ad49.svg", + "searchTags": ["click", "submit"], + "topRow": 0.0, + "bottomRow": 4.0, + "type": "ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64.0, + "animateLoading": true, + "leftColumn": 58.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "iconSize": 24.0, + "isDisabled": false, + "key": "rzx1ugxw80", + "isDeprecated": false, + "rightColumn": 64.0, + "iconName": "cross", + "widgetId": "fyesozehw1", + "minWidth": 50.0, + "isVisible": true, + "version": 1.0, + "parentId": "d0y05ie88b", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "hug", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 58.0, + "buttonVariant": "TERTIARY" + }, + { + "mobileBottomRow": 5.0, + "widgetName": "Text10", + "displayName": "Text", + "iconSVG": "/static/media/icon.a47d6d5dbbb718c4dc4b2eb4f218c1b7.svg", + "searchTags": ["typography", "paragraph", "label"], + "topRow": 7.0, + "bottomRow": 11.0, + "type": "TEXT_WIDGET", + "hideCard": false, + "mobileRightColumn": 41.0, + "animateLoading": true, + "overflow": "NONE", + "fontFamily": "{{appsmith.theme.fontFamily.appFont}}", + "dynamicTriggerPathList": [], + "leftColumn": 6.0, + "dynamicBindingPathList": [ + { "key": "truncateButtonColor" }, + { "key": "fontFamily" }, + { "key": "borderRadius" } + ], + "shouldTruncate": false, + "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}", + "text": "Form submitted!", + "key": "eggq940xcg", + "isDeprecated": false, + "rightColumn": 46.0, + "textAlign": "LEFT", + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "vdhzz04buu", + "minWidth": 450.0, + "isVisible": true, + "fontStyle": "BOLD", + "textColor": "#231F20", + "version": 1.0, + "parentId": "d0y05ie88b", + "tags": ["Suggested", "Content"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 1.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 1.0, + "maxDynamicHeight": 9000.0, + "fontSize": "1.25rem", + "minDynamicHeight": 4.0 + }, + { + "resetFormOnClick": false, + "boxShadow": "none", + "mobileBottomRow": 22.0, + "widgetName": "Button6", + "onClick": "{{closeModal('Modal5')}}", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Button", + "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", + "searchTags": ["click", "submit"], + "topRow": 18.0, + "bottomRow": 22.0, + "type": "BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 47.0, + "animateLoading": true, + "leftColumn": 31.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "text": "Close", + "isDisabled": false, + "key": "psr2q2qnuk", + "isDeprecated": false, + "rightColumn": 47.0, + "isDefaultClickDisabled": true, + "widgetId": "b6us5yglbb", + "buttonStyle": "PRIMARY", + "minWidth": 120.0, + "isVisible": true, + "recaptchaType": "V3", + "version": 1.0, + "parentId": "d0y05ie88b", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 18.0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 31.0, + "buttonVariant": "SECONDARY", + "placement": "CENTER" + }, + { + "resetFormOnClick": false, + "boxShadow": "none", + "mobileBottomRow": 22.0, + "widgetName": "Button7", + "buttonColor": "{{appsmith.theme.colors.primaryColor}}", + "displayName": "Button", + "iconSVG": "/static/media/icon.05d209fafeb13a8569e3b4e97069d9ee.svg", + "searchTags": ["click", "submit"], + "topRow": 18.0, + "bottomRow": 22.0, + "type": "BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 63.0, + "animateLoading": true, + "leftColumn": 47.0, + "dynamicBindingPathList": [ + { "key": "buttonColor" }, + { "key": "borderRadius" } + ], + "text": "Confirm", + "isDisabled": false, + "key": "psr2q2qnuk", + "isDeprecated": false, + "rightColumn": 63.0, + "isDefaultClickDisabled": true, + "widgetId": "zdvzbekkj8", + "buttonStyle": "PRIMARY_BUTTON", + "minWidth": 120.0, + "isVisible": true, + "recaptchaType": "V3", + "version": 1.0, + "parentId": "d0y05ie88b", + "tags": ["Buttons"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 18.0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 47.0, + "buttonVariant": "PRIMARY", + "placement": "CENTER" + } + ], + "isDisabled": false, + "key": "gmdsbkf4kj", + "isDeprecated": false, + "rightColumn": 0.0, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "d0y05ie88b", + "minWidth": 450.0, + "isVisible": true, + "version": 1.0, + "parentId": "m34ly0psqc", + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "minDynamicHeight": 4.0, + "flexLayers": [] + } + ], + "key": "ole7lkmkv0", + "height": 240.0, + "isDeprecated": false, + "rightColumn": 0.0, + "detachFromLayout": true, + "dynamicHeight": "AUTO_HEIGHT", + "widgetId": "m34ly0psqc", + "canOutsideClickClose": true, + "canEscapeKeyClose": true, + "version": 2.0, + "parentId": "0", + "tags": ["Layout"], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0.0, + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0.0, + "maxDynamicHeight": 9000.0, + "width": 456.0, + "minDynamicHeight": 24.0 + } + ] + }, + "layoutOnLoadActions": [ + [ + { + "id": "Page1_Api1", + "name": "Api1", + "confirmBeforeExecute": false, + "pluginType": "API", + "jsonPathKeys": [], + "timeoutInMillisecond": 10000.0 + } + ] + ], + "layoutOnLoadActionErrors": [], + "validOnPageLoadActions": true, + "id": "Page1", + "deleted": false, + "policies": [], + "userPermissions": [] + } + ], + "userPermissions": [], + "policies": [] + }, + "deleted": false, + "gitSyncId": "65015519504ba7054aa92432_65015519504ba7054aa92434" + } + ], + "actionList": [ + { + "pluginType": "API", + "pluginId": "restapi-plugin", + "unpublishedAction": { + "name": "Api1", + "datasource": { + "name": "DEFAULT_REST_DATASOURCE", + "pluginId": "restapi-plugin", + "datasourceConfiguration": { + "url": "http://host.docker.internal:5001" + }, + "invalids": [], + "messages": [], + "isAutoGenerated": false, + "deleted": false, + "policies": [], + "userPermissions": [] + }, + "pageId": "Page1", + "actionConfiguration": { + "timeoutInMillisecond": 10000.0, + "paginationType": "NONE", + "path": "/v1/mock-api", + "headers": [], + "encodeParamsToggle": true, + "queryParameters": [{ "key": "records", "value": "10" }], + "bodyFormData": [], + "httpMethod": "GET", + "selfReferencingDataPaths": [], + "pluginSpecifiedTemplates": [{ "value": true }], + "formData": { "apiContentType": "none" } + }, + "executeOnLoad": true, + "dynamicBindingPathList": [], + "isValid": true, + "invalids": [], + "messages": [], + "jsonPathKeys": [], + "userSetOnLoad": false, + "confirmBeforeExecute": false, + "policies": [], + "userPermissions": [], + "createdAt": "2023-09-13T06:29:30Z" + }, + "publishedAction": { + "name": "Api1", + "datasource": { + "name": "DEFAULT_REST_DATASOURCE", + "pluginId": "restapi-plugin", + "datasourceConfiguration": { + "url": "http://host.docker.internal:5001" + }, + "invalids": [], + "messages": [], + "isAutoGenerated": false, + "deleted": false, + "policies": [], + "userPermissions": [] + }, + "pageId": "Page1", + "actionConfiguration": { + "timeoutInMillisecond": 10000.0, + "paginationType": "NONE", + "path": "/v1/mock-api", + "headers": [], + "encodeParamsToggle": true, + "queryParameters": [{ "key": "records", "value": "10" }], + "bodyFormData": [], + "httpMethod": "GET", + "selfReferencingDataPaths": [], + "pluginSpecifiedTemplates": [{ "value": true }], + "formData": { "apiContentType": "none" } + }, + "executeOnLoad": true, + "dynamicBindingPathList": [], + "isValid": true, + "invalids": [], + "messages": [], + "jsonPathKeys": [], + "userSetOnLoad": false, + "confirmBeforeExecute": false, + "policies": [], + "userPermissions": [], + "createdAt": "2023-09-13T06:29:30Z" + }, + "id": "Page1_Api1", + "deleted": false, + "gitSyncId": "65015519504ba7054aa92432_650156ca504ba7054aa92437" + } + ], + "actionCollectionList": [], + "updatedResources": { + "customJSLibList": [], + "actionList": ["Api1##ENTITY_SEPARATOR##Page1"], + "pageList": ["Page1"], + "actionCollectionList": [] + }, + "editModeTheme": { + "name": "Default", + "displayName": "Modern", + "isSystemTheme": true, + "deleted": false + }, + "publishedTheme": { + "name": "Default", + "displayName": "Modern", + "isSystemTheme": true, + "deleted": false + } +} diff --git a/app/client/cypress/locators/WidgetLocators.ts b/app/client/cypress/locators/WidgetLocators.ts index 7477b39378..f37d082a11 100644 --- a/app/client/cypress/locators/WidgetLocators.ts +++ b/app/client/cypress/locators/WidgetLocators.ts @@ -102,6 +102,11 @@ export const WIDGETSKIT = { "//*[contains(@class, 'bp3-icon-chevron-up')]//parent::button", inputWidgetStepDown: "//*[contains(@class, 'bp3-icon-chevron-down')]//parent::button", + radioWidgetContainer: "[data-testid='radiogroup-container']", + radioBtn: ".bp3-radio", + radioWidgetLabel: ".radiogroup-label", + radioWidgetLabelContainer: + "[data-testid='radiogroup-container'] .label-container", }; type ValueOf = T[keyof T]; diff --git a/app/client/cypress/support/Pages/AggregateHelper.ts b/app/client/cypress/support/Pages/AggregateHelper.ts index 68d0a18ae7..80148b607e 100644 --- a/app/client/cypress/support/Pages/AggregateHelper.ts +++ b/app/client/cypress/support/Pages/AggregateHelper.ts @@ -594,8 +594,8 @@ export class AggregateHelper extends ReusableHelper { cy.get(this.locator._canvasViewport).invoke("width", `${width}px`); } - public ClickOutside() { - cy.get("body").click(0, 0, { force: true }); + public ClickOutside(x = 0, y = 0, force = true) { + cy.get("body").click(x, y, { force: force }); } public RemoveMultiSelectItems(items: string[]) { diff --git a/app/client/cypress/support/Pages/PropertyPane.ts b/app/client/cypress/support/Pages/PropertyPane.ts index 028bc1eb53..68a423b25f 100644 --- a/app/client/cypress/support/Pages/PropertyPane.ts +++ b/app/client/cypress/support/Pages/PropertyPane.ts @@ -599,7 +599,7 @@ export class PropertyPane { this.assertHelper.AssertNetworkStatus("@updateWidgetName"); } - public CreateModal(modalName: string, property: string) { + public CreateModal(property: string) { this.SelectPlatformFunction(property, "Show modal"); this.agHelper.GetNClick(this._actionOpenDropdownSelectModal); this.agHelper.GetNClick(this._createModalButton);