@processmaker/screen-builder 3.5.7 → 3.7.0

package/package.json

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

package/src/components/inspector/options-list.vue

@@ -617,13 +617,16 @@ export default {
           return;
         }
         const newOption = {
-            [this.valueField]: this.optionContent,
-            [this.keyField]: this.optionValue,
-          };
+          [this.valueField]: this.optionContent,
+          [this.keyField]: this.optionValue
+        };
         if (this.renderAs === "checkbox") {
+          const index = this.optionsList.length;
           this.optionsList.push(newOption);
-          this.optionsListExtra.push({...newOption, [this.ariaLabelField]: this.optionAriaLabel});
-
+          this.optionsListExtra[index] = {
+            ...newOption,
+            [this.ariaLabelField]: this.optionAriaLabel
+          };
         } else {
           this.optionsList.push(newOption);
         }
@@ -635,7 +638,10 @@ export default {
         this.optionsList[this.editIndex][this.keyField] = this.optionValue;
         this.optionsList[this.editIndex][this.valueField] = this.optionContent;
         if (this.renderAs === "checkbox") {
-          this.optionsListExtra[this.editIndex] = {...this.optionsList[this.editIndex], [this.ariaLabelField]: this.optionAriaLabel};
+          this.optionsListExtra[this.editIndex] = {
+            ...this.optionsList[this.editIndex],
+            [this.ariaLabelField]: this.optionAriaLabel
+          };
         }
       }
 

package/src/components/task.vue

@@ -247,7 +247,11 @@ export default {
       return json;
     },
     showSimpleErrorMessage() {
-      this.renderComponent = 'simpleErrorMessage';
+      // This triggers a re-render if it has already been displayed.
+      this.renderComponent = null;
+      setTimeout(() => {
+        this.renderComponent = 'simpleErrorMessage';
+      }, 0);
     },
     loadScreen(id) {
       this.disabled = true;
@@ -978,6 +982,9 @@ export default {
           if (
             ['ACTIVITY_ACTIVATED'].includes(data.event)
           ) {
+            if (data.activeTokens?.includes(this.taskId)) {
+              return;
+            }
             this.closeTask(this.parentRequest);
           }
           if (

package/src/components/vue-form-builder.vue

@@ -1381,15 +1381,27 @@ export default {
       }
       return index > this.pageDelete ? index - 1 : index;
     },
+    // This function is used to calculate the new index of the references FormRecordList
+    calcNewIndexForFormRecordList(index, referencedBy, config) {
+      if (config[this.pageDelete].items.length > 0) {
+        throw new Error(
+          `${this.$t(
+            "Can not delete this page, it is referenced by"
+          )}: ${referencedBy}`
+        );
+      }
+      return index > this.pageDelete ? index - 1 : index;
+    },
     // Update Record list references
     updateRecordListReferences() {
       this.config.forEach((page) => {
         page.items.forEach((item) => {
           if (item.component === "FormRecordList") {
             // eslint-disable-next-line no-param-reassign
-            item.config.form = this.calcNewIndexFor(
+            item.config.form = this.calcNewIndexForFormRecordList(
               item.config.form * 1,
-              item.config.label
+              item.config.label,
+              this.config,
             );
           }
         });

package/src/form-builder-controls.js

@@ -222,6 +222,7 @@ export default [
           allowMultiSelect: false,
           selectedOptions: [],
           optionsList: [],
+          optionsListExtra: [],
           key:'value',
           value:'content',
           ariaLabel: 'ariaLabel',