@formio/js 5.1.0-dev.6068.fbce2f7 → 5.1.0-dev.6070.c51663f

package/lib/cjs/components/_classes/component/Component.d.ts

@@ -163,22 +163,8 @@ declare class Component extends Element {
      */
     info: any;
     get componentsMap(): object;
-    /**
-     * Returns if the parent should conditionally clear.
-     * This method does not need to walk up the parent tree since the variables
-     * _conditionallyClear and _conditionallyHidden are set on the parent component
-     * before the child component is determined, and the parent component also references
-     * its parent component.
-     *
-     * @returns {boolean} - If the parent should conditionally clear.
-     */
     parentShouldConditionallyClear(): boolean;
     parentConditionallyHidden(): boolean;
-    /**
-     * Returns true if any of the parents default their component "hidden" property to true.
-     * @returns {boolean} - If any parent defaults the hidden property to true.
-     */
-    anyParentDefaultsHidden(): boolean;
     set data(value: any);
     get data(): any;
     mergeSchema(component?: {}): any;
@@ -242,23 +228,8 @@ declare class Component extends Element {
     get visible(): boolean;
     get logicallyHidden(): any;
     _logicallyHidden: any;
-    /**
-     * Determines if the component should clear its value when the root form is pristine.
-     * @returns {boolean} - If the component should clear its value when the root form is pristine.
-     */
-    shouldConditionallyClearOnPristine(): boolean;
-    /**
-     * Returns if the component should clear its value when conditionally hidden.
-     * @returns {boolean} - If the component should clear its value when conditionally hidden.
-     */
-    shouldConditionallyClear(): boolean;
-    _conditionallyClear: boolean | undefined;
-    /**
-     * Returns if the component is conditionally hidden.
-     * @returns {boolean} - If the component is conditionally hidden.
-     */
-    conditionallyHidden(): boolean;
-    _conditionallyHidden: boolean | undefined;
+    shouldConditionallyClear(skipParent?: boolean): boolean;
+    conditionallyHidden(skipParent?: boolean): boolean;
     set currentForm(instance: any);
     get currentForm(): any;
     _currentForm: any;
@@ -1040,9 +1011,10 @@ declare class Component extends Element {
      * @param {boolean} dirty - If the component is dirty.
      * @param {boolean} ignoreCondition - If conditions for the component should be ignored when checking validity.
      * @param {*} row - Contextual row data for this component.
+     * @param {*} options - Additional options for validation.
      * @returns {string} - The message to show when the component is invalid.
      */
-    invalidMessage(data: any, dirty: boolean, ignoreCondition: boolean, row: any): string;
+    invalidMessage(data: any, dirty: boolean, ignoreCondition: boolean, row: any, options?: any): string;
     /**
      * Returns if the component is valid or not.
      * @param {*} data - The data to check if the component is valid.

package/lib/cjs/components/_classes/component/Component.js

@@ -458,20 +458,10 @@ class Component extends Element_1.default {
         var _a;
         return ((_a = this.root) === null || _a === void 0 ? void 0 : _a.childComponentsMap) || {};
     }
-    /**
-     * Returns if the parent should conditionally clear.
-     * This method does not need to walk up the parent tree since the variables
-     * _conditionallyClear and _conditionallyHidden are set on the parent component
-     * before the child component is determined, and the parent component also references
-     * its parent component.
-     *
-     * @returns {boolean} - If the parent should conditionally clear.
-     */
     parentShouldConditionallyClear() {
         let currentParent = this.parent;
         while (currentParent) {
-            if ((currentParent.allowData && currentParent._conditionallyClear) ||
-                (!currentParent.allowData && currentParent._conditionallyHidden)) {
+            if (currentParent.shouldConditionallyClear(true)) {
                 return true;
             }
             currentParent = currentParent.parent;
@@ -481,21 +471,7 @@ class Component extends Element_1.default {
     parentConditionallyHidden() {
         let currentParent = this.parent;
         while (currentParent) {
-            if (currentParent._conditionallyHidden) {
-                return true;
-            }
-            currentParent = currentParent.parent;
-        }
-        return false;
-    }
-    /**
-     * Returns true if any of the parents default their component "hidden" property to true.
-     * @returns {boolean} - If any parent defaults the hidden property to true.
-     */
-    anyParentDefaultsHidden() {
-        let currentParent = this.parent;
-        while (currentParent) {
-            if (currentParent.component.hidden) {
+            if (currentParent.conditionallyHidden(true)) {
                 return true;
             }
             currentParent = currentParent.parent;
@@ -713,58 +689,48 @@ class Component extends Element_1.default {
         }
         return this._logicallyHidden;
     }
-    /**
-     * Determines if the component should clear its value when the root form is pristine.
-     * @returns {boolean} - If the component should clear its value when the root form is pristine.
-     */
-    shouldConditionallyClearOnPristine() {
-        // If the form is pristine, we should NOT clear the value of a conditionally hidden child component
-        // of a layout component that defaults to hidden using the "hidden" component property.
-        return !this.anyParentDefaultsHidden();
-    }
-    /**
-     * Returns if the component should clear its value when conditionally hidden.
-     * @returns {boolean} - If the component should clear its value when conditionally hidden.
-     */
-    shouldConditionallyClear() {
+    shouldConditionallyClear(skipParent = false) {
         // Skip if this component has clearOnHide set to false.
         if (this.component.clearOnHide === false) {
-            this._conditionallyClear = false;
-            return this._conditionallyClear;
+            return false;
         }
         // If the component is logically hidden, then it is conditionally hidden and should clear.
         if (this.logicallyHidden) {
-            this._conditionallyClear = true;
-            return this._conditionallyClear;
+            return true;
         }
         // If we have a condition and it is not conditionally visible, the it should conditionally clear.
-        if (this.hasCondition() &&
-            !this.conditionallyVisible() &&
-            (!this.rootPristine || this.shouldConditionallyClearOnPristine())) {
-            this._conditionallyClear = true;
-            return this._conditionallyClear;
+        if (this.hasCondition() && !this.conditionallyVisible()) {
+            return true;
+        }
+        if (skipParent) {
+            // Stop recurrsion for the parent checks.
+            return false;
+        }
+        // If this component has a set value, then it should ONLY clear if a parent is hidden
+        // and has the clearOnHide set to true.
+        if (this.hasSetValue) {
+            return this.parentShouldConditionallyClear();
         }
-        this._conditionallyClear = this.hasSetValue ? false : this.parentShouldConditionallyClear();
-        return this._conditionallyClear;
+        // Clear the value if the parent is conditionally hidden.
+        return this.parentConditionallyHidden();
     }
-    /**
-     * Returns if the component is conditionally hidden.
-     * @returns {boolean} - If the component is conditionally hidden.
-     */
-    conditionallyHidden() {
-        // If it is logically hidden, then it is conditionally hidden.
+    conditionallyHidden(skipParent = false) {
         if (this.logicallyHidden) {
-            this._conditionallyHidden = true;
-            return this._conditionallyHidden;
+            return true;
         }
-        // If it has a condition, and is not conditionally visible, then it is conditionally hidden.
-        if (this.hasCondition() && !this.conditionallyVisible()) {
-            this._conditionallyHidden = true;
-            return this._conditionallyHidden;
+        if (!this.hasCondition() && !skipParent) {
+            return this.parentConditionallyHidden();
+        }
+        // Return if we are not conditionally visible (conditionallyHidden)
+        if (!this.conditionallyVisible()) {
+            return true;
+        }
+        if (skipParent) {
+            // Stop recurrsion for the parent checks.
+            return false;
         }
-        // It is conditionally hidden if its parent is conditionally hidden.
-        this._conditionallyHidden = this.parentConditionallyHidden();
-        return this._conditionallyHidden;
+        // Check the parent.
+        return this.parentConditionallyHidden();
     }
     get currentForm() {
         return this._currentForm;
@@ -3033,10 +2999,12 @@ class Component extends Element_1.default {
      * @param {boolean} dirty - If the component is dirty.
      * @param {boolean} ignoreCondition - If conditions for the component should be ignored when checking validity.
      * @param {*} row - Contextual row data for this component.
+     * @param {*} options - Additional options for validation.
      * @returns {string} - The message to show when the component is invalid.
      */
-    invalidMessage(data, dirty, ignoreCondition, row) {
+    invalidMessage(data, dirty, ignoreCondition, row, options = {}) {
         var _a;
+        const { local } = options;
         if (!row) {
             row = (0, utils_1.getContextualRowData)(this.component, data, this.paths);
         }
@@ -3056,6 +3024,7 @@ class Component extends Element_1.default {
             component: this.component,
             data,
             row,
+            local,
             path: this.path || this.component.key,
             parent: (_a = this.parent) === null || _a === void 0 ? void 0 : _a.component,
             paths: this.paths,
@@ -3234,7 +3203,7 @@ class Component extends Element_1.default {
         row = row || this.data;
         // Some components (for legacy reasons) have calls to "checkData" in inappropriate places such
         // as setValue. Historically, this was bypassed by a series of cached states around the data model
-        // which caused its own problems. We need to ensure that premium and custom components do not fall into 
+        // which caused its own problems. We need to ensure that premium and custom components do not fall into
         // an infinite loop by only checking this component once.
         if (this.checkingData) {
             return;

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

@@ -1107,7 +1107,9 @@ class EditGridComponent extends NestedArrayComponent_1.default {
             errors.push(...this._errors);
             return false;
         }
-        const message = this.invalid || this.invalidMessage(data, dirty, false, row);
+        // TODO: this is the only place invalidMessage gets called, and it's not clear why it's needed - we already validate the editGrid
+        // component above with super.checkComponentValidity
+        const message = this.invalid || this.invalidMessage(data, dirty, false, row, options);
         if (allRowErrors.length && ((_b = this.root) === null || _b === void 0 ? void 0 : _b.submitted) && !message) {
             this._errors = this.setCustomValidity(message, dirty);
             errors.push(...this._errors);

package/lib/cjs/components/form/Form.d.ts

@@ -98,6 +98,7 @@ export default class FormComponent extends Component {
      * @returns {void}
      */
     onSetSubFormValue(submission: object | null | undefined, flags: object | null | undefined): void;
+    areAllComponentsEmpty(data: any): boolean;
     updateSubFormVisibility(): void;
     /**
      * Determines if this form is a Nested Wizard

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

@@ -101,9 +101,6 @@ class FormComponent extends Component_1.default {
         }
         return this.createSubForm();
     }
-    shouldConditionallyClearOnPristine() {
-        return !this.hasSetValue && super.shouldConditionallyClearOnPristine();
-    }
     get dataReady() {
         var _a;
         return ((_a = this.subForm) === null || _a === void 0 ? void 0 : _a.dataReady) || this.subFormReady || Promise.resolve();
@@ -293,13 +290,11 @@ class FormComponent extends Component_1.default {
                     }
                     this.subForm.attach(element);
                     this.valueChanged = this.hasSetValue;
-                    if (!this.shouldConditionallyClear()) {
-                        if (!this.valueChanged && this.dataValue.state !== 'submitted') {
-                            this.setDefaultValue();
-                        }
-                        else {
-                            this.restoreValue();
-                        }
+                    if (!this.valueChanged && this.dataValue.state !== 'submitted') {
+                        this.setDefaultValue();
+                    }
+                    else {
+                        this.restoreValue();
                     }
                 }
                 if (!this.builderMode && this.component.modalEdit) {
@@ -416,7 +411,7 @@ class FormComponent extends Component_1.default {
                 lodash_1.default.assign(componentsMap, formComponentsMap);
                 this.component.components = this.subForm.components.map((comp) => comp.component);
                 this.subForm.on('change', () => {
-                    if (this.subForm && !this.shouldConditionallyClear()) {
+                    if (this.subForm) {
                         this.dataValue = this.subForm.getValue();
                         this.triggerChange({
                             noEmit: true
@@ -684,7 +679,20 @@ class FormComponent extends Component_1.default {
         }
     }
     isEmpty(value = this.dataValue) {
-        return value === null || lodash_1.default.isEqual(value, this.emptyValue);
+        return value === null || lodash_1.default.isEqual(value, this.emptyValue) || (this.areAllComponentsEmpty(value === null || value === void 0 ? void 0 : value.data) && !(value === null || value === void 0 ? void 0 : value._id));
+    }
+    areAllComponentsEmpty(data) {
+        let res = true;
+        if (this.subForm) {
+            this.subForm.everyComponent((comp) => {
+                const componentValue = lodash_1.default.get(data, comp.key);
+                res &= comp.isEmpty(componentValue);
+            });
+        }
+        else {
+            res = false;
+        }
+        return res;
     }
     getValue() {
         if (this.subForm) {

package/lib/cjs/components/select/editForm/Select.edit.data.d.ts

@@ -17,8 +17,8 @@ declare const _default: ({
     tooltip?: undefined;
     description?: undefined;
     conditional?: undefined;
-    reorder?: undefined;
     defaultValue?: undefined;
+    reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -59,8 +59,8 @@ declare const _default: ({
         };
     };
     data?: undefined;
-    reorder?: undefined;
     defaultValue?: undefined;
+    reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -88,6 +88,7 @@ declare const _default: ({
     key: string;
     tooltip: string;
     weight: number;
+    defaultValue: boolean;
     conditional: {
         json: {
             and: ({
@@ -110,7 +111,6 @@ declare const _default: ({
     editor?: undefined;
     description?: undefined;
     reorder?: undefined;
-    defaultValue?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -220,8 +220,8 @@ declare const _default: ({
     as?: undefined;
     editor?: undefined;
     description?: undefined;
-    reorder?: undefined;
     defaultValue?: undefined;
+    reorder?: undefined;
     components?: undefined;
     skipMerge?: undefined;
     refreshOn?: undefined;
@@ -256,8 +256,8 @@ declare const _default: ({
     data?: undefined;
     as?: undefined;
     editor?: undefined;
-    reorder?: undefined;
     defaultValue?: undefined;
+    reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -328,8 +328,8 @@ declare const _default: ({
     as?: undefined;
     editor?: undefined;
     description?: undefined;
-    reorder?: undefined;
     defaultValue?: undefined;
+    reorder?: undefined;
     components?: undefined;
     authenticate?: undefined;
     placeholder?: undefined;
@@ -363,8 +363,8 @@ declare const _default: ({
     editor?: undefined;
     description?: undefined;
     conditional?: undefined;
-    reorder?: undefined;
     defaultValue?: undefined;
+    reorder?: undefined;
     components?: undefined;
     authenticate?: undefined;
     valueProperty?: undefined;
@@ -395,8 +395,8 @@ declare const _default: ({
     editor?: undefined;
     description?: undefined;
     conditional?: undefined;
-    reorder?: undefined;
     defaultValue?: undefined;
+    reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -436,8 +436,8 @@ declare const _default: ({
     as?: undefined;
     editor?: undefined;
     description?: undefined;
-    reorder?: undefined;
     defaultValue?: undefined;
+    reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -478,8 +478,8 @@ declare const _default: ({
     data?: undefined;
     as?: undefined;
     editor?: undefined;
-    reorder?: undefined;
     defaultValue?: undefined;
+    reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -626,8 +626,8 @@ declare const _default: ({
     data?: undefined;
     as?: undefined;
     editor?: undefined;
-    reorder?: undefined;
     defaultValue?: undefined;
+    reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -669,8 +669,8 @@ declare const _default: ({
     data?: undefined;
     as?: undefined;
     description?: undefined;
-    reorder?: undefined;
     defaultValue?: undefined;
+    reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -718,8 +718,8 @@ declare const _default: ({
     as?: undefined;
     editor?: undefined;
     description?: undefined;
-    reorder?: undefined;
     defaultValue?: undefined;
+    reorder?: undefined;
     components?: undefined;
     authenticate?: undefined;
     template?: undefined;
@@ -932,8 +932,8 @@ declare const _default: ({
     as?: undefined;
     editor?: undefined;
     description?: undefined;
-    reorder?: undefined;
     defaultValue?: undefined;
+    reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -965,8 +965,8 @@ declare const _default: ({
     editor?: undefined;
     description?: undefined;
     conditional?: undefined;
-    reorder?: undefined;
     defaultValue?: undefined;
+    reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -1035,8 +1035,8 @@ declare const _default: ({
     tooltip?: undefined;
     description?: undefined;
     conditional?: undefined;
-    reorder?: undefined;
     defaultValue?: undefined;
+    reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -1115,8 +1115,8 @@ declare const _default: ({
     label?: undefined;
     tooltip?: undefined;
     description?: undefined;
-    reorder?: undefined;
     defaultValue?: undefined;
+    reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;
@@ -1150,8 +1150,8 @@ declare const _default: ({
     tooltip?: undefined;
     description?: undefined;
     conditional?: undefined;
-    reorder?: undefined;
     defaultValue?: undefined;
+    reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
     authenticate?: undefined;

package/lib/cjs/components/select/editForm/Select.edit.data.js

@@ -83,6 +83,7 @@ exports.default = [
         key: 'lazyLoad',
         tooltip: 'When set, this will not fire off the request to the URL until this control is within focus. This can improve performance if you have many Select dropdowns on your form where the API\'s will only fire when the control is activated.',
         weight: 11,
+        defaultValue: true,
         conditional: {
             json: {
                 and: [

package/lib/cjs/components/survey/Survey.js

@@ -120,7 +120,7 @@ class SurveyComponent extends Field_1.default {
         return this.component.questions.reduce((result, question) => result && Boolean(value[question.value]), true);
     }
     getInputName(question) {
-        return `${this.options.name}[${question.value}]`;
+        return `${this.options.name}[${question.value}][${this.id}]`;
     }
     getValueAsString(value, options) {
         if (options === null || options === void 0 ? void 0 : options.email) {

package/lib/cjs/components/textarea/TextArea.js

@@ -62,7 +62,15 @@ class TextAreaComponent extends TextField_1.default {
         info.content = value;
         if ((this.options.readOnly || this.disabled) && !this.isHtmlRenderMode()) {
             const elementStyle = this.info.attr.style || '';
-            const children = `<div ${this._referenceAttributeName}="input" class="formio-editor-read-only-content" ${elementStyle ? `style='${elementStyle}'` : ''}></div>`;
+            const children = `
+        <div ${this._referenceAttributeName}="input" 
+          class="formio-editor-read-only-content" 
+          ${elementStyle ? `style='${elementStyle}'` : ''}
+          role="textbox"
+          aria-multiline="true"
+          aria-readonly="true"
+        >
+        </div>`;
             return this.renderTemplate('well', {
                 children,
                 nestedKey: this.key,

package/lib/cjs/components/unknown/Unknown.form.d.ts

@@ -1,5 +1,6 @@
 /**
  * Unknown Component schema.
+ * @param {...any} extend
  * @returns {object} - The Unknown Component edit form.
  */
-export default function _default(): object;
+export default function _default(...extend: any[]): object;

package/lib/cjs/components/unknown/Unknown.form.js

@@ -3,25 +3,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const lodash_1 = require("lodash");
 const Unknown_edit_display_1 = __importDefault(require("./editForm/Unknown.edit.display"));
+const utils_1 = __importDefault(require("../../components/_classes/component/editForm/utils"));
 /**
  * Unknown Component schema.
+ * @param {...any} extend
  * @returns {object} - The Unknown Component edit form.
  */
-function default_1() {
+function default_1(...extend) {
+    const components = [
+        {
+            label: 'Custom',
+            key: 'display',
+            weight: 0,
+            components: Unknown_edit_display_1.default
+        }
+    ].concat(...extend);
     return {
         components: [
             {
                 type: 'tabs',
                 key: 'tabs',
-                components: [
-                    {
-                        label: 'Custom',
-                        key: 'display',
-                        weight: 0,
-                        components: Unknown_edit_display_1.default
-                    }
-                ]
+                components: (0, lodash_1.unionWith)(components, utils_1.default.unifyComponents)
             }
         ]
     };

package/lib/cjs/utils/formUtils.d.ts

@@ -26,8 +26,8 @@ export const getBestMatch: typeof Utils.getBestMatch;
 export const getComponentFromPath: typeof Utils.getComponentFromPath;
 export const getComponentValue: typeof Utils.getComponentValue;
 export const findComponents: typeof Utils.findComponents;
-export const eachComponentDataAsync: (components: Component[], data: DataObject, fn: EachComponentDataAsyncCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: any, parentPaths?: any) => Promise<void>;
-export const eachComponentData: (components: Component[], data: DataObject, fn: EachComponentDataCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: any, parentPaths?: any) => void;
+export const eachComponentDataAsync: (components: import("@formio/core").Component[], data: import("@formio/core").DataObject, fn: import("@formio/core").EachComponentDataAsyncCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: import("@formio/core").Component | undefined, parentPaths?: import("@formio/core").ComponentPaths | undefined) => Promise<void>;
+export const eachComponentData: (components: import("@formio/core").Component[], data: import("@formio/core").DataObject, fn: import("@formio/core").EachComponentDataCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: import("@formio/core").Component | undefined, parentPaths?: import("@formio/core").ComponentPaths | undefined) => void;
 export const getComponentKey: typeof Utils.getComponentKey;
 export const getContextualRowPath: typeof Utils.getContextualRowPath;
 export const getContextualRowData: typeof Utils.getContextualRowData;

package/lib/cjs/utils/utils.js

@@ -34,6 +34,7 @@ const Evaluator_1 = require("./Evaluator");
 Object.defineProperty(exports, "Evaluator", { enumerable: true, get: function () { return Evaluator_1.Evaluator; } });
 const conditionOperators_1 = __importDefault(require("./conditionOperators"));
 exports.ConditionOperators = conditionOperators_1.default;
+const core_1 = require("@formio/core");
 const interpolate = Evaluator_1.Evaluator.interpolate;
 exports.interpolate = interpolate;
 __exportStar(require("./formUtils"), exports);
@@ -271,7 +272,7 @@ function checkSimpleConditional(component, condition, row, data, instance) {
             default:
                 result = lodash_1.default.every(conditionsResult.flat(), res => !!res);
         }
-        return show ? result : !result;
+        return (0, core_1.convertShowToBoolean)(show) ? result : !result;
     }
 }
 exports.checkSimpleConditional = checkSimpleConditional;

package/lib/mjs/components/_classes/component/Component.d.ts

@@ -163,22 +163,8 @@ declare class Component extends Element {
      */
     info: any;
     get componentsMap(): object;
-    /**
-     * Returns if the parent should conditionally clear.
-     * This method does not need to walk up the parent tree since the variables
-     * _conditionallyClear and _conditionallyHidden are set on the parent component
-     * before the child component is determined, and the parent component also references
-     * its parent component.
-     *
-     * @returns {boolean} - If the parent should conditionally clear.
-     */
     parentShouldConditionallyClear(): boolean;
     parentConditionallyHidden(): boolean;
-    /**
-     * Returns true if any of the parents default their component "hidden" property to true.
-     * @returns {boolean} - If any parent defaults the hidden property to true.
-     */
-    anyParentDefaultsHidden(): boolean;
     set data(value: any);
     get data(): any;
     mergeSchema(component?: {}): any;
@@ -242,23 +228,8 @@ declare class Component extends Element {
     get visible(): boolean;
     get logicallyHidden(): any;
     _logicallyHidden: any;
-    /**
-     * Determines if the component should clear its value when the root form is pristine.
-     * @returns {boolean} - If the component should clear its value when the root form is pristine.
-     */
-    shouldConditionallyClearOnPristine(): boolean;
-    /**
-     * Returns if the component should clear its value when conditionally hidden.
-     * @returns {boolean} - If the component should clear its value when conditionally hidden.
-     */
-    shouldConditionallyClear(): boolean;
-    _conditionallyClear: boolean | undefined;
-    /**
-     * Returns if the component is conditionally hidden.
-     * @returns {boolean} - If the component is conditionally hidden.
-     */
-    conditionallyHidden(): boolean;
-    _conditionallyHidden: boolean | undefined;
+    shouldConditionallyClear(skipParent?: boolean): boolean;
+    conditionallyHidden(skipParent?: boolean): boolean;
     set currentForm(instance: any);
     get currentForm(): any;
     _currentForm: any;
@@ -1040,9 +1011,10 @@ declare class Component extends Element {
      * @param {boolean} dirty - If the component is dirty.
      * @param {boolean} ignoreCondition - If conditions for the component should be ignored when checking validity.
      * @param {*} row - Contextual row data for this component.
+     * @param {*} options - Additional options for validation.
      * @returns {string} - The message to show when the component is invalid.
      */
-    invalidMessage(data: any, dirty: boolean, ignoreCondition: boolean, row: any): string;
+    invalidMessage(data: any, dirty: boolean, ignoreCondition: boolean, row: any, options?: any): string;
     /**
      * Returns if the component is valid or not.
      * @param {*} data - The data to check if the component is valid.