@rolster/react-forms 18.8.2 → 18.9.1

package/dist/esm/form-control.js

@@ -1,91 +1,94 @@
-import { createFormControlOptions } from '@rolster/forms/arguments';
-import { controlIsValid, hasError as rolsterHasError, someErrors as rolsterSomeErrors } from '@rolster/forms/helpers';
-import { useRef, useState } from 'react';
-function useControl(controlOptions, controlValidators) {
-    const { value, touched, validators } = createFormControlOptions(controlOptions, controlValidators);
-    const [state, setState] = useState({
-        dirty: false,
-        disabled: false,
-        focused: false,
-        touched: !!touched,
-        validators,
-        value
-    });
-    const initialValue = useRef(value);
-    const elementRef = useRef(null);
-    const errors = state.validators
-        ? controlIsValid({
-            value: state.value,
-            validators: state.validators
-        })
-        : [];
-    const valid = errors.length === 0;
-    function focus() {
-        setState((state) => ({ ...state, focused: true }));
-    }
-    function blur() {
-        setState((state) => ({ ...state, focused: false, touched: true }));
-    }
-    function disable() {
-        setState((state) => ({ ...state, disabled: true }));
-    }
-    function enable() {
-        setState((state) => ({ ...state, disabled: false }));
-    }
-    function touch() {
-        setState((state) => ({ ...state, touched: true }));
-    }
-    function setValue(value) {
-        setState((state) => ({ ...state, dirty: true, value }));
-    }
-    function setValidators(validators) {
-        setState((state) => ({ ...state, validators }));
-    }
-    function hasError(key) {
-        return rolsterHasError(errors, key);
-    }
-    function someErrors(keys) {
-        return rolsterSomeErrors(errors, keys);
-    }
-    function reset() {
-        setState((state) => ({
-            ...state,
-            dirty: false,
-            value: initialValue.current,
-            touched: false
-        }));
-    }
-    return {
-        ...state,
-        blur,
-        disable,
-        elementRef,
-        enable,
-        enabled: !state.disabled,
-        error: errors[0],
-        errors,
-        focus,
-        hasError,
-        invalid: !valid,
-        pristine: !state.dirty,
-        reset,
-        setValidators,
-        setValue,
-        someErrors,
-        touch,
-        unfocused: !state.focused,
-        untouched: !state.touched,
-        valid,
-        wrong: state.touched && !valid
-    };
-}
-export function useReactControl(options, validators) {
-    return useControl(options, validators);
-}
-export function useFormControl(options, validators) {
-    return useControl(options, validators);
-}
-export function useInputControl(options, validators) {
-    return useControl(options, validators);
-}
+import { createFormControlOptions } from '@rolster/forms/arguments';
+import { controlIsValid, hasError as rolsterHasError, someErrors as rolsterSomeErrors } from '@rolster/forms/helpers';
+import { useCallback, useEffect, useRef, useState } from 'react';
+function useControl(controlOptions, controlValidators) {
+    const { value, touched, validators } = createFormControlOptions(controlOptions, controlValidators);
+    const [state, setState] = useState({
+        dirty: false,
+        disabled: false,
+        focused: false,
+        touched: !!touched,
+        validators,
+        value
+    });
+    const [errors, setErrors] = useState([]);
+    const initialValue = useRef(value);
+    const elementRef = useRef(null);
+    useEffect(() => {
+        setErrors(state.validators
+            ? controlIsValid({
+                value: state.value,
+                validators: state.validators
+            })
+            : []);
+    }, [state.value, state.validators]);
+    const focus = useCallback(() => {
+        setState((state) => ({ ...state, focused: true }));
+    }, []);
+    const blur = useCallback(() => {
+        setState((state) => ({ ...state, focused: false, touched: true }));
+    }, []);
+    const disable = useCallback(() => {
+        setState((state) => ({ ...state, disabled: true }));
+    }, []);
+    const enable = useCallback(() => {
+        setState((state) => ({ ...state, disabled: false }));
+    }, []);
+    const touch = useCallback(() => {
+        setState((state) => ({ ...state, touched: true }));
+    }, []);
+    const setValue = useCallback((value) => {
+        setState((state) => ({ ...state, dirty: true, value }));
+    }, []);
+    const setValidators = useCallback((validators) => {
+        setState((state) => ({ ...state, validators }));
+    }, []);
+    const reset = useCallback(() => {
+        setState((state) => ({
+            ...state,
+            dirty: false,
+            value: initialValue.current,
+            touched: false
+        }));
+    }, []);
+    function hasError(key) {
+        return rolsterHasError(errors, key);
+    }
+    function someErrors(keys) {
+        return rolsterSomeErrors(errors, keys);
+    }
+    const valid = errors.length === 0;
+    return {
+        ...state,
+        blur,
+        disable,
+        elementRef,
+        enable,
+        enabled: !state.disabled,
+        error: errors[0],
+        errors,
+        focus,
+        hasError,
+        invalid: !valid,
+        pristine: !state.dirty,
+        reset,
+        setValidators,
+        setValue,
+        someErrors,
+        touch,
+        unfocused: !state.focused,
+        untouched: !state.touched,
+        valid,
+        wrong: state.touched && !valid
+    };
+}
+export function useReactControl(options, validators) {
+    return useControl(options, validators);
+}
+export function useFormControl(options, validators) {
+    return useControl(options, validators);
+}
+export function useInputControl(options, validators) {
+    return useControl(options, validators);
+}
 //# sourceMappingURL=form-control.js.map

