@rolster/react-components 1.5.7 → 18.10.0

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

@@ -1,15 +0,0 @@
-import { AbstractControl, FormState, ValidatorFn } from '@rolster/helpers-forms';
-import { LegacyRef } from 'react';
-export interface ReactControl<E extends HTMLElement, T = any> extends AbstractControl<T> {
-    elementRef: LegacyRef<E>;
-}
-interface Props<T> {
-    state?: FormState<T>;
-    validators?: ValidatorFn<T>[];
-}
-export declare function useReactControl<E extends HTMLElement, T = any>(props?: Props<T>): ReactControl<E, T>;
-type Element<T> = ReactControl<HTMLElement, T>;
-type Input<T> = ReactControl<HTMLInputElement, T>;
-export declare function useFormControl<T = any>(props?: Props<T>): Element<T>;
-export declare function useInputControl<T = any>(props?: Props<T>): Input<T>;
-export {};

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

@@ -1,77 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-export function useReactControl(props = {}) {
-    const [state, setState] = useState(props.state);
-    const [value, setValue] = useState(props.state);
-    const [dirty, setDirty] = useState(false);
-    const [active, setActive] = useState(false);
-    const [disabled, setDisabled] = useState(false);
-    const [initialValue] = useState(props.state);
-    const [valid, setValid] = useState(true);
-    const [invalid, setInvalid] = useState(false);
-    const [validators, setValidators] = useState(props.validators || []);
-    const [errors, setErrors] = useState([]);
-    const [error, setError] = useState();
-    const [subscribers] = useState(new Set());
-    const elementRef = useRef(null);
-    useEffect(() => {
-        updateValueAndValidity();
-        if (state) {
-            setValue(state);
-        }
-        subscribers.forEach((subscriber) => {
-            subscriber(state);
-        });
-    }, [state]);
-    useEffect(() => {
-        updateValueAndValidity();
-    }, [validators]);
-    function reset() {
-        setDirty(false);
-        setState(initialValue);
-    }
-    function subscribe(subscriber) {
-        subscribers.add(subscriber);
-    }
-    function updateValueAndValidity() {
-        const errors = validators.reduce((errors, validator) => {
-            const error = validator(state);
-            if (error) {
-                errors.push(error);
-            }
-            return errors;
-        }, []);
-        const [error] = errors;
-        setErrors(errors);
-        setError(error);
-        const validState = errors.length === 0;
-        setValid(validState);
-        setInvalid(!validState);
-    }
-    return {
-        active,
-        dirty,
-        disabled,
-        elementRef,
-        errors,
-        invalid,
-        valid,
-        value,
-        error,
-        state,
-        reset,
-        setActive,
-        setDirty,
-        setDisabled,
-        setValidators,
-        setState,
-        subscribe,
-        updateValueAndValidity
-    };
-}
-export function useFormControl(props = {}) {
-    return useReactControl(props);
-}
-export function useInputControl(props = {}) {
-    return useReactControl(props);
-}
-//# sourceMappingURL=form-control.hook.js.map

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

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

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

@@ -1,2 +0,0 @@
-import { AbstractGroup, FormControls } from '@rolster/helpers-forms';
-export declare function useFormGroup<T extends FormControls>(controls: T): AbstractGroup<T>;

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

@@ -1,22 +0,0 @@
-export function useFormGroup(controls) {
-    function valid() {
-        return Object.values(controls).reduce((validState, { valid }) => validState && valid, true);
-    }
-    function invalid() {
-        return !valid();
-    }
-    function reset() {
-        Object.values(controls).forEach((control) => control.reset());
-    }
-    function json() {
-        return Object.entries(controls).reduce((json, [key, { state }]) => {
-            json[key] = state;
-            return json;
-        }, {});
-    }
-    function updateValueAndValidity() {
-        Object.values(controls).forEach((control) => control.updateValueAndValidity());
-    }
-    return { controls, invalid, json, reset, updateValueAndValidity, valid };
-}
-//# sourceMappingURL=form-group.hook.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"form-group.hook.js","sourceRoot":"","sources":["../../../src/hooks/form-group.hook.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,YAAY,CAC1B,QAAW;IAEX,SAAS,KAAK;QACZ,OAAO,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,MAAM,CACnC,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,UAAU,IAAI,KAAK,EAC9C,IAAI,CACL,CAAC;IACJ,CAAC;IAED,SAAS,OAAO;QACd,OAAO,CAAC,KAAK,EAAE,CAAC;IAClB,CAAC;IAED,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,SAAS,IAAI;QACX,OAAO,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAM,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;YACrE,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;YAClB,OAAO,IAAI,CAAC;QACd,CAAC,EAAE,EAAE,CAAC,CAAC;IACT,CAAC;IAED,SAAS,sBAAsB;QAC7B,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAC1C,OAAO,CAAC,sBAAsB,EAAE,CACjC,CAAC;IACJ,CAAC;IAED,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,CAAC;AAC3E,CAAC"}