@processmaker/screen-builder 3.6.0 → 3.8.0

package/package.json

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

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;

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

@@ -1381,16 +1381,22 @@ 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) {
+      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 * 1,
-              item.config.label
-            );
+            if (this.isValidInteger(item.config.form)) {
+              item.config.form = this.calcNewIndexForFormRecordList(
+                item.config.form * 1,
+                item.config.label,
+              );
+            }
           }
         });
       });
@@ -1414,6 +1420,9 @@ export default {
     },
     async deletePage() {
       const back = _.cloneDeep(this.config);
+      if(!this.isNotReferenceToRecordForm()) {
+        return;
+      }
       try {
         this.updateRecordListReferences();
         this.updateNavigationButtonsReferences();
@@ -1434,6 +1443,32 @@ export default {
       });
       this.$store.dispatch("clipboardModule/pushState", this.clipboardPage.items);
     },
+    isNotReferenceToRecordForm() {
+      for (let page of this.config) {
+        for (let item of page.items) {
+          if (item.component === "FormRecordList") {
+            if (this.isValidInteger(item.config.form) && Number(item.config.form) === this.pageDelete) {
+              const referencedBy = item.config.label;
+              const message = `${this.$t("Can not delete this page, it is referenced by")}: ${referencedBy}`;
+              globalObject.ProcessMaker.alert(message, "danger");
+              return false;
+            }
+          }
+        }
+      }
+      return true;
+    },
+    isValidInteger(value) {
+      if (typeof value === 'boolean' || value === null || value === undefined) {
+        return false;
+      }
+      const str = String(value).trim();
+      if (str === '') {
+        return false;
+      }
+      const num = Number(str);
+      return Number.isInteger(num);
+    },
     inspect(element = {}) {
       this.closeTemplatesPanel();
       this.inspection = element;

package/src/form-builder-controls.js

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