package/dist/esm/form-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-control.js","sourceRoot":"","sources":["../../src/form-control.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EACL,cAAc,EACd,QAAQ,IAAI,eAAe,EAC3B,UAAU,IAAI,iBAAiB,EAChC,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAgBzC,SAAS,UAAU,CACjB,cAA2C,EAC3C,iBAAoC;IAEpC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,wBAAwB,CAG7D,cAAc,EAAE,iBAAiB,CAAC,CAAC;IAErC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAkB;QAClD,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,CAAC,CAAC,OAAO;QAClB,UAAU;QACV,KAAK;KACN,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,MAAM,CAAI,KAAK,CAAC,CAAC;IACtC,MAAM,UAAU,GAAG,MAAM,CAAI,IAAI,CAAC,CAAC;IAEnC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU;QAC7B,CAAC,CAAC,cAAc,CAAC;YACb,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,UAAU,EAAE,KAAK,CAAC,UAAU;SAC7B,CAAC;QACJ,CAAC,CAAC,EAAE,CAAC;IACP,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC;IAElC,SAAS,KAAK;QACZ,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACrD,CAAC;IAED,SAAS,IAAI;QACX,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACrE,CAAC;IAED,SAAS,OAAO;QACd,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACtD,CAAC;IAED,SAAS,MAAM;QACb,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IACvD,CAAC;IAED,SAAS,KAAK;QACZ,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACrD,CAAC;IAED,SAAS,QAAQ,CAAC,KAAQ;QACxB,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED,SAAS,aAAa,CAAC,UAA6B;QAClD,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;IAClD,CAAC;IAED,SAAS,QAAQ,CAAC,GAAW;QAC3B,OAAO,eAAe,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACtC,CAAC;IAED,SAAS,UAAU,CAAC,IAAc;QAChC,OAAO,iBAAiB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACzC,CAAC;IAED,SAAS,KAAK;QACZ,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACnB,GAAG,KAAK;YACR,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,YAAY,CAAC,OAAO;YAC3B,OAAO,EAAE,KAAK;SACf,CAAC,CAAC,CAAC;IACN,CAAC;IAED,OAAO;QACL,GAAG,KAAK;QACR,IAAI;QACJ,OAAO;QACP,UAAU;QACV,MAAM;QACN,OAAO,EAAE,CAAC,KAAK,CAAC,QAAQ;QACxB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;QAChB,MAAM;QACN,KAAK;QACL,QAAQ;QACR,OAAO,EAAE,CAAC,KAAK;QACf,QAAQ,EAAE,CAAC,KAAK,CAAC,KAAK;QACtB,KAAK;QACL,aAAa;QACb,QAAQ;QACR,UAAU;QACV,KAAK;QACL,SAAS,EAAE,CAAC,KAAK,CAAC,OAAO;QACzB,SAAS,EAAE,CAAC,KAAK,CAAC,OAAO;QACzB,KAAK;QACL,KAAK,EAAE,KAAK,CAAC,OAAO,IAAI,CAAC,KAAK;KAC/B,CAAC;AACJ,CAAC;AA0BD,MAAM,UAAU,eAAe,CAC7B,OAAoC,EACpC,UAA6B;IAE7B,OAAO,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AACzC,CAAC;AAoBD,MAAM,UAAU,cAAc,CAC5B,OAAoC,EACpC,UAA6B;IAE7B,OAAO,UAAU,CAAc,OAAO,EAAE,UAAU,CAAC,CAAC;AACtD,CAAC;AAoBD,MAAM,UAAU,eAAe,CAC7B,OAAoC,EACpC,UAA6B;IAE7B,OAAO,UAAU,CAAmB,OAAO,EAAE,UAAU,CAAC,CAAC;AAC3D,CAAC"}
+{"version":3,"file":"form-control.js","sourceRoot":"","sources":["../../src/form-control.ts"],"names":[],"mappings":"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"}

