@rolster/react-forms 18.0.8 → 18.2.0

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

@@ -0,0 +1,31 @@
+import { ArrayStateGroup, ArrayValueGroup, FormArrayGroupProps, ValidatorGroupFn } from '@rolster/helpers-forms';
+import { ValidatorError } from '@rolster/validators';
+import { AbstractRolsterArrayGroup, RolsterArrayControls, RolsterFormArray } from './types';
+export declare class RolsterArrayGroup<C extends RolsterArrayControls = RolsterArrayControls, R = any> implements AbstractRolsterArrayGroup<C, R> {
+    readonly uuid: string;
+    readonly resource?: R;
+    readonly controls: C;
+    readonly dirty: boolean;
+    readonly dirties: boolean;
+    readonly errors: ValidatorError<any>[];
+    readonly invalid: boolean;
+    readonly pristine: boolean;
+    readonly pristines: boolean;
+    readonly touched: boolean;
+    readonly toucheds: boolean;
+    readonly untouched: boolean;
+    readonly untoucheds: boolean;
+    readonly valid: boolean;
+    readonly wrong: boolean;
+    readonly error?: ValidatorError<any>;
+    readonly validators?: ValidatorGroupFn<C>[];
+    readonly state: ArrayStateGroup<C>;
+    readonly value: ArrayValueGroup<C>;
+    parent?: RolsterFormArray<C>;
+    constructor(props: FormArrayGroupProps<C>);
+    setValidators(validators: ValidatorGroupFn<C>[]): void;
+}
+type RolsterGroupProps<C extends RolsterArrayControls = RolsterArrayControls, R = any> = Omit<FormArrayGroupProps<C, R>, 'uuid'>;
+export declare function useFormArrayGroup<C extends RolsterArrayControls = RolsterArrayControls, R = any>(controls: C, validators?: ValidatorGroupFn<C, R>[]): AbstractRolsterArrayGroup<C, R>;
+export declare function useFormArrayGroup<C extends RolsterArrayControls = RolsterArrayControls, R = any>(props: RolsterGroupProps<C, R>): AbstractRolsterArrayGroup<C, R>;
+export {};

package/dist/esm/form-array/form-array-group.hook.js

@@ -0,0 +1,46 @@
+import { controlsAllChecked, controlsPartialChecked, controlsToState, controlsToValue, groupIsValid } from '@rolster/helpers-forms/helpers';
+import { v4 as uuid } from 'uuid';
+export class RolsterArrayGroup {
+    constructor(props) {
+        const { controls, resource, uuid, validators } = props;
+        Object.values(controls).forEach((control) => (control.group = this));
+        this.uuid = uuid;
+        this.controls = controls;
+        this.validators = validators;
+        this.resource = resource;
+        this.errors = validators ? groupIsValid({ controls, validators }) : [];
+        this.error = this.errors[0];
+        this.valid =
+            this.errors.length === 0 && controlsAllChecked(controls, 'valid');
+        this.invalid = !this.valid;
+        this.touched = controlsPartialChecked(controls, 'touched');
+        this.toucheds = controlsAllChecked(controls, 'touched');
+        this.dirty = controlsPartialChecked(controls, 'dirty');
+        this.dirties = controlsAllChecked(controls, 'dirty');
+        this.untouched = !this.touched;
+        this.untoucheds = !this.toucheds;
+        this.pristine = !this.dirty;
+        this.pristines = !this.dirties;
+        this.wrong = this.touched && this.invalid;
+        this.state = controlsToState(controls);
+        this.value = controlsToValue(controls);
+    }
+    setValidators(validators) {
+        this.parent?.refreshGroup(this, { validators });
+    }
+}
+function instanceOfReactArrayGroupProps(props) {
+    return (typeof props === 'object' && ('controls' in props || 'validators' in props));
+}
+function getReactArrayGroupProps(props, validators) {
+    if (instanceOfReactArrayGroupProps(props)) {
+        return props;
+    }
+    const controls = props;
+    return { controls, validators };
+}
+export function useFormArrayGroup(reactProps, validators) {
+    const props = getReactArrayGroupProps(reactProps, validators);
+    return new RolsterArrayGroup({ ...props, uuid: uuid() });
+}
+//# sourceMappingURL=form-array-group.hook.js.map

