@juantroconisf/lib 3.1.7 → 3.2.1

package/dist/index.d.mts

@@ -107,4 +107,4 @@ interface UseFormChangeResponse<O extends StateType> {
 
 declare function useFormChange<O extends StateType>({ state: newState, validations, errorMessages, }: FormChangeState<O>): UseFormChangeResponse<O>;
 
-export { type BlurFunc, type FormChangeState, type GetNestedValueByKey, type GetValidationFunc, type MapValidator, type NXErrorFunc, type NestedChangeProps, NextUIError, type RegisterFunc, type RegisterHandleFunc, type RequiredValidationFunc, type StateType, type TouchedType, type UseFormChangeResponse, type UseValidationFunc, type Validator, type ValidatorErrorMessage$1 as ValidatorErrorMessage, type ValidatorFunction, type ValidatorParams$1 as ValidatorParams, type ValidatorTypes, type ValueChangeFunc, useFormChange };
+export { type BlurFunc, type ComponentInputProps, type FormChangeState, type GetNestedValueByKey, type GetValidationFunc, type GetValidationResponse, type MapValidator, type NXErrorFunc, type NestedChangeProps, NextUIError, type RegisterFunc, type RegisterHandleFunc, type RequiredValidationFunc, type StateType, type TouchedType, type UseFormChangeResponse, type UseValidationFunc, type Validator, type ValidatorErrorMessage$1 as ValidatorErrorMessage, type ValidatorFunction, type ValidatorParams$1 as ValidatorParams, type ValidatorTypes, type ValueChangeFunc, useFormChange };

package/dist/index.d.ts

@@ -107,4 +107,4 @@ interface UseFormChangeResponse<O extends StateType> {
 
 declare function useFormChange<O extends StateType>({ state: newState, validations, errorMessages, }: FormChangeState<O>): UseFormChangeResponse<O>;
 
-export { type BlurFunc, type FormChangeState, type GetNestedValueByKey, type GetValidationFunc, type MapValidator, type NXErrorFunc, type NestedChangeProps, NextUIError, type RegisterFunc, type RegisterHandleFunc, type RequiredValidationFunc, type StateType, type TouchedType, type UseFormChangeResponse, type UseValidationFunc, type Validator, type ValidatorErrorMessage$1 as ValidatorErrorMessage, type ValidatorFunction, type ValidatorParams$1 as ValidatorParams, type ValidatorTypes, type ValueChangeFunc, useFormChange };
+export { type BlurFunc, type ComponentInputProps, type FormChangeState, type GetNestedValueByKey, type GetValidationFunc, type GetValidationResponse, type MapValidator, type NXErrorFunc, type NestedChangeProps, NextUIError, type RegisterFunc, type RegisterHandleFunc, type RequiredValidationFunc, type StateType, type TouchedType, type UseFormChangeResponse, type UseValidationFunc, type Validator, type ValidatorErrorMessage$1 as ValidatorErrorMessage, type ValidatorFunction, type ValidatorParams$1 as ValidatorParams, type ValidatorTypes, type ValueChangeFunc, useFormChange };

package/dist/index.js

@@ -184,39 +184,49 @@ function useFormChange({
   const [state, setState] = (0, import_react.useState)(newState), falseState = allToValue(state, false), [touched, setTouched] = (0, import_react.useState)(falseState), errors2 = (0, import_react.useRef)({ ...falseState }), untouchedErrors = (0, import_react.useRef)({ ...falseState }), { getValidation } = useValidation();
   const onBlur = (id) => setTouched(
     handleNestedChange({ state: touched, id, value: true })
-  ), onValueChange = (id, value) => setState(handleNestedChange({ state, id, value })), onSelectionChange = (id, value) => {
-    console.log("onSelectionChange", state[id], value);
-    setState(
-      handleNestedChange({
-        state,
-        id,
-        value: state[id] === "string" ? value : Array.from(value)
-      })
-    );
-  };
+  ), onValueChange = (id, value) => setState(handleNestedChange({ state, id, value })), onSelectionChange = (id, value) => setState(
+    handleNestedChange({
+      state,
+      id,
+      value: typeof value === "string" ? value : Array.from(value)
+    })
+  );
   const registerHandle = (0, import_react.useCallback)(
     (id) => {
-      const [value, isTouched] = [state[id], touched[id]], selectedValidations = validations?.[id], hasValidations = selectedValidations !== void 0, inputValidations = getValidation(
-        value,
-        isTouched,
-        selectedValidations,
-        errorMessages?.[id]
-      );
-      errors2.current = handleNestedChange({
-        state: errors2.current,
-        id,
-        value: hasValidations ? !inputValidations.isValid : false
-      });
-      untouchedErrors.current = handleNestedChange({
-        state: untouchedErrors.current,
+      const [value, isTouched] = [state[id], touched[id]], requirements = validations?.[id], props = {
         id,
-        value: !inputValidations.isValid
+        onBlur: () => onBlur(id),
+        isInvalid: false,
+        errorMessage: ""
+      };
+      if (requirements === void 0) return props;
+      const [ui] = [
+        {
+          ref: errors2,
+          touched: isTouched
+        },
+        {
+          ref: untouchedErrors,
+          touched: true
+        }
+      ].map((item) => {
+        const req = getValidation(
+          value,
+          item.touched,
+          requirements,
+          errorMessages?.[id]
+        );
+        item.ref.current = handleNestedChange({
+          state: item.ref.current,
+          id,
+          value: req.isValid
+        });
+        return req;
       });
       return {
-        id,
-        onBlur: () => onBlur(id),
-        isInvalid: hasValidations ? !inputValidations.isValid : false,
-        errorMessage: hasValidations ? inputValidations.validationProps.errorMessage : ""
+        ...props,
+        isInvalid: !ui.isValid,
+        errorMessage: ui.validationProps.errorMessage
       };
     },
     [state, touched, getValidation]
@@ -250,7 +260,6 @@ function useFormChange({
     ),
     hasInvalidValues: () => {
       setTouched(allToValue(touched, true));
-      console.log("Errors count", JSON.stringify(untouchedErrors.current));
       return JSON.stringify(untouchedErrors.current).includes(":true");
     },
     touched,
@@ -258,7 +267,6 @@ function useFormChange({
       const val = allToValue(newState, false);
       setTouched(val);
       errors2.current = val;
-      untouchedErrors.current = val;
       setState(newState);
     }
   };

package/dist/index.mjs

@@ -165,39 +165,49 @@ function useFormChange({
   const [state, setState] = useState(newState), falseState = allToValue(state, false), [touched, setTouched] = useState(falseState), errors2 = useRef({ ...falseState }), untouchedErrors = useRef({ ...falseState }), { getValidation } = useValidation();
   const onBlur = (id) => setTouched(
     handleNestedChange({ state: touched, id, value: true })
-  ), onValueChange = (id, value) => setState(handleNestedChange({ state, id, value })), onSelectionChange = (id, value) => {
-    console.log("onSelectionChange", state[id], value);
-    setState(
-      handleNestedChange({
-        state,
-        id,
-        value: state[id] === "string" ? value : Array.from(value)
-      })
-    );
-  };
+  ), onValueChange = (id, value) => setState(handleNestedChange({ state, id, value })), onSelectionChange = (id, value) => setState(
+    handleNestedChange({
+      state,
+      id,
+      value: typeof value === "string" ? value : Array.from(value)
+    })
+  );
   const registerHandle = useCallback(
     (id) => {
-      const [value, isTouched] = [state[id], touched[id]], selectedValidations = validations?.[id], hasValidations = selectedValidations !== void 0, inputValidations = getValidation(
-        value,
-        isTouched,
-        selectedValidations,
-        errorMessages?.[id]
-      );
-      errors2.current = handleNestedChange({
-        state: errors2.current,
-        id,
-        value: hasValidations ? !inputValidations.isValid : false
-      });
-      untouchedErrors.current = handleNestedChange({
-        state: untouchedErrors.current,
+      const [value, isTouched] = [state[id], touched[id]], requirements = validations?.[id], props = {
         id,
-        value: !inputValidations.isValid
+        onBlur: () => onBlur(id),
+        isInvalid: false,
+        errorMessage: ""
+      };
+      if (requirements === void 0) return props;
+      const [ui] = [
+        {
+          ref: errors2,
+          touched: isTouched
+        },
+        {
+          ref: untouchedErrors,
+          touched: true
+        }
+      ].map((item) => {
+        const req = getValidation(
+          value,
+          item.touched,
+          requirements,
+          errorMessages?.[id]
+        );
+        item.ref.current = handleNestedChange({
+          state: item.ref.current,
+          id,
+          value: req.isValid
+        });
+        return req;
       });
       return {
-        id,
-        onBlur: () => onBlur(id),
-        isInvalid: hasValidations ? !inputValidations.isValid : false,
-        errorMessage: hasValidations ? inputValidations.validationProps.errorMessage : ""
+        ...props,
+        isInvalid: !ui.isValid,
+        errorMessage: ui.validationProps.errorMessage
       };
     },
     [state, touched, getValidation]
@@ -231,7 +241,6 @@ function useFormChange({
     ),
     hasInvalidValues: () => {
       setTouched(allToValue(touched, true));
-      console.log("Errors count", JSON.stringify(untouchedErrors.current));
       return JSON.stringify(untouchedErrors.current).includes(":true");
     },
     touched,
@@ -239,7 +248,6 @@ function useFormChange({
       const val = allToValue(newState, false);
       setTouched(val);
       errors2.current = val;
-      untouchedErrors.current = val;
       setState(newState);
     }
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juantroconisf/lib",
-  "version": "3.1.7",
+  "version": "3.2.1",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -18,7 +18,6 @@
   "homepage": "https://github.com/juandiegotroconis/lib#readme",
   "devDependencies": {
     "@heroui/react": "^2.7.5",
-    "@types/node": "^22.13.10",
     "@types/react": "^19.0.12",
     "tsup": "^8.4.0",
     "typescript": "^5.8.2"