@processmaker/screen-builder 3.0.4 → 3.0.5

package/package.json

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

package/src/components/renderer/form-collection-record-control.vue

@@ -61,7 +61,8 @@ export default {
       screenType: "",
       hasMustache: false,
       flagDraft: {},
-      taskDraft: {}
+      taskDraft: {},
+      enableDraft: true
     };
   },
   computed: {
@@ -167,7 +168,6 @@ export default {
       this.selCollectionId = collectionId;
       this.selRecordId = recordId;
       this.selDisplayMode = modeId;
-
       this.$dataProvider
         .getCollectionRecordsView(collectionId, recordId)
         .then((response) => {
@@ -176,22 +176,25 @@ export default {
           const viewScreen = response.collection.read_screen_id;
           const editScreen = response.collection.update_screen_id;
             //Choose screen id regarding of the display Mode
-            this.screenCollectionId =
-              this.selDisplayMode === "View" ? viewScreen : editScreen;
-          
+            this.screenCollectionId = 
+              typeof this.selDisplayMode === 'function' ? 
+                (this.collectionmode.modeId === "View" ? viewScreen : editScreen) :
+                (this.selDisplayMode === "View" ? viewScreen : editScreen);
           this.loadScreen(this.screenCollectionId);
          
           //This section validates if Collection has draft data
-          if(this.taskDraft?.draft?.data == null || this.taskDraft.draft.data === '') {
+          if (this.taskDraft?.draft?.data == null || this.taskDraft.draft.data === '' || !this.enableDraft) 
+          {
             this.localData = respData;
           }else{
             this.localData = _.merge({}, respData, this.taskDraft.draft.data);
           }
-          
+
         })
         .catch(() => {
           this.localData = {};
           globalObject.ProcessMaker.alert(this.$t('This content does not exist. We could not locate indicated data'), "danger");
+          this.placeholder = "Select a collection";
         });;
     },
     isMustache(record) {
@@ -213,6 +216,7 @@ export default {
     },
     record(record) {
       this.hasMustache = false;
+      this.enableDraft = false;
       if (record && !isNaN(record) && record > 0 && this.collection.collectionId) {
         this.selRecordId = record;
         this.loadRecordCollection(this.collection.collectionId, record, this.selDisplayMode);

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

@@ -160,12 +160,12 @@ export default {
   },
   watch: {
     listOption() {
-      this.title = this.checkTitle(this.listOption);
+      this.title = this.$t(this.checkTitle(this.listOption));
       this.dataControl = {};
     }
   },
   mounted() {
-    this.title = this.checkTitle(this.listOption);
+    this.title = this.$t(this.checkTitle(this.listOption));
   },
   methods: {
     /**

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

@@ -17,7 +17,7 @@
       </div>
     </div>
     <div v-else>
-      <formEmpty link="" title="No Case to Start" url="" />
+      <formEmpty link="" :title="$t('No Case to Start')" url="" />
     </div>
   </div>
 </template>

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

@@ -431,20 +431,22 @@ export default {
       }
 
       // Adds radio buttons or checkbox to the table depending selected option
-      if (['single-field', 'single-record'].includes(this.source?.dataSelectionOptions)) {
-        fields.unshift({
-          key: 'radio',
-          label: '',
-          sortable: false,
-        });
-      }
-
-      if (this.source?.dataSelectionOptions === 'multiple-records') {
-        fields.unshift({
-          key: 'checkbox',
-          label: '',
-          sortable: false
-        });
+      if(this.source?.sourceOptions === "Collection") { 
+        if (['single-field', 'single-record'].includes(this.source?.dataSelectionOptions)) {
+          fields.unshift({
+            key: 'radio',
+            label: '',
+            sortable: false,
+          });
+        }
+  
+        if (this.source?.dataSelectionOptions === 'multiple-records') {
+          fields.unshift({
+            key: 'checkbox',
+            label: '',
+            sortable: false
+          });
+        }
       }
       
       return fields;

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

@@ -70,7 +70,7 @@
     </filter-table>
   </div>
   <div v-else>
-    <formEmpty link="Requests" title="No Cases to Show" :url="noDataUrl" />
+    <formEmpty link="Requests" :title="$t('No Cases to Show')" :url="noDataUrl" />
   </div>
 </template>
 

package/src/form-builder-controls.js

@@ -481,6 +481,15 @@ export default [
           jsonData: '',
         },
         form: '',
+        source: {
+          collectionFields: [],
+          collectionFieldsColumns: [],
+          pmql: null,
+          sourceOptions: "Variable",
+          variableStore: null,
+          dataSelectionOptions: "no-selection",
+          singleField: null
+        }
       },
       inspector: [
         keyNameProperty,