package/dist/esm/form-array/form-array-group.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-array-group.hook.js","sourceRoot":"","sources":["../../../src/form-array/form-array-group.hook.ts"],"names":[],"mappings":"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"}

package/dist/esm/form-array/form-array.hook.d.ts

@@ -0,0 +1,8 @@
+import { FormArrayProps, ValidatorArrayFn } from '@rolster/helpers-forms';
+import { ReactArrayControls, ReactFormArray } from '../types';
+import { AbstractRolsterArrayGroup } from './types';
+type RolsterArrayProps<C extends ReactArrayControls = ReactArrayControls, R = any> = FormArrayProps<C, R, AbstractRolsterArrayGroup<C, R>>;
+export declare function useFormArray<G extends ReactArrayControls, R = any>(): ReactFormArray<G, R>;
+export declare function useFormArray<G extends ReactArrayControls, R = any>(groups: AbstractRolsterArrayGroup<G, R>[], validatorsFn?: ValidatorArrayFn<G, R>[]): ReactFormArray<G, R>;
+export declare function useFormArray<G extends ReactArrayControls, R = any>(props: RolsterArrayProps<G>): ReactFormArray<G, R>;
+export {};

package/dist/esm/form-array/form-array.hook.js

@@ -0,0 +1,107 @@
+import { arrayIsValid, controlsToState, groupAllChecked, groupPartialChecked } from '@rolster/helpers-forms/helpers';
+import { useEffect, useState } from 'react';
+import { RolsterArrayControl } from './form-array-control.hook';
+import { RolsterArrayGroup } from './form-array-group.hook';
+function cloneFormArrayControl(control, changes) {
+    return new RolsterArrayControl({ ...control, ...changes });
+}
+function cloneFormArrayGroup(group, changes) {
+    return new RolsterArrayGroup({ ...group, ...changes });
+}
+function cloneFormControlForArrayGroup(group, control, changes) {
+    const newControl = cloneFormArrayControl(control, changes);
+    const { uuid } = newControl;
+    const controls = Object.entries(group.controls).reduce((controls, [key, control]) => {
+        controls[key] = control.uuid === uuid ? newControl : control;
+        return controls;
+    }, {});
+    return new RolsterArrayGroup({ ...group, controls });
+}
+function instanceOfReactArrayProps(props) {
+    return (typeof props === 'object' && ('groups' in props || 'validators' in props));
+}
+function getReactArrayProps(props, validators) {
+    if (props === undefined || props === null) {
+        return { groups: undefined, validators: undefined };
+    }
+    if (instanceOfReactArrayProps(props)) {
+        return props;
+    }
+    const groups = props;
+    return { groups, validators };
+}
+export function useFormArray(reactProps, validatorsFn) {
+    const props = getReactArrayProps(reactProps, validatorsFn);
+    const [currentState] = useState(props.groups);
+    const [state, setState] = useState([]);
+    const [validators, setValidators] = useState(props.validators);
+    const [controls, setControls] = useState([]);
+    const [groups, setGroups] = useState(props.groups || []);
+    useEffect(() => {
+        setControls(groups.map(({ controls }) => controls));
+        setState(groups.map(({ controls }) => controlsToState(controls)));
+    }, [groups]);
+    const errors = validators ? arrayIsValid({ groups, validators }) : [];
+    const error = errors[0];
+    const valid = errors.length === 0 && groupAllChecked(groups, 'valid');
+    const touched = groupPartialChecked(groups, 'touched');
+    const toucheds = groupAllChecked(groups, 'touched');
+    const dirties = groupAllChecked(groups, 'dirty');
+    const dirty = groupPartialChecked(groups, 'dirty');
+    function push(group) {
+        setGroups([...groups, group]);
+    }
+    function merge(newGroups) {
+        setGroups([...groups, ...newGroups]);
+    }
+    function set(groups) {
+        setGroups(groups);
+    }
+    function refreshControl(control, changes) {
+        if (control.group) {
+            const group = cloneFormControlForArrayGroup(control.group, control, changes);
+            setGroups(groups.map((currentGroup) => currentGroup.uuid === group.uuid ? group : currentGroup));
+        }
+    }
+    function refreshGroup(group, changes) {
+        const newGroup = cloneFormArrayGroup(group, changes);
+        const { uuid } = newGroup;
+        setGroups(groups.map((currentGroup) => currentGroup.uuid === uuid ? newGroup : currentGroup));
+    }
+    function remove(group) {
+        setGroups(groups.filter(({ uuid }) => group.uuid !== uuid));
+    }
+    function reset() {
+        setGroups(currentState || []);
+    }
+    const formArray = {
+        controls,
+        dirty,
+        dirties,
+        error,
+        errors,
+        groups,
+        invalid: !valid,
+        merge,
+        pristine: !dirty,
+        pristines: !dirties,
+        push,
+        refreshControl,
+        refreshGroup,
+        remove,
+        reset,
+        set,
+        setValidators,
+        state,
+        touched,
+        toucheds,
+        untouched: !touched,
+        untoucheds: !toucheds,
+        valid,
+        value: state,
+        wrong: touched && !valid
+    };
+    groups.forEach((group) => (group.parent = formArray));
+    return formArray;
+}
+//# sourceMappingURL=form-array.hook.js.map

