@formio/js 5.0.0-dev.5902.bf899bf → 5.0.0-dev.5905.7719f60

package/lib/mjs/components/_classes/nested/NestedComponent.js

@@ -80,26 +80,17 @@ export default class NestedComponent extends Field {
         const visibilityChanged = this._visible !== value;
         this._visible = value;
         const isVisible = this.visible;
-        const isConditionallyHidden = this.checkConditionallyHidden();
         const forceShow = this.shouldForceShow();
         const forceHide = this.shouldForceHide();
-        this.components.forEach((component) => {
+        this.components.forEach(component => {
             // Set the parent visibility first since we may have nested components within nested components
             // and they need to be able to determine their visibility based on the parent visibility.
             component.parentVisible = isVisible;
-            component._parentConditionallyHidden = isConditionallyHidden;
-            let visible;
-            if (component.hasCondition()) {
-                component._conditionallyHidden = component.checkConditionallyHidden() || component._parentConditionallyHidden;
-                visible = !component.conditionallyHidden;
-            }
-            else {
-                visible = !component.component.hidden;
-            }
-            if (forceShow || visible) {
+            const conditionallyVisible = component.conditionallyVisible();
+            if (forceShow || conditionallyVisible) {
                 component.visible = true;
             }
-            else if (forceHide || !isVisible || !visible) {
+            else if (forceHide || !isVisible || !conditionallyVisible) {
                 component.visible = false;
             }
             // If hiding a nested component, clear all errors below.
@@ -108,6 +99,7 @@ export default class NestedComponent extends Field {
             }
         });
         if (visibilityChanged) {
+            this.clearOnHide();
             this.redraw();
         }
     }
@@ -388,7 +380,6 @@ export default class NestedComponent extends Field {
         data = data || this.data;
         options.parent = this;
         options.parentVisible = this.visible;
-        options.parentConditionallyHidden = this.conditionallyHidden;
         options.root = options?.root || this.root || this;
         options.localRoot = this.localRoot;
         options.skipInit = true;
@@ -647,7 +638,7 @@ export default class NestedComponent extends Field {
     clearOnHide(show) {
         super.clearOnHide(show);
         if (this.component.clearOnHide) {
-            if (this.allowData && !this.hasValue() && !this.conditionallyHidden) {
+            if (this.allowData && !this.hasValue() && !(this.options.server && !this.visible)) {
                 this.dataValue = this.defaultValue;
             }
             if (this.hasValue()) {
@@ -676,7 +667,7 @@ export default class NestedComponent extends Field {
     }
     calculateValue(data, flags, row) {
         // Do not iterate into children and calculateValues if this nested component is conditionally hidden.
-        if (this.conditionallyHidden) {
+        if (!this.conditionallyVisible()) {
             return false;
         }
         return this.getComponents().reduce((changed, comp) => comp.calculateValue(data, flags, row) || changed, super.calculateValue(data, flags, row));

package/lib/mjs/components/datamap/DataMap.js

@@ -70,7 +70,7 @@ export default class DataMapComponent extends DataGridComponent {
     }
     get dataValue() {
         if (!this.key ||
-            (this.conditionallyHidden && this.component.clearOnHide)) {
+            (!this.visible && this.component.clearOnHide)) {
             return this.emptyValue;
         }
         if (!this.hasValue() && this.shouldAddDefaultValue) {

package/lib/mjs/components/editgrid/EditGrid.js

@@ -1139,7 +1139,7 @@ export default class EditGridComponent extends NestedArrayComponent {
             }
         }
         const changed = this.hasChanged(value, this.dataValue);
-        if (this.parent) {
+        if (this.parent && !this.options.server) {
             this.parent.checkComponentConditions();
         }
         this.dataValue = value;
@@ -1172,7 +1172,10 @@ export default class EditGridComponent extends NestedArrayComponent {
         this.editRows = this.editRows.slice(0, dataLength);
         this.openWhenEmpty();
         this.updateOnChange(flags, changed);
-        this.checkData();
+        // do not call checkData with server option, it is called when change is triggered in updateOnChange
+        if (!this.options.server) {
+            this.checkData();
+        }
         this.changeState(changed, flags);
         return changed;
     }

package/lib/mjs/components/form/Form.js

@@ -417,10 +417,10 @@ export default class FormComponent extends Component {
         return this.subFormReady;
     }
     hideSubmitButton(component) {
-        const isSubmitButton = component.type === 'button' && (component.action === 'submit' || !component.action);
+        const isSubmitButton = (component.type === 'button') &&
+            ((component.action === 'submit') || !component.action);
         if (isSubmitButton) {
             component.hidden = true;
-            component.customConditional = 'show = false';
         }
     }
     /**
@@ -429,7 +429,7 @@ export default class FormComponent extends Component {
      * @returns {Promise} - The promise that resolves when the subform is loaded.
      */
     loadSubForm(fromAttach) {
-        if (this.builderMode || this.conditionallyHidden || (this.isSubFormLazyLoad() && !fromAttach)) {
+        if (this.builderMode || this.isHidden() || (this.isSubFormLazyLoad() && !fromAttach)) {
             return Promise.resolve();
         }
         if (this.hasLoadedForm && !this.isRevisionChanged &&
@@ -512,7 +512,7 @@ export default class FormComponent extends Component {
      * @returns {*|boolean} - TRUE if the subform should be submitted, FALSE if it should not.
      */
     get shouldSubmit() {
-        return this.subFormReady && (!this.component.hasOwnProperty('reference') || this.component.reference) && !this.conditionallyHidden;
+        return this.subFormReady && (!this.component.hasOwnProperty('reference') || this.component.reference) && !this.isHidden();
     }
     /**
      * Returns the data for the subform.

package/lib/mjs/components/html/HTML.js

@@ -51,21 +51,9 @@ export default class HTMLComponent extends Component {
     }
     checkRefreshOn(changed) {
         super.checkRefreshOn(changed);
-        let visible;
-        if (this.hasCondition()) {
-            this._conditionallyHidden = this.checkConditionallyHidden();
-            visible = !this.conditionallyHidden;
-        }
-        else {
-            visible = !this.component.hidden;
-        }
-        const shouldSetContent = !this.builderMode
-            && this.component.refreshOnChange
-            && this.element
-            && !_.isUndefined(changed)
-            && ((_.isBoolean(changed) && changed) || !_.isEmpty(changed))
-            && visible;
-        if (shouldSetContent) {
+        if (!this.builderMode && this.component.refreshOnChange && this.element &&
+            !_.isUndefined(changed) && ((_.isBoolean(changed) && changed) || !_.isEmpty(changed)) &&
+            this.conditionallyVisible(this.data, this.row)) {
             this.setContent(this.element, this.renderContent());
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.0.0-dev.5902.bf899bf",
+  "version": "5.0.0-dev.5905.7719f60",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {