react-hook-form 7.32.0 → 7.33.0

package/dist/index.esm.mjs

@@ -409,6 +409,7 @@ function useController(props) {
                 if (elm && field && elm.focus) {
                     field._f.ref = {
                         focus: () => elm.focus(),
+                        select: () => elm.select(),
                         setCustomValidity: (message) => elm.setCustomValidity(message),
                         reportValidity: () => elm.reportValidity(),
                     };
@@ -722,7 +723,7 @@ function useFieldArray(props) {
     _name.current = name;
     _fieldIds.current = fields;
     control._names.array.add(name);
-    const callback = React.useCallback(({ values, name: fieldArrayName }) => {
+    const callback = React.useCallback(({ values, name: fieldArrayName, }) => {
         if (fieldArrayName === _name.current || !fieldArrayName) {
             const fieldValues = get(values, _name.current, []);
             setFields(fieldValues);
@@ -1025,7 +1026,7 @@ var getCheckboxValue = (options) => {
 var getFieldValueAs = (value, { valueAsNumber, valueAsDate, setValueAs }) => isUndefined(value)
     ? value
     : valueAsNumber
-        ? value === ''
+        ? value === '' || isNullOrUndefined(value)
             ? NaN
             : +value
         : valueAsDate && isString(value)
@@ -1225,7 +1226,7 @@ var validateField = async (field, inputValue, validateAllFieldCriteria, shouldUs
         let exceedMin;
         const maxOutput = getValueAndMessage(max);
         const minOutput = getValueAndMessage(min);
-        if (!isNaN(inputValue)) {
+        if (!isNullOrUndefined(inputValue) && !isNaN(inputValue)) {
             const valueNumber = ref.valueAsNumber || +inputValue;
             if (!isNullOrUndefined(maxOutput.value)) {
                 exceedMax = valueNumber > maxOutput.value;
@@ -1439,10 +1440,12 @@ function createFormControl(props = {}) {
             set(_formValues, name, values);
         }
     };
-    const updateErrors = (name, error) => (set(_formState.errors, name, error),
+    const updateErrors = (name, error) => {
+        set(_formState.errors, name, error);
         _subjects.state.next({
             errors: _formState.errors,
-        }));
+        });
+    };
     const updateValidAndValue = (name, shouldSkipSetValueAs, value, ref) => {
         const field = get(_fields, name);
         if (field) {
@@ -1492,12 +1495,12 @@ function createFormControl(props = {}) {
         const previousFieldError = get(_formState.errors, name);
         const shouldUpdateValid = _proxyFormState.isValid && _formState.isValid !== isValid;
         if (props.delayError && error) {
-            delayErrorCallback =
-                delayErrorCallback || debounce(() => updateErrors(name, error));
+            delayErrorCallback = debounce(() => updateErrors(name, error));
             delayErrorCallback(props.delayError);
         }
         else {
             clearTimeout(timer);
+            delayErrorCallback = null;
             error
                 ? set(_formState.errors, name, error)
                 : unset(_formState.errors, name);