package/dist/esm/form-array/form-array.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-array.hook.js","sourceRoot":"","sources":["../../../src/form-array/form-array.hook.ts"],"names":[],"mappings":"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"}

package/dist/esm/form-array/index.d.ts

@@ -0,0 +1,3 @@
+export { useFormArrayControl, useInputArrayControl } from './form-array-control.hook';
+export { useFormArrayGroup } from './form-array-group.hook';
+export { useFormArray } from './form-array.hook';

package/dist/esm/form-array/index.js

@@ -0,0 +1,4 @@
+export { useFormArrayControl, useInputArrayControl } from './form-array-control.hook';
+export { useFormArrayGroup } from './form-array-group.hook';
+export { useFormArray } from './form-array.hook';
+//# sourceMappingURL=index.js.map

package/dist/esm/form-array/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form-array/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/esm/form-array/types.d.ts

@@ -0,0 +1,23 @@
+import { FormArrayControlProps, FormArrayGroupProps, FormState, ValidatorGroupFn } from '@rolster/helpers-forms';
+import { ValidatorFn } from '@rolster/validators';
+import { ReactArrayControl, ReactArrayControls, ReactArrayGroup, ReactFormArray } from '../types';
+export type RolsterArrayControls = ReactArrayControls<AbstractRolsterArrayControl>;
+export interface AbtractFormArrayControlProps<T = any> extends FormArrayControlProps<T> {
+    dirty?: boolean;
+    disabled?: boolean;
+    initialState?: FormState<T>;
+    focused?: boolean;
+    touched?: boolean;
+}
+export interface AbstractRolsterArrayControl<T = any, C extends ReactArrayControls = any, E extends HTMLElement = HTMLElement> extends ReactArrayControl<E, T> {
+    group?: AbstractRolsterArrayGroup<C>;
+    validators?: ValidatorFn<T>[];
+}
+export interface RolsterFormArray<C extends ReactArrayControls> extends ReactFormArray<C> {
+    refreshControl(control: AbstractRolsterArrayControl<any, C>, changes: Partial<AbtractFormArrayControlProps<any>>): void;
+    refreshGroup(group: AbstractRolsterArrayGroup<C>, changes: Partial<FormArrayGroupProps<C>>): void;
+}
+export interface AbstractRolsterArrayGroup<C extends RolsterArrayControls = RolsterArrayControls, R = any> extends ReactArrayGroup<C, R> {
+    parent?: RolsterFormArray<C>;
+    validators?: ValidatorGroupFn<C>[];
+}

