{
    "dsl": {
      "widgetName": "MainContainer",
      "backgroundColor": "none",
      "rightColumn": 448,
      "snapColumns": 64,
      "detachFromLayout": true,
      "widgetId": "0",
      "topRow": 0,
      "bottomRow": 950,
      "containerStyle": "none",
      "snapRows": 92,
      "parentRowSpace": 1,
      "type": "CANVAS_WIDGET",
      "canExtend": true,
      "version": 52,
      "minHeight": 930,
      "parentColumnSpace": 1,
      "dynamicBindingPathList": [],
      "leftColumn": 0,
      "children": [
        {
          "widgetName": "Table1",
          "defaultPageSize": 0,
          "columnOrder": [
            "step",
            "task",
            "status",
            "action"
          ],
          "isVisibleDownload": true,
          "displayName": "Table",
          "iconSVG": "/static/media/icon.db8a9cbd.svg",
          "topRow": 23,
          "bottomRow": 51,
          "isSortable": true,
          "parentRowSpace": 10,
          "type": "TABLE_WIDGET",
          "defaultSelectedRow": "0",
          "hideCard": false,
          "animateLoading": true,
          "parentColumnSpace": 16.796875,
          "dynamicTriggerPathList": [],
          "dynamicBindingPathList": [
            {
              "key": "primaryColumns.step.computedValue"
            },
            {
              "key": "primaryColumns.task.computedValue"
            },
            {
              "key": "primaryColumns.status.computedValue"
            },
            {
              "key": "primaryColumns.action.computedValue"
            }
          ],
          "leftColumn": 15,
          "primaryColumns": {
            "step": {
              "index": 0,
              "width": 150,
              "id": "step",
              "horizontalAlignment": "LEFT",
              "verticalAlignment": "CENTER",
              "columnType": "text",
              "textSize": "PARAGRAPH",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isCellVisible": true,
              "isDerived": false,
              "label": "step",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.step))}}",
              "buttonColor": "#03B365",
              "menuColor": "#03B365",
              "labelColor": "#FFFFFF"
            },
            "task": {
              "index": 1,
              "width": 150,
              "id": "task",
              "horizontalAlignment": "LEFT",
              "verticalAlignment": "CENTER",
              "columnType": "text",
              "textSize": "PARAGRAPH",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isCellVisible": true,
              "isDerived": false,
              "label": "task",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.task))}}",
              "buttonColor": "#03B365",
              "menuColor": "#03B365",
              "labelColor": "#FFFFFF"
            },
            "status": {
              "index": 2,
              "width": 150,
              "id": "status",
              "horizontalAlignment": "LEFT",
              "verticalAlignment": "CENTER",
              "columnType": "text",
              "textSize": "PARAGRAPH",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isCellVisible": true,
              "isDerived": false,
              "label": "status",
              "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.status))}}",
              "buttonColor": "#03B365",
              "menuColor": "#03B365",
              "labelColor": "#FFFFFF"
            },
            "action": {
              "index": 3,
              "width": 150,
              "id": "action",
              "horizontalAlignment": "LEFT",
              "verticalAlignment": "CENTER",
              "columnType": "button",
              "textSize": "PARAGRAPH",
              "enableFilter": true,
              "enableSort": true,
              "isVisible": true,
              "isCellVisible": true,
              "isDisabled": false,
              "isDerived": false,
              "label": "action",
              "onClick": "{{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.sanitizedTableData.map((currentRow) => ( currentRow.action))}}",
              "buttonColor": "#03B365",
              "menuColor": "#03B365",
              "labelColor": "#FFFFFF"
            }
          },
          "delimiter": ",",
          "key": "s7aio5rfwg",
          "derivedColumns": {},
          "rightColumn": 49,
          "textSize": "PARAGRAPH",
          "widgetId": "mbsla2xsis",
          "isVisibleFilters": true,
          "tableData": "",
          "isVisible": true,
          "label": "Data",
          "searchKey": "",
          "enableClientSideSearch": true,
          "version": 3,
          "totalRecordsCount": 0,
          "parentId": "0",
          "renderMode": "CANVAS",
          "isLoading": false,
          "horizontalAlignment": "LEFT",
          "isVisibleSearch": true,
          "isVisiblePagination": true,
          "verticalAlignment": "CENTER",
          "columnSizeMap": {
            "task": 245,
            "step": 62,
            "status": 75
          }
        },
        {
          "widgetName": "selRecordFilter",
          "isFilterable": false,
          "displayName": "Select",
          "iconSVG": "/static/media/icon.bd99caba.svg",
          "labelText": "Select an option to populate its records in Table!",
          "topRow": 5,
          "bottomRow": 12,
          "parentRowSpace": 10,
          "type": "SELECT_WIDGET",
          "serverSideFiltering": false,
          "hideCard": false,
          "defaultOptionValue": "{\n  \"label\": \"8\",\n  \"value\": \"8\"\n}",
          "animateLoading": true,
          "parentColumnSpace": 16.796875,
          "dynamicTriggerPathList": [],
          "leftColumn": 21,
          "dynamicBindingPathList": [],
          "options": "[\n  {\n    \"label\": \"7\",\n    \"value\": \"7\"\n  },\n  {\n    \"label\": \"8\",\n    \"value\": \"8\"\n  },\n  {\n    \"label\": \"9\",\n    \"value\": \"9\"\n  }\n]",
          "placeholderText": "Select option",
          "isDisabled": false,
          "key": "1vdr4fsvff",
          "isRequired": false,
          "rightColumn": 41,
          "widgetId": "n9depoxfuz",
          "isVisible": true,
          "version": 1,
          "parentId": "0",
          "renderMode": "CANVAS",
          "isLoading": false
        },
        {
          "widgetName": "Button1",
          "buttonColor": "#03B365",
          "displayName": "Button",
          "iconSVG": "/static/media/icon.cca02633.svg",
          "topRow": 15,
          "bottomRow": 19,
          "parentRowSpace": 10,
          "type": "BUTTON_WIDGET",
          "hideCard": false,
          "animateLoading": true,
          "parentColumnSpace": 16.796875,
          "leftColumn": 24,
          "text": "Submit",
          "isDisabled": false,
          "key": "fdmc7i3d3y",
          "rightColumn": 40,
          "isDefaultClickDisabled": true,
          "widgetId": "ltdevucd32",
          "isVisible": true,
          "recaptchaType": "V3",
          "version": 1,
          "parentId": "0",
          "renderMode": "CANVAS",
          "isLoading": false,
          "buttonVariant": "PRIMARY",
          "placement": "CENTER"
        }
      ]
    }
  }