PromucFlow_constructor/app/client/cypress/fixtures/mobileresponisvenessDsl.json

{
  "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": 77,
    "minHeight": 1292,
    "useAutoLayout": true,
    "dynamicTriggerPathList": [],
    "parentColumnSpace": 1,
    "dynamicBindingPathList": [],
    "leftColumn": 0,
    "children": [
      {
        "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
        "borderColor": "#E0DEDE",
        "isVisibleDownload": true,
        "iconSVG": "/static/media/icon.db8a9cbd2acd22a31ea91cc37ea2a46c.svg",
        "topRow": 0,
        "isSortable": true,
        "type": "TABLE_WIDGET_V2",
        "inlineEditingSaveOption": "ROW_LEVEL",
        "animateLoading": true,
        "dynamicBindingPathList": [
          {
            "key": "primaryColumns.step.computedValue"
          },
          {
            "key": "primaryColumns.task.computedValue"
          },
          {
            "key": "primaryColumns.status.computedValue"
          },
          {
            "key": "primaryColumns.action.computedValue"
          },
          {
            "key": "primaryColumns.action.buttonColor"
          },
          {
            "key": "primaryColumns.action.borderRadius"
          },
          {
            "key": "primaryColumns.action.boxShadow"
          },
          {
            "key": "accentColor"
          },
          {
            "key": "borderRadius"
          },
          {
            "key": "boxShadow"
          }
        ],
        "needsHeightForContent": true,
        "leftColumn": 0,
        "delimiter": ",",
        "defaultSelectedRowIndex": 0,
        "accentColor": "{{appsmith.theme.colors.primaryColor}}",
        "isVisibleFilters": true,
        "isVisible": true,
        "enableClientSideSearch": true,
        "version": 1,
        "totalRecordsCount": 0,
        "isLoading": false,
        "childStylesheet": {
          "button": {
            "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
            "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
            "boxShadow": "none"
          },
          "menuButton": {
            "menuColor": "{{appsmith.theme.colors.primaryColor}}",
            "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
            "boxShadow": "none"
          },
          "iconButton": {
            "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
            "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
            "boxShadow": "none"
          },
          "editActions": {
            "saveButtonColor": "{{appsmith.theme.colors.primaryColor}}",
            "saveBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
            "discardButtonColor": "{{appsmith.theme.colors.primaryColor}}",
            "discardBorderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}"
          }
        },
        "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
        "columnUpdatedAt": 1677824462939,
        "defaultSelectedRowIndices": [0],
        "alignment": "start",
        "mobileBottomRow": 29,
        "widgetName": "Table1",
        "defaultPageSize": 0,
        "columnOrder": ["step", "task", "status", "action"],
        "dynamicPropertyPathList": [],
        "displayName": "Table",
        "bottomRow": 29,
        "columnWidthMap": {
          "task": 245,
          "step": 70,
          "status": 85
        },
        "parentRowSpace": 10,
        "hideCard": false,
        "mobileRightColumn": 64,
        "parentColumnSpace": 10.59375,
        "borderWidth": "1",
        "primaryColumns": {
          "step": {
            "index": 0,
            "width": 150,
            "id": "step",
            "originalId": "step",
            "alias": "step",
            "horizontalAlignment": "LEFT",
            "verticalAlignment": "CENTER",
            "columnType": "text",
            "textSize": "0.875rem",
            "enableFilter": true,
            "enableSort": true,
            "isVisible": true,
            "isCellVisible": true,
            "isCellEditable": false,
            "isDerived": false,
            "label": "step",
            "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"step\"]))}}",
            "validation": {},
            "sticky": "",
            "labelColor": "#FFFFFF"
          },
          "task": {
            "index": 1,
            "width": 150,
            "id": "task",
            "originalId": "task",
            "alias": "task",
            "horizontalAlignment": "LEFT",
            "verticalAlignment": "CENTER",
            "columnType": "text",
            "textSize": "0.875rem",
            "enableFilter": true,
            "enableSort": true,
            "isVisible": true,
            "isCellVisible": true,
            "isCellEditable": false,
            "isDerived": false,
            "label": "task",
            "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"task\"]))}}",
            "validation": {},
            "sticky": "",
            "labelColor": "#FFFFFF"
          },
          "status": {
            "index": 2,
            "width": 150,
            "id": "status",
            "originalId": "status",
            "alias": "status",
            "horizontalAlignment": "LEFT",
            "verticalAlignment": "CENTER",
            "columnType": "text",
            "textSize": "0.875rem",
            "enableFilter": true,
            "enableSort": true,
            "isVisible": true,
            "isCellVisible": true,
            "isCellEditable": false,
            "isDerived": false,
            "label": "status",
            "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"status\"]))}}",
            "validation": {},
            "sticky": "",
            "labelColor": "#FFFFFF"
          },
          "action": {
            "index": 3,
            "width": 150,
            "id": "action",
            "originalId": "action",
            "alias": "action",
            "horizontalAlignment": "LEFT",
            "verticalAlignment": "CENTER",
            "columnType": "button",
            "textSize": "0.875rem",
            "enableFilter": true,
            "enableSort": true,
            "isVisible": true,
            "isCellVisible": true,
            "isCellEditable": false,
            "isDisabled": false,
            "isDerived": false,
            "label": "action",
            "onClick": "{{currentRow.step === '#1' ? showAlert('Done', 'success') : currentRow.step === '#2' ? navigateTo('https://docs.appsmith.com/core-concepts/connecting-to-data-sources/querying-a-database',undefined,'NEW_WINDOW') : navigateTo('https://docs.appsmith.com/core-concepts/displaying-data-read/display-data-tables',undefined,'NEW_WINDOW')}}",
            "computedValue": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( currentRow[\"action\"]))}}",
            "validation": {},
            "sticky": "",
            "labelColor": "#FFFFFF",
            "buttonColor": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.colors.primaryColor))}}",
            "borderRadius": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( appsmith.theme.borderRadius.appBorderRadius))}}",
            "boxShadow": "{{Table1.processedTableData.map((currentRow, currentIndex) => ( 'none'))}}"
          }
        },
        "key": "j48nf8eer4",
        "canFreezeColumn": true,
        "isDeprecated": false,
        "rightColumn": 32,
        "textSize": "0.875rem",
        "widgetId": "7cl63rylx7",
        "minWidth": 450,
        "tableData": [
          {
            "step": "#1",
            "task": "Drop a table",
            "status": "✅",
            "action": ""
          },
          {
            "step": "#2",
            "task": "Create a query fetch_users with the Mock DB",
            "status": "--",
            "action": ""
          },
          {
            "step": "#3",
            "task": "Bind the query using => fetch_users.data",
            "status": "--",
            "action": ""
          }
        ],
        "label": "Data",
        "searchKey": "",
        "parentId": "0",
        "renderMode": "CANVAS",
        "mobileTopRow": 0,
        "horizontalAlignment": "LEFT",
        "isVisibleSearch": true,
        "responsiveBehavior": "fill",
        "mobileLeftColumn": 0,
        "isVisiblePagination": true,
        "verticalAlignment": "CENTER"
      },
      {
        "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
        "mobileBottomRow": 40,
        "widgetName": "Container1",
        "borderColor": "#E0DEDE",
        "isCanvas": true,
        "displayName": "Container",
        "iconSVG": "/static/media/icon.1977dca3370505e2db3a8e44cfd54907.svg",
        "searchTags": ["div", "parent", "group"],
        "topRow": 0,
        "bottomRow": 10,
        "parentRowSpace": 10,
        "type": "CONTAINER_WIDGET",
        "hideCard": false,
        "shouldScrollContents": true,
        "mobileRightColumn": 64,
        "animateLoading": true,
        "parentColumnSpace": 10.59375,
        "leftColumn": 32,
        "dynamicBindingPathList": [
          {
            "key": "borderRadius"
          },
          {
            "key": "boxShadow"
          }
        ],
        "children": [
          {
            "mobileBottomRow": 100,
            "widgetName": "Canvas1",
            "displayName": "Canvas",
            "topRow": 0,
            "bottomRow": 100,
            "parentRowSpace": 1,
            "type": "CANVAS_WIDGET",
            "canExtend": false,
            "hideCard": true,
            "minHeight": 100,
            "mobileRightColumn": 64,
            "parentColumnSpace": 1,
            "leftColumn": 0,
            "dynamicBindingPathList": [],
            "children": [
              {
                "resetFormOnClick": false,
                "boxShadow": "none",
                "mobileBottomRow": 4,
                "widgetName": "Button1",
                "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
                "displayName": "Button",
                "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg",
                "searchTags": ["click", "submit"],
                "topRow": 0,
                "bottomRow": 4,
                "parentRowSpace": 10,
                "type": "BUTTON_WIDGET",
                "hideCard": false,
                "mobileRightColumn": 18.285714285714285,
                "animateLoading": true,
                "parentColumnSpace": 4.984375,
                "leftColumn": 0,
                "dynamicBindingPathList": [
                  {
                    "key": "buttonColor"
                  },
                  {
                    "key": "borderRadius"
                  }
                ],
                "text": "Submit",
                "isDisabled": false,
                "key": "xwpon9g2l7",
                "isDeprecated": false,
                "rightColumn": 16,
                "isDefaultClickDisabled": true,
                "widgetId": "luhrsbt6ps",
                "minWidth": 120,
                "isVisible": true,
                "recaptchaType": "V3",
                "version": 1,
                "parentId": "h3rle8awde",
                "renderMode": "CANVAS",
                "isLoading": false,
                "mobileTopRow": 0,
                "responsiveBehavior": "hug",
                "disabledWhenInvalid": false,
                "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
                "mobileLeftColumn": 0,
                "buttonVariant": "PRIMARY",
                "placement": "CENTER",
                "alignment": "start"
              },
              {
                "resetFormOnClick": false,
                "boxShadow": "none",
                "mobileBottomRow": 8,
                "widgetName": "Button4",
                "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
                "displayName": "Button",
                "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg",
                "searchTags": ["click", "submit"],
                "topRow": 0,
                "bottomRow": 4,
                "parentRowSpace": 10,
                "type": "BUTTON_WIDGET",
                "hideCard": false,
                "animateLoading": true,
                "parentColumnSpace": 4.984375,
                "leftColumn": 16,
                "dynamicBindingPathList": [
                  {
                    "key": "buttonColor"
                  },
                  {
                    "key": "borderRadius"
                  }
                ],
                "text": "Submit",
                "isDisabled": false,
                "key": "xwpon9g2l7",
                "isDeprecated": false,
                "rightColumn": 32,
                "isDefaultClickDisabled": true,
                "widgetId": "yqy3pk4h3t",
                "minWidth": 120,
                "isVisible": true,
                "recaptchaType": "V3",
                "version": 1,
                "parentId": "h3rle8awde",
                "renderMode": "CANVAS",
                "isLoading": false,
                "mobileTopRow": 4,
                "responsiveBehavior": "hug",
                "disabledWhenInvalid": false,
                "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
                "buttonVariant": "PRIMARY",
                "placement": "CENTER",
                "alignment": "end"
              },
              {
                "resetFormOnClick": false,
                "boxShadow": "none",
                "mobileBottomRow": 8,
                "widgetName": "Button3",
                "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
                "displayName": "Button",
                "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg",
                "searchTags": ["click", "submit"],
                "topRow": 0,
                "bottomRow": 4,
                "parentRowSpace": 10,
                "type": "BUTTON_WIDGET",
                "hideCard": false,
                "animateLoading": true,
                "parentColumnSpace": 4.984375,
                "leftColumn": 32,
                "dynamicBindingPathList": [
                  {
                    "key": "buttonColor"
                  },
                  {
                    "key": "borderRadius"
                  }
                ],
                "text": "Submit",
                "isDisabled": false,
                "key": "xwpon9g2l7",
                "isDeprecated": false,
                "rightColumn": 48,
                "isDefaultClickDisabled": true,
                "widgetId": "tbkp09ptl1",
                "minWidth": 120,
                "isVisible": true,
                "recaptchaType": "V3",
                "version": 1,
                "parentId": "h3rle8awde",
                "renderMode": "CANVAS",
                "isLoading": false,
                "mobileTopRow": 4,
                "responsiveBehavior": "hug",
                "disabledWhenInvalid": false,
                "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
                "buttonVariant": "PRIMARY",
                "placement": "CENTER",
                "alignment": "end"
              },
              {
                "resetFormOnClick": false,
                "boxShadow": "none",
                "mobileBottomRow": 8,
                "widgetName": "Button2",
                "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
                "displayName": "Button",
                "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg",
                "searchTags": ["click", "submit"],
                "topRow": 0,
                "bottomRow": 4,
                "parentRowSpace": 10,
                "type": "BUTTON_WIDGET",
                "hideCard": false,
                "animateLoading": true,
                "parentColumnSpace": 4.984375,
                "leftColumn": 48,
                "dynamicBindingPathList": [
                  {
                    "key": "buttonColor"
                  },
                  {
                    "key": "borderRadius"
                  }
                ],
                "text": "Submit",
                "isDisabled": false,
                "key": "xwpon9g2l7",
                "isDeprecated": false,
                "rightColumn": 64,
                "isDefaultClickDisabled": true,
                "widgetId": "f3jmd21ifd",
                "minWidth": 120,
                "isVisible": true,
                "recaptchaType": "V3",
                "version": 1,
                "parentId": "h3rle8awde",
                "renderMode": "CANVAS",
                "isLoading": false,
                "mobileTopRow": 4,
                "responsiveBehavior": "hug",
                "disabledWhenInvalid": false,
                "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
                "buttonVariant": "PRIMARY",
                "placement": "CENTER",
                "alignment": "center"
              },
              {
                "isVisible": true,
                "animateLoading": true,
                "text": "Submit",
                "buttonVariant": "PRIMARY",
                "placement": "CENTER",
                "widgetName": "Button5",
                "isDisabled": false,
                "isDefaultClickDisabled": true,
                "disabledWhenInvalid": false,
                "resetFormOnClick": false,
                "recaptchaType": "V3",
                "version": 1,
                "responsiveBehavior": "hug",
                "minWidth": 120,
                "searchTags": ["click", "submit"],
                "type": "BUTTON_WIDGET",
                "hideCard": false,
                "isDeprecated": false,
                "displayName": "Button",
                "key": "v9sbshimtx",
                "iconSVG": "/static/media/icon.cca026338f1c8eb6df8ba03d084c2fca.svg",
                "alignment": "start",
                "widgetId": "abnprwjj5z",
                "renderMode": "CANVAS",
                "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
                "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
                "boxShadow": "none",
                "isLoading": false,
                "parentColumnSpace": 4.984375,
                "parentRowSpace": 10,
                "leftColumn": 0,
                "rightColumn": 16,
                "topRow": 4,
                "bottomRow": 8,
                "parentId": "h3rle8awde",
                "dynamicBindingPathList": [
                  {
                    "key": "buttonColor"
                  },
                  {
                    "key": "borderRadius"
                  }
                ]
              }
            ],
            "key": "662uv17gxt",
            "isDeprecated": false,
            "rightColumn": 64,
            "detachFromLayout": true,
            "widgetId": "h3rle8awde",
            "containerStyle": "none",
            "minWidth": 450,
            "isVisible": true,
            "version": 1,
            "parentId": "jbzhftv5sb",
            "renderMode": "CANVAS",
            "isLoading": false,
            "mobileTopRow": 0,
            "responsiveBehavior": "fill",
            "mobileLeftColumn": 0,
            "flexLayers": [
              {
                "children": [
                  {
                    "id": "luhrsbt6ps",
                    "align": "start"
                  },
                  {
                    "id": "yqy3pk4h3t",
                    "align": "end"
                  },
                  {
                    "id": "tbkp09ptl1",
                    "align": "end"
                  },
                  {
                    "id": "f3jmd21ifd",
                    "align": "end"
                  }
                ]
              },
              {
                "children": [
                  {
                    "id": "abnprwjj5z",
                    "align": "start"
                  }
                ]
              }
            ]
          }
        ],
        "borderWidth": "1",
        "key": "hfzwuumtu8",
        "backgroundColor": "#FFFFFF",
        "isDeprecated": false,
        "rightColumn": 64,
        "dynamicHeight": "AUTO_HEIGHT",
        "widgetId": "jbzhftv5sb",
        "containerStyle": "card",
        "minWidth": 450,
        "isVisible": true,
        "version": 1,
        "parentId": "0",
        "renderMode": "CANVAS",
        "isLoading": false,
        "mobileTopRow": 29,
        "responsiveBehavior": "fill",
        "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
        "mobileLeftColumn": 0,
        "maxDynamicHeight": 9000,
        "alignment": "start",
        "minDynamicHeight": 10,
        "originalTopRow": 0,
        "originalBottomRow": 11
      }
    ],
    "positioning": "vertical",
    "direction": "Vertical",
    "flexLayers": [
      {
        "children": [
          {
            "id": "7cl63rylx7",
            "align": "start"
          },
          {
            "id": "jbzhftv5sb",
            "align": "start"
          }
        ]
      }
    ]
  }
}