package/dist/esm/form-array/types.js

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

package/dist/esm/form-array/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/form-array/types.ts"],"names":[],"mappings":""}

package/dist/esm/form-control.hook.d.ts

@@ -1,9 +1,18 @@
-import { FormControlProps } from '@rolster/helpers-forms';
+import { FormControlProps, FormState } from '@rolster/helpers-forms';
+import { ValidatorFn } from '@rolster/validators';
 import { ReactFormControl, ReactHtmlControl, ReactInputControl } from './types';
 interface ReactControlProps<T = any> extends FormControlProps<T> {
     touched?: boolean;
 }
-export declare function useReactControl<E extends HTMLElement, T = any>(props?: ReactControlProps<T>): ReactFormControl<E, T>;
-export declare function useFormControl<T = any>(props?: ReactControlProps<T>): ReactHtmlControl<T>;
-export declare function useInputControl<T = any>(props?: ReactControlProps<T>): ReactInputControl<T>;
+export declare function instanceOfReactControlProps<T = any>(props: any): props is ReactControlProps<T>;
+export declare function getReactControlProps<T = any>(props?: ReactControlProps<T> | FormState<T>, validators?: ValidatorFn<T>[]): ReactControlProps<T>;
+export declare function useReactControl<E extends HTMLElement, T = any>(): ReactFormControl<E, T>;
+export declare function useReactControl<E extends HTMLElement, T = any>(state: FormState<T>, validators?: ValidatorFn<T>[]): ReactFormControl<E, T>;
+export declare function useReactControl<E extends HTMLElement, T = any>(props: ReactControlProps<T>): ReactFormControl<E, T>;
+export declare function useFormControl<T = any>(): ReactHtmlControl<T>;
+export declare function useFormControl<T = any>(state: FormState<T>, validators?: ValidatorFn<T>[]): ReactHtmlControl<T>;
+export declare function useFormControl<T = any>(props: ReactControlProps<T>): ReactHtmlControl<T>;
+export declare function useInputControl<T = any>(): ReactInputControl<T>;
+export declare function useInputControl<T = any>(state: FormState<T>, validators?: ValidatorFn<T>[]): ReactInputControl<T>;
+export declare function useInputControl<T = any>(props: ReactControlProps<T>): ReactInputControl<T>;
 export {};

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

@@ -1,7 +1,21 @@
 import { controlIsValid } from '@rolster/helpers-forms/helpers';
 import { useEffect, useRef, useState } from 'react';
 import { BehaviorSubject } from 'rxjs';
