@alfresco/adf-core 8.4.0-19864816317 → 8.4.0-19889178778

package/fesm2022/adf-core.mjs

@@ -20754,6 +20754,7 @@ class FormFieldModel extends FormWidgetModel {
         this.params = {};
         this.isVisible = true;
         this.visibilityCondition = null;
+        this.checkParentVisibilityForValidation = false;
         this.enableFractions = false;
         this.currency = null;
         this.dateDisplayFormat = this.defaultDateFormat;
@@ -20796,6 +20797,7 @@ class FormFieldModel extends FormWidgetModel {
             this.hyperlinkUrl = json.hyperlinkUrl;
             this.displayText = json.displayText;
             this.visibilityCondition = formFieldVisibilityConditionHandler.getVisibilityCondition(this.id, json.visibilityCondition, parent);
+            this.checkParentVisibilityForValidation = json.checkParentVisibilityForValidation ?? false;
             this.enableFractions = json.enableFractions;
             this.currency = json.currency;
             this.dateDisplayFormat = json.dateDisplayFormat || this.getDefaultDateFormat(json);
@@ -21395,7 +21397,7 @@ class RequiredFieldValidator {
         return field && this.supportedTypes.indexOf(field.type) > -1 && field.required;
     }
     validate(field) {
-        if (this.isSupported(field) && field.isVisible) {
+        if (this.isSupported(field) && field.form && !field.form.isFieldOrParentHidden(field)) {
             if (field.type === FormFieldTypes.RADIO_BUTTONS) {
                 const option = field.options.find((opt) => opt.id === field.value);
                 return !!option;
@@ -21427,7 +21429,7 @@ class NumberFieldValidator {
         return field && this.supportedTypes.indexOf(field.type) > -1;
     }
     validate(field) {
-        if (this.isSupported(field) && field.isVisible) {
+        if (this.isSupported(field) && field.form && !field.form.isFieldOrParentHidden(field)) {
             if (field.value === null || field.value === undefined || field.value === '') {
                 return true;
             }
@@ -21453,7 +21455,7 @@ class MinLengthFieldValidator {
         return field && this.supportedTypes.indexOf(field.type) > -1 && field.minLength > 0;
     }
     validate(field) {
-        if (this.isSupported(field) && field.value && field.isVisible) {
+        if (this.isSupported(field) && field.value && field.form && !field.form.isFieldOrParentHidden(field)) {
             if (field.value.length >= field.minLength) {
                 return true;
             }
@@ -21473,7 +21475,7 @@ class MaxLengthFieldValidator {
         return field && this.supportedTypes.indexOf(field.type) > -1 && this.getMaxLength(field) > 0;
     }
     validate(field) {
-        if (this.isSupported(field) && field.value && field.isVisible) {
+        if (this.isSupported(field) && field.value && field.form && !field.form.isFieldOrParentHidden(field)) {
             if (field.value.toString().length <= this.getMaxLength(field)) {
                 return true;
             }
@@ -21495,7 +21497,7 @@ class MinValueFieldValidator {
         return field && this.supportedTypes.indexOf(field.type) > -1 && NumberFieldValidator.isNumber(field.minValue);
     }
     validate(field) {
-        if (this.isSupported(field) && field.value && field.isVisible) {
+        if (this.isSupported(field) && field.value && field.form && !field.form.isFieldOrParentHidden(field)) {
             const value = +field.value;
             const minValue = +field.minValue;
             if (value >= minValue) {
@@ -21516,7 +21518,7 @@ class MaxValueFieldValidator {
         return field && this.supportedTypes.indexOf(field.type) > -1 && NumberFieldValidator.isNumber(field.maxValue);
     }
     validate(field) {
-        if (this.isSupported(field) && field.value && field.isVisible) {
+        if (this.isSupported(field) && field.value && field.form && !field.form.isFieldOrParentHidden(field)) {
             const value = +field.value;
             const maxValue = +field.maxValue;
             if (value <= maxValue) {
@@ -21537,7 +21539,7 @@ class RegExFieldValidator {
         return field && this.supportedTypes.indexOf(field.type) > -1 && !!field.regexPattern;
     }
     validate(field) {
-        if (this.isSupported(field) && field.value && field.isVisible) {
+        if (this.isSupported(field) && field.value && field.form && !field.form.isFieldOrParentHidden(field)) {
             if (field.value.length > 0 && field.value.match(new RegExp('^' + field.regexPattern + '$'))) {
                 return true;
             }
@@ -21570,7 +21572,7 @@ class FixedValueFieldValidator {
         return field.options && field.options.length > 0;
     }
     validate(field) {
-        if (this.isSupported(field) && field.isVisible) {
+        if (this.isSupported(field) && field.form && !field.form.isFieldOrParentHidden(field)) {
             if (this.hasStringValue(field) && this.hasOptions(field) && !this.hasValidNameOrValidId(field)) {
                 field.validationSummary.message = 'FORM.FIELD.VALIDATOR.INVALID_VALUE';
                 return false;
@@ -21587,7 +21589,7 @@ class DecimalFieldValidator {
         return field && this.supportedTypes.indexOf(field.type) > -1 && !!field.value;
     }
     validate(field) {
-        const shouldValidateField = this.isSupported(field) && field.isVisible;
+        const shouldValidateField = this.isSupported(field) && field.form && !field.form.isFieldOrParentHidden(field);
         if (!shouldValidateField) {
             return true;
         }
@@ -21659,6 +21661,7 @@ class FormModel {
         this.isValid = true;
         this.processVariables = [];
         this.variables = [];
+        this.enableParentVisibilityCheck = false;
         this.readOnly = readOnly;
         this.json = json;
         if (json) {
@@ -22016,6 +22019,103 @@ class FormModel {
     loadInjectedFieldValidators(injectedFieldValidators) {
         this.fieldValidators = injectedFieldValidators ? [...FORM_FIELD_VALIDATORS, ...injectedFieldValidators] : [...FORM_FIELD_VALIDATORS];
     }
+    /**
+     * Checks if a field or any of its parent containers/groups/sections is hidden.
+     * Returns true if the field should skip validation (field or parent is hidden).
+     *
+     * Parent visibility is only checked if:
+     * - `enableParentVisibilityCheck` is true
+     * - `field.checkParentVisibilityForValidation` is true (field opt-in enabled)
+     *
+     * @param field The form field to check
+     * @returns true if field or parent is hidden, false otherwise
+     */
+    isFieldOrParentHidden(field) {
+        if (!field) {
+            return false;
+        }
+        if (!field.isVisible) {
+            return true;
+        }
+        if (this.enableParentVisibilityCheck && field.checkParentVisibilityForValidation) {
+            return this.hasHiddenParent(field);
+        }
+        return false;
+    }
+    /**
+     * Checks if the given field has a hidden parent container/group/section.
+     *
+     * @param targetField The form field to check
+     * @returns true if field has a hidden parent, false otherwise
+     */
+    hasHiddenParent(targetField) {
+        if (!targetField || !this.fields || this.fields.length === 0) {
+            return false;
+        }
+        for (const rootElement of this.fields) {
+            const parent = this.findParentInElement(rootElement, targetField);
+            if (parent && !parent.isVisible) {
+                return true;
+            }
+        }
+        return false;
+    }
+    /**
+     * Recursively searches for a field within an element (container/group/section).
+     * Returns the parent element if field is found within it, null otherwise.
+     *
+     * @param element The container/group/section to search in
+     * @param targetField The form field to find
+     * @returns Parent element if field found, null otherwise
+     */
+    findParentInElement(element, targetField) {
+        if (!element || !targetField) {
+            return null;
+        }
+        const columns = this.getColumnsFromElement(element);
+        if (!columns || columns.length === 0) {
+            return null;
+        }
+        return this.searchFieldsInColumns(columns, element, targetField);
+    }
+    getColumnsFromElement(element) {
+        if (element instanceof ContainerModel) {
+            return element.field?.columns || null;
+        }
+        else if (element instanceof FormFieldModel && element.type === FormFieldTypes.SECTION) {
+            return element.columns || null;
+        }
+        return null;
+    }
+    searchFieldsInColumns(columns, parentElement, targetField) {
+        for (const column of columns) {
+            if (!column?.fields || column.fields.length === 0) {
+                continue;
+            }
+            const result = this.searchFieldsInColumn(column.fields, parentElement, targetField);
+            if (result) {
+                return result;
+            }
+        }
+        return null;
+    }
+    searchFieldsInColumn(fields, parentElement, targetField) {
+        for (const field of fields) {
+            if (!field) {
+                continue;
+            }
+            if (field.id === targetField.id) {
+                return parentElement;
+            }
+            if (field.type === FormFieldTypes.SECTION) {
+                const nestedParent = this.findParentInElement(field, targetField);
+                if (nestedParent) {
+                    return !parentElement.isVisible ? parentElement : nestedParent;
+                }
+            }
+        }
+        return null;
+    }
 }
 
 /*!