@processmaker/screen-builder 2.30.1 → 2.50.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@processmaker/screen-builder",
-  "version": "2.30.1",
+  "version": "2.50.0",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
@@ -38,7 +38,7 @@
     "@cypress/code-coverage": "^3.8.1",
     "@fortawesome/fontawesome-free": "^5.6.1",
     "@panter/vue-i18next": "^0.15.2",
-    "@processmaker/vue-form-elements": "0.29.1",
+    "@processmaker/vue-form-elements": "0.40.0",
     "@processmaker/vue-multiselect": "^2.2.0",
     "@vue/cli-plugin-babel": "^3.6.0",
     "@vue/cli-plugin-e2e-cypress": "^4.0.3",
@@ -54,9 +54,13 @@
     "css-tree": "^1.0.0-alpha.29",
     "cypress": "^3.8.0",
     "cypress-wait-until": "^1.7.1",
-    "eslint": "^7.32.0",
+    "eslint": "^8.21.0",
+    "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jest": "^22.4.1",
-    "eslint-plugin-vue": "^8.0.3",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-vue": "^9.3.0",
     "expr-eval": "^2.0.2",
     "i18next": "^15.0.8",
     "identity-obj-proxy": "^3.0.0",
@@ -64,6 +68,7 @@
     "monaco-editor-webpack-plugin": "~1.7.0",
     "mustache": "^3.0.1",
     "nyc": "^15.1.0",
+    "prettier": "2.7.1",
     "sass": "^1.53.0",
     "sass-loader": "^10.3.1",
     "v-calendar": "^0.9.7",
@@ -82,7 +87,7 @@
   },
   "peerDependencies": {
     "@panter/vue-i18next": "^0.15.0",
-    "@processmaker/vue-form-elements": "0.29.1",
+    "@processmaker/vue-form-elements": "0.40.0",
     "i18next": "^15.0.8",
     "vue": "^2.6.12",
     "vuex": "^3.1.1"

package/src/App.vue

@@ -74,13 +74,6 @@
         <!-- Preview -->
         <b-row class="h-100 m-0" id="preview" v-show="displayPreview" data-cy="preview">
           <b-col class="overflow-auto h-100" data-cy="preview-content">
-            <div v-if="$store.getters['globalErrorsModule/isValidScreen'] === false" class="alert alert-danger mt-3">
-              <i class="fas fa-exclamation-circle"/>
-              {{ $store.getters['globalErrorsModule/getErrorMessage'] }}
-              <button type="button" class="close" aria-label="Close" @click="$store.dispatch('globalErrorsModule/close')">
-                <span aria-hidden="true">&times;</span>
-              </button>
-            </div>
             <vue-form-renderer ref="renderer"
               :key="rendererKey"
               v-model="previewData"
@@ -458,7 +451,7 @@ export default {
       if (customCSS) {
         this.customCSS = customCSS;
       }
-      
+
       if (computed) {
         this.computed = JSON.parse(computed);
       }
@@ -611,7 +604,7 @@ export default {
     .modal-backdrop {
       opacity: 0.5;
     }
-    
+
     .form-group--error {
       animation: none;
     }

package/src/components/renderer/file-download.vue

@@ -112,6 +112,11 @@ export default {
     requestEndpoint(file) {
       let endpoint = this.endpoint;
 
+      if (_.has(window, 'PM4ConfigOverrides.useDefaultUrlDownload') && window.PM4ConfigOverrides.useDefaultUrlDownload) {
+        // Use default endpoint when coming from a package.
+        return `../files/${file.id}/contents`;
+      }
+
       if (_.has(window, 'PM4ConfigOverrides.getFileEndpoint')) {
         endpoint = window.PM4ConfigOverrides.getFileEndpoint;
         return `${endpoint}/${file.id}`;

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

@@ -228,7 +228,7 @@ export default {
       }
     },
     localValue(value) {
-      if (value != this.value) {
+      if (value !== this.value) {
         this.$emit('input', this.convertToData(value));
       }
     },

package/src/components/task.vue

@@ -8,13 +8,6 @@
     <template v-if="screen">
       <div class="card card-body border-top-0 h-100" :class="screenTypeClass">
         <div v-if="renderComponent === 'task-screen'">
-          <div v-if="$store.getters['globalErrorsModule/isValidScreen'] === false" class="alert alert-danger mt-3">
-            <i class="fas fa-exclamation-circle"/>
-            {{ $store.getters['globalErrorsModule/getErrorMessage'] }}
-            <button type="button" class="close" aria-label="Close" @click="$store.dispatch('globalErrorsModule/close')">
-              <span aria-hidden="true">&times;</span>
-            </button>
-          </div>
           <vue-form-renderer
             ref="renderer"
             v-model="requestData"
@@ -250,7 +243,7 @@ export default {
             this.task = response.data;
             this.checkTaskStatus();
             if (window.PM4ConfigOverrides.getScreenEndpoint && window.PM4ConfigOverrides.getScreenEndpoint.includes('tasks/')) {
-              const screenPath = window.PM4ConfigOverrides.getScreenEndpoint.split('/');              
+              const screenPath = window.PM4ConfigOverrides.getScreenEndpoint.split('/');
               screenPath[1] = this.task.id;
               window.PM4ConfigOverrides.getScreenEndpoint = screenPath.join('/');
             }

package/src/mixins/ScreenBase.js

@@ -111,6 +111,8 @@ export default {
     },
     submitForm() {
       if (this.$v.$invalid) {
+        let msgError = this.$store.getters['globalErrorsModule/getErrorMessage'];
+        window.ProcessMaker.alert(msgError, 'danger');
         //if the form is not valid the data is not emitted
         return;
       }

package/src/mixins/computedFields.js

@@ -14,7 +14,7 @@ export default {
 
         const data = new Proxy(Object.assign({}, this), {
           get(data, name) {
-            if (data[name] === undefined || !isEqual(data[name]), self.vdata[name]) {
+            if (data[name] === undefined || !isEqual(data[name], self.vdata[name])) {
               return self.vdata[name];
             } else {
               return data[name];