@bombillazo/rhf-plus 7.56.2-plus.0 → 7.56.3-plus.1

package/dist/index.esm.mjs

@@ -415,7 +415,12 @@ function useController(props) {
     const ref = React__default.useCallback((elm) => {
         const field = get(control._fields, name);
         if (field && elm) {
-            field._f.ref = elm;
+            field._f.ref = {
+                focus: () => elm.focus(),
+                select: () => elm.select(),
+                setCustomValidity: (message) => elm.setCustomValidity(message),
+                reportValidity: () => elm.reportValidity(),
+            };
         }
     }, [control._fields, name]);
     const field = React__default.useMemo(() => ({
@@ -714,6 +719,25 @@ function deepEqual(object1, object2) {
     return true;
 }
 
+function deepMerge(target, source) {
+    if (isPrimitive(target) || isPrimitive(source)) {
+        return source;
+    }
+    for (const key in source) {
+        const targetValue = target[key];
+        const sourceValue = source[key];
+        try {
+            target[key] =
+                (isObject(targetValue) && isObject(sourceValue)) ||
+                    (Array.isArray(targetValue) && Array.isArray(sourceValue))
+                    ? deepMerge(targetValue, sourceValue)
+                    : sourceValue;
+        }
+        catch (_a) { }
+    }
+    return target;
+}
+
 var isEmptyObject = (value) => isObject(value) && !Object.keys(value).length;
 
 var isFileInput = (element) => element.type === 'file';
@@ -1272,11 +1296,12 @@ function createFormControl(props = {}) {
         ...defaultOptions,
         ...props,
     };
+    let _internalLoading = _options.isLoading || isFunction(_options.defaultValues);
     let _formState = {
         submitCount: 0,
         isDirty: false,
         isReady: false,
-        isLoading: isFunction(_options.defaultValues),
+        isLoading: _internalLoading,
         isValidating: false,
         isSubmitted: false,
         isSubmitting: false,
@@ -1287,6 +1312,7 @@ function createFormControl(props = {}) {
         validatingFields: {},
         errors: _options.errors || {},
         disabled: _options.disabled || false,
+        metadata: _options.defaultMetadata || {},
     };
     const _fields = {};
     let _defaultValues = isObject(_options.defaultValues) || isObject(_options.values)
@@ -1328,6 +1354,7 @@ function createFormControl(props = {}) {
     const validationModeBeforeSubmit = getValidationModes(_options.mode);
     const validationModeAfterSubmit = getValidationModes(_options.reValidateMode);
     const shouldDisplayAllAssociatedErrors = _options.criteriaMode === VALIDATION_MODE.all;
+    const id = createId(props.id);
     const debounce = (callback) => (wait) => {
         clearTimeout(timer);
         timer = setTimeout(callback, wait);
@@ -2217,11 +2244,50 @@ function createFormControl(props = {}) {
             _subjects.state.next({
                 isLoading: false,
             });
+            _internalLoading = false;
         });
-    const id = createId(props.id);
     const submit = () => {
         submitForm(id);
     };
+    const _updateIsLoading = (isLoading) => {
+        if (!isUndefined(isLoading)) {
+            const _loading = isLoading || _internalLoading;
+            if (_formState.isLoading !== _loading) {
+                _formState.isLoading = _loading;
+                _subjects.state.next({
+                    isLoading: _loading,
+                });
+            }
+        }
+        else if (!!isLoading !== _formState.isLoading) {
+            _formState.isLoading = _internalLoading;
+            _subjects.state.next({
+                isLoading: _internalLoading,
+            });
+        }
+    };
+    const setMetadata = (metadata) => {
+        let _metadata;
+        if (!metadata) {
+            _metadata = _options.defaultMetadata
+                ? cloneObject(_options.defaultMetadata)
+                : {};
+        }
+        else {
+            _metadata = metadata;
+        }
+        _formState.metadata = _metadata;
+        _subjects.state.next({
+            metadata: _metadata,
+        });
+    };
+    const updateMetadata = (metadata) => {
+        const _metadata = deepMerge(_formState.metadata, metadata);
+        _formState.metadata = _metadata;
+        _subjects.state.next({
+            metadata: _metadata,
+        });
+    };
     const methods = {
         control: {
             register,
@@ -2242,6 +2308,7 @@ function createFormControl(props = {}) {
             _resetDefaultValues,
             _removeUnmounted,
             _disableForm,
+            _updateIsLoading,
             _subjects,
             _proxyFormState,
             get _fields() {
@@ -2294,6 +2361,8 @@ function createFormControl(props = {}) {
         getFieldState,
         id,
         submit,
+        setMetadata,
+        updateMetadata,
     };
     return {
         ...methods,
@@ -2637,12 +2706,13 @@ function useFieldArray(props) {
  * ```
  */
 function useForm(props = {}) {
+    var _a;
     const _formControl = React__default.useRef(undefined);
     const _values = React__default.useRef(undefined);
     const [formState, updateFormState] = React__default.useState({
         isDirty: false,
         isValidating: false,
-        isLoading: isFunction(props.defaultValues),
+        isLoading: props.isLoading || isFunction(props.defaultValues),
         isSubmitted: false,
         isSubmitting: false,
         isSubmitSuccessful: false,
@@ -2657,6 +2727,9 @@ function useForm(props = {}) {
         defaultValues: isFunction(props.defaultValues)
             ? undefined
             : props.defaultValues,
+        metadata: props.defaultMetadata ||
+            ((_a = props.formControl) === null || _a === void 0 ? void 0 : _a.control._options.defaultMetadata) ||
+            {},
     });
     if (!_formControl.current) {
         _formControl.current = {
@@ -2685,6 +2758,9 @@ function useForm(props = {}) {
         return sub;
     }, [control]);
     React__default.useEffect(() => control._disableForm(props.disabled), [control, props.disabled]);
+    React__default.useEffect(() => {
+        control._updateIsLoading(props.isLoading);
+    }, [control, props.isLoading]);
     React__default.useEffect(() => {
         if (props.mode) {
             control._options.mode = props.mode;