@bombillazo/rhf-plus 7.64.0-plus.0 → 7.64.0-plus.2

package/dist/logic/createFormControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createFormControl.d.ts","sourceRoot":"","sources":["../../src/logic/createFormControl.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAaV,WAAW,EACX,YAAY,EAiBZ,YAAY,EAIZ,aAAa,EAUd,MAAM,UAAU,CAAC;AAyDlB,wBAAgB,iBAAiB,CAC/B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,GAAG,GAAG,EACd,kBAAkB,GAAG,YAAY,EACjC,SAAS,SAAS,YAAY,GAAG,GAAG,EAEpC,KAAK,GAAE,YAAY,CACjB,YAAY,EACZ,QAAQ,EACR,kBAAkB,EAClB,SAAS,CACL,GACL,IAAI,CACL,aAAa,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,EAAE,SAAS,CAAC,EACpE,WAAW,CACZ,GAAG;IACF,WAAW,EAAE,IAAI,CACf,aAAa,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,EAAE,SAAS,CAAC,EACpE,WAAW,CACZ,CAAC;CACH,CA+vDA"}
+{"version":3,"file":"createFormControl.d.ts","sourceRoot":"","sources":["../../src/logic/createFormControl.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAaV,WAAW,EACX,YAAY,EAiBZ,YAAY,EAIZ,aAAa,EAUd,MAAM,UAAU,CAAC;AAyDlB,wBAAgB,iBAAiB,CAC/B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,GAAG,GAAG,EACd,kBAAkB,GAAG,YAAY,EACjC,SAAS,SAAS,YAAY,GAAG,GAAG,EAEpC,KAAK,GAAE,YAAY,CACjB,YAAY,EACZ,QAAQ,EACR,kBAAkB,EAClB,SAAS,CACL,GACL,IAAI,CACL,aAAa,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,EAAE,SAAS,CAAC,EACpE,WAAW,CACZ,GAAG;IACF,WAAW,EAAE,IAAI,CACf,aAAa,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,EAAE,SAAS,CAAC,EACpE,WAAW,CACZ,CAAC;CACH,CA4wDA"}

package/dist/logic/getValueAndMessage.d.ts

@@ -1,5 +1,5 @@
 import type { ValidationRule } from '../types';
-declare const _default: (validationData?: ValidationRule) => import("../types").ValidationValueMessage<import("../types").ValidationValue> | {
+declare const _default: (validationData?: ValidationRule) => {
     value: string | number | boolean | RegExp | undefined;
     message: string;
 };

package/dist/logic/hasValidation.d.ts

@@ -1,4 +1,4 @@
 import type { Field } from '../types';
-declare const _default: (options: Field["_f"]) => string | number | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("../types").ValidationValueMessage<boolean> | import("../types").ValidationValueMessage<string | number> | import("../types").ValidationRule<RegExp> | import("../types").Validate<any, import("../types").FieldValues> | Record<string, import("../types").Validate<any, import("../types").FieldValues>> | undefined;
+declare const _default: (options: Field["_f"]) => string | number | boolean | import("../types").ValidationValueMessage<boolean> | import("../types").ValidationValueMessage<string | number> | import("../types").ValidationRule<RegExp> | import("../types").Validate<any, import("../types").FieldValues> | Record<string, import("../types").Validate<any, import("../types").FieldValues>> | undefined;
 export default _default;
 //# sourceMappingURL=hasValidation.d.ts.map

package/dist/logic/skipValidation.d.ts

@@ -1,11 +1,24 @@
 import type { ValidationModeFlags } from '../types';
-declare const _default: (isBlurEvent: boolean, isTouched: boolean, isSubmitted: boolean, reValidateMode: {
-    isOnBlur: boolean;
-    isOnChange: boolean;
-}, mode: Partial<ValidationModeFlags>, 
+/**
+ * Subset of ValidationModeFlags used for revalidation mode checking
+ */
+type ReValidateModeFlags = Pick<ValidationModeFlags, 'isOnBlur' | 'isOnChange'>;
+declare const _default: (isBlurEvent: boolean, isTouched: boolean, isSubmitted: boolean, reValidateMode: ReValidateModeFlags, mode: Partial<ValidationModeFlags>, 
 /**
  * Need to keep this order of parameters for backward compatibility
  */
-isFocusEvent: boolean) => boolean;
+isFocusEvent: boolean, 
+/**
+ * Optional field-level validation mode that overrides form-level mode.
+ * When provided, this field's mode takes precedence over the form's mode.
+ * Partial because only the relevant flags (e.g., isOnChange, isOnBlur) need to be checked.
+ */
+fieldMode?: Partial<ValidationModeFlags>, 
+/**
+ * Optional field-level revalidation mode that overrides form-level reValidateMode.
+ * When provided, this field's reValidateMode takes precedence after form submission.
+ * Only includes isOnBlur and isOnChange as these are the only valid revalidation modes.
+ */
+fieldReValidateMode?: ReValidateModeFlags) => boolean;
 export default _default;
 //# sourceMappingURL=skipValidation.d.ts.map

package/dist/logic/skipValidation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skipValidation.d.ts","sourceRoot":"","sources":["../../src/logic/skipValidation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;yBAGlD,aAAa,OAAO,EACpB,WAAW,OAAO,EAClB,aAAa,OAAO,EACpB,gBAAgB;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;CACrB,EACD,MAAM,OAAO,CAAC,mBAAmB,CAAC;AAClC;;GAEG;AACH,cAAc,OAAO;AAZvB,wBA6BE"}
+{"version":3,"file":"skipValidation.d.ts","sourceRoot":"","sources":["../../src/logic/skipValidation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD;;GAEG;AACH,KAAK,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,YAAY,CAAC,CAAC;yBAG9E,aAAa,OAAO,EACpB,WAAW,OAAO,EAClB,aAAa,OAAO,EACpB,gBAAgB,mBAAmB,EACnC,MAAM,OAAO,CAAC,mBAAmB,CAAC;AAClC;;GAEG;AACH,cAAc,OAAO;AACrB;;;;GAIG;AACH,YAAY,OAAO,CAAC,mBAAmB,CAAC;AACxC;;;;GAIG;AACH,sBAAsB,mBAAmB;AArB3C,wBA+CE"}

package/dist/logic/validateField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validateField.d.ts","sourceRoot":"","sources":["../../src/logic/validateField.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,KAAK,EAEL,WAAW,EACX,mBAAmB,EACnB,eAAe,EAKhB,MAAM,UAAU,CAAC;yBAsBI,CAAC,SAAS,WAAW,EACzC,OAAO,KAAK,EACZ,mBAAmB,eAAe,EAClC,YAAY,CAAC,EACb,0BAA0B,OAAO,EACjC,4BAA4B,OAAO,EACnC,eAAe,OAAO,KACrB,OAAO,CAAC,mBAAmB,CAAC;AAP/B,wBAqQE"}
+{"version":3,"file":"validateField.d.ts","sourceRoot":"","sources":["../../src/logic/validateField.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,KAAK,EAEL,WAAW,EACX,mBAAmB,EACnB,eAAe,EAKhB,MAAM,UAAU,CAAC;yBAqBI,CAAC,SAAS,WAAW,EACzC,OAAO,KAAK,EACZ,mBAAmB,eAAe,EAClC,YAAY,CAAC,EACb,0BAA0B,OAAO,EACjC,4BAA4B,OAAO,EACnC,eAAe,OAAO,KACrB,OAAO,CAAC,mBAAmB,CAAC;AAP/B,wBA6PE"}

package/dist/react-server.esm.mjs

@@ -1,5 +1,4 @@
 import crypto from 'crypto';
-import React from 'react';
 
 var appendErrors = (name, validateAllFieldCriteria, errors, type, message) => validateAllFieldCriteria
     ? {
@@ -597,21 +596,37 @@ var skipValidation = (isBlurEvent, isTouched, isSubmitted, reValidateMode, mode,
 /**
  * Need to keep this order of parameters for backward compatibility
  */
-isFocusEvent) => {
+isFocusEvent, 
+/**
+ * Optional field-level validation mode that overrides form-level mode.
+ * When provided, this field's mode takes precedence over the form's mode.
+ * Partial because only the relevant flags (e.g., isOnChange, isOnBlur) need to be checked.
+ */
+fieldMode, 
+/**
+ * Optional field-level revalidation mode that overrides form-level reValidateMode.
+ * When provided, this field's reValidateMode takes precedence after form submission.
+ * Only includes isOnBlur and isOnChange as these are the only valid revalidation modes.
+ */
+fieldReValidateMode) => {
+    // Use field-level modes if provided, otherwise fallback to form-level modes
+    // This allows individual fields to have different validation timing than the form
+    const effectiveMode = fieldMode || mode;
+    const effectiveReValidateMode = fieldReValidateMode || reValidateMode;
     // Focus events should always skip validation
     if (isFocusEvent) {
         return true;
     }
-    if (mode.isOnAll) {
+    if (effectiveMode.isOnAll) {
         return false;
     }
-    else if (!isSubmitted && mode.isOnTouch) {
+    else if (!isSubmitted && effectiveMode.isOnTouch) {
         return !(isTouched || isBlurEvent);
     }
-    else if (isSubmitted ? reValidateMode.isOnBlur : mode.isOnBlur) {
+    else if (isSubmitted ? effectiveReValidateMode.isOnBlur : effectiveMode.isOnBlur) {
         return !isBlurEvent;
     }
-    else if (isSubmitted ? reValidateMode.isOnChange : mode.isOnChange) {
+    else if (isSubmitted ? effectiveReValidateMode.isOnChange : effectiveMode.isOnChange) {
         return isBlurEvent;
     }
     return true;
@@ -626,25 +641,13 @@ var updateFieldArrayRootError = (errors, error, name) => {
     return errors;
 };
 
-var isMessage = (value) => {
-    // Support strings (existing functionality)
-    if (isString(value)) {
-        return true;
-    }
-    // Support React elements only (not primitives like null, undefined, numbers)
-    if (React.isValidElement(value)) {
-        return true;
-    }
-    return false;
-};
-
 function getValidateError(result, ref, type = 'validate') {
-    if (isMessage(result) ||
-        (Array.isArray(result) && result.every(isMessage)) ||
+    if (isString(result) ||
+        (Array.isArray(result) && result.every(isString)) ||
         (isBoolean(result) && !result)) {
         return {
             type,
-            message: isMessage(result) ? result : '',
+            message: isString(result) ? result : '',
             ref,
         };
     }
@@ -666,16 +669,7 @@ var validateField = async (field, skippedFieldNames, formValues, validateAllFiel
     const inputRef = refs ? refs[0] : ref;
     const setCustomValidity = (message) => {
         if (shouldUseNativeValidation && inputRef.reportValidity) {
-            if (isBoolean(message)) {
-                inputRef.setCustomValidity('');
-            }
-            else if (typeof message === 'string') {
-                inputRef.setCustomValidity(message || '');
-            }
-            else {
-                // For ReactNode messages, convert to string or use empty string for native validation
-                inputRef.setCustomValidity('');
-            }
+            inputRef.setCustomValidity(isBoolean(message) ? '' : message || '');
             inputRef.reportValidity();
         }
     };
@@ -706,7 +700,7 @@ var validateField = async (field, skippedFieldNames, formValues, validateAllFiel
                 (isBoolean(inputValue) && !inputValue) ||
                 (isCheckBox && !getCheckboxValue(refs).isValid) ||
                 (isRadio && !getRadioValue(refs).isValid))) {
-        const { value, message } = isMessage(required)
+        const { value, message } = isString(required)
             ? { value: !!required, message: required }
             : getValueAndMessage(required);
         if (value) {
@@ -1356,6 +1350,16 @@ function createFormControl(props = {}) {
         };
         const validationModeBeforeSubmit = getValidationModes(_options.mode);
         const validationModeAfterSubmit = getValidationModes(_options.reValidateMode);
+        // Extract field-level validation modes if they exist
+        // Field-level modes take precedence over form-level modes, allowing
+        // individual fields to override when they validate (mode) and when they
+        // revalidate after form submission (reValidateMode)
+        const fieldMode = (field === null || field === void 0 ? void 0 : field._f.mode)
+            ? getValidationModes(field._f.mode)
+            : undefined;
+        const fieldReValidateMode = (field === null || field === void 0 ? void 0 : field._f.reValidateMode)
+            ? getValidationModes(field._f.reValidateMode)
+            : undefined;
         if (field) {
             // Check if field is disabled and should not process events
             const isFieldDisabled = isBoolean(field._f.disabled)
@@ -1414,7 +1418,7 @@ function createFormControl(props = {}) {
                 !_options.resolver &&
                 !get(_formState.errors, name) &&
                 !field._f.deps) ||
-                skipValidation(isBlurEvent, get(_formState.touchedFields, name), _formState.isSubmitted, validationModeAfterSubmit, validationModeBeforeSubmit, isFocusEvent);
+                skipValidation(isBlurEvent, get(_formState.touchedFields, name), _formState.isSubmitted, validationModeAfterSubmit, validationModeBeforeSubmit, isFocusEvent, fieldMode, fieldReValidateMode);
             const watched = isWatched(name, _names, isBlurEvent || isFocusEvent);
             set(_formValues, name, fieldValue);
             if (isBlurEvent) {