package/dist/esm/form-group.d.ts

@@ -1,4 +1,4 @@
-import { FormGroupOptions, ValidatorGroupFn } from '@rolster/forms';
-import { ReactControls, ReactGroup } from './types';
-export declare function useFormGroup<C extends ReactControls>(options: FormGroupOptions<C>): ReactGroup<C>;
-export declare function useFormGroup<C extends ReactControls>(controls: C, validators?: ValidatorGroupFn<C>[]): ReactGroup<C>;
+import { FormGroupOptions, ValidatorGroupFn } from '@rolster/forms';
+import { ReactControls, ReactGroup } from './types';
+export declare function useFormGroup<C extends ReactControls>(options: FormGroupOptions<C>): ReactGroup<C>;
+export declare function useFormGroup<C extends ReactControls>(controls: C, validators?: ValidatorGroupFn<C>[]): ReactGroup<C>;

package/dist/esm/form-group.js

@@ -1,40 +1,40 @@
-import { createFormGroupOptions } from '@rolster/forms/arguments';
-import { controlsAllChecked, controlsPartialChecked, controlsToValue, groupIsValid } from '@rolster/forms/helpers';
-import { useState } from 'react';
-export function useFormGroup(options, groupValidators) {
-    const groupOptions = createFormGroupOptions(options, groupValidators);
-    const [validators, setValidators] = useState(groupOptions.validators);
-    const { controls } = groupOptions;
-    const errors = validators ? groupIsValid({ controls, validators }) : [];
-    const valid = errors.length === 0 && controlsAllChecked(controls, 'valid');
-    const value = controlsToValue(controls);
-    const dirty = controlsPartialChecked(controls, 'dirty');
-    const dirtyAll = controlsAllChecked(controls, 'dirty');
-    const touched = controlsPartialChecked(controls, 'touched');
-    const touchedAll = controlsAllChecked(controls, 'touched');
-    function reset() {
-        Object.values(controls).forEach((control) => {
-            control.reset();
-        });
-    }
-    return {
-        controls,
-        dirty,
-        dirtyAll,
-        error: errors[0],
-        errors,
-        invalid: !valid,
-        pristine: !dirty,
-        pristineAll: !dirtyAll,
-        reset,
-        setValidators,
-        touched,
-        touchedAll,
-        untouched: !touched,
-        untouchedAll: !touchedAll,
-        valid,
-        value,
-        wrong: touched && !valid
-    };
-}
+import { createFormGroupOptions } from '@rolster/forms/arguments';
+import { controlsAllChecked, controlsPartialChecked, controlsToValue, groupIsValid } from '@rolster/forms/helpers';
+import { useState } from 'react';
+export function useFormGroup(options, groupValidators) {
+    const groupOptions = createFormGroupOptions(options, groupValidators);
+    const [validators, setValidators] = useState(groupOptions.validators);
+    const { controls } = groupOptions;
+    const errors = validators ? groupIsValid({ controls, validators }) : [];
+    const valid = errors.length === 0 && controlsAllChecked(controls, 'valid');
+    const value = controlsToValue(controls);
+    const dirty = controlsPartialChecked(controls, 'dirty');
+    const dirtyAll = controlsAllChecked(controls, 'dirty');
+    const touched = controlsPartialChecked(controls, 'touched');
+    const touchedAll = controlsAllChecked(controls, 'touched');
+    function reset() {
+        Object.values(controls).forEach((control) => {
+            control.reset();
+        });
+    }
+    return {
+        controls,
+        dirty,
+        dirtyAll,
+        error: errors[0],
+        errors,
+        invalid: !valid,
+        pristine: !dirty,
+        pristineAll: !dirtyAll,
+        reset,
+        setValidators,
+        touched,
+        touchedAll,
+        untouched: !touched,
+        untouchedAll: !touchedAll,
+        valid,
+        value,
+        wrong: touched && !valid
+    };
+}
 //# sourceMappingURL=form-group.js.map

