@juantroconisf/lib 3.6.0 → 3.6.1

package/dist/index.d.mts

@@ -133,11 +133,11 @@ interface UseFormResponse<O extends StateType> {
     onSelectionChange: ValueChangeFunc<O, keyof O>;
     state: O;
     setState: React.Dispatch<React.SetStateAction<O>>;
+    touched: TouchedType<O>;
+    errors: ErrorsType<O>;
     register: RegisterFunc<O>;
     hasInvalidValues: () => boolean;
-    touched: TouchedType<O>;
     resetForm: (presevedKeys?: PreservedKeys<O>[]) => void;
-    errors: React.RefObject<ErrorsType<O>>;
 }
 type ValidateFunc<O extends StateType> = (value: O[keyof O], types?: ValidatorParams, errorMessages?: ValidatorErrorMessage) => NextUIError;
 

package/dist/index.d.ts

@@ -133,11 +133,11 @@ interface UseFormResponse<O extends StateType> {
     onSelectionChange: ValueChangeFunc<O, keyof O>;
     state: O;
     setState: React.Dispatch<React.SetStateAction<O>>;
+    touched: TouchedType<O>;
+    errors: ErrorsType<O>;
     register: RegisterFunc<O>;
     hasInvalidValues: () => boolean;
-    touched: TouchedType<O>;
     resetForm: (presevedKeys?: PreservedKeys<O>[]) => void;
-    errors: React.RefObject<ErrorsType<O>>;
 }
 type ValidateFunc<O extends StateType> = (value: O[keyof O], types?: ValidatorParams, errorMessages?: ValidatorErrorMessage) => NextUIError;
 

package/dist/index.js

@@ -327,17 +327,21 @@ function useForm(initialState, { validations, errorMessages } = {}) {
       errorMessage: ""
     })
   };
