Check the table contents after a bulk action has completed

This avoids issues where the current page is empty but a bulk interaction is still taking place which would remove any remaining items.

See https://www.woltlab.com/community/thread/316255/

Author: dtdesign

ts/WoltLabSuite/Core/Component/GridView.ts

@@ -124,6 +124,10 @@ export class GridView {
     this.#table.addEventListener("interaction:reset-selection", () => {
       this.#state.resetSelection();
     });
+
+    this.#table.addEventListener("interaction:bulk-completed", () => {
+      this.#checkEmptyTable();
+    });
   }
 
   #setupState(

ts/WoltLabSuite/Core/Component/Interaction/Bulk/Rpc.ts

@@ -25,10 +25,11 @@ async function handleRpcInteraction(
     return;
   }
 
-  const snackbar = showProgressSnackbar(label, objectIds.length);
+  const length = objectIds.length;
+  const snackbar = showProgressSnackbar(label, length);
 
-  for (let i = 0; i < objectIds.length; i++) {
-    if (confirmationType == ConfirmationType.Delete) {
+  for (let i = 0; i < length; i++) {
+    if (confirmationType === ConfirmationType.Delete) {
       await deleteObject(endpoint.replace(/%s/, objectIds[i].toString()));
     } else {
       await postObject(
@@ -44,7 +45,7 @@ async function handleRpcInteraction(
       continue;
     }
 
-    if (confirmationType == ConfirmationType.Delete) {
+    if (confirmationType === ConfirmationType.Delete) {
       element.dispatchEvent(
         new CustomEvent("interaction:remove", {
           bubbles: true,
@@ -61,6 +62,7 @@ async function handleRpcInteraction(
 
   snackbar.markAsDone();
   container.dispatchEvent(new CustomEvent("interaction:reset-selection"));
+  container.dispatchEvent(new CustomEvent("interaction:bulk-completed"));
 }
 
 export function setup(identifier: string, container: HTMLElement): void {