diff --git a/app/client/cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilButtonWidgetSnapshot_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilButtonWidgetSnapshot_spec.ts new file mode 100644 index 000000000000..0cb2a0391efc --- /dev/null +++ b/app/client/cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilButtonWidgetSnapshot_spec.ts @@ -0,0 +1,27 @@ +import { ANVIL_EDITOR_TEST } from "../../../../../support/Constants"; +import { + agHelper, + anvilSnapshot, +} from "../../../../../support/Objects/ObjectsCore"; + +describe( + `${ANVIL_EDITOR_TEST}: Anvil tests for Button Widget`, + { tags: ["@tag.Anvil"] }, + () => { + before(() => { + agHelper.AddDsl("anvilButtonWidget"); + }); + + it("1. Canvas Mode", () => { + anvilSnapshot.verifyCanvasMode("ButtonWidget"); + }); + + it("2. Preview Mode", () => { + anvilSnapshot.verifyPreviewMode("ButtonWidget"); + }); + + it("3. Deploy Mode", () => { + anvilSnapshot.verifyDeployMode("ButtonWidget"); + }); + }, +); diff --git a/app/client/cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilIconButtonWidgetSnapshot_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilIconButtonWidgetSnapshot_spec.ts new file mode 100644 index 000000000000..0427cec192de --- /dev/null +++ b/app/client/cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilIconButtonWidgetSnapshot_spec.ts @@ -0,0 +1,27 @@ +import { ANVIL_EDITOR_TEST } from "../../../../../support/Constants"; +import { + agHelper, + anvilSnapshot, +} from "../../../../../support/Objects/ObjectsCore"; + +describe( + `${ANVIL_EDITOR_TEST}: Anvil tests for Icon Button Widget`, + { tags: ["@tag.Anvil"] }, + () => { + before(() => { + agHelper.AddDsl("anvilIconButtonWidget"); + }); + + it("1. Canvas Mode", () => { + anvilSnapshot.verifyCanvasMode("IconButtonWidget"); + }); + + it("2. Preview Mode", () => { + anvilSnapshot.verifyPreviewMode("IconButtonWidget"); + }); + + it("3. Deploy Mode", () => { + anvilSnapshot.verifyDeployMode("IconButtonWidget"); + }); + }, +); diff --git a/app/client/cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilInlineButtonWidgetSnapshot_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilInlineButtonWidgetSnapshot_spec.ts new file mode 100644 index 000000000000..807cf521d655 --- /dev/null +++ b/app/client/cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilInlineButtonWidgetSnapshot_spec.ts @@ -0,0 +1,27 @@ +import { ANVIL_EDITOR_TEST } from "../../../../../support/Constants"; +import { + agHelper, + anvilSnapshot, +} from "../../../../../support/Objects/ObjectsCore"; + +describe( + `${ANVIL_EDITOR_TEST}: Anvil tests for Inline Button Widget`, + { tags: ["@tag.Anvil"] }, + () => { + before(() => { + agHelper.AddDsl("anvilInlineButtonWidget"); + }); + + it("1. Canvas Mode", () => { + anvilSnapshot.verifyCanvasMode("InlineButtonWidget"); + }); + + it("2. Preview Mode", () => { + anvilSnapshot.verifyPreviewMode("InlineButtonWidget"); + }); + + it("3. Deploy Mode", () => { + anvilSnapshot.verifyDeployMode("InlineButtonWidget"); + }); + }, +); diff --git a/app/client/cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilToolbarButtonWidgetSnapshot_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilToolbarButtonWidgetSnapshot_spec.ts new file mode 100644 index 000000000000..481132191c17 --- /dev/null +++ b/app/client/cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilToolbarButtonWidgetSnapshot_spec.ts @@ -0,0 +1,27 @@ +import { ANVIL_EDITOR_TEST } from "../../../../../support/Constants"; +import { + agHelper, + anvilSnapshot, +} from "../../../../../support/Objects/ObjectsCore"; + +describe( + `${ANVIL_EDITOR_TEST}: Anvil tests for Toolbar Button Widget`, + { tags: ["@tag.Anvil"] }, + () => { + before(() => { + agHelper.AddDsl("anvilToolbarButtonWidget"); + }); + + it("1. Canvas Mode", () => { + anvilSnapshot.verifyCanvasMode("ToolbarButtonWidget"); + }); + + it("2. Preview Mode", () => { + anvilSnapshot.verifyPreviewMode("ToolbarButtonWidget"); + }); + + it("3. Deploy Mode", () => { + anvilSnapshot.verifyDeployMode("ToolbarButtonWidget"); + }); + }, +); diff --git a/app/client/cypress/fixtures/anvilButtonWidget.json b/app/client/cypress/fixtures/anvilButtonWidget.json new file mode 100644 index 000000000000..a9dd00086560 --- /dev/null +++ b/app/client/cypress/fixtures/anvilButtonWidget.json @@ -0,0 +1,2672 @@ +{ + "dsl": { + "widgetName": "MainContainer", + "backgroundColor": "none", + "rightColumn": 4896, + "snapColumns": 64, + "detachFromLayout": true, + "widgetId": "0", + "topRow": 0, + "bottomRow": 380, + "containerStyle": "none", + "snapRows": 124, + "parentRowSpace": 1, + "type": "CANVAS_WIDGET", + "canExtend": true, + "version": 89, + "minHeight": 1292, + "layout": [ + { + "layoutId": "zf1rn0cr3v", + "layoutType": "ALIGNED_LAYOUT_COLUMN", + "layout": [ + { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [ + { + "alignment": "start", + "widgetId": "v8yjcqoas6", + "widgetType": "SECTION_WIDGET" + } + ], + "layoutId": "qatp0f0qli", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + }, + { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [ + { + "alignment": "start", + "widgetId": "22t51nvpve", + "widgetType": "SECTION_WIDGET" + } + ], + "layoutId": "2rw4sa3p5s", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + }, + { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [ + { + "alignment": "start", + "widgetId": "wa3fauc5cx", + "widgetType": "SECTION_WIDGET" + } + ], + "layoutId": "2kjgp9j6vg", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + }, + { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [ + { + "alignment": "start", + "widgetId": "c3qg79mmbs", + "widgetType": "SECTION_WIDGET" + } + ], + "layoutId": "ixc3rg3glt", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + } + ], + "layoutStyle": { + "border": "none", + "height": "100%", + "padding": "spacing-4", + "gap": "spacing-4" + }, + "isDropTarget": true, + "isPermanent": true, + "childTemplate": { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [], + "layoutId": "", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + } + } + ], + "dynamicTriggerPathList": [], + "parentColumnSpace": 1, + "dynamicBindingPathList": [], + "leftColumn": 0, + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "NONE", + "mobileBottomRow": 10, + "widgetName": "Section1", + "isCanvas": true, + "displayName": "Section", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "SECTION_WIDGET", + "hideCard": true, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone1", + "flexGrow": 12, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2", + "buttonColor": "accent", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "x75woyqacu", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "filled" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2Copy", + "buttonColor": "neutral", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "5npsfsw7uy", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "filled" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2CopyCopy", + "buttonColor": "negative", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "gtzwavo5zz", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "filled" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2CopyCopyCopy", + "buttonColor": "warning", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "34d2yb2t59", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "filled" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2CopyCopyCopyCopy", + "buttonColor": "positive", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "7zgoizvqf2", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "filled" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2CopyCopy1", + "buttonColor": "neutral", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "7io1tl1uje", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "outlined" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2CopyCopyCopyCopyCopy", + "buttonColor": "positive", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "ujh45xvca3", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "outlined" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2Copy1", + "buttonColor": "accent", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "wkf4n8empq", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "outlined" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2CopyCopyCopyCopy1", + "buttonColor": "warning", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "mpima51xp0", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "outlined" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2CopyCopyCopy1", + "buttonColor": "negative", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "se9oq90vzz", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "outlined" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2Copy1Copy", + "buttonColor": "accent", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "7eeot7rb75", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "ghost" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2CopyCopy1Copy", + "buttonColor": "neutral", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "xqiwegh9cw", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "ghost" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2CopyCopyCopyCopyCopyCopy", + "buttonColor": "positive", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "6ovzai7czh", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "ghost" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2CopyCopyCopy1Copy", + "buttonColor": "negative", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "jgge200zlv", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "ghost" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2CopyCopyCopyCopy1Copy", + "buttonColor": "warning", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "7a5uzqwl80", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "ghost" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2Copy1CopyCopy", + "buttonColor": "accent", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "123", + "widgetId": "87z6livnpl", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "filled" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2Copy1CopyCopyCopy2", + "buttonColor": "accent", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "123", + "widgetId": "vbxoco7b0r", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "filled", + "iconAlign": "end" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2Copy1CopyCopyCopy3", + "buttonColor": "accent", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": true, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "123", + "widgetId": "jyin7lo020", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "filled" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2Copy1CopyCopyCopy3Copy1", + "buttonColor": "accent", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Very long label that can't fit in a button", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "v7oj2c1blu", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "filled" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2Copy1CopyCopyCopy3Copy2", + "buttonColor": "accent", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": true, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "123", + "widgetId": "wmmdr2putr", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": false, + "recaptchaType": "V3", + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "filled" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "f6b8hrxei4", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "8j9w9sv03h", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "v8yjcqoas6", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "q131o4gyx6", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "x75woyqacu", + "widgetType": "WDS_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "5npsfsw7uy", + "widgetType": "WDS_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "7zgoizvqf2", + "widgetType": "WDS_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "gtzwavo5zz", + "widgetType": "WDS_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "34d2yb2t59", + "widgetType": "WDS_BUTTON_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "vbx5j5ocfy", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "wkf4n8empq", + "widgetType": "WDS_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "7io1tl1uje", + "widgetType": "WDS_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "ujh45xvca3", + "widgetType": "WDS_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "se9oq90vzz", + "widgetType": "WDS_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "mpima51xp0", + "widgetType": "WDS_BUTTON_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "dk412zjdrp", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "7eeot7rb75", + "widgetType": "WDS_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "xqiwegh9cw", + "widgetType": "WDS_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "6ovzai7czh", + "widgetType": "WDS_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "jgge200zlv", + "widgetType": "WDS_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "7a5uzqwl80", + "widgetType": "WDS_BUTTON_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "qenl3m2dy6", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "87z6livnpl", + "widgetType": "WDS_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "vbxoco7b0r", + "widgetType": "WDS_BUTTON_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "8dvzviz3ho", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "jyin7lo020", + "widgetType": "WDS_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "wmmdr2putr", + "widgetType": "WDS_BUTTON_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "2hgom5m6ur", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "v7oj2c1blu", + "widgetType": "WDS_BUTTON_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "d58md2udti", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": false, + "key": "04mvbegryn", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "v8yjcqoas6", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-section-selection", + "focusBGCSSVar": "--on-canvas-ui-section-focus", + "selectionColorCSSVar": "--on-canvas-ui-section-focus", + "focusColorCSSVar": "--on-canvas-ui-section-selection", + "disableParentSelection": true + }, + "zoneCount": 1, + "isVisible": true, + "version": 1, + "parentId": "0", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "alignment": "start", + "widgetId": "8j9w9sv03h", + "widgetType": "ZONE_WIDGET" + } + ], + "layoutId": "ejuo2ps87t", + "layoutStyle": { + "border": "none" + }, + "layoutType": "SECTION", + "maxChildLimit": 4 + } + ], + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "spaceDistributed": { + "8j9w9sv03h": 12, + "esf9bo8rdb": 6, + "9skig54m85": 6 + } + }, + { + "needsErrorInfo": false, + "boxShadow": "NONE", + "mobileBottomRow": 10, + "widgetName": "Section2", + "isCanvas": true, + "displayName": "Section", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "SECTION_WIDGET", + "hideCard": true, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone2", + "flexGrow": 12, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2Copy1CopyCopyCopy3Copy", + "buttonColor": "accent", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "ccexmv1nin", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "82umg6t5jk", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "filled" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2Copy1CopyCopyCopy3CopyCopy", + "onClick": "{{}}", + "buttonColor": "accent", + "isCanvas": false, + "dynamicPropertyPathList": [ + { + "key": "onClick" + } + ], + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "yhmyxkaqqe", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "82umg6t5jk", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "filled" + }, + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2Copy1CopyCopyCopy3CopyCopyCopy", + "buttonColor": "accent", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "dk0b1jq9ot", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "82umg6t5jk", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "filled" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "f6b8hrxei4", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "82umg6t5jk", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "22t51nvpve", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "09sx12bjnh", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "ccexmv1nin", + "widgetType": "WDS_BUTTON_WIDGET" + }, + { + "alignment": "center", + "widgetId": "yhmyxkaqqe", + "widgetType": "WDS_BUTTON_WIDGET" + }, + { + "alignment": "end", + "widgetId": "dk0b1jq9ot", + "widgetType": "WDS_BUTTON_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "wezhh0gbiu", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": false, + "key": "04mvbegryn", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "22t51nvpve", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-section-selection", + "focusBGCSSVar": "--on-canvas-ui-section-focus", + "selectionColorCSSVar": "--on-canvas-ui-section-focus", + "focusColorCSSVar": "--on-canvas-ui-section-selection", + "disableParentSelection": true + }, + "zoneCount": 1, + "isVisible": true, + "version": 1, + "parentId": "0", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "alignment": "start", + "widgetId": "82umg6t5jk", + "widgetType": "ZONE_WIDGET" + } + ], + "layoutId": "52wwglyrdw", + "layoutStyle": { + "border": "none" + }, + "layoutType": "SECTION", + "maxChildLimit": 4 + } + ], + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "spaceDistributed": { + "82umg6t5jk": 12 + } + }, + { + "needsErrorInfo": false, + "boxShadow": "NONE", + "mobileBottomRow": 10, + "widgetName": "Section3", + "isCanvas": true, + "displayName": "Section", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "SECTION_WIDGET", + "hideCard": true, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone3", + "flexGrow": 6, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2Copy1CopyCopyCopy3CopyCopy1Copy", + "buttonColor": "accent", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "ctap96gwts", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "piz7tt0to3", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "filled" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "f6b8hrxei4", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "piz7tt0to3", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "wa3fauc5cx", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "u771bbbp4m", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "ctap96gwts", + "widgetType": "WDS_BUTTON_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "lep7vtv1il", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone4", + "flexGrow": 6, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2Copy1CopyCopyCopy3CopyCopy1", + "buttonColor": "accent", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "4u9iglohfg", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "m010rk2xo7", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "filled" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "f6b8hrxei4", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "m010rk2xo7", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "wa3fauc5cx", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "5gnawnbppn", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "4u9iglohfg", + "widgetType": "WDS_BUTTON_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "j8zcjs6hp3", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": false, + "key": "04mvbegryn", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "wa3fauc5cx", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-section-selection", + "focusBGCSSVar": "--on-canvas-ui-section-focus", + "selectionColorCSSVar": "--on-canvas-ui-section-focus", + "focusColorCSSVar": "--on-canvas-ui-section-selection", + "disableParentSelection": true + }, + "zoneCount": 2, + "isVisible": true, + "version": 1, + "parentId": "0", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "alignment": "start", + "widgetId": "piz7tt0to3", + "widgetType": "ZONE_WIDGET" + }, + { + "alignment": "start", + "widgetId": "m010rk2xo7", + "widgetType": "ZONE_WIDGET" + } + ], + "layoutId": "3t66a13vsa", + "layoutStyle": { + "border": "none" + }, + "layoutType": "SECTION", + "maxChildLimit": 4 + } + ], + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "spaceDistributed": { + "piz7tt0to3": 6, + "m010rk2xo7": 6 + } + }, + { + "needsErrorInfo": false, + "boxShadow": "NONE", + "mobileBottomRow": 10, + "widgetName": "Section4", + "isCanvas": true, + "displayName": "Section", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "SECTION_WIDGET", + "hideCard": true, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone5", + "flexGrow": 4, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2Copy1CopyCopyCopy3CopyCopy1Copy1", + "buttonColor": "accent", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "wvm4rsp28w", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "c1zk109ftd", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "filled" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "f6b8hrxei4", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "c1zk109ftd", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "c3qg79mmbs", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "4u0053m2j2", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "wvm4rsp28w", + "widgetType": "WDS_BUTTON_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "rr29h0gs2r", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone4Copy", + "flexGrow": 4, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2Copy1CopyCopyCopy3CopyCopy1Copy2", + "buttonColor": "accent", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "jz6hajk7n5", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "194q1o3h78", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "filled" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "f6b8hrxei4", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "194q1o3h78", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "c3qg79mmbs", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "qg6rgqvno8", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "jz6hajk7n5", + "widgetType": "WDS_BUTTON_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "5dcj1urevc", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone4Copy1", + "flexGrow": 4, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "resetFormOnClick": false, + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "Button2Copy1CopyCopyCopy3CopyCopy1Copy3", + "buttonColor": "accent", + "isCanvas": false, + "displayName": "Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "text": "Do something", + "isDisabled": false, + "key": "bn9xz1h2d0", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "ok0k9hn4dg", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "recaptchaType": "V3", + "version": 1, + "parentId": "o7j5kktsuu", + "tags": [ + "Suggested", + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "disabledWhenInvalid": false, + "mobileLeftColumn": 0, + "buttonVariant": "filled" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "f6b8hrxei4", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "o7j5kktsuu", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "c3qg79mmbs", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "xu64jenr2g", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "ok0k9hn4dg", + "widgetType": "WDS_BUTTON_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "4ea1fxmoer", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": false, + "key": "04mvbegryn", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "c3qg79mmbs", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-section-selection", + "focusBGCSSVar": "--on-canvas-ui-section-focus", + "selectionColorCSSVar": "--on-canvas-ui-section-focus", + "focusColorCSSVar": "--on-canvas-ui-section-selection", + "disableParentSelection": true + }, + "zoneCount": 3, + "isVisible": true, + "version": 1, + "parentId": "0", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "alignment": "start", + "widgetId": "c1zk109ftd", + "widgetType": "ZONE_WIDGET" + }, + { + "alignment": "start", + "widgetId": "194q1o3h78", + "widgetType": "ZONE_WIDGET" + }, + { + "alignment": "start", + "widgetId": "o7j5kktsuu", + "widgetType": "ZONE_WIDGET" + } + ], + "layoutId": "eogsma2p43", + "layoutStyle": { + "border": "none" + }, + "layoutType": "SECTION", + "maxChildLimit": 4 + } + ], + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "spaceDistributed": { + "c1zk109ftd": 4, + "194q1o3h78": 4, + "o7j5kktsuu": 4 + } + } + ] + }, + "layoutOnLoadActions": [], + "layoutOnLoadActionErrors": [], + "id": "666a987c0b846c72d3af7fad", + "userPermissions": [] +} \ No newline at end of file diff --git a/app/client/cypress/fixtures/anvilIconButtonWidget.json b/app/client/cypress/fixtures/anvilIconButtonWidget.json new file mode 100644 index 000000000000..32f01c8413d5 --- /dev/null +++ b/app/client/cypress/fixtures/anvilIconButtonWidget.json @@ -0,0 +1,2367 @@ +{ + "dsl": { + "widgetName": "MainContainer", + "backgroundColor": "none", + "rightColumn": 4896, + "snapColumns": 64, + "detachFromLayout": true, + "widgetId": "0", + "topRow": 0, + "bottomRow": 380, + "containerStyle": "none", + "snapRows": 124, + "parentRowSpace": 1, + "type": "CANVAS_WIDGET", + "canExtend": true, + "version": 89, + "minHeight": 1292, + "layout": [ + { + "layoutId": "zf1rn0cr3v", + "layoutType": "ALIGNED_LAYOUT_COLUMN", + "layout": [ + { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [ + { + "alignment": "start", + "widgetId": "v8yjcqoas6", + "widgetType": "SECTION_WIDGET" + } + ], + "layoutId": "qatp0f0qli", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + }, + { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [ + { + "alignment": "start", + "widgetId": "22t51nvpve", + "widgetType": "SECTION_WIDGET" + } + ], + "layoutId": "2rw4sa3p5s", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + }, + { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [ + { + "alignment": "start", + "widgetId": "159413asyz", + "widgetType": "SECTION_WIDGET" + } + ], + "layoutId": "ms20tfy2bg", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + }, + { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [ + { + "alignment": "start", + "widgetId": "6utu5lkpvy", + "widgetType": "SECTION_WIDGET" + } + ], + "layoutId": "lkgwg827vn", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + } + ], + "layoutStyle": { + "border": "none", + "height": "100%", + "padding": "spacing-4", + "gap": "spacing-4" + }, + "isDropTarget": true, + "isPermanent": true, + "childTemplate": { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [], + "layoutId": "", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + } + } + ], + "dynamicTriggerPathList": [], + "parentColumnSpace": 1, + "dynamicBindingPathList": [], + "leftColumn": 0, + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "NONE", + "mobileBottomRow": 10, + "widgetName": "Section1", + "isCanvas": true, + "displayName": "Section", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "SECTION_WIDGET", + "hideCard": true, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone1", + "flexGrow": 12, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton1", + "buttonColor": "accent", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "upn0v71q8o", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "filled" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton2", + "buttonColor": "neutral", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "vo2vhjhf0y", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "filled" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton3", + "buttonColor": "positive", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "dh5k8c9i5d", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "filled" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton4", + "buttonColor": "negative", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "af1n66n6c4", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "filled" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton5", + "buttonColor": "warning", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "fyb8216jyb", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "filled" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton6", + "buttonColor": "accent", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "wyjb878av3", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "outlined" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton7", + "buttonColor": "neutral", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "37h2ls9y8v", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "outlined" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton8", + "buttonColor": "positive", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "tl5apt7xm9", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "outlined" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton9", + "buttonColor": "negative", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "y8bc38n3q2", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "outlined" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton10", + "buttonColor": "warning", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "wxsgszunwr", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "outlined" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton11", + "buttonColor": "accent", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "ej3oe850ys", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "ghost" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton12", + "buttonColor": "neutral", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "hnna5nudrb", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "ghost" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton13", + "buttonColor": "positive", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "a33q30p94z", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "ghost" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton14", + "buttonColor": "negative", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "1ew4hjv6b6", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "ghost" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton15", + "buttonColor": "warning", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "184r2w1hy3", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "ghost" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton16", + "buttonColor": "warning", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": true, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "ug1wniafnj", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "ghost" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton17", + "buttonColor": "warning", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": true, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "ifvb0p5oc7", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": false, + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "ghost" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton18", + "buttonColor": "warning", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "z1bj36hvx0", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": false, + "version": 1, + "parentId": "8j9w9sv03h", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "ghost" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "f6b8hrxei4", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "8j9w9sv03h", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "v8yjcqoas6", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "fwkdxpyvz6", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "upn0v71q8o", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "vo2vhjhf0y", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "dh5k8c9i5d", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "af1n66n6c4", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "fyb8216jyb", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "wyjb878av3", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "37h2ls9y8v", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "tl5apt7xm9", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "y8bc38n3q2", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "wxsgszunwr", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "ej3oe850ys", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "hnna5nudrb", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "a33q30p94z", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "1ew4hjv6b6", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "184r2w1hy3", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "cki5i47meb", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "ug1wniafnj", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "ifvb0p5oc7", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + }, + { + "alignment": "start", + "widgetId": "z1bj36hvx0", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "d58md2udti", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": false, + "key": "04mvbegryn", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "v8yjcqoas6", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-section-selection", + "focusBGCSSVar": "--on-canvas-ui-section-focus", + "selectionColorCSSVar": "--on-canvas-ui-section-focus", + "focusColorCSSVar": "--on-canvas-ui-section-selection", + "disableParentSelection": true + }, + "zoneCount": 1, + "isVisible": true, + "version": 1, + "parentId": "0", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "alignment": "start", + "widgetId": "8j9w9sv03h", + "widgetType": "ZONE_WIDGET" + } + ], + "layoutId": "ejuo2ps87t", + "layoutStyle": { + "border": "none" + }, + "layoutType": "SECTION", + "maxChildLimit": 4 + } + ], + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "spaceDistributed": { + "8j9w9sv03h": 12, + "esf9bo8rdb": 6, + "9skig54m85": 6 + } + }, + { + "needsErrorInfo": false, + "boxShadow": "NONE", + "mobileBottomRow": 10, + "widgetName": "Section2", + "isCanvas": true, + "displayName": "Section", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "SECTION_WIDGET", + "hideCard": true, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone2", + "flexGrow": 12, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton19", + "buttonColor": "accent", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "8hzta34xtm", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "82umg6t5jk", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "filled" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton20", + "buttonColor": "accent", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "a8fcghdjxy", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "82umg6t5jk", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "filled" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton21", + "buttonColor": "accent", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "vcq4bs7hgy", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "82umg6t5jk", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "filled" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "f6b8hrxei4", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "82umg6t5jk", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "22t51nvpve", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "09sx12bjnh", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "8hzta34xtm", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + }, + { + "alignment": "center", + "widgetId": "a8fcghdjxy", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + }, + { + "alignment": "end", + "widgetId": "vcq4bs7hgy", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "wezhh0gbiu", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": false, + "key": "04mvbegryn", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "22t51nvpve", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-section-selection", + "focusBGCSSVar": "--on-canvas-ui-section-focus", + "selectionColorCSSVar": "--on-canvas-ui-section-focus", + "focusColorCSSVar": "--on-canvas-ui-section-selection", + "disableParentSelection": true + }, + "zoneCount": 1, + "isVisible": true, + "version": 1, + "parentId": "0", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "alignment": "start", + "widgetId": "82umg6t5jk", + "widgetType": "ZONE_WIDGET" + } + ], + "layoutId": "52wwglyrdw", + "layoutStyle": { + "border": "none" + }, + "layoutType": "SECTION", + "maxChildLimit": 4 + } + ], + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "spaceDistributed": { + "82umg6t5jk": 12 + } + }, + { + "needsErrorInfo": false, + "boxShadow": "NONE", + "mobileBottomRow": 10, + "widgetName": "Section3", + "isCanvas": true, + "displayName": "Section", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "SECTION_WIDGET", + "hideCard": true, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone3", + "flexGrow": 6, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton22", + "buttonColor": "accent", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "8ae7ogom8l", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "8r6gqzmz7x", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "filled" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "xhct14g8m4", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "8r6gqzmz7x", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "159413asyz", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "nqjpgnuvpx", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "8ae7ogom8l", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "7qgck6cqv5", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone4", + "flexGrow": 6, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton23", + "buttonColor": "accent", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "li7098iimj", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "055uh8d4bp", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "filled" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "xhct14g8m4", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "055uh8d4bp", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "159413asyz", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "djapcnqj8q", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "li7098iimj", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "bbkepnehrs", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": false, + "key": "j6m3ur0rch", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "159413asyz", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-section-selection", + "focusBGCSSVar": "--on-canvas-ui-section-focus", + "selectionColorCSSVar": "--on-canvas-ui-section-focus", + "focusColorCSSVar": "--on-canvas-ui-section-selection", + "disableParentSelection": true + }, + "zoneCount": 2, + "isVisible": true, + "version": 1, + "parentId": "0", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "alignment": "start", + "widgetId": "8r6gqzmz7x", + "widgetType": "ZONE_WIDGET" + }, + { + "alignment": "start", + "widgetId": "055uh8d4bp", + "widgetType": "ZONE_WIDGET" + } + ], + "layoutId": "4x4plsrfbi", + "layoutStyle": { + "border": "none" + }, + "layoutType": "SECTION", + "maxChildLimit": 4 + } + ], + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "spaceDistributed": { + "8r6gqzmz7x": 6, + "055uh8d4bp": 6 + } + }, + { + "needsErrorInfo": false, + "boxShadow": "NONE", + "mobileBottomRow": 10, + "widgetName": "Section4", + "isCanvas": true, + "displayName": "Section", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "SECTION_WIDGET", + "hideCard": true, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone5", + "flexGrow": 4, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton24", + "buttonColor": "accent", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "n2qt62c27m", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "bkegp6pgnb", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "filled" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "xhct14g8m4", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "bkegp6pgnb", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "6utu5lkpvy", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "zasd3rkfej", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "n2qt62c27m", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "w6668s5cu8", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone6", + "flexGrow": 4, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton25", + "buttonColor": "accent", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "9t9g5i6izh", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "r0he9sfb31", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "filled" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "xhct14g8m4", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "r0he9sfb31", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "6utu5lkpvy", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "rzh6ijtucg", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "9t9g5i6izh", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "lln4bxbatq", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone7", + "flexGrow": 4, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "IconButton26", + "buttonColor": "accent", + "displayName": "Icon Button", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_ICON_BUTTON_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "isDisabled": false, + "key": "yayar2t2jg", + "isDeprecated": false, + "rightColumn": 64, + "iconName": "plus", + "widgetId": "so2lnfrw5v", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "mtpzioi5wf", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "hug", + "mobileLeftColumn": 0, + "buttonVariant": "filled" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "xhct14g8m4", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "mtpzioi5wf", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "6utu5lkpvy", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "s8u1r059b4", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "so2lnfrw5v", + "widgetType": "WDS_ICON_BUTTON_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "5txxqh75jq", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": false, + "key": "j6m3ur0rch", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "6utu5lkpvy", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-section-selection", + "focusBGCSSVar": "--on-canvas-ui-section-focus", + "selectionColorCSSVar": "--on-canvas-ui-section-focus", + "focusColorCSSVar": "--on-canvas-ui-section-selection", + "disableParentSelection": true + }, + "zoneCount": 3, + "isVisible": true, + "version": 1, + "parentId": "0", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "alignment": "start", + "widgetId": "bkegp6pgnb", + "widgetType": "ZONE_WIDGET" + }, + { + "alignment": "start", + "widgetId": "r0he9sfb31", + "widgetType": "ZONE_WIDGET" + }, + { + "alignment": "start", + "widgetId": "mtpzioi5wf", + "widgetType": "ZONE_WIDGET" + } + ], + "layoutId": "ktpz51xxad", + "layoutStyle": { + "border": "none" + }, + "layoutType": "SECTION", + "maxChildLimit": 4 + } + ], + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "spaceDistributed": { + "bkegp6pgnb": 4, + "r0he9sfb31": 4, + "mtpzioi5wf": 4 + } + } + ] + }, + "layoutOnLoadActions": [], + "layoutOnLoadActionErrors": [], + "id": "666a987c0b846c72d3af7fad", + "userPermissions": [] +} \ No newline at end of file diff --git a/app/client/cypress/fixtures/anvilInlineButtonWidget.json b/app/client/cypress/fixtures/anvilInlineButtonWidget.json new file mode 100644 index 000000000000..fadc6ac5a8d9 --- /dev/null +++ b/app/client/cypress/fixtures/anvilInlineButtonWidget.json @@ -0,0 +1,2625 @@ +{ + "dsl": { + "widgetName": "MainContainer", + "backgroundColor": "none", + "rightColumn": 4896, + "snapColumns": 64, + "detachFromLayout": true, + "widgetId": "0", + "topRow": 0, + "bottomRow": 380, + "containerStyle": "none", + "snapRows": 124, + "parentRowSpace": 1, + "type": "CANVAS_WIDGET", + "canExtend": true, + "version": 89, + "minHeight": 1292, + "layout": [ + { + "layoutId": "zf1rn0cr3v", + "layoutType": "ALIGNED_LAYOUT_COLUMN", + "layout": [ + { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [ + { + "alignment": "start", + "widgetId": "9abrngspd3", + "widgetType": "SECTION_WIDGET" + } + ], + "layoutId": "qv54rjvvcx", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + }, + { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [ + { + "alignment": "start", + "widgetId": "vx5iajr0ve", + "widgetType": "SECTION_WIDGET" + } + ], + "layoutId": "jzd7n15ucx", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + }, + { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [ + { + "alignment": "start", + "widgetId": "k9309c4ixu", + "widgetType": "SECTION_WIDGET" + } + ], + "layoutId": "plz6slrb6y", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + } + ], + "layoutStyle": { + "border": "none", + "height": "100%", + "padding": "spacing-4", + "gap": "spacing-4" + }, + "isDropTarget": true, + "isPermanent": true, + "childTemplate": { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [], + "layoutId": "", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + } + } + ], + "dynamicTriggerPathList": [], + "parentColumnSpace": 1, + "dynamicBindingPathList": [], + "leftColumn": 0, + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "NONE", + "mobileBottomRow": 10, + "widgetName": "Section1", + "isCanvas": true, + "displayName": "Section", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "SECTION_WIDGET", + "hideCard": true, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone1", + "flexGrow": 12, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "InlineButtons1Copy", + "isCanvas": false, + "displayName": "Inline Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_INLINE_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "id": "button1", + "index": 0, + "variant": "outlined", + "color": "negative" + }, + "button3": { + "label": "Cancel", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 1, + "variant": "outlined", + "color": "accent" + }, + "button2": { + "label": "Separator", + "isVisible": true, + "isDisabled": false, + "id": "button2", + "isSeparator": true, + "index": 2, + "itemType": "SEPARATOR" + }, + "button4": { + "label": "Save Changes", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "variant": "filled", + "color": "accent" + } + }, + "isDisabled": false, + "key": "dp75vl2xpc", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "otl5rsmc30", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "tl8a9q2d79", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "InlineButtons1CopyCopy", + "isCanvas": false, + "displayName": "Inline Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_INLINE_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "id": "button1", + "index": 0, + "variant": "outlined", + "color": "negative" + }, + "button3": { + "label": "Cancel", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 1, + "variant": "outlined", + "color": "accent" + }, + "button4": { + "label": "Save Changes", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 2, + "variant": "filled", + "color": "accent" + }, + "button2": { + "label": "Separator", + "isVisible": true, + "isDisabled": false, + "id": "button2", + "isSeparator": true, + "index": 3, + "itemType": "SEPARATOR" + } + }, + "isDisabled": false, + "key": "dp75vl2xpc", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "3kevph8xi6", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "tl8a9q2d79", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "InlineButtons1CopyCopyCopy", + "isCanvas": false, + "displayName": "Inline Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_INLINE_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button2": { + "label": "Separator", + "isVisible": true, + "isDisabled": false, + "id": "button2", + "isSeparator": true, + "index": 0, + "itemType": "SEPARATOR" + }, + "button1": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "id": "button1", + "index": 1, + "variant": "outlined", + "color": "negative" + }, + "button3": { + "label": "Cancel", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "variant": "outlined", + "color": "accent" + }, + "button4": { + "label": "Save Changes", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "variant": "filled", + "color": "accent" + } + }, + "isDisabled": false, + "key": "dp75vl2xpc", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "7lhkogze3k", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "tl8a9q2d79", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "InlineButtons1Copy1", + "isCanvas": false, + "displayName": "Inline Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_INLINE_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "id": "button1", + "index": 0, + "variant": "outlined", + "color": "negative" + }, + "button2": { + "label": "Separator", + "isVisible": true, + "isDisabled": false, + "id": "button2", + "isSeparator": true, + "index": 1, + "itemType": "SEPARATOR" + }, + "button3": { + "label": "Cancel", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "variant": "outlined", + "color": "accent" + }, + "button4": { + "label": "Save Changes", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "variant": "filled", + "color": "accent" + } + }, + "isDisabled": false, + "key": "dp75vl2xpc", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "5x8bdxomm8", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "tl8a9q2d79", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "InlineButtons1Copy1Copy", + "isCanvas": false, + "displayName": "Inline Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_INLINE_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "id": "button1", + "index": 0, + "variant": "outlined", + "color": "negative" + }, + "button2": { + "label": "Separator", + "isVisible": true, + "isDisabled": false, + "id": "button2", + "isSeparator": true, + "index": 1, + "itemType": "SEPARATOR" + }, + "button3": { + "label": "Cancel", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "variant": "outlined", + "color": "accent" + }, + "button4": { + "label": "Save Changes", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "variant": "filled", + "color": "accent" + } + }, + "isDisabled": false, + "key": "dp75vl2xpc", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "6u3s0t9g6d", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "tl8a9q2d79", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "InlineButtons1Copy1Copy1", + "isCanvas": false, + "displayName": "Inline Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_INLINE_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "id": "button1", + "index": 0, + "variant": "outlined", + "color": "negative" + }, + "button2": { + "label": "Separator", + "isVisible": true, + "isDisabled": false, + "id": "button2", + "isSeparator": true, + "index": 1, + "itemType": "SEPARATOR" + }, + "button3": { + "label": "Cancel", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "variant": "outlined", + "color": "accent" + }, + "button4": { + "label": "Save Changes", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "variant": "filled", + "color": "accent" + } + }, + "isDisabled": false, + "key": "dp75vl2xpc", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "n7odorndrf", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "tl8a9q2d79", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "InlineButtons1Copy1CopyCopy", + "isCanvas": false, + "displayName": "Inline Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_INLINE_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "id": "button1", + "index": 0, + "variant": "outlined", + "color": "negative" + }, + "button2": { + "label": "Separator", + "isVisible": true, + "isDisabled": false, + "id": "button2", + "isSeparator": true, + "index": 1, + "itemType": "SEPARATOR" + }, + "button3": { + "label": "Cancel", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "variant": "outlined", + "color": "accent" + }, + "button4": { + "label": "Save Changes", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "variant": "filled", + "color": "accent" + } + }, + "isDisabled": false, + "key": "dp75vl2xpc", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "fgmlw0tihn", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "tl8a9q2d79", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "InlineButtons1Copy1CopyCopyCopy", + "isCanvas": false, + "displayName": "Inline Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_INLINE_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "id": "button1", + "index": 0, + "variant": "outlined", + "color": "negative" + }, + "button2": { + "label": "Separator", + "isVisible": true, + "isDisabled": false, + "id": "button2", + "isSeparator": true, + "index": 1, + "itemType": "SEPARATOR" + }, + "button3": { + "label": "Cancel", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "variant": "outlined", + "color": "accent" + }, + "button4": { + "label": "Save Changes", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "variant": "filled", + "color": "accent" + } + }, + "isDisabled": false, + "key": "dp75vl2xpc", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "5nfmt137n6", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "tl8a9q2d79", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "InlineButtons1Copy5", + "isCanvas": false, + "displayName": "Inline Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_INLINE_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "id": "button1", + "index": 0, + "variant": "outlined", + "color": "negative" + }, + "button2": { + "label": "Separator", + "isVisible": true, + "isDisabled": false, + "id": "button2", + "isSeparator": true, + "index": 1, + "itemType": "SEPARATOR" + }, + "button3": { + "label": "Cancel", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "variant": "outlined", + "color": "accent" + }, + "button4": { + "label": "Save Changes", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "variant": "filled", + "color": "accent" + } + }, + "isDisabled": false, + "key": "dp75vl2xpc", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "bg9d861hhu", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "tl8a9q2d79", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "InlineButtons1", + "isCanvas": false, + "displayName": "Inline Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_INLINE_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "id": "button1", + "index": 0, + "variant": "outlined", + "color": "negative" + }, + "button2": { + "label": "Separator", + "isVisible": true, + "isDisabled": false, + "id": "button2", + "isSeparator": true, + "index": 1, + "itemType": "SEPARATOR" + }, + "button3": { + "label": "Cancel", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "variant": "outlined", + "color": "accent" + }, + "button4": { + "label": "Save Changes", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "variant": "filled", + "color": "accent" + } + }, + "isDisabled": false, + "key": "dp75vl2xpc", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "1rabgav09u", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": false, + "version": 1, + "parentId": "tl8a9q2d79", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "InlineButtons2", + "isCanvas": false, + "displayName": "Inline Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_INLINE_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Lorem Ipsum is simply dummy text of the printing and typesetting industry.", + "isVisible": true, + "isDisabled": false, + "id": "button1", + "index": 0, + "variant": "outlined", + "color": "negative" + }, + "button2": { + "label": "Separator", + "isVisible": true, + "isDisabled": false, + "id": "button2", + "isSeparator": true, + "index": 1, + "itemType": "SEPARATOR" + }, + "button3": { + "label": "Lorem Ipsum has been the industry's standard", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "variant": "outlined", + "color": "accent" + }, + "button4": { + "label": "Lorem Ipsum has been the industry's standard", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "variant": "filled", + "color": "accent" + } + }, + "isDisabled": false, + "key": "jwslxy07cd", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "i7alruyb9v", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "tl8a9q2d79", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "InlineButtons2Copy", + "isCanvas": false, + "displayName": "Inline Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_INLINE_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Lorem Ipsum is simply dummy text of the printing and typesetting industry.", + "isVisible": true, + "isDisabled": false, + "id": "button1", + "index": 0, + "variant": "outlined", + "color": "negative" + }, + "button2": { + "label": "Separator", + "isVisible": true, + "isDisabled": false, + "id": "button2", + "isSeparator": true, + "index": 1, + "itemType": "SEPARATOR" + }, + "button3": { + "label": "Lorem Ipsum has been the industry's standard", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "variant": "outlined", + "color": "accent" + }, + "button4": { + "label": "Lorem Ipsum has been the industry's standard", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "variant": "filled", + "color": "accent" + } + }, + "isDisabled": false, + "key": "jwslxy07cd", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "sty2ub5c0o", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "tl8a9q2d79", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "InlineButtons2CopyCopy", + "isCanvas": false, + "displayName": "Inline Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_INLINE_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Lorem Ipsum is simply dummy text of the printing and typesetting industry.", + "isVisible": true, + "isDisabled": false, + "id": "button1", + "index": 0, + "variant": "outlined", + "color": "negative" + }, + "button2": { + "label": "Separator", + "isVisible": true, + "isDisabled": false, + "id": "button2", + "isSeparator": true, + "index": 1, + "itemType": "SEPARATOR" + }, + "button3": { + "label": "Lorem Ipsum has been the industry's standard", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "variant": "outlined", + "color": "accent" + }, + "button4": { + "label": "Lorem Ipsum has been the industry's standard", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "variant": "filled", + "color": "accent" + } + }, + "isDisabled": false, + "key": "jwslxy07cd", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "y8437le59b", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "tl8a9q2d79", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "InlineButtons1CopyCopyCopy1", + "isCanvas": false, + "displayName": "Inline Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_INLINE_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Delete with Long Label that can't fit", + "isVisible": true, + "isDisabled": false, + "id": "button1", + "index": 0, + "variant": "outlined", + "color": "negative" + }, + "button2": { + "label": "Separator", + "isVisible": true, + "isDisabled": false, + "id": "button2", + "isSeparator": true, + "index": 1, + "itemType": "SEPARATOR" + }, + "button3": { + "label": "Cancel", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "variant": "outlined", + "color": "accent" + }, + "button4": { + "label": "Save Changes", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "variant": "filled", + "color": "accent" + } + }, + "isDisabled": false, + "key": "dp75vl2xpc", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "optwmskt0n", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "tl8a9q2d79", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "cy162bshl1", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "tl8a9q2d79", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "9abrngspd3", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "0woemwtxri", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "bg9d861hhu", + "widgetType": "WDS_INLINE_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "isu9ek49kg", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "otl5rsmc30", + "widgetType": "WDS_INLINE_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "np9gu54emr", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "3kevph8xi6", + "widgetType": "WDS_INLINE_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "v6p8rfvksu", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "optwmskt0n", + "widgetType": "WDS_INLINE_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "1koonllgkl", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "7lhkogze3k", + "widgetType": "WDS_INLINE_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "fnytx2muug", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "1rabgav09u", + "widgetType": "WDS_INLINE_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "m8kz38y46c", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "5x8bdxomm8", + "widgetType": "WDS_INLINE_BUTTONS_WIDGET" + }, + { + "alignment": "start", + "widgetId": "6u3s0t9g6d", + "widgetType": "WDS_INLINE_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "6bbybqef8c", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "n7odorndrf", + "widgetType": "WDS_INLINE_BUTTONS_WIDGET" + }, + { + "alignment": "start", + "widgetId": "fgmlw0tihn", + "widgetType": "WDS_INLINE_BUTTONS_WIDGET" + }, + { + "alignment": "start", + "widgetId": "5nfmt137n6", + "widgetType": "WDS_INLINE_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "zw2wiirkaj", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "i7alruyb9v", + "widgetType": "WDS_INLINE_BUTTONS_WIDGET" + }, + { + "alignment": "start", + "widgetId": "sty2ub5c0o", + "widgetType": "WDS_INLINE_BUTTONS_WIDGET" + }, + { + "alignment": "start", + "widgetId": "y8437le59b", + "widgetType": "WDS_INLINE_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "v78wjiyyes", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": false, + "key": "ezg8o7364f", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "9abrngspd3", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-section-selection", + "focusBGCSSVar": "--on-canvas-ui-section-focus", + "selectionColorCSSVar": "--on-canvas-ui-section-focus", + "focusColorCSSVar": "--on-canvas-ui-section-selection", + "disableParentSelection": true + }, + "zoneCount": 1, + "isVisible": true, + "version": 1, + "parentId": "0", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "alignment": "start", + "widgetId": "tl8a9q2d79", + "widgetType": "ZONE_WIDGET" + } + ], + "layoutId": "jamgxmi2j7", + "layoutStyle": { + "border": "none" + }, + "layoutType": "SECTION", + "maxChildLimit": 4 + } + ], + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "spaceDistributed": { + "tl8a9q2d79": 12 + } + }, + { + "needsErrorInfo": false, + "boxShadow": "NONE", + "mobileBottomRow": 10, + "widgetName": "Section2", + "isCanvas": true, + "displayName": "Section", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "SECTION_WIDGET", + "hideCard": true, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone2", + "flexGrow": 6, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "InlineButtons1Copy2", + "isCanvas": false, + "displayName": "Inline Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_INLINE_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "id": "button1", + "index": 0, + "variant": "outlined", + "color": "negative" + }, + "button2": { + "label": "Separator", + "isVisible": true, + "isDisabled": false, + "id": "button2", + "isSeparator": true, + "index": 1, + "itemType": "SEPARATOR" + }, + "button3": { + "label": "Cancel", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "variant": "outlined", + "color": "accent" + }, + "button4": { + "label": "Save Changes", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "variant": "filled", + "color": "accent" + } + }, + "isDisabled": false, + "key": "dp75vl2xpc", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "lczecg5mul", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "yu8oaa5xti", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "cy162bshl1", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "yu8oaa5xti", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "vx5iajr0ve", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "r58hw7ejbu", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "lczecg5mul", + "widgetType": "WDS_INLINE_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "viptufxyi1", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone4", + "flexGrow": 6, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "InlineButtons1Copy3", + "isCanvas": false, + "displayName": "Inline Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_INLINE_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "id": "button1", + "index": 0, + "variant": "outlined", + "color": "negative" + }, + "button2": { + "label": "Separator", + "isVisible": true, + "isDisabled": false, + "id": "button2", + "isSeparator": true, + "index": 1, + "itemType": "SEPARATOR" + }, + "button3": { + "label": "Cancel", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "variant": "outlined", + "color": "accent" + }, + "button4": { + "label": "Save Changes", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "variant": "filled", + "color": "accent" + } + }, + "isDisabled": false, + "key": "dp75vl2xpc", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "1y9nu4ob6j", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "hvwilybsp7", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "cy162bshl1", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "hvwilybsp7", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "vx5iajr0ve", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "mq3gnco6bp", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "1y9nu4ob6j", + "widgetType": "WDS_INLINE_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "ip1ul9aknx", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": false, + "key": "ezg8o7364f", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "vx5iajr0ve", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-section-selection", + "focusBGCSSVar": "--on-canvas-ui-section-focus", + "selectionColorCSSVar": "--on-canvas-ui-section-focus", + "focusColorCSSVar": "--on-canvas-ui-section-selection", + "disableParentSelection": true + }, + "zoneCount": 2, + "isVisible": true, + "version": 1, + "parentId": "0", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "alignment": "start", + "widgetId": "yu8oaa5xti", + "widgetType": "ZONE_WIDGET" + }, + { + "alignment": "start", + "widgetId": "hvwilybsp7", + "widgetType": "ZONE_WIDGET" + } + ], + "layoutId": "wsnlo97fu3", + "layoutStyle": { + "border": "none" + }, + "layoutType": "SECTION", + "maxChildLimit": 4 + } + ], + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "spaceDistributed": { + "yu8oaa5xti": 6, + "hvwilybsp7": 6 + } + }, + { + "needsErrorInfo": false, + "boxShadow": "NONE", + "mobileBottomRow": 10, + "widgetName": "Section3", + "isCanvas": true, + "displayName": "Section", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "SECTION_WIDGET", + "hideCard": true, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone3", + "flexGrow": 4, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "InlineButtons1Copy4", + "isCanvas": false, + "displayName": "Inline Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_INLINE_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "id": "button1", + "index": 0, + "variant": "outlined", + "color": "negative" + }, + "button2": { + "label": "Separator", + "isVisible": true, + "isDisabled": false, + "id": "button2", + "isSeparator": true, + "index": 1, + "itemType": "SEPARATOR" + }, + "button3": { + "label": "Cancel", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "variant": "outlined", + "color": "accent" + }, + "button4": { + "label": "Save Changes", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "variant": "filled", + "color": "accent" + } + }, + "isDisabled": false, + "key": "dp75vl2xpc", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "p8633r05t5", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "swyznzpetm", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "cy162bshl1", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "swyznzpetm", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "k9309c4ixu", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "gbht4kvvqr", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "p8633r05t5", + "widgetType": "WDS_INLINE_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "wuu11zhs1h", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone5", + "flexGrow": 4, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "InlineButtons1Copy4Copy", + "isCanvas": false, + "displayName": "Inline Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_INLINE_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "id": "button1", + "index": 0, + "variant": "outlined", + "color": "negative" + }, + "button2": { + "label": "Separator", + "isVisible": true, + "isDisabled": false, + "id": "button2", + "isSeparator": true, + "index": 1, + "itemType": "SEPARATOR" + }, + "button3": { + "label": "Cancel", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "variant": "outlined", + "color": "accent" + }, + "button4": { + "label": "Save Changes", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "variant": "filled", + "color": "accent" + } + }, + "isDisabled": false, + "key": "dp75vl2xpc", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "na3yjtvjxb", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "h83j88vreu", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "cy162bshl1", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "h83j88vreu", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "k9309c4ixu", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "ticpynke4t", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "na3yjtvjxb", + "widgetType": "WDS_INLINE_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "4sdkxq2ng7", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone5Copy", + "flexGrow": 4, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "InlineButtons1Copy4CopyCopy", + "isCanvas": false, + "displayName": "Inline Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_INLINE_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "id": "button1", + "index": 0, + "variant": "outlined", + "color": "negative" + }, + "button2": { + "label": "Separator", + "isVisible": true, + "isDisabled": false, + "id": "button2", + "isSeparator": true, + "index": 1, + "itemType": "SEPARATOR" + }, + "button3": { + "label": "Cancel", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "variant": "outlined", + "color": "accent" + }, + "button4": { + "label": "Save Changes", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "variant": "filled", + "color": "accent" + } + }, + "isDisabled": false, + "key": "dp75vl2xpc", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "0rrineuy2d", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "2q0ylu01lh", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "cy162bshl1", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "2q0ylu01lh", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "k9309c4ixu", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "7zly8d13a4", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "0rrineuy2d", + "widgetType": "WDS_INLINE_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "5edov0rtpx", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": false, + "key": "ezg8o7364f", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "k9309c4ixu", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-section-selection", + "focusBGCSSVar": "--on-canvas-ui-section-focus", + "selectionColorCSSVar": "--on-canvas-ui-section-focus", + "focusColorCSSVar": "--on-canvas-ui-section-selection", + "disableParentSelection": true + }, + "zoneCount": 3, + "isVisible": true, + "version": 1, + "parentId": "0", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "alignment": "start", + "widgetId": "swyznzpetm", + "widgetType": "ZONE_WIDGET" + }, + { + "alignment": "start", + "widgetId": "h83j88vreu", + "widgetType": "ZONE_WIDGET" + }, + { + "alignment": "start", + "widgetId": "2q0ylu01lh", + "widgetType": "ZONE_WIDGET" + } + ], + "layoutId": "4400smhtxa", + "layoutStyle": { + "border": "none" + }, + "layoutType": "SECTION", + "maxChildLimit": 4 + } + ], + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "spaceDistributed": { + "swyznzpetm": 4, + "h83j88vreu": 4, + "2q0ylu01lh": 4 + } + } + ] + }, + "layoutOnLoadActions": [], + "layoutOnLoadActionErrors": [], + "id": "66740df8578c385615a3d38a", + "userPermissions": [] +} \ No newline at end of file diff --git a/app/client/cypress/fixtures/anvilToolbarButtonWidget.json b/app/client/cypress/fixtures/anvilToolbarButtonWidget.json new file mode 100644 index 000000000000..8584e27f0dec --- /dev/null +++ b/app/client/cypress/fixtures/anvilToolbarButtonWidget.json @@ -0,0 +1,3010 @@ +{ + "dsl": { + "widgetName": "MainContainer", + "backgroundColor": "none", + "rightColumn": 4896, + "snapColumns": 64, + "detachFromLayout": true, + "widgetId": "0", + "topRow": 0, + "bottomRow": 380, + "containerStyle": "none", + "snapRows": 124, + "parentRowSpace": 1, + "type": "CANVAS_WIDGET", + "canExtend": true, + "version": 89, + "minHeight": 1292, + "layout": [ + { + "layoutId": "zf1rn0cr3v", + "layoutType": "ALIGNED_LAYOUT_COLUMN", + "layout": [ + { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [ + { + "alignment": "start", + "widgetId": "0k6daan73p", + "widgetType": "SECTION_WIDGET" + } + ], + "layoutId": "7jtvrfnkjp", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + }, + { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [ + { + "alignment": "start", + "widgetId": "23mqzxtaeg", + "widgetType": "SECTION_WIDGET" + } + ], + "layoutId": "ne32u67xjr", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + }, + { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [ + { + "alignment": "start", + "widgetId": "rx1ml9zyjm", + "widgetType": "SECTION_WIDGET" + } + ], + "layoutId": "bb8qwclx45", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + } + ], + "layoutStyle": { + "border": "none", + "height": "100%", + "padding": "spacing-4", + "gap": "spacing-4" + }, + "isDropTarget": true, + "isPermanent": true, + "childTemplate": { + "insertChild": true, + "isDropTarget": false, + "isPermanent": false, + "layout": [], + "layoutId": "", + "layoutType": "WIDGET_ROW", + "maxChildLimit": 1 + } + } + ], + "dynamicTriggerPathList": [], + "parentColumnSpace": 1, + "dynamicBindingPathList": [], + "leftColumn": 0, + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "NONE", + "mobileBottomRow": 10, + "widgetName": "Section1", + "isCanvas": true, + "displayName": "Section", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "SECTION_WIDGET", + "hideCard": true, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone1", + "flexGrow": 12, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopy1", + "color": "accent", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "filled", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "s57w92504b", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "5vj8yv039w", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopy1Copy", + "color": "accent", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "outlined", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "3kwm98802h", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "5vj8yv039w", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopy1CopyCopy", + "color": "accent", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "ghost", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "wgs2qektmj", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "5vj8yv039w", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "alignment": "end" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopy1CopyCopyCopyCopy1", + "color": "negative", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "filled", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "nxlyxph1kv", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "5vj8yv039w", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopy1CopyCopy4", + "color": "negative", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "outlined", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "ewhcmf7cy6", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "5vj8yv039w", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopy1CopyCopyCopy", + "color": "neutral", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "filled", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "of2umfqk2f", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "5vj8yv039w", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopy1CopyCopyCopyCopy", + "color": "positive", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "filled", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "clo0mrrj17", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "5vj8yv039w", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopy1CopyCopyCopyCopy1Copy", + "color": "warning", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "filled", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "5pbvq13r26", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "5vj8yv039w", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopy1CopyCopy2", + "color": "neutral", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "outlined", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "kmkfvktqe2", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "5vj8yv039w", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopy1CopyCopy3", + "color": "positive", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "outlined", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "hrpwhcozex", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "5vj8yv039w", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopy1CopyCopy1", + "color": "warning", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "outlined", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "ytdj4h9lvi", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "5vj8yv039w", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopy1CopyCopy5", + "color": "accent", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "filled", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "pj7bffutf9", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": false, + "version": 1, + "parentId": "5vj8yv039w", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopy1CopyCopyCopy1", + "color": "accent", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "ghost", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "03wmuj48m0", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "5vj8yv039w", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "alignment": "start" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopy1CopyCopyCopy1Copy", + "color": "accent", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "ghost", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "y5wgy1wc2t", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "5vj8yv039w", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "alignment": "start" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopy1CopyCopyCopy2", + "color": "accent", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "ghost", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "6mxljo1wca", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "5vj8yv039w", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "alignment": "start" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopy1CopyCopyCopy2Copy", + "color": "accent", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "ghost", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "xjd9pldkhr", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "5vj8yv039w", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "alignment": "start" + }, + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopy1CopyCopyCopy2Copy1", + "color": "accent", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "ghost", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "c8hffrsit9", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "5vj8yv039w", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "alignment": "start" + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "ouczoiu54n", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "5vj8yv039w", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "0k6daan73p", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "a2938xjmma", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "s57w92504b", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + }, + { + "alignment": "start", + "widgetId": "of2umfqk2f", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + }, + { + "alignment": "start", + "widgetId": "clo0mrrj17", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "hud6x6wn3b", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "nxlyxph1kv", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + }, + { + "alignment": "start", + "widgetId": "5pbvq13r26", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "acgmdrr74z", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "3kwm98802h", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + }, + { + "alignment": "start", + "widgetId": "kmkfvktqe2", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + }, + { + "alignment": "start", + "widgetId": "hrpwhcozex", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "i9s49tb5pe", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "ewhcmf7cy6", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + }, + { + "alignment": "start", + "widgetId": "ytdj4h9lvi", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "8my7xdd4z3", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "wgs2qektmj", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "79e9qedktt", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "03wmuj48m0", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + }, + { + "alignment": "start", + "widgetId": "y5wgy1wc2t", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "lpny0v3hmx", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "6mxljo1wca", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + }, + { + "alignment": "start", + "widgetId": "xjd9pldkhr", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + }, + { + "alignment": "start", + "widgetId": "c8hffrsit9", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + }, + { + "insertChild": true, + "layoutId": "adkf2hg4lo", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "pj7bffutf9", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "z4zsxb4pcu", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": false, + "key": "4to8pv0cs3", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "0k6daan73p", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-section-selection", + "focusBGCSSVar": "--on-canvas-ui-section-focus", + "selectionColorCSSVar": "--on-canvas-ui-section-focus", + "focusColorCSSVar": "--on-canvas-ui-section-selection", + "disableParentSelection": true + }, + "zoneCount": 1, + "isVisible": true, + "version": 1, + "parentId": "0", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "alignment": "start", + "widgetId": "5vj8yv039w", + "widgetType": "ZONE_WIDGET" + } + ], + "layoutId": "1oah8w5zkn", + "layoutStyle": { + "border": "none" + }, + "layoutType": "SECTION", + "maxChildLimit": 4 + } + ], + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "spaceDistributed": { + "5vj8yv039w": 12 + } + }, + { + "needsErrorInfo": false, + "boxShadow": "NONE", + "mobileBottomRow": 10, + "widgetName": "Section2", + "isCanvas": true, + "displayName": "Section", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "SECTION_WIDGET", + "hideCard": true, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone2", + "flexGrow": 6, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopyCopy2", + "color": "accent", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "ghost", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "ncx8yxpyyd", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "lwsdcf7zu6", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "ouczoiu54n", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "lwsdcf7zu6", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "23mqzxtaeg", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "h0c65iljkr", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "ncx8yxpyyd", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "jgjdzu3x98", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone2Copy", + "flexGrow": 6, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopyCopy2Copy", + "color": "accent", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "ghost", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "6hmt60t4z5", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "qzbkf67oe6", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "ouczoiu54n", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "qzbkf67oe6", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "23mqzxtaeg", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "71rwvk94np", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "6hmt60t4z5", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "earxpvi21z", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": false, + "key": "4to8pv0cs3", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "23mqzxtaeg", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-section-selection", + "focusBGCSSVar": "--on-canvas-ui-section-focus", + "selectionColorCSSVar": "--on-canvas-ui-section-focus", + "focusColorCSSVar": "--on-canvas-ui-section-selection", + "disableParentSelection": true + }, + "zoneCount": 2, + "isVisible": true, + "version": 1, + "parentId": "0", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "alignment": "start", + "widgetId": "lwsdcf7zu6", + "widgetType": "ZONE_WIDGET" + }, + { + "alignment": "start", + "widgetId": "qzbkf67oe6", + "widgetType": "ZONE_WIDGET" + } + ], + "layoutId": "nkp0b8oajp", + "layoutStyle": { + "border": "none" + }, + "layoutType": "SECTION", + "maxChildLimit": 4 + } + ], + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "spaceDistributed": { + "lwsdcf7zu6": 6, + "qzbkf67oe6": 6 + } + }, + { + "needsErrorInfo": false, + "boxShadow": "NONE", + "mobileBottomRow": 10, + "widgetName": "Section3", + "isCanvas": true, + "displayName": "Section", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "SECTION_WIDGET", + "hideCard": true, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [], + "children": [ + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone2Copy1", + "flexGrow": 4, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopyCopy2Copy1", + "color": "accent", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "ghost", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "xtfqiy6yge", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "irlwzm7xz4", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "ouczoiu54n", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "irlwzm7xz4", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "rx1ml9zyjm", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "qo9t4r9sad", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "xtfqiy6yge", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "3z22an5ihy", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone2Copy2", + "flexGrow": 4, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopyCopy2Copy2", + "color": "accent", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "ghost", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "u31eu5ilx3", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "a29bcwjh87", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "ouczoiu54n", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "a29bcwjh87", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "rx1ml9zyjm", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "9npirm6fhg", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "u31eu5ilx3", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "ebuxx264nu", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + }, + { + "needsErrorInfo": false, + "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}", + "mobileBottomRow": 10, + "widgetName": "Zone2Copy3", + "flexGrow": 4, + "isCanvas": true, + "displayName": "Zone", + "searchTags": [ + "div", + "parent", + "group" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "ZONE_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "parentColumnSpace": 1, + "leftColumn": 0, + "dynamicBindingPathList": [ + { + "key": "borderRadius" + }, + { + "key": "boxShadow" + } + ], + "children": [ + { + "needsErrorInfo": false, + "mobileBottomRow": 10, + "widgetName": "ToolbarButtons1CopyCopyCopyCopyCopyCopy2Copy3", + "color": "accent", + "isCanvas": false, + "displayName": "Toolbar Buttons", + "searchTags": [ + "click", + "submit" + ], + "topRow": 0, + "bottomRow": 10, + "parentRowSpace": 10, + "type": "WDS_TOOLBAR_BUTTONS_WIDGET", + "hideCard": false, + "mobileRightColumn": 64, + "animateLoading": true, + "parentColumnSpace": 1, + "dynamicTriggerPathList": [], + "leftColumn": 0, + "dynamicBindingPathList": [], + "buttonsList": { + "button1": { + "label": "Add", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button1", + "index": 0, + "icon": "plus", + "iconPosition": "start" + }, + "button2": { + "label": "Edit", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button2", + "index": 1, + "icon": "pencil", + "iconPosition": "start" + }, + "button3": { + "label": "Copy", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button3", + "index": 2, + "icon": "copy", + "iconPosition": "start" + }, + "button4": { + "label": "Delete", + "isVisible": true, + "isDisabled": false, + "widgetId": "", + "id": "button4", + "index": 3, + "icon": "trash", + "iconPosition": "start" + } + }, + "variant": "ghost", + "isDisabled": false, + "key": "fufwh8gqrd", + "orientation": "horizontal", + "isDeprecated": false, + "rightColumn": 64, + "widgetId": "6er0xri0kj", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-widget-selection", + "focusBGCSSVar": "--on-canvas-ui-widget-focus", + "selectionColorCSSVar": "--on-canvas-ui-widget-focus", + "focusColorCSSVar": "--on-canvas-ui-widget-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "cnc65d1qzn", + "tags": [ + "Buttons" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "responsiveBehavior": "fill", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": true, + "flexVerticalAlignment": "stretch", + "key": "ouczoiu54n", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "cnc65d1qzn", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-zone-selection", + "focusBGCSSVar": "--on-canvas-ui-zone-focus", + "selectionColorCSSVar": "--on-canvas-ui-zone-focus", + "focusColorCSSVar": "--on-canvas-ui-zone-selection", + "disableParentSelection": false + }, + "isVisible": true, + "version": 1, + "parentId": "rx1ml9zyjm", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "insertChild": true, + "layoutId": "sie3wq5u4w", + "layoutType": "ALIGNED_WIDGET_ROW", + "layout": [ + { + "alignment": "start", + "widgetId": "6er0xri0kj", + "widgetType": "WDS_TOOLBAR_BUTTONS_WIDGET" + } + ], + "allowedWidgetTypes": [ + "SMALL_WIDGETS" + ], + "maxChildLimit": 0 + } + ], + "layoutId": "w76qbccnx2", + "layoutStyle": { + "border": "none", + "height": "100%" + }, + "layoutType": "ZONE" + } + ], + "responsiveBehavior": "fill", + "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}", + "mobileLeftColumn": 0 + } + ], + "elevatedBackground": false, + "key": "4to8pv0cs3", + "isDeprecated": false, + "rightColumn": 64, + "detachFromLayout": false, + "widgetId": "rx1ml9zyjm", + "onCanvasUI": { + "selectionBGCSSVar": "--on-canvas-ui-section-selection", + "focusBGCSSVar": "--on-canvas-ui-section-focus", + "selectionColorCSSVar": "--on-canvas-ui-section-focus", + "focusColorCSSVar": "--on-canvas-ui-section-selection", + "disableParentSelection": true + }, + "zoneCount": 3, + "isVisible": true, + "version": 1, + "parentId": "0", + "tags": [ + "Layout" + ], + "renderMode": "CANVAS", + "isLoading": false, + "mobileTopRow": 0, + "layout": [ + { + "isContainer": true, + "isDropTarget": true, + "isPermanent": true, + "layout": [ + { + "alignment": "start", + "widgetId": "irlwzm7xz4", + "widgetType": "ZONE_WIDGET" + }, + { + "alignment": "start", + "widgetId": "a29bcwjh87", + "widgetType": "ZONE_WIDGET" + }, + { + "alignment": "start", + "widgetId": "cnc65d1qzn", + "widgetType": "ZONE_WIDGET" + } + ], + "layoutId": "ridnsyhpgn", + "layoutStyle": { + "border": "none" + }, + "layoutType": "SECTION", + "maxChildLimit": 4 + } + ], + "responsiveBehavior": "fill", + "mobileLeftColumn": 0, + "spaceDistributed": { + "irlwzm7xz4": 4, + "a29bcwjh87": 4, + "cnc65d1qzn": 4 + } + } + ] + }, + "layoutOnLoadActions": [], + "layoutOnLoadActionErrors": [], + "id": "666a987c0b846c72d3af7fad", + "userPermissions": [] +} \ No newline at end of file diff --git a/app/client/cypress/locators/commonlocators.json b/app/client/cypress/locators/commonlocators.json index 4ca00fa2335f..7612ee5c42d4 100644 --- a/app/client/cypress/locators/commonlocators.json +++ b/app/client/cypress/locators/commonlocators.json @@ -148,7 +148,7 @@ "allowCurrencyChange": ".t--property-control-allowcurrencychange input[type='checkbox']", "inputCurrencyChangeType": ".t--input-currency-change", "inputCountryCodeChangeType": ".t--input-country-code-change", - "viewerPage": ".t--app-viewer-page", + "viewerPage": "[data-testid='t--app-viewer-page']", "dropDownOptSelected": "//span[@type='p1']", "generalChevran": ".t--property-pane-section-collapse-general .t--chevron-icon", "generalSection": ".t--property-pane-section-general", @@ -241,4 +241,4 @@ "clientSideSearch": ".t--property-control-clientsidesearch input[type='checkbox']", "enableClientSideSearch": ".t--property-control-enableclientsidesearch input[type='checkbox']", "fixedFooterInput": ".t--property-control-fixedfooter input" -} +} \ No newline at end of file diff --git a/app/client/cypress/snapshots/AnvilButtonWidgetSnapshot_spec.ts/anvilButtonWidgetCanvas.snap.png b/app/client/cypress/snapshots/AnvilButtonWidgetSnapshot_spec.ts/anvilButtonWidgetCanvas.snap.png new file mode 100644 index 000000000000..42d610b3d5c8 Binary files /dev/null and b/app/client/cypress/snapshots/AnvilButtonWidgetSnapshot_spec.ts/anvilButtonWidgetCanvas.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilButtonWidgetSnapshot_spec.ts/anvilButtonWidgetCanvasDark.snap.png b/app/client/cypress/snapshots/AnvilButtonWidgetSnapshot_spec.ts/anvilButtonWidgetCanvasDark.snap.png new file mode 100644 index 000000000000..28aa3cd946a8 Binary files /dev/null and b/app/client/cypress/snapshots/AnvilButtonWidgetSnapshot_spec.ts/anvilButtonWidgetCanvasDark.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilIconButtonWidgetSnapshot_spec.ts/anvilIconButtonWidgetCanvas.snap.png b/app/client/cypress/snapshots/AnvilIconButtonWidgetSnapshot_spec.ts/anvilIconButtonWidgetCanvas.snap.png new file mode 100644 index 000000000000..1a43c36fb305 Binary files /dev/null and b/app/client/cypress/snapshots/AnvilIconButtonWidgetSnapshot_spec.ts/anvilIconButtonWidgetCanvas.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilIconButtonWidgetSnapshot_spec.ts/anvilIconButtonWidgetCanvasDark.snap.png b/app/client/cypress/snapshots/AnvilIconButtonWidgetSnapshot_spec.ts/anvilIconButtonWidgetCanvasDark.snap.png new file mode 100644 index 000000000000..78a744d390e1 Binary files /dev/null and b/app/client/cypress/snapshots/AnvilIconButtonWidgetSnapshot_spec.ts/anvilIconButtonWidgetCanvasDark.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilIconButtonWidgetSnapshot_spec.ts/anvilIconButtonWidgetDeployipad-2.snap.png b/app/client/cypress/snapshots/AnvilIconButtonWidgetSnapshot_spec.ts/anvilIconButtonWidgetDeployipad-2.snap.png new file mode 100644 index 000000000000..cdbaaa92cd39 Binary files /dev/null and b/app/client/cypress/snapshots/AnvilIconButtonWidgetSnapshot_spec.ts/anvilIconButtonWidgetDeployipad-2.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilIconButtonWidgetSnapshot_spec.ts/anvilIconButtonWidgetDeployiphone-6.snap.png b/app/client/cypress/snapshots/AnvilIconButtonWidgetSnapshot_spec.ts/anvilIconButtonWidgetDeployiphone-6.snap.png new file mode 100644 index 000000000000..0e52990ded45 Binary files /dev/null and b/app/client/cypress/snapshots/AnvilIconButtonWidgetSnapshot_spec.ts/anvilIconButtonWidgetDeployiphone-6.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilIconButtonWidgetSnapshot_spec.ts/anvilIconButtonWidgetDeploymacbook-13.snap.png b/app/client/cypress/snapshots/AnvilIconButtonWidgetSnapshot_spec.ts/anvilIconButtonWidgetDeploymacbook-13.snap.png new file mode 100644 index 000000000000..e4a3fe11cdf1 Binary files /dev/null and b/app/client/cypress/snapshots/AnvilIconButtonWidgetSnapshot_spec.ts/anvilIconButtonWidgetDeploymacbook-13.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilIconButtonWidgetSnapshot_spec.ts/anvilIconButtonWidgetPreview.snap.png b/app/client/cypress/snapshots/AnvilIconButtonWidgetSnapshot_spec.ts/anvilIconButtonWidgetPreview.snap.png new file mode 100644 index 000000000000..fefed47f0acc Binary files /dev/null and b/app/client/cypress/snapshots/AnvilIconButtonWidgetSnapshot_spec.ts/anvilIconButtonWidgetPreview.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilInlineButtonWidgetSnapshot_spec.ts/anvilInlineButtonWidgetCanvas.snap.png b/app/client/cypress/snapshots/AnvilInlineButtonWidgetSnapshot_spec.ts/anvilInlineButtonWidgetCanvas.snap.png new file mode 100644 index 000000000000..91168b9d4751 Binary files /dev/null and b/app/client/cypress/snapshots/AnvilInlineButtonWidgetSnapshot_spec.ts/anvilInlineButtonWidgetCanvas.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilInlineButtonWidgetSnapshot_spec.ts/anvilInlineButtonWidgetCanvasDark.snap.png b/app/client/cypress/snapshots/AnvilInlineButtonWidgetSnapshot_spec.ts/anvilInlineButtonWidgetCanvasDark.snap.png new file mode 100644 index 000000000000..00bafdd6e978 Binary files /dev/null and b/app/client/cypress/snapshots/AnvilInlineButtonWidgetSnapshot_spec.ts/anvilInlineButtonWidgetCanvasDark.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilInlineButtonWidgetSnapshot_spec.ts/anvilInlineButtonWidgetDeployipad-2.snap.png b/app/client/cypress/snapshots/AnvilInlineButtonWidgetSnapshot_spec.ts/anvilInlineButtonWidgetDeployipad-2.snap.png new file mode 100644 index 000000000000..52c1ca4ddc98 Binary files /dev/null and b/app/client/cypress/snapshots/AnvilInlineButtonWidgetSnapshot_spec.ts/anvilInlineButtonWidgetDeployipad-2.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilInlineButtonWidgetSnapshot_spec.ts/anvilInlineButtonWidgetDeployiphone-6.snap.png b/app/client/cypress/snapshots/AnvilInlineButtonWidgetSnapshot_spec.ts/anvilInlineButtonWidgetDeployiphone-6.snap.png new file mode 100644 index 000000000000..9d6c358efd41 Binary files /dev/null and b/app/client/cypress/snapshots/AnvilInlineButtonWidgetSnapshot_spec.ts/anvilInlineButtonWidgetDeployiphone-6.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilInlineButtonWidgetSnapshot_spec.ts/anvilInlineButtonWidgetDeploymacbook-13.snap.png b/app/client/cypress/snapshots/AnvilInlineButtonWidgetSnapshot_spec.ts/anvilInlineButtonWidgetDeploymacbook-13.snap.png new file mode 100644 index 000000000000..e94ec174647c Binary files /dev/null and b/app/client/cypress/snapshots/AnvilInlineButtonWidgetSnapshot_spec.ts/anvilInlineButtonWidgetDeploymacbook-13.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilInlineButtonWidgetSnapshot_spec.ts/anvilInlineButtonWidgetPreview.snap.png b/app/client/cypress/snapshots/AnvilInlineButtonWidgetSnapshot_spec.ts/anvilInlineButtonWidgetPreview.snap.png new file mode 100644 index 000000000000..beb21ffd97af Binary files /dev/null and b/app/client/cypress/snapshots/AnvilInlineButtonWidgetSnapshot_spec.ts/anvilInlineButtonWidgetPreview.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilToolbarButtonWidgetSnapshot_spec.ts/anvilToolbarButtonWidgetCanvas.snap.png b/app/client/cypress/snapshots/AnvilToolbarButtonWidgetSnapshot_spec.ts/anvilToolbarButtonWidgetCanvas.snap.png new file mode 100644 index 000000000000..4588639c3dd5 Binary files /dev/null and b/app/client/cypress/snapshots/AnvilToolbarButtonWidgetSnapshot_spec.ts/anvilToolbarButtonWidgetCanvas.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilToolbarButtonWidgetSnapshot_spec.ts/anvilToolbarButtonWidgetCanvasDark.snap.png b/app/client/cypress/snapshots/AnvilToolbarButtonWidgetSnapshot_spec.ts/anvilToolbarButtonWidgetCanvasDark.snap.png new file mode 100644 index 000000000000..7902052271a4 Binary files /dev/null and b/app/client/cypress/snapshots/AnvilToolbarButtonWidgetSnapshot_spec.ts/anvilToolbarButtonWidgetCanvasDark.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilToolbarButtonWidgetSnapshot_spec.ts/anvilToolbarButtonWidgetDeployipad-2.snap.png b/app/client/cypress/snapshots/AnvilToolbarButtonWidgetSnapshot_spec.ts/anvilToolbarButtonWidgetDeployipad-2.snap.png new file mode 100644 index 000000000000..e29f5a9cc7f6 Binary files /dev/null and b/app/client/cypress/snapshots/AnvilToolbarButtonWidgetSnapshot_spec.ts/anvilToolbarButtonWidgetDeployipad-2.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilToolbarButtonWidgetSnapshot_spec.ts/anvilToolbarButtonWidgetDeployiphone-6.snap.png b/app/client/cypress/snapshots/AnvilToolbarButtonWidgetSnapshot_spec.ts/anvilToolbarButtonWidgetDeployiphone-6.snap.png new file mode 100644 index 000000000000..dbfedf4bf424 Binary files /dev/null and b/app/client/cypress/snapshots/AnvilToolbarButtonWidgetSnapshot_spec.ts/anvilToolbarButtonWidgetDeployiphone-6.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilToolbarButtonWidgetSnapshot_spec.ts/anvilToolbarButtonWidgetDeploymacbook-13.snap.png b/app/client/cypress/snapshots/AnvilToolbarButtonWidgetSnapshot_spec.ts/anvilToolbarButtonWidgetDeploymacbook-13.snap.png new file mode 100644 index 000000000000..e574123b8604 Binary files /dev/null and b/app/client/cypress/snapshots/AnvilToolbarButtonWidgetSnapshot_spec.ts/anvilToolbarButtonWidgetDeploymacbook-13.snap.png differ diff --git a/app/client/cypress/snapshots/AnvilToolbarButtonWidgetSnapshot_spec.ts/anvilToolbarButtonWidgetPreview.snap.png b/app/client/cypress/snapshots/AnvilToolbarButtonWidgetSnapshot_spec.ts/anvilToolbarButtonWidgetPreview.snap.png new file mode 100644 index 000000000000..4abc9fa57fbb Binary files /dev/null and b/app/client/cypress/snapshots/AnvilToolbarButtonWidgetSnapshot_spec.ts/anvilToolbarButtonWidgetPreview.snap.png differ diff --git a/app/client/cypress/support/Objects/ObjectsCore.ts b/app/client/cypress/support/Objects/ObjectsCore.ts index ef5f74a097c0..8e789a7ec4cf 100644 --- a/app/client/cypress/support/Objects/ObjectsCore.ts +++ b/app/client/cypress/support/Objects/ObjectsCore.ts @@ -38,3 +38,4 @@ export const communityTemplates = ObjectsRegistry.CommunityTemplates; export const anvilLayout = ObjectsRegistry.AnvilLayout; export const wdsWidgets = ObjectsRegistry.WDSWidgets; export const partialImportExport = ObjectsRegistry.PartialImportExport; +export const anvilSnapshot = ObjectsRegistry.AnvilSnapshot; diff --git a/app/client/cypress/support/Objects/Registry.ts b/app/client/cypress/support/Objects/Registry.ts index cc64a85268d8..ebc61b8413a8 100644 --- a/app/client/cypress/support/Objects/Registry.ts +++ b/app/client/cypress/support/Objects/Registry.ts @@ -31,6 +31,7 @@ import { CommunityTemplates } from "../Pages/CommunityTemplates"; import { AnvilLayout } from "../Pages/Anvil/AnvilLayout"; import PartialImportExport from "../Pages/PartialImportExport"; import { WDSWidgets } from "../Pages/WDSWidgets"; +import { AnvilSnapshot } from "../Pages/Anvil/AnvilSnapshot"; export class ObjectsRegistry { private static aggregateHelper__: AggregateHelper; @@ -265,6 +266,14 @@ export class ObjectsRegistry { return ObjectsRegistry.wdsWidgets__; } + private static anvilSnapshot__: AnvilSnapshot; + static get AnvilSnapshot(): AnvilSnapshot { + if (ObjectsRegistry.anvilSnapshot__ === undefined) { + ObjectsRegistry.anvilSnapshot__ = new AnvilSnapshot(); + } + return ObjectsRegistry.anvilSnapshot__; + } + private static dataManager__: DataManager; static get DataManager(): DataManager { if (ObjectsRegistry.dataManager__ === undefined) { diff --git a/app/client/cypress/support/Pages/Anvil/AnvilSnapshot.ts b/app/client/cypress/support/Pages/Anvil/AnvilSnapshot.ts new file mode 100644 index 000000000000..7964bec52644 --- /dev/null +++ b/app/client/cypress/support/Pages/Anvil/AnvilSnapshot.ts @@ -0,0 +1,84 @@ +import { ObjectsRegistry } from "../../Objects/Registry"; + +export class AnvilSnapshot { + private appSettings = ObjectsRegistry.AppSettings; + private agHelper = ObjectsRegistry.AggregateHelper; + private deployMode = ObjectsRegistry.DeployMode; + private locators = { + enterPreviewMode: ObjectsRegistry.CommonLocators._enterPreviewMode, + exitPreviewMode: ObjectsRegistry.CommonLocators._exitPreviewMode, + canvas: "[data-testid=t--canvas-artboard]", + colorMode: "[data-testid=t--anvil-theme-settings-color-mode]", + appViewerPage: "[data-testid=t--app-viewer-page-body]", + }; + + public verifyCanvasMode = async (widgetName: string) => { + this.agHelper + .GetElement(this.locators.canvas) + .matchImageSnapshot(`anvil${widgetName}Canvas`); + + this.setTheme("dark"); + + this.agHelper + .GetElement(this.locators.canvas) + .matchImageSnapshot(`anvil${widgetName}CanvasDark`); + + this.setTheme("light"); + }; + + public verifyPreviewMode = (widgetName: string) => { + this.enterPreviewMode(); + + this.agHelper.GetNClick(this.locators.canvas); + + this.agHelper + .GetElement(this.locators.canvas) + .matchImageSnapshot(`anvil${widgetName}Preview`); + + this.exitPreviewMode(); + }; + + public verifyDeployMode = (widgetName: string) => { + this.deployMode.DeployApp(this.locators.appViewerPage); + + this.verifyForDifferentDevices(widgetName, [ + "macbook-13", + "iphone-6", + "ipad-2", + ]); + }; + + private verifyForDifferentDevices = ( + widgetName: string, + devices: Cypress.ViewportPreset[], + ) => { + devices.forEach((device) => { + cy.viewport(device); + + this.agHelper + .GetElement(this.locators.appViewerPage) + .matchImageSnapshot(`anvil${widgetName}Deploy${device}`, { + capture: "fullPage", + }); + }); + }; + + private enterPreviewMode = (shouldOpen = true) => { + this.agHelper.GetNClick(this.locators.enterPreviewMode); + }; + + private exitPreviewMode = () => { + this.agHelper.GetNClick(this.locators.exitPreviewMode); + }; + + private setTheme = (theme: "light" | "dark") => { + this.appSettings.OpenAppSettings(); + this.appSettings.GoToThemeSettings(); + + this.agHelper.GetNClick( + `${this.locators.colorMode} [data-value=${theme.toUpperCase()}]`, + ); + + this.appSettings.ClosePane(); + }; +} diff --git a/app/client/cypress/support/Pages/DeployModeHelper.ts b/app/client/cypress/support/Pages/DeployModeHelper.ts index ed97da649a83..3cba088ee8ac 100644 --- a/app/client/cypress/support/Pages/DeployModeHelper.ts +++ b/app/client/cypress/support/Pages/DeployModeHelper.ts @@ -32,7 +32,7 @@ export class DeployMode { ".t--app-viewer-navigation-header .t--app-viewer-back-to-apps-button"; private _homeAppsmithImage = "a.t--appsmith-logo"; public _deployPageWidgets = - ".bp3-heading, section.canvas div.canvas:not(:empty)"; + ".bp3-heading, section.canvas [data-testid=t--app-viewer-page]:not(:empty)"; public _appViewPageName = `div.t--app-viewer-application-name`; //refering PublishtheApp from command.js diff --git a/app/client/cypress/support/index.d.ts b/app/client/cypress/support/index.d.ts index df58757ca757..087b666d0145 100644 --- a/app/client/cypress/support/index.d.ts +++ b/app/client/cypress/support/index.d.ts @@ -177,5 +177,9 @@ declare namespace Cypress { validateEvaluatedValue(value: string); selectByTestId(value: string): Chainable>; assertTooltipPresence(tooltipSelector: string, expectedText: string); + matchImageSnapshot( + name: string, + options?: Partial, + ); } } diff --git a/app/client/packages/design-system/widgets/src/components/InlineButtons/src/styles.module.css b/app/client/packages/design-system/widgets/src/components/InlineButtons/src/styles.module.css index 701792476e6d..84660b8be5a5 100644 --- a/app/client/packages/design-system/widgets/src/components/InlineButtons/src/styles.module.css +++ b/app/client/packages/design-system/widgets/src/components/InlineButtons/src/styles.module.css @@ -6,10 +6,7 @@ gap: var(--inner-spacing-2); & :is([data-button]) { - /* - We use !important here to be sure that button width and the logic of useInlineButtons hook will not be changed from the outside - */ - min-inline-size: fit-content !important; + flex-shrink: 0; } &[data-orientation="vertical"] { diff --git a/app/client/src/pages/AppViewer/AppPage.tsx b/app/client/src/pages/AppViewer/AppPage.tsx index 5bcf6874e4a0..1cf54e4e0783 100644 --- a/app/client/src/pages/AppViewer/AppPage.tsx +++ b/app/client/src/pages/AppViewer/AppPage.tsx @@ -46,7 +46,7 @@ export function AppPage(props: AppPageProps) { isPublished={isPublished} sidebarWidth={sidebarWidth} > - + {props.widgetsStructure.widgetId && renderAppsmithCanvas(props.widgetsStructure as WidgetProps)} diff --git a/app/client/src/pages/AppViewer/index.tsx b/app/client/src/pages/AppViewer/index.tsx index 2f711b6ae196..e5be351d221d 100644 --- a/app/client/src/pages/AppViewer/index.tsx +++ b/app/client/src/pages/AppViewer/index.tsx @@ -218,6 +218,7 @@ function AppViewer(props: Props) { 1} headerHeight={headerHeight} ref={focusRef} diff --git a/app/client/src/pages/Editor/WDSThemePropertyPane/index.tsx b/app/client/src/pages/Editor/WDSThemePropertyPane/index.tsx index 5b747343742f..c6112255ffd5 100644 --- a/app/client/src/pages/Editor/WDSThemePropertyPane/index.tsx +++ b/app/client/src/pages/Editor/WDSThemePropertyPane/index.tsx @@ -117,6 +117,7 @@ function WDSThemePropertyPane() {
{ updateTheme({