Enable deleting rows through views

packages/frontend-core/src/api/viewsV2.js

@@ -69,6 +69,10 @@ export const buildViewV2Endpoints = API => ({
    * @param rows the array of rows to delete
    */
   deleteRows: async ({ viewId, rows }) => {
+    // Ensure we delete _viewId from rows as otherwise this throws a 500
+    rows?.forEach(row => {
+      delete row?._viewId
+    })
     return await API.delete({
       url: `/api/v2/views/${viewId}/rows`,
       body: {

packages/frontend-core/src/components/grid/stores/config.js

@@ -31,7 +31,6 @@ export const deriveStores = context => {
       if ($props.datasource?.type === "viewV2") {
         config.canEditPrimaryDisplay = false
         config.canEditColumns = false
-        config.canDeleteRows = false
       }
 
       // Disable adding rows if we don't have any valid columns

packages/frontend-core/src/components/grid/stores/rows.js

@@ -440,15 +440,23 @@ export const createActions = context => {
     if (!rowsToDelete?.length) {
       return
     }
+    const $datasource = get(datasource)
 
     // Actually delete rows
     rowsToDelete.forEach(row => {
       delete row.__idx
     })
-    await API.deleteRows({
-      tableId: get(datasource).tableId,
-      rows: rowsToDelete,
-    })
+    if ($datasource.type === "table") {
+      await API.deleteRows({
+        tableId: $datasource.tableId,
+        rows: rowsToDelete,
+      })
+    } else if ($datasource.type === "viewV2") {
+      await API.viewV2.deleteRows({
+        viewId: $datasource.id,
+        rows: rowsToDelete,
+      })
+    }
 
     // Update state
     handleRemoveRows(rowsToDelete)