hunk.code_window: import Icon, { IconName, IconSize } from "./Icon";
   import Spinner from "./Spinner";
   import { mediumButton, smallButton, largeButton } from "constants/DefaultTheme";
   export enum Category {
     primary = "primary",
     secondary = "secondary",
     tertiary = "tertiary",
  
hunk.labels: keep keep add keep keep keep keep keep
hunk.after_edit: import _ from "lodash";
  
hunk.file_path: app/client/src/components/ads/Button.tsx
hunk.type: add
file: {
      "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": "Label",
            "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"
          }
        ]
      }
    }