-export function useReactControl(props = {}) {
+export function instanceOfReactControlProps(props) {
+    return (typeof props === 'object' && ('state' in props || 'validators' in props));
+}
+export function getReactControlProps(props, validators) {
+    if (props === undefined || props === null) {
+        return { state: undefined, validators: undefined };
+    }
+    if (instanceOfReactControlProps(props)) {
+        return props;
+    }
+    const state = props;
+    return { state, validators };
+}
+export function useReactControl(reactProps, validatorsFn) {
+    const props = getReactControlProps(reactProps, validatorsFn);
     const [state, setCurrentState] = useState(props.state);
     const [value, setValue] = useState(props.state);
     const [touched, setTouched] = useState(props.touched || false);
@@ -81,10 +95,14 @@ export function useReactControl(props = {}) {
         wrong: touched && !valid
     };
 }
-export function useFormControl(props = {}) {
-    return useReactControl(props);
+export function useFormControl(reactProps, validatorsFn) {
+    return instanceOfReactControlProps(reactProps)
+        ? useReactControl(reactProps)
+        : useReactControl(reactProps, validatorsFn);
 }
-export function useInputControl(props = {}) {
-    return useReactControl(props);
+export function useInputControl(reactProps, validatorsFn) {
+    return instanceOfReactControlProps(reactProps)
+        ? useReactControl(reactProps)
+        : useReactControl(reactProps, validatorsFn);
 }
 //# sourceMappingURL=form-control.hook.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form-control.hook.js","sourceRoot":"","sources":["../../src/form-control.hook.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-control.hook.js","sourceRoot":"","sources":["../../src/form-control.hook.ts"],"names":[],"mappings":"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"}

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

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

package/dist/esm/form-group.hook.js

@@ -1,6 +1,17 @@
 import { controlsAllChecked, controlsPartialChecked, controlsToState, controlsToValue, groupIsValid } from '@rolster/helpers-forms/helpers';
 import { useState } from 'react';
-export function useFormGroup(props) {
+function instanceOfReactGroupProps(props) {
+    return (typeof props === 'object' && ('controls' in props || 'validators' in props));
+}
+function getReactGroupProps(props, validators) {
+    if (instanceOfReactGroupProps(props)) {
+        return props;
+    }
+    const controls = props;
+    return { controls, validators };
+}
+export function useFormGroup(reactProps, validatorsFn) {
+    const props = getReactGroupProps(reactProps, validatorsFn);
     const [validators, setValidators] = useState(props.validators);
     const { controls } = props;
     const errors = (() => validators ? groupIsValid({ controls, validators }) : [])();

package/dist/esm/form-group.hook.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-group.hook.js","sourceRoot":"","sources":["../../src/form-group.hook.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAClB,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,YAAY,EACb,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,UAAU,YAAY,CAC1B,KAAwB;IAExB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAE/D,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE,CACnB,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;IAE9D,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,CAClB,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,kBAAkB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;IAElE,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC;IACtE,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC;IACnE,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;IAClE,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;IAEhE,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC;IAClD,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC;IAElD,SAAS,KAAK;QACZ,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;IAChE,CAAC;IAED,OAAO;QACL,QAAQ;QACR,KAAK;QACL,OAAO;QACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;QAChB,MAAM;QACN,OAAO,EAAE,CAAC,KAAK;QACf,QAAQ,EAAE,CAAC,KAAK;QAChB,SAAS,EAAE,CAAC,OAAO;QACnB,KAAK;QACL,KAAK;QACL,aAAa;QACb,OAAO;QACP,QAAQ;QACR,SAAS,EAAE,CAAC,OAAO;QACnB,UAAU,EAAE,CAAC,QAAQ;QACrB,KAAK;QACL,KAAK;QACL,KAAK,EAAE,OAAO,IAAI,CAAC,KAAK;KACzB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"form-group.hook.js","sourceRoot":"","sources":["../../src/form-group.hook.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAClB,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,YAAY,EACb,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,SAAS,yBAAyB,CAChC,KAAU;IAEV,OAAO,CACL,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,UAAU,IAAI,KAAK,IAAI,YAAY,IAAI,KAAK,CAAC,CAC5E,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CACzB,KAA4B,EAC5B,UAAkC;IAElC,IAAI,yBAAyB,CAAI,KAAK,CAAC,EAAE;QACvC,OAAO,KAAK,CAAC;KACd;IAED,MAAM,QAAQ,GAAG,KAAU,CAAC;IAE5B,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;AAClC,CAAC;AASD,MAAM,UAAU,YAAY,CAC1B,UAAiC,EACjC,YAAoC;IAEpC,MAAM,KAAK,GAAG,kBAAkB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IAE3D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAE/D,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE,CACnB,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;IAE9D,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,CAClB,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,kBAAkB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;IAElE,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC;IACtE,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC;IACnE,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;IAClE,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;IAEhE,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC;IAClD,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC;IAElD,SAAS,KAAK;QACZ,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;IAChE,CAAC;IAED,OAAO;QACL,QAAQ;QACR,KAAK;QACL,OAAO;QACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;QAChB,MAAM;QACN,OAAO,EAAE,CAAC,KAAK;QACf,QAAQ,EAAE,CAAC,KAAK;QAChB,SAAS,EAAE,CAAC,OAAO;QACnB,KAAK;QACL,KAAK;QACL,aAAa;QACb,OAAO;QACP,QAAQ;QACR,SAAS,EAAE,CAAC,OAAO;QACnB,UAAU,EAAE,CAAC,QAAQ;QACrB,KAAK;QACL,KAAK;QACL,KAAK,EAAE,OAAO,IAAI,CAAC,KAAK;KACzB,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,17 @@
+import { FormControlProps, FormState } from '@rolster/helpers-forms';
+import { ValidatorFn } from '@rolster/validators';
+import { ReactInputControl } from './types';
+interface ReactRefProps<T = any> extends FormControlProps<T> {
+    setValue: (r: ReactInputControl<T>, value: string) => void;
+    touched?: boolean;
+}
+type InputRefProps<T = any> = Omit<ReactRefProps<T>, 'setValue'>;
+type TextRefProps = InputRefProps<string>;
+type NumberRefProps = InputRefProps<number>;
+export declare function useTextRefControl(): ReactInputControl<string>;
+export declare function useTextRefControl(state?: FormState<string>, validators?: ValidatorFn<string>[]): ReactInputControl<string>;
+export declare function useTextRefControl(props?: TextRefProps): ReactInputControl<string>;
+export declare function useNumberRefControl(): ReactInputControl<number>;
+export declare function useNumberRefControl(state?: FormState<number>, validators?: ValidatorFn<number>[]): ReactInputControl<number>;
+export declare function useNumberRefControl(props?: NumberRefProps): ReactInputControl<number>;
+export {};

package/dist/esm/form-ref.hook.js

@@ -0,0 +1,45 @@
+import { useEffect } from 'react';
+import { instanceOfReactControlProps, useInputControl } from './form-control.hook';
+function getInputRefControlProps(props, validators) {
+    if (props === undefined || props === null) {
+        return { state: undefined, validators: undefined };
+    }
+    if (instanceOfReactControlProps(props)) {
+        return props;
+    }
+    const state = props;
+    return { state, validators };
+}
+function useInputRefControl(props) {
+    const { setValue, state, validators } = props;
+    const inputControl = useInputControl(state, validators);
+    useEffect(() => {
+        const { elementRef } = inputControl;
+        elementRef?.current?.addEventListener('focus', () => {
+            inputControl.focus();
+        });
+        elementRef?.current?.addEventListener('blur', () => {
+            inputControl.blur();
+            if (!inputControl.touched) {
+                inputControl.touch();
+            }
+        });
+        elementRef?.current?.addEventListener('change', ({ target }) => {
+            setValue(inputControl, target.value);
+        });
+    }, []);
+    return inputControl;
+}
+export function useTextRefControl(reactProps, validators) {
+    return useInputRefControl({
+        ...getInputRefControlProps(reactProps, validators),
+        setValue: (inputControl, value) => inputControl.setState(value)
+    });
+}
+export function useNumberRefControl(reactProps, validators) {
+    return useInputRefControl({
+        ...getInputRefControlProps(reactProps, validators),
+        setValue: (inputControl, value) => inputControl.setState(+value)
+    });
+}
+//# sourceMappingURL=form-ref.hook.js.map

package/dist/esm/form-ref.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-ref.hook.js","sourceRoot":"","sources":["../../src/form-ref.hook.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EACL,2BAA2B,EAC3B,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAa7B,SAAS,uBAAuB,CAC9B,KAAuC,EACvC,UAA6B;IAE7B,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;QACzC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;KACpD;IAED,IAAI,2BAA2B,CAAI,KAAK,CAAC,EAAE;QACzC,OAAO,KAAK,CAAC;KACd;IAED,MAAM,KAAK,GAAG,KAAqB,CAAC;IAEpC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;AAC/B,CAAC;AAED,SAAS,kBAAkB,CAAU,KAAuB;IAC1D,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAE9C,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,UAAU,EAAE,GAAG,YAAY,CAAC;QAEpC,UAAU,EAAE,OAAO,EAAE,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YAClD,YAAY,CAAC,KAAK,EAAE,CAAC;QACvB,CAAC,CAAC,CAAC;QAEH,UAAU,EAAE,OAAO,EAAE,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE;YACjD,YAAY,CAAC,IAAI,EAAE,CAAC;YAEpB,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;gBACzB,YAAY,CAAC,KAAK,EAAE,CAAC;aACtB;QACH,CAAC,CAAC,CAAC;QAEH,UAAU,EAAE,OAAO,EAAE,gBAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;YAC7D,QAAQ,CAAC,YAAY,EAAG,MAA2B,CAAC,KAAK,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,YAAY,CAAC;AACtB,CAAC;AAUD,MAAM,UAAU,iBAAiB,CAC/B,UAA6C,EAC7C,UAAkC;IAElC,OAAO,kBAAkB,CAAC;QACxB,GAAG,uBAAuB,CAAC,UAAU,EAAE,UAAU,CAAC;QAClD,QAAQ,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC;KAChE,CAAC,CAAC;AACL,CAAC;AAUD,MAAM,UAAU,mBAAmB,CACjC,UAA+C,EAC/C,UAAkC;IAElC,OAAO,kBAAkB,CAAC;QACxB,GAAG,uBAAuB,CAAC,UAAU,EAAE,UAAU,CAAC;QAClD,QAAQ,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC;KACjE,CAAC,CAAC;AACL,CAAC"}

package/dist/esm/index.d.ts

@@ -1,4 +1,5 @@
-export * from './form-array.hook';
-export * from './form-control.hook';
-export * from './form-group.hook';
+export { useFormArray, useFormArrayControl, useFormArrayGroup, useInputArrayControl } from './form-array';
+export { useFormControl, useInputControl, useReactControl } from './form-control.hook';
+export { useFormGroup } from './form-group.hook';
+export { useNumberRefControl, useTextRefControl } from './form-ref.hook';
 export { ReactArrayControl, ReactArrayControls, ReactArrayGroup, ReactArrayHtmlControl, ReactArrayInputControl, ReactControl, ReactControls, ReactFormArray, ReactFormControl, ReactGroup, ReactHtmlControl, ReactInputControl } from './types';

package/dist/esm/index.js

@@ -1,4 +1,5 @@
-export * from './form-array.hook';
-export * from './form-control.hook';
-export * from './form-group.hook';
+export { useFormArray, useFormArrayControl, useFormArrayGroup, useInputArrayControl } from './form-array';
+export { useFormControl, useInputControl, useReactControl } from './form-control.hook';
+export { useFormGroup } from './form-group.hook';
+export { useNumberRefControl, useTextRefControl } from './form-ref.hook';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACrB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,cAAc,EACd,eAAe,EACf,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/esm/types.d.ts

@@ -1,10 +1,10 @@
 import { AbstractArray, AbstractArrayControl, AbstractArrayControls, AbstractArrayGroup, AbstractFormControl, AbstractFormGroup, AbstractGroupControls } from '@rolster/helpers-forms';
-import { LegacyRef } from 'react';
+import { RefObject } from 'react';
 export interface ReactFormControl<E extends HTMLElement = HTMLElement, T = any> extends AbstractFormControl<T> {
-    elementRef?: LegacyRef<E>;
+    elementRef?: RefObject<E>;
 }
 export interface ReactArrayControl<E extends HTMLElement = HTMLElement, T = any> extends AbstractArrayControl<T> {
-    elementRef?: LegacyRef<E>;
+    elementRef?: RefObject<E>;
 }
 export type ReactControl<E extends HTMLElement = HTMLElement, T = any> = ReactFormControl<E, T> | ReactArrayControl<E, T>;
 export type ReactInputControl<T = any> = ReactFormControl<HTMLInputElement, T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolster/react-forms",
-  "version": "18.0.8",
+  "version": "18.2.0",
   "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",
@@ -26,7 +26,7 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@rolster/helpers-forms": "^1.9.10",
+    "@rolster/helpers-forms": "^1.10.2",
     "@rolster/validators": "^1.0.5",
     "rxjs": "^7.8.0",
     "uuid": "^9.0.1"

package/dist/esm/form-array.hook.d.ts

@@ -1,36 +0,0 @@
-import { ValidatorFn } from '@rolster/validators';
-import { FormArrayControlProps, FormArrayGroupProps, FormArrayProps, FormState, ValidatorGroupFn } from '@rolster/helpers-forms';
-import { ReactArrayControl, ReactArrayControls, ReactArrayGroup, ReactFormArray } from './types';
-interface AbtractFormArrayControlProps<T = any> extends FormArrayControlProps<T> {
-    dirty?: boolean;
-    disabled?: boolean;
-    initialState?: FormState<T>;
-    focused?: boolean;
-    touched?: boolean;
-}
-interface AbstractRolsterArrayControl<T = any, C extends ReactArrayControls = any, E extends HTMLElement = HTMLElement> extends ReactArrayControl<E, T> {
-    group?: AbstractRolsterArrayGroup<C>;
-    validators?: ValidatorFn<T>[];
-}
-type RolsterArrayControls = ReactArrayControls<AbstractRolsterArrayControl>;
-interface AbstractRolsterArrayGroup<C extends RolsterArrayControls = RolsterArrayControls, R = any> extends ReactArrayGroup<C, R> {
-    parent?: RolsterFormArray<C>;
-    validators?: ValidatorGroupFn<C>[];
-}
-interface RolsterFormArray<C extends ReactArrayControls> extends ReactFormArray<C> {
-    refreshControl(control: AbstractRolsterArrayControl<any, C>, changes: Partial<AbtractFormArrayControlProps<any>>): void;
-    refreshGroup(group: AbstractRolsterArrayGroup<C>, changes: Partial<FormArrayGroupProps<C>>): void;
-}
-interface RolsterControlProps<T = any> extends FormArrayControlProps<T> {
-    touched?: boolean;
-}
-type ReactControlProps<T = any> = Omit<RolsterControlProps<T>, 'uuid'>;
-export declare function cloneFormArrayControl<T = any, C extends ReactArrayControls = ReactArrayControls, E extends HTMLElement = HTMLElement>(control: AbstractRolsterArrayControl<T, C, E>, changes: Partial<AbtractFormArrayControlProps<T>>): ReactArrayControl<E, T>;
-export declare function cloneFormArrayGroup<C extends ReactArrayControls = ReactArrayControls>(group: AbstractRolsterArrayGroup<C>, changes: Partial<FormArrayGroupProps<C>>): ReactArrayGroup<C>;
-export declare function useFormArrayControl<T = any, C extends ReactArrayControls = any, E extends HTMLElement = HTMLElement>(props: ReactControlProps<T>): AbstractRolsterArrayControl<T, C, E>;
-export declare function useInputArrayControl<T = any, C extends ReactArrayControls = any>(props: ReactControlProps<T>): AbstractRolsterArrayControl<T, C, HTMLInputElement>;
-type RolsterGroupProps<C extends RolsterArrayControls = RolsterArrayControls, R = any> = Omit<FormArrayGroupProps<C, R>, 'uuid'>;
-export declare function useFormArrayGroup<C extends RolsterArrayControls = RolsterArrayControls, R = any>(props: RolsterGroupProps<C>): AbstractRolsterArrayGroup<C, R>;
-type RolsterArrayProps<C extends ReactArrayControls = ReactArrayControls, R = any> = FormArrayProps<C, R, AbstractRolsterArrayGroup<C, R>>;
-export declare function useFormArray<C extends ReactArrayControls, R = any>(props: RolsterArrayProps<C, R>): ReactFormArray<C, R>;
-export {};