@processmaker/screen-builder 3.8.22 → 3.8.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@processmaker/screen-builder",
-  "version": "3.8.22",
+  "version": "3.8.23",
   "scripts": {
     "dev": "VITE_COVERAGE=true vite",
     "build": "vite build",

package/src/components/renderer/form-record-list.vue

@@ -739,6 +739,83 @@ export default {
       });
       //sets Collection result(columns and rows) into this.collectionData
       this.collectionData = result;
+      this.reapplyCollectionSelections(result);
+    },
+    // Keep selected rows in sync after collection refreshes triggered by PMQL filters.
+    reapplyCollectionSelections(newCollection) {
+      if (!this.shouldPersistCollectionSelection()) {
+        return;
+      }
+
+      if (!Array.isArray(this.selectedRows) || this.selectedRows.length === 0) {
+        return;
+      }
+
+      const keyCounts = this.selectedRows.reduce((accumulator, item) => {
+        const key = this.getCollectionRowKey(item);
+        if (!key) {
+          return accumulator;
+        }
+        const occurrences = accumulator.get(key) || 0;
+        accumulator.set(key, occurrences + 1);
+        return accumulator;
+      }, new Map());
+
+      if (keyCounts.size === 0) {
+        this.selectedRows = [];
+        return;
+      }
+
+      const updatedSelection = [];
+
+      newCollection.forEach((row, index) => {
+        const rowKey = this.getCollectionRowKey(row);
+        const occurrences = keyCounts.get(rowKey);
+        if (!occurrences) {
+          return;
+        }
+
+        // eslint-disable-next-line no-param-reassign
+        row.selectedRowsIndex = index;
+        updatedSelection.push(row);
+
+        if (occurrences === 1) {
+          keyCounts.delete(rowKey);
+        } else {
+          keyCounts.set(rowKey, occurrences - 1);
+        }
+      });
+
+      this.selectedRows = updatedSelection;
+    },
+    shouldPersistCollectionSelection() {
+      const pmql = this.source?.collectionFields?.pmql;
+      return (
+        this.source?.sourceOptions === "Collection" &&
+        this.source?.dataSelectionOptions === "multiple-records" &&
+        typeof pmql === "string" &&
+        pmql.trim().length > 0
+      );
+    },
+    getCollectionRowKey(item) {
+      if (!item || typeof item !== "object") {
+        return null;
+      }
+
+      const entries = Object.entries(item).filter(
+        ([key]) => key !== "selectedRowsIndex"
+      );
+
+      if (entries.length === 0) {
+        return null;
+      }
+
+      entries.sort(([keyA], [keyB]) => {
+        if (keyA > keyB) return 1;
+        if (keyA < keyB) return -1;
+        return 0;
+      });
+      return JSON.stringify(entries);
     },
     updateRowDataNamePrefix() {
       this.setUploadDataNamePrefix(this.currentRowIndex);

package/src/components/task.vue

@@ -831,6 +831,12 @@ export default {
      * @param {Object} data - The event data received from the socket listener.
      */
     handleProcessUpdate(data) {
+      if (!this.task) {
+        // reload the task if it is not found
+        this.reload();
+        return;
+      }
+      
       const { event, elementDestination, tokenId } = data;
 
       // If the activity is completed and there is an element destination, set the element destination to the task