@processmaker/screen-builder 2.29.0 → 2.30.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@processmaker/screen-builder",
-  "version": "2.29.0",
+  "version": "2.30.0",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
@@ -22,7 +22,7 @@
   ],
   "dependencies": {
     "is-proxy": "^1.0.6",
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "moment": "^2.29.1",
     "moment-timezone": "^0.5.27",
     "scrollparent": "^2.0.1",

package/src/ValidationsFactory.js

@@ -35,7 +35,7 @@ class Validations {
   isVisible() {
     // Disable validations if field is hidden
     let visible = true;
-    if (!this.data.noData && this.element.config.conditionalHide) {
+    if (this.element.config.conditionalHide) {
       try {
         visible = !!Parser.evaluate(this.element.config.conditionalHide, this.data);
       } catch (error) {
@@ -43,7 +43,7 @@ class Validations {
       }
     }
     return visible;
-  }    
+  }
 }
 
 /**
@@ -115,7 +115,8 @@ class FormLoopValidations extends Validations {
     const loopField = get(validations, this.element.config.name);
     loopField['$each'] = {};
     this.checkForSiblings(validations);
-    await ValidationsFactory(this.element.items, { screen: this.screen, data: {_parent: this.data, noData:true }, parentVisibilityRule: this.element.config.conditionalHide, insideLoop: true }).addValidations(loopField['$each']);
+    const firstRow = (get(this.data, this.element.config.name) || [{}])[0];
+    await ValidationsFactory(this.element.items, { screen: this.screen, data: {_parent: this.data, ...firstRow }, parentVisibilityRule: this.element.config.conditionalHide, insideLoop: true }).addValidations(loopField['$each']);
   }
   checkForSiblings(validations) {
     const siblings = [];

package/src/mixins/VisibilityRule.js

@@ -3,7 +3,7 @@ import { debounce } from 'lodash';
 
 export default {
   mounted() {
-    this.refreshValidationRulesByName = debounce(this.refreshValidationRulesByName, 1000);
+    this.refreshValidationRulesByName = debounce(this.refreshValidationRulesByName, 500);
 
     this.$root.$on('refresh-validation-rules', () => {
       this.loadValidationRules();
@@ -30,7 +30,7 @@ export default {
 
         window.setTimeout(() => {
           this.refreshValidationRulesByName(fieldName, isVisible);
-        }, 1000);
+        }, 250);
         return isVisible;
       } catch (e) {
         return false;