package/dist/esm/form-ref.d.ts

@@ -1,17 +1,17 @@
-import { FormControlOptions } from '@rolster/forms';
-import { ValidatorFn } from '@rolster/validators';
-import { ReactInputControl } from './types';
-interface ReactRefOptions<T = any> extends FormControlOptions<T> {
-    setValue: (control: ReactInputControl<T>, value: string) => void;
-    touched?: boolean;
-}
-type InputRefOptions<T = any> = Omit<ReactRefOptions<T>, 'setValue'>;
-type TextRefOptions = InputRefOptions<string>;
-type NumberRefOptions = InputRefOptions<number>;
-export declare function useTextRefControl(): ReactInputControl<string>;
-export declare function useTextRefControl(options: TextRefOptions): ReactInputControl<string>;
-export declare function useTextRefControl(value: string, validators?: ValidatorFn<string>[]): ReactInputControl<string>;
-export declare function useNumberRefControl(): ReactInputControl<number>;
-export declare function useNumberRefControl(options: NumberRefOptions): ReactInputControl<number>;
-export declare function useNumberRefControl(value: number, validators?: ValidatorFn<number>[]): ReactInputControl<number>;
-export {};
+import { FormControlOptions } from '@rolster/forms';
+import { ValidatorFn } from '@rolster/validators';
+import { ReactInputControl } from './types';
+interface ReactRefOptions<T = any> extends FormControlOptions<T> {
+    setValue: (control: ReactInputControl<T>, value: string) => void;
+    touched?: boolean;
+}
+type InputRefOptions<T = any> = Omit<ReactRefOptions<T>, 'setValue'>;
+type TextRefOptions = InputRefOptions<string>;
+type NumberRefOptions = InputRefOptions<number>;
+export declare function useTextRefControl(): ReactInputControl<string>;
+export declare function useTextRefControl(options: TextRefOptions): ReactInputControl<string>;
+export declare function useTextRefControl(value: string, validators?: ValidatorFn<string>[]): ReactInputControl<string>;
+export declare function useNumberRefControl(): ReactInputControl<number>;
+export declare function useNumberRefControl(options: NumberRefOptions): ReactInputControl<number>;
+export declare function useNumberRefControl(value: number, validators?: ValidatorFn<number>[]): ReactInputControl<number>;
+export {};

package/dist/esm/form-ref.js

