@processmaker/screen-builder 3.8.2 → 3.8.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@processmaker/screen-builder",
-  "version": "3.8.2",
+  "version": "3.8.4",
   "scripts": {
     "dev": "VITE_COVERAGE=true vite",
     "build": "vite build",
@@ -57,7 +57,7 @@
     "@fortawesome/fontawesome-free": "^5.6.1",
     "@originjs/vite-plugin-commonjs": "^1.0.3",
     "@panter/vue-i18next": "^0.15.2",
-    "@processmaker/vue-form-elements": "0.65.1",
+    "@processmaker/vue-form-elements": "0.65.2",
     "@processmaker/vue-multiselect": "2.3.0",
     "@storybook/addon-essentials": "^7.6.13",
     "@storybook/addon-interactions": "^7.6.13",
@@ -116,7 +116,7 @@
   },
   "peerDependencies": {
     "@panter/vue-i18next": "^0.15.0",
-    "@processmaker/vue-form-elements": "0.65.1",
+    "@processmaker/vue-form-elements": "0.65.2",
     "i18next": "^15.0.8",
     "vue": "^2.6.12",
     "vuex": "^3.1.1"

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

@@ -469,9 +469,9 @@ export default {
         this.currentPage = this.currentPage == 0 ? 1 : this.currentPage;
       }
     },
-    // Watch for changes in the option input field
-    "validationData.option": {
-      handler(newValue) {
+    // Watch for changes in validationData to handle any Mustache variable changes
+    validationData: {
+      handler(newValue, oldValue) {
         if (this.source?.sourceOptions === "Collection" && this.source?.collectionFields?.pmql) {
           this.onCollectionChange(
             this.source?.collectionFields?.collectionId, 
@@ -479,6 +479,7 @@ export default {
           );
         }
       },
+      deep: true,
       immediate: false
     }
   },
@@ -614,12 +615,9 @@ export default {
         // Get data from validationData
         const data = this.validationData || {};
         
-        // Clean up the PMQL by removing unnecessary quotes around Mustache variables
-        let processedPmql = pmql.replace(/"{{([^}]+)}}"/g, "{{$1}}");
-        
-        // Process Mustache variables
-        processedPmql = Mustache.render(processedPmql, data);
-        
+        // First, process all Mustache variables (both quoted and unquoted)
+        let processedPmql = Mustache.render(pmql, data);
+
         // Check if the processed PMQL has empty values
         if (this.hasEmptyValues(processedPmql)) {
           this.collectionData = [];
@@ -627,7 +625,11 @@ export default {
         }
         
         // Add quotes around string values in PMQL if they don't have them
-        processedPmql = processedPmql.replace(/= ([^"'\s]+)/g, '= "$1"');
+        // This regex now properly handles values with spaces by looking for the end of the comparison
+        processedPmql = processedPmql.replace(
+          /= ([^"'\s][^"']*[^"'\s]|[^"'\s]+)(?=\s|$)/g,
+          '= "$1"'
+        );
         
         return processedPmql;
       } catch (error) {