{
  "dsl": {
    "widgetName": "MainContainer",
    "backgroundColor": "none",
    "rightColumn": 4896,
    "snapColumns": 64,
    "detachFromLayout": true,
    "widgetId": "0",
    "topRow": 0,
    "bottomRow": 1320,
    "containerStyle": "none",
    "snapRows": 125,
    "parentRowSpace": 1,
    "type": "CANVAS_WIDGET",
    "canExtend": true,
    "version": 59,
    "minHeight": 1292,
    "dynamicTriggerPathList": [],
    "parentColumnSpace": 1,
    "dynamicBindingPathList": [],
    "leftColumn": 0,
    "children": [
      {
        "boxShadow": "none",
        "widgetName": "UpdateModal",
        "isCanvas": true,
        "displayName": "Modal",
        "iconSVG": "/static/media/icon.4975978e.svg",
        "topRow": 51,
        "bottomRow": 75,
        "parentRowSpace": 10,
        "type": "MODAL_WIDGET",
        "hideCard": false,
        "shouldScrollContents": true,
        "animateLoading": true,
        "parentColumnSpace": 16.71875,
        "leftColumn": 20,
        "dynamicBindingPathList": [
          {
            "key": "borderRadius"
          }
        ],
        "children": [
          {
            "boxShadow": "none",
            "widgetName": "Canvas1Copy",
            "displayName": "Canvas",
            "topRow": 0,
            "bottomRow": 420,
            "parentRowSpace": 1,
            "type": "CANVAS_WIDGET",
            "canExtend": true,
            "hideCard": true,
            "shouldScrollContents": false,
            "minHeight": 428,
            "parentColumnSpace": 1,
            "leftColumn": 0,
            "dynamicBindingPathList": [
              {
                "key": "borderRadius"
              },
              {
                "key": "accentColor"
              }
            ],
            "children": [
              {
                "boxShadow": "none",
                "widgetName": "Updatenumeric",
                "displayName": "Input",
                "iconSVG": "/static/media/icon.9f505595.svg",
                "topRow": 25,
                "bottomRow": 32,
                "parentRowSpace": 10,
                "labelWidth": 5,
                "autoFocus": false,
                "type": "INPUT_WIDGET_V2",
                "hideCard": false,
                "animateLoading": true,
                "parentColumnSpace": 6.9375,
                "dynamicTriggerPathList": [],
                "resetOnSubmit": true,
                "leftColumn": 2,
                "dynamicBindingPathList": [
                  {
                    "key": "accentColor"
                  },
                  {
                    "key": "borderRadius"
                  },
                  {
                    "key": "defaultText"
                  },
                  {
                    "key": "label"
                  }
                ],
                "labelPosition": "Top",
                "labelStyle": "",
                "inputType": "NUMBER",
                "isDisabled": false,
                "key": "x49qcvsllj",
                "labelTextSize": "0.875rem",
                "isRequired": false,
                "isDeprecated": false,
                "rightColumn": 62,
                "widgetId": "mwe3ff4xg7",
                "accentColor": "{{appsmith.theme.colors.primaryColor}}",
                "isVisible": true,
                "label": "{{Table1.columnOrder[3].toString().replace(/(?:^|\\s|[\"'([{])+\\S/g, match => match.toUpperCase());\n}}",
                "version": 2,
                "parentId": "sdc2iv8uiq",
                "labelAlignment": "left",
                "renderMode": "CANVAS",
                "isLoading": false,
                "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
                "iconAlign": "left",
                "defaultText": "{{Table1.selectedRow.numericid}}"
              },
              {
                "boxShadow": "none",
                "widgetName": "Updatedecimal",
                "displayName": "Input",
                "iconSVG": "/static/media/icon.9f505595.svg",
                "topRow": 16,
                "bottomRow": 23,
                "parentRowSpace": 10,
                "labelWidth": 5,
                "autoFocus": false,
                "type": "INPUT_WIDGET_V2",
                "hideCard": false,
                "animateLoading": true,
                "parentColumnSpace": 6.9375,
                "dynamicTriggerPathList": [],
                "resetOnSubmit": true,
                "leftColumn": 2,
                "dynamicBindingPathList": [
                  {
                    "key": "accentColor"
                  },
                  {
                    "key": "borderRadius"
                  },
                  {
                    "key": "defaultText"
                  },
                  {
                    "key": "label"
                  }
                ],
                "labelPosition": "Top",
                "labelStyle": "",
                "inputType": "NUMBER",
                "isDisabled": false,
                "key": "x49qcvsllj",
                "labelTextSize": "0.875rem",
                "isRequired": false,
                "isDeprecated": false,
                "rightColumn": 62,
                "widgetId": "el112yx9tb",
                "accentColor": "{{appsmith.theme.colors.primaryColor}}",
                "isVisible": true,
                "label": "{{Table1.columnOrder[2].toString().replace(/(?:^|\\s|[\"'([{])+\\S/g, match => match.toUpperCase());\n}}",
                "version": 2,
                "parentId": "sdc2iv8uiq",
                "labelAlignment": "left",
                "renderMode": "CANVAS",
                "isLoading": false,
                "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
                "iconAlign": "left",
                "defaultText": "{{Table1.selectedRow.decimalid}}"
              },
              {
                "boxShadow": "none",
                "widgetName": "IconButton1Copy",
                "onClick": "{{closeModal('InsertModal')}}",
                "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
                "displayName": "Icon Button",
                "iconSVG": "/static/media/icon.1a0c634a.svg",
                "topRow": 1,
                "bottomRow": 5,
                "type": "ICON_BUTTON_WIDGET",
                "hideCard": false,
                "animateLoading": true,
                "leftColumn": 56,
                "dynamicBindingPathList": [
                  {
                    "key": "buttonColor"
                  },
                  {
                    "key": "borderRadius"
                  }
                ],
                "iconSize": 24,
                "isDisabled": false,
                "key": "glch1esz5b",
                "isDeprecated": false,
                "rightColumn": 64,
                "iconName": "cross",
                "widgetId": "4fnws5ftg4",
                "isVisible": true,
                "version": 1,
                "parentId": "sdc2iv8uiq",
                "renderMode": "CANVAS",
                "isLoading": false,
                "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
                "buttonVariant": "TERTIARY"
              },
              {
                "widgetName": "Text1Copy",
                "displayName": "Text",
                "iconSVG": "/static/media/icon.97c59b52.svg",
                "topRow": 1,
                "bottomRow": 5,
                "type": "TEXT_WIDGET",
                "hideCard": false,
                "animateLoading": true,
                "overflow": "NONE",
                "fontFamily": "{{appsmith.theme.fontFamily.appFont}}",
                "dynamicTriggerPathList": [],
                "leftColumn": 1,
                "dynamicBindingPathList": [
                  {
                    "key": "fontFamily"
                  },
                  {
                    "key": "borderRadius"
                  },
                  {
                    "key": "text"
                  }
                ],
                "shouldTruncate": false,
                "truncateButtonColor": "#FFC13D",
                "text": "Update Data for SerialId # {{Table1.selectedRow.serialid}}",
                "key": "orwoe8agwc",
                "isDeprecated": false,
                "rightColumn": 55,
                "textAlign": "LEFT",
                "widgetId": "3rncsabmka",
                "isVisible": true,
                "fontStyle": "BOLD",
                "textColor": "#231F20",
                "version": 1,
                "parentId": "sdc2iv8uiq",
                "renderMode": "CANVAS",
                "isLoading": false,
                "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
                "fontSize": "1.5rem"
              },
              {
                "boxShadow": "none",
                "widgetName": "Button5Copy",
                "onClick": "{{closeModal('UpdateModal')}}",
                "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
                "displayName": "Button",
                "iconSVG": "/static/media/icon.cca02633.svg",
                "topRow": 35,
                "bottomRow": 39,
                "type": "BUTTON_WIDGET",
                "hideCard": false,
                "animateLoading": true,
                "leftColumn": 14,
                "dynamicBindingPathList": [
                  {
                    "key": "buttonColor"
                  },
                  {
                    "key": "borderRadius"
                  }
                ],
                "text": "Close",
                "isDisabled": false,
                "key": "b7wg448vx0",
                "isDeprecated": false,
                "rightColumn": 30,
                "isDefaultClickDisabled": true,
                "widgetId": "kf5ait9qmq",
                "buttonStyle": "PRIMARY",
                "isVisible": true,
                "recaptchaType": "V3",
                "version": 1,
                "parentId": "sdc2iv8uiq",
                "renderMode": "CANVAS",
                "isLoading": false,
                "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
                "buttonVariant": "SECONDARY",
                "placement": "CENTER"
              },
              {
                "boxShadow": "none",
                "widgetName": "runUpdateQuery",
                "onClick": "{{updateRecord.run(() => {closeModal('UpdateModal'), () => {};\nselectRecords.run()\t\t\t\t\t\t\t\t\t\t\t\t })}}",
                "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
                "dynamicPropertyPathList": [
                  {
                    "key": "onClick"
                  }
                ],
                "displayName": "Button",
                "iconSVG": "/static/media/icon.cca02633.svg",
                "topRow": 35,
                "bottomRow": 39,
                "type": "BUTTON_WIDGET",
                "hideCard": false,
                "animateLoading": true,
                "dynamicTriggerPathList": [
                  {
                    "key": "onClick"
                  }
                ],
                "leftColumn": 34,
                "dynamicBindingPathList": [
                  {
                    "key": "buttonColor"
                  },
                  {
                    "key": "borderRadius"
                  }
                ],
                "text": "Update",
                "isDisabled": false,
                "key": "b7wg448vx0",
                "isDeprecated": false,
                "rightColumn": 50,
                "isDefaultClickDisabled": true,
                "widgetId": "pb2y77v7wa",
                "buttonStyle": "PRIMARY_BUTTON",
                "isVisible": true,
                "recaptchaType": "V3",
                "version": 1,
                "parentId": "sdc2iv8uiq",
                "renderMode": "CANVAS",
                "isLoading": false,
                "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
                "buttonVariant": "PRIMARY",
                "placement": "CENTER"
              },
              {
                "boxShadow": "none",
                "widgetName": "Updatebigint",
                "displayName": "Input",
                "iconSVG": "/static/media/icon.9f505595.svg",
                "topRow": 7,
                "bottomRow": 14,
                "parentRowSpace": 10,
                "labelWidth": 5,
                "autoFocus": false,
                "type": "INPUT_WIDGET_V2",
                "hideCard": false,
                "animateLoading": true,
                "parentColumnSpace": 6.9375,
                "dynamicTriggerPathList": [],
                "resetOnSubmit": true,
                "leftColumn": 2,
                "dynamicBindingPathList": [
                  {
                    "key": "accentColor"
                  },
                  {
                    "key": "borderRadius"
                  },
                  {
                    "key": "defaultText"
                  },
                  {
                    "key": "label"
                  }
                ],
                "labelPosition": "Top",
                "labelStyle": "",
                "inputType": "NUMBER",
                "isDisabled": false,
                "key": "x49qcvsllj",
                "labelTextSize": "0.875rem",
                "isRequired": false,
                "isDeprecated": false,
                "rightColumn": 62,
                "widgetId": "b88g2hsnfh",
                "accentColor": "{{appsmith.theme.colors.primaryColor}}",
                "isVisible": true,
                "label": "{{Table1.columnOrder[1].toString().replace(/(?:^|\\s|[\"'([{])+\\S/g, match => match.toUpperCase());\n}}",
                "version": 2,
                "parentId": "sdc2iv8uiq",
                "labelAlignment": "left",
                "renderMode": "CANVAS",
                "isLoading": false,
                "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
                "iconAlign": "left",
                "defaultText": "{{Table1.selectedRow.bigintid}}"
              }
            ],
            "isDisabled": false,
            "key": "jcn9nfbcoh",
            "isDeprecated": false,
            "rightColumn": 401.25,
            "detachFromLayout": true,
            "widgetId": "sdc2iv8uiq",
            "accentColor": "{{appsmith.theme.colors.primaryColor}}",
            "isVisible": true,
            "version": 1,
            "parentId": "bl75l6vmtq",
            "renderMode": "CANVAS",
            "isLoading": false,
            "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}"
          }
        ],
        "key": "n6csxgy8za",
        "height": 428,
        "isDeprecated": false,
        "rightColumn": 44,
        "detachFromLayout": true,
        "widgetId": "bl75l6vmtq",
        "canOutsideClickClose": true,
        "canEscapeKeyClose": true,
        "version": 2,
        "parentId": "0",
        "renderMode": "CANVAS",
        "isLoading": false,
        "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
        "width": 456
      },
      {
        "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
        "isVisibleDownload": true,
        "iconSVG": "/static/media/icon.db8a9cbd.svg",
        "topRow": 7,
        "isSortable": true,
        "type": "TABLE_WIDGET",
        "animateLoading": true,
        "dynamicBindingPathList": [
          {
            "key": "accentColor"
          },
          {
            "key": "borderRadius"
          },
          {
            "key": "boxShadow"
          },
          {
            "key": "childStylesheet.button.buttonColor"
          },
          {
            "key": "childStylesheet.button.borderRadius"
          },
          {
            "key": "childStylesheet.menuButton.menuColor"
          },
          {
            "key": "childStylesheet.menuButton.borderRadius"
          },
          {
            "key": "childStylesheet.iconButton.buttonColor"
          },
          {
            "key": "childStylesheet.iconButton.borderRadius"
          },
          {
            "key": "tableData"
          },
          {
            "key": "primaryColumns.serialid.computedValue"
          },
          {
            "key": "primaryColumns.bigintid.computedValue"
          },
          {
            "key": "primaryColumns.numericid.computedValue"
          },
          {
            "key": "primaryColumns.decimalid.computedValue"
          },
          {
            "key": "derivedColumns.customColumn1.buttonColor"
          },
          {
            "key": "primaryColumns.customColumn1.buttonColor"
          },
          {
            "key": "derivedColumns.customColumn1.borderRadius"
          },
          {
            "key": "primaryColumns.customColumn1.borderRadius"
          },
          {
            "key": "derivedColumns.customColumn1.boxShadow"
          },
          {
            "key": "primaryColumns.customColumn1.boxShadow"
          },
          {
            "key": "derivedColumns.customColumn1.buttonLabel"
          },
          {
            "key": "primaryColumns.customColumn1.buttonLabel"
          }
        ],
        "leftColumn": 4,
        "delimiter": ",",
        "accentColor": "{{appsmith.theme.colors.primaryColor}}",
        "isVisibleFilters": true,
        "isVisible": true,
        "enableClientSideSearch": true,
        "version": 3,
        "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"
          }
        },
        "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
        "primaryColumnId": "serialid",
        "columnSizeMap": {
          "task": 245,
          "step": 62,
          "status": 75,
          "serialid": 78,
          "bigintid": 309,
          "demimalid": 378,
          "decimalid": 259,
          "numericid": 270
        },
        "widgetName": "Table1",
        "defaultPageSize": 0,
        "columnOrder": [
          "serialid",
          "bigintid",
          "decimalid",
          "numericid",
          "customColumn1"
        ],
        "dynamicPropertyPathList": [],
        "displayName": "Table",
        "bottomRow": 50,
        "parentRowSpace": 10,
        "defaultSelectedRow": "0",
        "hideCard": false,
        "parentColumnSpace": 16.71875,
        "dynamicTriggerPathList": [
          {
            "key": "primaryColumns.customColumn1.onClick"
          }
        ],
        "primaryColumns": {
          "serialid": {
            "index": 0,
            "width": 150,
            "id": "serialid",
            "horizontalAlignment": "LEFT",
            "verticalAlignment": "CENTER",
            "columnType": "text",
            "textSize": "0.875rem",
            "enableFilter": true,
            "enableSort": true,
            "isVisible": true,
            "isDisabled": false,
            "isCellVisible": true,
            "isDerived": false,
            "label": "serialid",
            "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.serialid))}}"
          },
          "bigintid": {
            "index": 1,
            "width": 150,
            "id": "bigintid",
            "horizontalAlignment": "LEFT",
            "verticalAlignment": "CENTER",
            "columnType": "text",
            "textSize": "0.875rem",
            "enableFilter": true,
            "enableSort": true,
            "isVisible": true,
            "isDisabled": false,
            "isCellVisible": true,
            "isDerived": false,
            "label": "bigintid",
            "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.bigintid))}}"
          },
          "numericid": {
            "index": 3,
            "width": 150,
            "id": "numericid",
            "horizontalAlignment": "LEFT",
            "verticalAlignment": "CENTER",
            "columnType": "text",
            "textSize": "0.875rem",
            "enableFilter": true,
            "enableSort": true,
            "isVisible": true,
            "isDisabled": false,
            "isCellVisible": true,
            "isDerived": false,
            "label": "numericid",
            "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.numericid))}}"
          },
          "decimalid": {
            "index": 2,
            "width": 150,
            "id": "decimalid",
            "horizontalAlignment": "LEFT",
            "verticalAlignment": "CENTER",
            "columnType": "text",
            "textColor": "",
            "textSize": "0.875rem",
            "enableFilter": true,
            "enableSort": true,
            "isVisible": true,
            "isDisabled": false,
            "isCellVisible": true,
            "isDerived": false,
            "label": "decimalid",
            "computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.decimalid))}}",
            "cellBackground": ""
          },
          "customColumn1": {
            "index": 4,
            "width": 150,
            "id": "customColumn1",
            "columnType": "button",
            "enableFilter": true,
            "enableSort": true,
            "isVisible": true,
            "isDisabled": false,
            "isCellVisible": true,
            "isDerived": true,
            "label": "delete",
            "computedValue": "",
            "buttonStyle": "rgb(3, 179, 101)",
            "labelColor": "#FFFFFF",
            "buttonColor": "{{Table1.sanitizedTableData.map((currentRow) => ( appsmith.theme.colors.primaryColor))}}",
            "borderRadius": "{{Table1.sanitizedTableData.map((currentRow) => ( appsmith.theme.borderRadius.appBorderRadius))}}",
            "boxShadow": "{{Table1.sanitizedTableData.map((currentRow) => ( 'none'))}}",
            "iconName": "",
            "buttonLabel": "{{Table1.sanitizedTableData.map((currentRow) => ( 'DeleteQuery'))}}",
            "onClick": "{{deleteRecord.run(() => selectRecords.run(), () => {})}}"
          }
        },
        "key": "8l8hit8gra",
        "derivedColumns": {
          "customColumn1": {
            "index": 4,
            "width": 150,
            "id": "customColumn1",
            "columnType": "button",
            "enableFilter": true,
            "enableSort": true,
            "isVisible": true,
            "isDisabled": false,
            "isCellVisible": true,
            "isDerived": true,
            "label": "delete",
            "computedValue": "",
            "buttonStyle": "rgb(3, 179, 101)",
            "labelColor": "#FFFFFF",
            "buttonColor": "{{Table1.sanitizedTableData.map((currentRow) => ( appsmith.theme.colors.primaryColor))}}",
            "borderRadius": "{{Table1.sanitizedTableData.map((currentRow) => ( appsmith.theme.borderRadius.appBorderRadius))}}",
            "boxShadow": "{{Table1.sanitizedTableData.map((currentRow) => ( 'none'))}}",
            "iconName": "",
            "buttonLabel": "{{Table1.sanitizedTableData.map((currentRow) => ( 'DeleteQuery'))}}"
          }
        },
        "isDeprecated": false,
        "rightColumn": 60,
        "textSize": "0.875rem",
        "widgetId": "w9mvbp1g2t",
        "tableData": "{{selectRecords.data}}",
        "label": "Data",
        "searchKey": "",
        "parentId": "0",
        "renderMode": "CANVAS",
        "horizontalAlignment": "LEFT",
        "isVisibleSearch": true,
        "isVisiblePagination": true,
        "verticalAlignment": "CENTER"
      },
      {
        "boxShadow": "none",
        "widgetName": "InsertButton",
        "onClick": "{{showModal('InsertModal')}}",
        "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
        "dynamicPropertyPathList": [
          {
            "key": "onClick"
          }
        ],
        "displayName": "Button",
        "iconSVG": "/static/media/icon.cca02633.svg",
        "topRow": 2,
        "bottomRow": 6,
        "parentRowSpace": 10,
        "type": "BUTTON_WIDGET",
        "hideCard": false,
        "animateLoading": true,
        "parentColumnSpace": 16.71875,
        "dynamicTriggerPathList": [
          {
            "key": "onClick"
          }
        ],
        "leftColumn": 4,
        "dynamicBindingPathList": [
          {
            "key": "buttonColor"
          },
          {
            "key": "borderRadius"
          }
        ],
        "text": "Run InsertQuery",
        "isDisabled": false,
        "key": "7va5q4amde",
        "isDeprecated": false,
        "rightColumn": 20,
        "isDefaultClickDisabled": true,
        "widgetId": "jr1y6sdur4",
        "isVisible": true,
        "recaptchaType": "V3",
        "version": 1,
        "parentId": "0",
        "renderMode": "CANVAS",
        "isLoading": false,
        "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
        "buttonVariant": "PRIMARY",
        "placement": "CENTER"
      },
      {
        "boxShadow": "none",
        "widgetName": "UpdateButton",
        "onClick": "{{showModal('UpdateModal')}}",
        "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
        "dynamicPropertyPathList": [],
        "displayName": "Button",
        "iconSVG": "/static/media/icon.cca02633.svg",
        "topRow": 2,
        "bottomRow": 6,
        "parentRowSpace": 10,
        "type": "BUTTON_WIDGET",
        "hideCard": false,
        "animateLoading": true,
        "parentColumnSpace": 16.71875,
        "dynamicTriggerPathList": [
          {
            "key": "onClick"
          }
        ],
        "leftColumn": 44,
        "dynamicBindingPathList": [
          {
            "key": "buttonColor"
          },
          {
            "key": "borderRadius"
          }
        ],
        "text": "Run UpdateQuery",
        "isDisabled": false,
        "key": "7va5q4amde",
        "isDeprecated": false,
        "rightColumn": 60,
        "isDefaultClickDisabled": true,
        "widgetId": "3k4fg1zx8x",
        "isVisible": true,
        "recaptchaType": "V3",
        "version": 1,
        "parentId": "0",
        "renderMode": "CANVAS",
        "isLoading": false,
        "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
        "buttonVariant": "PRIMARY",
        "placement": "CENTER"
      },
      {
        "boxShadow": "none",
        "widgetName": "InsertModal",
        "isCanvas": true,
        "displayName": "Modal",
        "iconSVG": "/static/media/icon.4975978e.svg",
        "topRow": 22,
        "bottomRow": 46,
        "parentRowSpace": 10,
        "type": "MODAL_WIDGET",
        "hideCard": false,
        "shouldScrollContents": true,
        "animateLoading": true,
        "parentColumnSpace": 16.71875,
        "leftColumn": 20,
        "dynamicBindingPathList": [
          {
            "key": "borderRadius"
          }
        ],
        "children": [
          {
            "boxShadow": "none",
            "widgetName": "Canvas1",
            "displayName": "Canvas",
            "topRow": 0,
            "bottomRow": 420,
            "parentRowSpace": 1,
            "type": "CANVAS_WIDGET",
            "canExtend": true,
            "hideCard": true,
            "shouldScrollContents": false,
            "minHeight": 428,
            "parentColumnSpace": 1,
            "leftColumn": 0,
            "dynamicBindingPathList": [
              {
                "key": "borderRadius"
              },
              {
                "key": "accentColor"
              }
            ],
            "children": [
              {
                "boxShadow": "none",
                "widgetName": "Insertnumeric",
                "displayName": "Input",
                "iconSVG": "/static/media/icon.9f505595.svg",
                "topRow": 25,
                "bottomRow": 32,
                "parentRowSpace": 10,
                "labelWidth": 5,
                "autoFocus": false,
                "type": "INPUT_WIDGET_V2",
                "hideCard": false,
                "animateLoading": true,
                "parentColumnSpace": 6.9375,
                "dynamicTriggerPathList": [],
                "resetOnSubmit": true,
                "leftColumn": 2,
                "dynamicBindingPathList": [
                  {
                    "key": "accentColor"
                  },
                  {
                    "key": "borderRadius"
                  },
                  {
                    "key": "label"
                  }
                ],
                "labelPosition": "Top",
                "labelStyle": "",
                "inputType": "NUMBER",
                "isDisabled": false,
                "key": "x49qcvsllj",
                "labelTextSize": "0.875rem",
                "isRequired": false,
                "isDeprecated": false,
                "rightColumn": 62,
                "widgetId": "41k33kecwn",
                "accentColor": "{{appsmith.theme.colors.primaryColor}}",
                "isVisible": true,
                "label": "{{Table1.columnOrder[3].toString().replace(/(?:^|\\s|[\"'([{])+\\S/g, match => match.toUpperCase());\n}}",
                "version": 2,
                "parentId": "6otxv391ns",
                "labelAlignment": "left",
                "renderMode": "CANVAS",
                "isLoading": false,
                "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
                "iconAlign": "left",
                "defaultText": ""
              },
              {
                "boxShadow": "none",
                "widgetName": "Insertdecimal",
                "displayName": "Input",
                "iconSVG": "/static/media/icon.9f505595.svg",
                "topRow": 16,
                "bottomRow": 23,
                "parentRowSpace": 10,
                "labelWidth": 5,
                "autoFocus": false,
                "type": "INPUT_WIDGET_V2",
                "hideCard": false,
                "animateLoading": true,
                "parentColumnSpace": 6.9375,
                "dynamicTriggerPathList": [],
                "resetOnSubmit": true,
                "leftColumn": 2,
                "dynamicBindingPathList": [
                  {
                    "key": "accentColor"
                  },
                  {
                    "key": "borderRadius"
                  },
                  {
                    "key": "label"
                  }
                ],
                "labelPosition": "Top",
                "labelStyle": "",
                "inputType": "NUMBER",
                "isDisabled": false,
                "key": "x49qcvsllj",
                "labelTextSize": "0.875rem",
                "isRequired": false,
                "isDeprecated": false,
                "rightColumn": 62,
                "widgetId": "uyzomn3bp6",
                "accentColor": "{{appsmith.theme.colors.primaryColor}}",
                "isVisible": true,
                "label": "{{Table1.columnOrder[2].toString().replace(/(?:^|\\s|[\"'([{])+\\S/g, match => match.toUpperCase());\n}}",
                "version": 2,
                "parentId": "6otxv391ns",
                "labelAlignment": "left",
                "renderMode": "CANVAS",
                "isLoading": false,
                "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
                "iconAlign": "left",
                "defaultText": ""
              },
              {
                "boxShadow": "none",
                "widgetName": "IconButton1",
                "onClick": "{{closeModal('InsertModal')}}",
                "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
                "displayName": "Icon Button",
                "iconSVG": "/static/media/icon.1a0c634a.svg",
                "topRow": 1,
                "bottomRow": 5,
                "type": "ICON_BUTTON_WIDGET",
                "hideCard": false,
                "animateLoading": true,
                "leftColumn": 56,
                "dynamicBindingPathList": [
                  {
                    "key": "buttonColor"
                  },
                  {
                    "key": "borderRadius"
                  }
                ],
                "iconSize": 24,
                "isDisabled": false,
                "key": "glch1esz5b",
                "isDeprecated": false,
                "rightColumn": 64,
                "iconName": "cross",
                "widgetId": "jqcrr1o8or",
                "isVisible": true,
                "version": 1,
                "parentId": "6otxv391ns",
                "renderMode": "CANVAS",
                "isLoading": false,
                "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
                "buttonVariant": "TERTIARY"
              },
              {
                "widgetName": "Text1",
                "displayName": "Text",
                "iconSVG": "/static/media/icon.97c59b52.svg",
                "topRow": 1,
                "bottomRow": 5,
                "type": "TEXT_WIDGET",
                "hideCard": false,
                "animateLoading": true,
                "overflow": "NONE",
                "fontFamily": "{{appsmith.theme.fontFamily.appFont}}",
                "dynamicTriggerPathList": [],
                "leftColumn": 1,
                "dynamicBindingPathList": [
                  {
                    "key": "fontFamily"
                  },
                  {
                    "key": "borderRadius"
                  }
                ],
                "shouldTruncate": false,
                "truncateButtonColor": "#FFC13D",
                "text": "Insert Record",
                "key": "orwoe8agwc",
                "isDeprecated": false,
                "rightColumn": 41,
                "textAlign": "LEFT",
                "widgetId": "achn17gfze",
                "isVisible": true,
                "fontStyle": "BOLD",
                "textColor": "#231F20",
                "version": 1,
                "parentId": "6otxv391ns",
                "renderMode": "CANVAS",
                "isLoading": false,
                "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
                "fontSize": "1.5rem"
              },
              {
                "boxShadow": "none",
                "widgetName": "Button5",
                "onClick": "{{closeModal('InsertModal')}}",
                "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
                "displayName": "Button",
                "iconSVG": "/static/media/icon.cca02633.svg",
                "topRow": 35,
                "bottomRow": 39,
                "type": "BUTTON_WIDGET",
                "hideCard": false,
                "animateLoading": true,
                "leftColumn": 14,
                "dynamicBindingPathList": [
                  {
                    "key": "buttonColor"
                  },
                  {
                    "key": "borderRadius"
                  }
                ],
                "text": "Close",
                "isDisabled": false,
                "key": "b7wg448vx0",
                "isDeprecated": false,
                "rightColumn": 30,
                "isDefaultClickDisabled": true,
                "widgetId": "0ym0mah4go",
                "buttonStyle": "PRIMARY",
                "isVisible": true,
                "recaptchaType": "V3",
                "version": 1,
                "parentId": "6otxv391ns",
                "renderMode": "CANVAS",
                "isLoading": false,
                "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
                "buttonVariant": "SECONDARY",
                "placement": "CENTER"
              },
              {
                "boxShadow": "none",
                "widgetName": "runInsertQuery",
                "onClick": "{{insertRecord.run(() => {\nselectRecords.run();\t\t\t\tresetWidget('InsertModal', true);\ncloseModal('InsertModal'), () => {};})}}",
                "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
                "dynamicPropertyPathList": [
                  {
                    "key": "onClick"
                  }
                ],
                "displayName": "Button",
                "iconSVG": "/static/media/icon.cca02633.svg",
                "topRow": 35,
                "bottomRow": 39,
                "type": "BUTTON_WIDGET",
                "hideCard": false,
                "animateLoading": true,
                "dynamicTriggerPathList": [
                  {
                    "key": "onClick"
                  }
                ],
                "leftColumn": 34,
                "dynamicBindingPathList": [
                  {
                    "key": "buttonColor"
                  },
                  {
                    "key": "borderRadius"
                  }
                ],
                "text": "Insert",
                "isDisabled": false,
                "key": "b7wg448vx0",
                "isDeprecated": false,
                "rightColumn": 50,
                "isDefaultClickDisabled": true,
                "widgetId": "0trrzqxtbk",
                "buttonStyle": "PRIMARY_BUTTON",
                "isVisible": true,
                "recaptchaType": "V3",
                "version": 1,
                "parentId": "6otxv391ns",
                "renderMode": "CANVAS",
                "isLoading": false,
                "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
                "buttonVariant": "PRIMARY",
                "placement": "CENTER"
              },
              {
                "boxShadow": "none",
                "widgetName": "Insertbigint",
                "displayName": "Input",
                "iconSVG": "/static/media/icon.9f505595.svg",
                "topRow": 7,
                "bottomRow": 14,
                "parentRowSpace": 10,
                "labelWidth": 5,
                "autoFocus": false,
                "type": "INPUT_WIDGET_V2",
                "hideCard": false,
                "animateLoading": true,
                "parentColumnSpace": 6.9375,
                "dynamicTriggerPathList": [],
                "resetOnSubmit": true,
                "leftColumn": 2,
                "dynamicBindingPathList": [
                  {
                    "key": "accentColor"
                  },
                  {
                    "key": "borderRadius"
                  },
                  {
                    "key": "label"
                  }
                ],
                "labelPosition": "Top",
                "labelStyle": "",
                "inputType": "NUMBER",
                "isDisabled": false,
                "key": "x49qcvsllj",
                "labelTextSize": "0.875rem",
                "isRequired": false,
                "isDeprecated": false,
                "rightColumn": 62,
                "widgetId": "ufngck5pv5",
                "accentColor": "{{appsmith.theme.colors.primaryColor}}",
                "isVisible": true,
                "label": "{{Table1.columnOrder[1].toString().replace(/(?:^|\\s|[\"'([{])+\\S/g, match => match.toUpperCase());\n}}",
                "version": 2,
                "parentId": "6otxv391ns",
                "labelAlignment": "left",
                "renderMode": "CANVAS",
                "isLoading": false,
                "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
                "iconAlign": "left",
                "defaultText": ""
              }
            ],
            "isDisabled": false,
            "key": "jcn9nfbcoh",
            "isDeprecated": false,
            "rightColumn": 401.25,
            "detachFromLayout": true,
            "widgetId": "6otxv391ns",
            "accentColor": "{{appsmith.theme.colors.primaryColor}}",
            "isVisible": true,
            "version": 1,
            "parentId": "rhom101hjk",
            "renderMode": "CANVAS",
            "isLoading": false,
            "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}"
          }
        ],
        "key": "n6csxgy8za",
        "height": 428,
        "isDeprecated": false,
        "rightColumn": 44,
        "detachFromLayout": true,
        "widgetId": "rhom101hjk",
        "canOutsideClickClose": true,
        "canEscapeKeyClose": true,
        "version": 2,
        "parentId": "0",
        "renderMode": "CANVAS",
        "isLoading": false,
        "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
        "width": 456
      },
      {
        "isVisible": true,
        "iconName": "delete",
        "buttonVariant": "PRIMARY",
        "isDisabled": false,
        "widgetName": "IconButton2",
        "version": 1,
        "animateLoading": true,
        "type": "ICON_BUTTON_WIDGET",
        "hideCard": false,
        "isDeprecated": false,
        "displayName": "Icon Button",
        "key": "8he4nv2fbs",
        "iconSVG": "/static/media/icon.1a0c634a.svg",
        "widgetId": "30jhk2thdb",
        "renderMode": "CANVAS",
        "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
        "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
        "boxShadow": "none",
        "isLoading": false,
        "parentColumnSpace": 16.71875,
        "parentRowSpace": 10,
        "leftColumn": 30,
        "rightColumn": 34,
        "topRow": 2,
        "bottomRow": 6,
        "parentId": "0",
        "dynamicBindingPathList": [
          {
            "key": "buttonColor"
          },
          {
            "key": "borderRadius"
          }
        ],
        "dynamicTriggerPathList": [
          {
            "key": "onClick"
          }
        ],
        "onClick": "{{deleteAllRecords.run(() => selectRecords.run(), () => {})}}"
      }
    ]
  }
}