@@ -1,36 +1,36 @@
-import { createFormControlOptions } from '@rolster/forms/arguments';
-import { useEffect } from 'react';
-import { useInputControl } from './form-control';
-function useInputRefControl(options) {
-    const control = useInputControl(options);
-    useEffect(() => {
-        const { elementRef } = control;
-        elementRef?.current?.addEventListener('focus', () => {
-            control.focus();
-        });
-        elementRef?.current?.addEventListener('blur', () => {
-            control.blur();
-        });
-        elementRef?.current?.addEventListener('change', ({ target }) => {
-            options.setValue(control, target.value);
-        });
-    }, []);
-    return control;
-}
-export function useTextRefControl(options, validators) {
-    return useInputRefControl({
-        ...createFormControlOptions(options, validators),
-        setValue: (control, value) => {
-            control.setValue(value);
-        }
-    });
-}
-export function useNumberRefControl(options, validators) {
-    return useInputRefControl({
-        ...createFormControlOptions(options, validators),
-        setValue: (control, value) => {
-            control.setValue(+value);
-        }
-    });
-}
+import { createFormControlOptions } from '@rolster/forms/arguments';
+import { useEffect } from 'react';
+import { useInputControl } from './form-control';
+function useInputRefControl(options) {
+    const control = useInputControl(options);
+    useEffect(() => {
+        const { elementRef } = control;
+        elementRef?.current?.addEventListener('focus', () => {
+            control.focus();
+        });
+        elementRef?.current?.addEventListener('blur', () => {
+            control.blur();
+        });
+        elementRef?.current?.addEventListener('change', ({ target }) => {
+            options.setValue(control, target.value);
+        });
+    }, []);
+    return control;
+}
+export function useTextRefControl(options, validators) {
+    return useInputRefControl({
+        ...createFormControlOptions(options, validators),
+        setValue: (control, value) => {
+            control.setValue(value);
+        }
+    });
+}
+export function useNumberRefControl(options, validators) {
+    return useInputRefControl({
+        ...createFormControlOptions(options, validators),
+        setValue: (control, value) => {
+            control.setValue(+value);
+        }
+    });
+}
 //# sourceMappingURL=form-ref.js.map

package/dist/esm/index.d.ts

@@ -1,4 +1,4 @@
-export { formArrayControl, formArrayGroup, formArrayList, inputArrayControl, reactArrayControl, useFormArray } from './form-array';
-export { useFormControl, useInputControl, useReactControl } from './form-control';
-export { useFormGroup } from './form-group';
-export * from './types';
+export { formArrayControl, formArrayGroup, formArrayList, inputArrayControl, reactArrayControl, useFormArray } from './form-array';
+export { useFormControl, useInputControl, useReactControl } from './form-control';
+export { useFormGroup } from './form-group';
+export * from './types';

package/dist/esm/index.js

@@ -1,5 +1,5 @@
-export { formArrayControl, formArrayGroup, formArrayList, inputArrayControl, reactArrayControl, useFormArray } from './form-array';
-export { useFormControl, useInputControl, useReactControl } from './form-control';
-export { useFormGroup } from './form-group';
-export * from './types';
+export { formArrayControl, formArrayGroup, formArrayList, inputArrayControl, reactArrayControl, useFormArray } from './form-array';
+export { useFormControl, useInputControl, useReactControl } from './form-control';
+export { useFormGroup } from './form-group';
+export * from './types';
 //# sourceMappingURL=index.js.map

package/dist/esm/types.d.ts