-  const [state, setState] = (0, import_react2.useState)(initialState), touched = (0, import_react2.useRef)(initial.touched), errors2 = (0, import_react2.useRef)(initial.errors), { performValidations } = useValidate();
-  const validateInput = (id, value) => {
-    errors2.current = handleNestedChange({
-      state: errors2.current,
+  const [state, setState] = (0, import_react2.useState)(initialState), [touched, setTouched] = (0, import_react2.useState)(initial.touched), [errors2, setErrors] = (0, import_react2.useState)(initial.errors), { performValidations } = useValidate();
+  const validateInput = (id, value) => setErrors(
+    (prev) => handleNestedChange({
+      state: prev,
       id,
-      value: performValidations(value, validations?.[id], errorMessages?.[id])
-    });
-  };
+      value: performValidations(
+        value,
+        validations?.[id],
+        errorMessages?.[id]
+      )
+    })
+  );
   const getUXProps = (0, import_react2.useCallback)(
     (id) => {
-      const inputError = errors2.current[id], isTouched = touched.current[id];
+      const inputError = errors2[id], isTouched = touched[id];
       return {
         isInvalid: isTouched && inputError.isInvalid,
         errorMessage: isTouched ? inputError.errorMessage : ""
@@ -345,14 +349,13 @@ function useForm(initialState, { validations, errorMessages } = {}) {
     },
     [errors2.current, touched.current]
   );
-  const onBlur = (id) => {
-    touched.current = handleNestedChange({
-      state: touched.current,
+  const onBlur = (id) => setTouched(
+    (prev) => handleNestedChange({
+      state: prev,
       id,
       value: true
-    });
-    validateInput(id, state[id], true);
-  }, onValueChange = (id, value) => {
+    })
+  ), onValueChange = (id, value) => {
     setState((prev) => handleNestedChange({ state: prev, id, value }));
     validateInput(id, value);
   }, onSelectionChange = (id, value) => {
@@ -372,6 +375,8 @@ function useForm(initialState, { validations, errorMessages } = {}) {
     onSelectionChange,
     state,
     setState,
+    touched,
+    errors: errors2,
     register: {
       input: (id) => ({
         ...getUXProps(id),
@@ -402,24 +407,22 @@ function useForm(initialState, { validations, errorMessages } = {}) {
       })
     },
     hasInvalidValues: () => {
-      touched.current = allToValue(initialState, true);
-      return JSON.stringify(errors2.current).includes(":true");
+      setTouched((prev) => allToValue(prev, true));
+      return JSON.stringify(errors2).includes("isInvalid:true");
     },
-    touched: touched.current,
     resetForm: (preservedKeys) => {
-      touched.current = initial.touched;
-      errors2.current = initial.errors;
+      setTouched(initial.touched);
+      setErrors(initial.errors);
       setState(
-        preservedKeys === void 0 ? initialState : preservedKeys.reduce(
+        (prev) => preservedKeys === void 0 ? initialState : preservedKeys.reduce(
           (acc, key) => ({
             ...acc,
-            [key]: state[key]
+            [key]: prev[key]
           }),
           initialState
         )
       );
-    },
-    errors: errors2
+    }
   };
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.mjs

@@ -269,7 +269,7 @@ function useFormChange({
 }
 
 // src/hooks/useForm.tsx
-import { useState as useState2, useRef as useRef2, useCallback as useCallback2 } from "react";
+import { useState as useState2, useCallback as useCallback2 } from "react";
 
 // src/hooks/useValidate.tsx
 var validProps = {
@@ -307,17 +307,21 @@ function useForm(initialState, { validations, errorMessages } = {}) {
       errorMessage: ""
     })
   };
-  const [state, setState] = useState2(initialState), touched = useRef2(initial.touched), errors2 = useRef2(initial.errors), { performValidations } = useValidate();
-  const validateInput = (id, value) => {
-    errors2.current = handleNestedChange({
-      state: errors2.current,
+  const [state, setState] = useState2(initialState), [touched, setTouched] = useState2(initial.touched), [errors2, setErrors] = useState2(initial.errors), { performValidations } = useValidate();
+  const validateInput = (id, value) => setErrors(
+    (prev) => handleNestedChange({
+      state: prev,
       id,
-      value: performValidations(value, validations?.[id], errorMessages?.[id])
-    });
-  };
+      value: performValidations(
+        value,
+        validations?.[id],
+        errorMessages?.[id]
+      )
+    })
+  );
   const getUXProps = useCallback2(
     (id) => {
-      const inputError = errors2.current[id], isTouched = touched.current[id];
+      const inputError = errors2[id], isTouched = touched[id];
       return {
         isInvalid: isTouched && inputError.isInvalid,
         errorMessage: isTouched ? inputError.errorMessage : ""
@@ -325,14 +329,13 @@ function useForm(initialState, { validations, errorMessages } = {}) {
     },
     [errors2.current, touched.current]
   );
-  const onBlur = (id) => {
-    touched.current = handleNestedChange({
-      state: touched.current,
+  const onBlur = (id) => setTouched(
+    (prev) => handleNestedChange({
+      state: prev,
       id,
       value: true
-    });
-    validateInput(id, state[id], true);
-  }, onValueChange = (id, value) => {
+    })
+  ), onValueChange = (id, value) => {
     setState((prev) => handleNestedChange({ state: prev, id, value }));
     validateInput(id, value);
   }, onSelectionChange = (id, value) => {
@@ -352,6 +355,8 @@ function useForm(initialState, { validations, errorMessages } = {}) {
     onSelectionChange,
     state,
     setState,
+    touched,
+    errors: errors2,
     register: {
       input: (id) => ({
         ...getUXProps(id),
@@ -382,24 +387,22 @@ function useForm(initialState, { validations, errorMessages } = {}) {
       })
     },
     hasInvalidValues: () => {
-      touched.current = allToValue(initialState, true);
-      return JSON.stringify(errors2.current).includes(":true");
+      setTouched((prev) => allToValue(prev, true));
+      return JSON.stringify(errors2).includes("isInvalid:true");
     },
-    touched: touched.current,
     resetForm: (preservedKeys) => {
-      touched.current = initial.touched;
-      errors2.current = initial.errors;
+      setTouched(initial.touched);
+      setErrors(initial.errors);
       setState(
-        preservedKeys === void 0 ? initialState : preservedKeys.reduce(
+        (prev) => preservedKeys === void 0 ? initialState : preservedKeys.reduce(
           (acc, key) => ({
             ...acc,
-            [key]: state[key]
+            [key]: prev[key]
           }),
           initialState
         )
       );
-    },
-    errors: errors2
+    }
   };
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juantroconisf/lib",
-  "version": "3.6.0",
+  "version": "3.6.1",
   "description": "A state and validation library for HeroUI.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",