@processmaker/screen-builder 2.85.8 → 2.85.10

package/package.json

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

package/src/components/TabsBar.vue

@@ -43,6 +43,7 @@
           {{ pages[index]?.name }}
         </span>
         <span
+          v-if="isMultiPage"
           :data-test="`close-tab-${n}`"
           class="close-tab"
           role="link"
@@ -107,6 +108,13 @@ export default {
     buttonIcon: {
       type: String,
       default: () => "fa fa-file"
+    },
+    /**
+     * Is multi page mode enabled
+     */
+    isMultiPage: {
+      type: Boolean,
+      default: true
     }
   },
   data() {

package/src/components/renderer/form-input-masked.vue

@@ -47,10 +47,7 @@ export default {
       },
     },
     currencyValue() {
-      this.unformattedValue = parseFloat(
-        this.currencyInput.inputmask.unmaskedvalue().replace(',', '.')
-      );
-      this.$emit('input', this.unformattedValue || 0);
+      this.handleInput();
     },
   },
   methods: {
@@ -74,8 +71,16 @@ export default {
       // the decimal does not trigger an input event
       if (this.currencyValue !== event.target.value) {
         this.currencyValue = event.target.value;
+      } else {
+        this.handleInput();
       }
     },
+    handleInput() {
+      this.unformattedValue = parseFloat(
+        this.currencyInput.inputmask.unmaskedvalue().replace(',', '.')
+      );
+      this.$emit('input', this.unformattedValue || 0);
+    }
   },
   mounted() {
     this.loadMasks();

package/src/components/screen-renderer.vue

@@ -39,6 +39,7 @@
       :vdata="value"
       :_parent="_parent"
       :_initial-page="currentPage"
+      @after-submit="afterSubmit"
       @submit="submit"
       @asyncWatcherTriggered="onAsyncWatcherOn"
       @asyncWatcherCompleted="onAsyncWatcherOff"
@@ -108,6 +109,9 @@ export default {
     },
     setCurrentPage(page) {
       this.$refs.component.setCurrentPage(page);
+    },
+    afterSubmit() {
+      this.$emit('after-submit', ...arguments);
     }
   }
 };

package/src/components/task.vue

@@ -30,6 +30,7 @@
             :key="refreshScreen"
             :loop-context="loopContext"
             @update="onUpdate"
+            @after-submit="afterSubmit"
             @submit="submit"
           />
         </div>
@@ -46,6 +47,7 @@
             :watchers="screen.watchers"
             :data="requestData"
             :type="screen.type"
+            @after-submit="afterSubmit"
             @submit="submit"
           />
         </div>
@@ -446,6 +448,9 @@ export default {
       }
       return 'card-header text-capitalize text-white ' + header;
     },
+    afterSubmit() {
+      this.$emit('after-submit', ...arguments);
+    },
     submit(formData = null, loading = false, buttonInfo = null) {
       //single click
       if (this.disabled) {

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

@@ -104,6 +104,7 @@
       <tabs-bar
         ref="tabsBar"
         :pages="config"
+        :is-multi-page="showToolbar"
         @tab-opened="currentPage = $event"
       >
         <template #tabs-start>
@@ -1386,7 +1387,7 @@ export default {
 };
 </script>
 
-<style>
+<style scoped>
 .custom-popover {
   margin-right: -400px;
   padding: 16px;

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

@@ -18,6 +18,7 @@
       :test-screen-definition="testScreenDefinition || false"
       class="p-0"
       :loop-context="loopContext"
+      @after-submit="afterSubmit"
       @submit="submit"
     />
   </div>
@@ -246,6 +247,9 @@ export default {
         node.$children.forEach((child) => this.registerCustomFunctions(child));
       }
     },
+    afterSubmit() {
+      this.$emit('after-submit', ...arguments);
+    },
     submit(eventData, loading = false, buttonInfo = null) {
       this.$emit("submit", this.data, loading, buttonInfo);
     },

package/src/mixins/ScreenBase.js

@@ -146,6 +146,15 @@ export default {
       }
     },
     async submitForm(eventData, loading = false, buttonInfo = null) {
+      const event = {
+        name: 'after-submit',
+        validation: true
+      };
+      this.$emit('after-submit', event, ...arguments);
+      if (event.validation === false) {
+        this.$emit('submit', this.vdata, loading, buttonInfo);
+        return;
+      }
       await this.validateNow(findRootScreen(this));
       this.hasSubmitted(true);
       if (!this.valid__ || this.disableSubmit__) {