@processmaker/screen-builder 3.6.0 → 3.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@processmaker/screen-builder",
-  "version": "3.6.0",
+  "version": "3.7.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,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',