{
  "dsl": {
    "widgetName": "MainContainer",
    "backgroundColor": "none",
    "rightColumn": 453,
    "snapColumns": 64,
    "detachFromLayout": true,
    "widgetId": "0",
    "topRow": 0,
    "bottomRow": 920,
    "containerStyle": "none",
    "snapRows": 125,
    "parentRowSpace": 1,
    "type": "CANVAS_WIDGET",
    "canExtend": true,
    "version": 60,
    "minHeight": 1292,
    "parentColumnSpace": 1,
    "dynamicBindingPathList": [],
    "leftColumn": 0,
    "children": [
      {
        "boxShadow": "none",
        "widgetName": "Select1",
        "isFilterable": true,
        "displayName": "Select",
        "iconSVG": "/static/media/icon.bd99caba.svg",
        "labelText": "",
        "topRow": 16,
        "bottomRow": 20,
        "parentRowSpace": 10,
        "type": "SELECT_WIDGET",
        "serverSideFiltering": false,
        "hideCard": false,
        "defaultOptionValue": "{{ ((options, serverSideFiltering) => ( Table1.selectedRow.step))(Select1.options, Select1.serverSideFiltering) }}",
        "animateLoading": true,
        "parentColumnSpace": 21.203125,
        "dynamicTriggerPathList": [],
        "leftColumn": 39,
        "dynamicBindingPathList": [
          {
            "key": "defaultOptionValue"
          },
          {
            "key": "accentColor"
          }
        ],
        "options": "[\n  {\n    \"label\": \"#1\",\n    \"value\": \"#1\"\n  },\n  {\n    \"label\": \"#2\",\n    \"value\": \"#2\"\n  }\n]",
        "placeholderText": "Select option",
        "isDisabled": false,
        "key": "2zzcijdy0f",
        "labelTextSize": "0.875rem",
        "isRequired": false,
        "rightColumn": 59,
        "widgetId": "uiu9bz9s1b",
        "accentColor": "{{appsmith.theme.colors.primaryColor}}",
        "isVisible": true,
        "version": 1,
        "parentId": "0",
        "renderMode": "CANVAS",
        "isLoading": false,
        "borderRadius": "0px"
      },
      {
        "boxShadow": "none",
        "widgetName": "Table1",
        "defaultPageSize": 0,
        "columnOrder": [
          "step",
          "task",
          "status",
          "action"
        ],
        "isVisibleDownload": true,
        "dynamicPropertyPathList": [],
        "displayName": "Table",
        "iconSVG": "/static/media/icon.db8a9cbd.svg",
        "topRow": 9,
        "bottomRow": 37,
        "isSortable": true,
        "parentRowSpace": 10,
        "type": "TABLE_WIDGET",
        "defaultSelectedRow": "0",
        "hideCard": false,
        "animateLoading": true,
        "parentColumnSpace": 16.703125,
        "dynamicTriggerPathList": [],
        "dynamicBindingPathList": [
          {
            "key": "primaryColumns.step.computedValue"
          },
          {
            "key": "primaryColumns.task.computedValue"
          },
          {
            "key": "primaryColumns.status.computedValue"
          },
          {
            "key": "primaryColumns.action.computedValue"
          },
          {
            "key": "accentColor"
          }
        ],
        "leftColumn": 6,
        "primaryColumns": {
          "step": {
            "index": 0,
            "width": 150,
            "id": "step",
            "horizontalAlignment": "LEFT",
            "verticalAlignment": "CENTER",
            "columnType": "text",
            "textSize": "0.875rem",
            "enableFilter": true,
            "enableSort": true,
            "isVisible": true,
            "isDisabled": false,
            "isCellVisible": true,
            "isDerived": false,
            "label": "step",
            "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.step))}}",
            "borderRadius": "0px",
            "boxShadow": "none"
          },
          "task": {
            "index": 1,
            "width": 150,
            "id": "task",
            "horizontalAlignment": "LEFT",
            "verticalAlignment": "CENTER",
            "columnType": "text",
            "textSize": "0.875rem",
            "enableFilter": true,
            "enableSort": true,
            "isVisible": true,
            "isDisabled": false,
            "isCellVisible": true,
            "isDerived": false,
            "label": "task",
            "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.task))}}",
            "borderRadius": "0px",
            "boxShadow": "none"
          },
          "status": {
            "index": 2,
            "width": 150,
            "id": "status",
            "horizontalAlignment": "LEFT",
            "verticalAlignment": "CENTER",
            "columnType": "text",
            "textSize": "0.875rem",
            "enableFilter": true,
            "enableSort": true,
            "isVisible": true,
            "isDisabled": false,
            "isCellVisible": true,
            "isDerived": false,
            "label": "status",
            "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.status))}}",
            "borderRadius": "0px",
            "boxShadow": "none"
          },
          "action": {
            "index": 3,
            "width": 150,
            "id": "action",
            "horizontalAlignment": "LEFT",
            "verticalAlignment": "CENTER",
            "columnType": "text",
            "textSize": "0.875rem",
            "enableFilter": true,
            "enableSort": true,
            "isVisible": true,
            "isDisabled": false,
            "isCellVisible": true,
            "isDerived": false,
            "label": "action",
            "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.action))}}",
            "borderRadius": "0px",
            "boxShadow": "none"
          }
        },
        "delimiter": ",",
        "key": "t22odw8rfj",
        "derivedColumns": {},
        "labelTextSize": "0.875rem",
        "rightColumn": 34,
        "textSize": "0.875rem",
        "widgetId": "f427h0lu92",
        "accentColor": "{{appsmith.theme.colors.primaryColor}}",
        "isVisibleFilters": true,
        "tableData": "[\n  {\n    \"step\": \"#1\",\n    \"task\": \"Drop a table\",\n    \"status\": \"✅\",\n    \"action\": \"\"\n  },\n  {\n    \"step\": \"#2\",\n    \"task\": \"Create a query fetch_users with the Mock DB\",\n    \"status\": \"--\",\n    \"action\": \"\"\n  },\n  {\n    \"step\": \"#3\",\n    \"task\": \"Bind the query using => fetch_users.data\",\n    \"status\": \"--\",\n    \"action\": \"\"\n  }\n]",
        "isVisible": true,
        "label": "Data",
        "searchKey": "",
        "enableClientSideSearch": true,
        "version": 3,
        "totalRecordsCount": 0,
        "parentId": "0",
        "renderMode": "CANVAS",
        "isLoading": false,
        "horizontalAlignment": "LEFT",
        "isVisibleSearch": true,
        "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": {
            "menuColor": "{{appsmith.theme.colors.primaryColor}}",
            "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
            "boxShadow": "none"
          }
        },
        "borderRadius": "0px",
        "isVisiblePagination": true,
        "verticalAlignment": "CENTER",
        "columnSizeMap": {
          "task": 245,
          "step": 62,
          "status": 75
        }
      },
      {
        "boxShadow": "none",
        "widgetName": "Text1",
        "displayName": "Text",
        "iconSVG": "/static/media/icon.97c59b52.svg",
        "topRow": 33,
        "bottomRow": 37,
        "parentRowSpace": 10,
        "type": "TEXT_WIDGET",
        "hideCard": false,
        "animateLoading": true,
        "overflow": "NONE",
        "parentColumnSpace": 16.703125,
        "dynamicTriggerPathList": [],
        "fontFamily": "System Default",
        "leftColumn": 39,
        "dynamicBindingPathList": [
          {
            "key": "text"
          }
        ],
        "shouldTruncate": false,
        "truncateButtonColor": "#FFC13D",
        "text": "{{Select1.selectedOptionValue}}",
        "key": "cdb5qeydze",
        "labelTextSize": "0.875rem",
        "rightColumn": 59,
        "textAlign": "LEFT",
        "widgetId": "5qb4nik2gy",
        "isVisible": true,
        "fontStyle": "BOLD",
        "textColor": "#231F20",
        "version": 1,
        "parentId": "0",
        "renderMode": "CANVAS",
        "isLoading": false,
        "borderRadius": "0px",
        "fontSize": "0.875rem"
      }
    ]
  }
}