@processmaker/screen-builder 2.85.0 → 2.85.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@processmaker/screen-builder",
-  "version": "2.85.0",
+  "version": "2.85.2",
   "scripts": {
     "dev": "VITE_COVERAGE=true vite",
     "build": "vite build",
@@ -55,7 +55,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.51.0",
+    "@processmaker/vue-form-elements": "0.52.0",
     "@processmaker/vue-multiselect": "2.3.0",
     "@storybook/addon-essentials": "^7.6.13",
     "@storybook/addon-interactions": "^7.6.13",
@@ -114,7 +114,7 @@
   },
   "peerDependencies": {
     "@panter/vue-i18next": "^0.15.0",
-    "@processmaker/vue-form-elements": "0.51.0",
+    "@processmaker/vue-form-elements": "0.52.0",
     "i18next": "^15.0.8",
     "vue": "^2.6.12",
     "vuex": "^3.1.1"

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

@@ -57,6 +57,13 @@ export default {
         boundary: 'window',
       };
     },
+    buttonInfo() {
+      return {
+        name: this.name,
+        label: this.label,
+        value: this.fieldValue
+      };
+    }
   },
   methods: {
     setValue(parent, name, value) {
@@ -83,7 +90,7 @@ export default {
         }
         this.$emit('input', this.fieldValue);
         this.$nextTick(() => {
-          this.$emit('submit', this.eventData, this.loading);
+          this.$emit('submit', this.eventData, this.loading, this.buttonInfo);
         });
         return;
       }

package/src/components/task.vue

@@ -115,7 +115,7 @@ export default {
       hasErrors: false,
       refreshScreen: 0,
       redirecting: null,
-      loadingButton: false
+      loadingButton: false,
     };
   },
   watch: {
@@ -223,7 +223,7 @@ export default {
           }
           this.renderComponent = component;
         }
-      },
+      }
     },
   },
   computed: {
@@ -289,7 +289,7 @@ export default {
       }
     },
     loadTask() {
-      const url = `/${this.taskId}?include=data,user,requestor,processRequest,component,screen,requestData,loopContext,bpmnTagName,interstitial,definition,nested,userRequestPermission`;
+      const url = `/${this.taskId}?include=data,user,draft,requestor,processRequest,component,screen,requestData,loopContext,bpmnTagName,interstitial,definition,nested,userRequestPermission`;
       // For Vocabularies
       if (window.ProcessMaker && window.ProcessMaker.packages && window.ProcessMaker.packages.includes('package-vocabularies')) {
         window.ProcessMaker.VocabulariesSchemaUrl = `vocabularies/task_schema/${this.taskId}`;
@@ -324,6 +324,15 @@ export default {
         this.resetScreenState();
         this.requestData = _.get(this.task, 'request_data', {});
         this.loopContext = _.get(this.task, "loop_context", "");
+
+        if (this.task.draft) {
+          this.requestData = _.merge(
+            {},
+            this.requestData,
+            this.task.draft.data
+          );
+        }
+
         this.refreshScreen++;
       }
 
@@ -433,7 +442,7 @@ export default {
       }
       return 'card-header text-capitalize text-white ' + header;
     },
-    submit(formData = null, loading = false) {
+    submit(formData = null, loading = false, buttonInfo = null) {
       //single click
       if (this.disabled) {
         return;
@@ -449,7 +458,7 @@ export default {
       } else {
         this.loadingButton = false;
       }
-      this.$emit('submit', this.task, loading);
+      this.$emit('submit', this.task, loading, buttonInfo);
 
       if (this.task && this.task.allow_interstitial && !this.loadingButton) {
         this.task.interstitial_screen['_interstitial'] = true;

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

@@ -246,8 +246,8 @@ export default {
         node.$children.forEach((child) => this.registerCustomFunctions(child));
       }
     },
-    submit(eventData, loading = false) {
-      this.$emit("submit", this.data, loading);
+    submit(eventData, loading = false, buttonInfo = null) {
+      this.$emit("submit", this.data, loading, buttonInfo);
     },
     parseCss() {
       const containerSelector = `.${this.containerClass}`;

package/src/mixins/Json2Vue.js

@@ -53,8 +53,8 @@ export default {
     dot2bracket(str) {
       return str.replace(/\.\d/g, match => `[${match.substr(1)}]`);
     },
-    submit(eventData, loading = false) {
-      this.$emit('submit', this.value, loading);
+    submit(eventData, loading = false, buttonInfo = null) {
+      this.$emit('submit', this.value, loading, buttonInfo);
     },
     buildComponent(definition) {
       if (window.ProcessMaker && window.ProcessMaker.EventBus) {

package/src/mixins/ScreenBase.js

@@ -145,7 +145,7 @@ export default {
         return 'MUSTACHE: ' + e.message;
       }
     },
-    async submitForm(eventData, loading = false) {
+    async submitForm(eventData, loading = false, buttonInfo = null) {
       await this.validateNow(findRootScreen(this));
       this.hasSubmitted(true);
       if (!this.valid__ || this.disableSubmit__) {
@@ -155,7 +155,7 @@ export default {
         // if the form is not valid the data is not emitted
         return;
       }
-      this.$emit('submit', this.vdata, loading);
+      this.$emit('submit', this.vdata, loading, buttonInfo);
     },
     resetValue(safeDotName, variableName) {
       this.setValue(safeDotName, null);