@@ -1,51 +1,51 @@
-import { AbstractArray, AbstractArrayControl, AbstractArrayControls, AbstractArrayGroup, AbstractArrayList, AbstractControl, AbstractControls, AbstractFormControl, AbstractFormGroup, ArrayControlsValue, ArrayListValueToControls, FormArrayControlOptions, FormArrayGroupOptions } from '@rolster/forms';
-import { ValidatorFn } from '@rolster/validators';
-import { RefObject } from 'react';
-interface ReactAbstractControl<E extends HTMLElement = HTMLElement, T = any> extends AbstractControl<T> {
-    elementRef?: RefObject<E>;
-}
-export interface ReactFormControl<E extends HTMLElement = HTMLElement, T = any> extends AbstractFormControl<T> {
-    elementRef?: RefObject<E>;
-}
-export type ReactFormVoid<E extends HTMLElement = HTMLElement, T = any> = ReactFormControl<E, T | undefined>;
-export type ReactHtmlControl<T = any> = ReactFormControl<HTMLElement, T>;
-export type ReactHtmlVoid<T = any> = ReactFormVoid<HTMLElement, T>;
-export type ReactInputControl<T = any> = ReactFormControl<HTMLInputElement, T>;
-export type ReactInputVoid<T = any> = ReactFormVoid<HTMLInputElement, T>;
-export interface ReactArrayControlOptions<T = any> extends FormArrayControlOptions<T> {
-    initialValue: T;
-    dirty?: boolean;
-    disabled?: boolean;
-    focused?: boolean;
-    touched?: boolean;
-}
-export type ReactSubscriberControl<T = any> = (options: ReactArrayControlOptions<T>) => void;
-export interface ReactArrayListOptions<C extends ReactArrayControls = ReactArrayControls> extends ReactArrayControlOptions<ArrayControlsValue<C>[]> {
-    controls: C[];
-    valueToControls: ArrayListValueToControls<C>;
-}
-export interface ReactArrayControl<E extends HTMLElement = HTMLElement, T = any> extends AbstractArrayControl<T> {
-    clone(options: ReactArrayControlOptions<T>): ReactArrayControl<E, T>;
-    subscribe: (subscriber: ReactSubscriberControl<T>) => void;
-    elementRef?: RefObject<E>;
-    validators?: ValidatorFn<T>[];
-}
-export type ReactArrayVoid<E extends HTMLElement = HTMLElement, T = any> = ReactArrayControl<E, T | undefined>;
-export type ReactHtmlArrayControl<T = any> = ReactArrayControl<HTMLElement, T>;
-export type ReactHtmlArrayVoid<T = any> = ReactArrayVoid<HTMLElement, T>;
-export type ReactInputArrayControl<T = any> = ReactArrayControl<HTMLInputElement, T>;
-export type ReactInputArrayVoid<T = any> = ReactArrayVoid<HTMLInputElement, T>;
-export type ReactArrayControls<T extends ReactArrayControl = ReactArrayControl> = AbstractArrayControls<T>;
-export interface ReactArrayList<C extends ReactArrayControls = ReactArrayControls> extends ReactArrayControl<HTMLElement, ArrayControlsValue<C>[]>, AbstractArrayList<C> {
-}
-export type ReactSubscriberGroup<C extends ReactArrayControls = ReactArrayControls, R = any> = (options: FormArrayGroupOptions<C, R>) => void;
-export interface ReactArrayGroup<C extends ReactArrayControls, R = any> extends AbstractArrayGroup<C, R> {
-    subscribe: (subscriber: ReactSubscriberGroup<C, R>) => void;
-}
-export interface ReactFormArray<C extends ReactArrayControls = ReactArrayControls, R = any, G extends ReactArrayGroup<C, R> = ReactArrayGroup<C, R>> extends AbstractArray<C, R, G> {
-    elementRef?: RefObject<HTMLElement>;
-}
-export type ReactControl<E extends HTMLElement = HTMLElement, T = any> = ReactFormControl<E, T> | ReactArrayControl<E, T>;
-export type ReactControls<T extends ReactAbstractControl = ReactAbstractControl> = AbstractControls<T>;
-export type ReactGroup<C extends ReactControls = ReactControls> = AbstractFormGroup<C>;
-export {};
+import { AbstractArray, AbstractArrayControl, AbstractArrayControls, AbstractArrayGroup, AbstractArrayList, AbstractControl, AbstractControls, AbstractFormControl, AbstractFormGroup, ArrayControlsValue, ArrayListValueToControls, FormArrayControlOptions, FormArrayGroupOptions } from '@rolster/forms';
+import { ValidatorFn } from '@rolster/validators';
+import { RefObject } from 'react';
+interface ReactAbstractControl<E extends HTMLElement = HTMLElement, T = any> extends AbstractControl<T> {
+    elementRef?: RefObject<E>;
+}
+export interface ReactFormControl<E extends HTMLElement = HTMLElement, T = any> extends AbstractFormControl<T> {
+    elementRef?: RefObject<E>;
+}
+export type ReactFormVoid<E extends HTMLElement = HTMLElement, T = any> = ReactFormControl<E, T | undefined>;
+export type ReactHtmlControl<T = any> = ReactFormControl<HTMLElement, T>;
+export type ReactHtmlVoid<T = any> = ReactFormVoid<HTMLElement, T>;
+export type ReactInputControl<T = any> = ReactFormControl<HTMLInputElement, T>;
+export type ReactInputVoid<T = any> = ReactFormVoid<HTMLInputElement, T>;
+export interface ReactArrayControlOptions<T = any> extends FormArrayControlOptions<T> {
+    initialValue: T;
+    dirty?: boolean;
+    disabled?: boolean;
+    focused?: boolean;
+    touched?: boolean;
+}
+export type ReactSubscriberControl<T = any> = (options: ReactArrayControlOptions<T>) => void;
+export interface ReactArrayListOptions<C extends ReactArrayControls = ReactArrayControls> extends ReactArrayControlOptions<ArrayControlsValue<C>[]> {
+    controls: C[];
+    valueToControls: ArrayListValueToControls<C>;
+}
+export interface ReactArrayControl<E extends HTMLElement = HTMLElement, T = any> extends AbstractArrayControl<T> {
+    clone(options: ReactArrayControlOptions<T>): ReactArrayControl<E, T>;
+    subscribe: (subscriber: ReactSubscriberControl<T>) => void;
+    elementRef?: RefObject<E>;
+    validators?: ValidatorFn<T>[];
+}
+export type ReactArrayVoid<E extends HTMLElement = HTMLElement, T = any> = ReactArrayControl<E, T | undefined>;
+export type ReactHtmlArrayControl<T = any> = ReactArrayControl<HTMLElement, T>;
+export type ReactHtmlArrayVoid<T = any> = ReactArrayVoid<HTMLElement, T>;
+export type ReactInputArrayControl<T = any> = ReactArrayControl<HTMLInputElement, T>;
+export type ReactInputArrayVoid<T = any> = ReactArrayVoid<HTMLInputElement, T>;
+export type ReactArrayControls<T extends ReactArrayControl = ReactArrayControl> = AbstractArrayControls<T>;
+export interface ReactArrayList<C extends ReactArrayControls = ReactArrayControls> extends ReactArrayControl<HTMLElement, ArrayControlsValue<C>[]>, AbstractArrayList<C> {
+}
+export type ReactSubscriberGroup<C extends ReactArrayControls = ReactArrayControls, R = any> = (options: FormArrayGroupOptions<C, R>) => void;
+export interface ReactArrayGroup<C extends ReactArrayControls, R = any> extends AbstractArrayGroup<C, R> {
+    subscribe: (subscriber: ReactSubscriberGroup<C, R>) => void;
+}
+export interface ReactFormArray<C extends ReactArrayControls = ReactArrayControls, R = any, G extends ReactArrayGroup<C, R> = ReactArrayGroup<C, R>> extends AbstractArray<C, R, G> {
+    elementRef?: RefObject<HTMLElement>;
+}
+export type ReactControl<E extends HTMLElement = HTMLElement, T = any> = ReactFormControl<E, T> | ReactArrayControl<E, T>;
+export type ReactControls<T extends ReactAbstractControl = ReactAbstractControl> = AbstractControls<T>;
+export type ReactGroup<C extends ReactControls = ReactControls> = AbstractFormGroup<C>;
+export {};

package/dist/esm/types.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=types.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolster/react-forms",
-  "version": "18.8.2",
+  "version": "18.9.1",
   "description": "It implements a set of classes that allow managing the control of states of the input components in React",
   "module": "dist/esm/index.js",
   "main": "dist/cjs/index.js",
@@ -27,8 +27,8 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@rolster/forms": "^2.7.2",
-    "@rolster/validators": "^2.0.2",
+    "@rolster/forms": "^2.8.0",
+    "@rolster/validators": "^2.1.0",
     "react": "^18.2.0",
     "uuid": "^9.0.1"
   },
@@ -37,7 +37,7 @@
     "@rollup/plugin-node-resolve": "^15.2.1",
     "@rollup/plugin-typescript": "^11.1.3",
     "@rolster/rollup": "^1.0.6",
-    "@rolster/types": "^1.0.9",
+    "@rolster/types": "^1.1.0",
     "@types/jest": "^29.5.1",
     "@types/react": "^18.2.42",
     "@types/uuid": "^9.0.7",
@@ -50,7 +50,7 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "ts-jest": "^29.1.0",
     "tslib": "^2.4.0",
-    "typescript": "^4.9.3",
+    "typescript": "^5.7.2",
     "vite": "^5.0.8"
   },
   "repository": {