@juantroconisf/lib 2.3.3 → 2.3.4

package/dist/index.d.mts

@@ -39,7 +39,7 @@ interface RegisterInputProps extends ValidationProps {
 }
 
 declare function useFormChange<InitialObj extends object>(initialObj: InitialObj): {
-    onChange: ({ target: { id, value } }: ChangeEvent<HTMLInputElement>) => void;
+    onChange: ({ target: { id, value }, }: ChangeEvent<HTMLInputElement>) => void;
     onBlur: ({ target: { id } }: FocusEvent<HTMLInputElement>) => void;
     state: InitialObj;
     setState: react.Dispatch<react.SetStateAction<InitialObj>>;

package/dist/index.d.ts

@@ -39,7 +39,7 @@ interface RegisterInputProps extends ValidationProps {
 }
 
 declare function useFormChange<InitialObj extends object>(initialObj: InitialObj): {
-    onChange: ({ target: { id, value } }: ChangeEvent<HTMLInputElement>) => void;
+    onChange: ({ target: { id, value }, }: ChangeEvent<HTMLInputElement>) => void;
     onBlur: ({ target: { id } }: FocusEvent<HTMLInputElement>) => void;
     state: InitialObj;
     setState: react.Dispatch<react.SetStateAction<InitialObj>>;

package/dist/index.js

@@ -185,61 +185,33 @@ function useValidation() {
 
 // src/hooks/useFormChange.tsx
 function useFormChange(initialObj) {
-  const [state, setState] = (0, import_react.useState)(initialObj), [touched, setTouched] = (0, import_react.useState)(allToValue(initialObj, false)), { getValidation } = useValidation(), [errors2, setErrors] = (0, import_react.useState)(allToValue(initialObj, false));
-  const onChange = (0, import_react.useCallback)(
-    ({ target: { id, value } }) => setState(
-      (prevState) => handleNestedChange({ state: prevState, id, value })
-    ),
-    []
-  ), onBlur = (0, import_react.useCallback)(
-    ({ target: { id } }) => setTouched(
-      (prevTouched) => handleNestedChange({ state: prevTouched, id, value: true })
-    ),
-    []
-  ), resetForm = (0, import_react.useCallback)(() => {
+  const [state, setState] = (0, import_react.useState)(initialObj), [touched, setTouched] = (0, import_react.useState)(allToValue(initialObj, false)), { getValidation } = useValidation(), errors2 = (0, import_react.useRef)(allToValue(initialObj, false));
+  const onChange = ({
+    target: { id, value }
+  }) => setState(handleNestedChange({ state, id, value })), onBlur = ({ target: { id } }) => setTouched(handleNestedChange({ state: touched, id, value: true })), resetForm = () => {
     setTouched(allToValue(initialObj, false));
     setState(initialObj);
-    setErrors(allToValue(initialObj, false));
-  }, [initialObj]);
-  const register = (0, import_react.useCallback)(
-    (id, validations, errorMessages) => {
-      const [value, isTouched] = [state[id], touched[id]], hasValidations = validations !== void 0;
-      const inputValidations = (0, import_react.useMemo)(
-        () => hasValidations ? getValidation(value, isTouched, validations, errorMessages) : {},
-        [value, isTouched, validations, errorMessages]
-      );
-      setErrors(
-        (prevErrors) => handleNestedChange({
-          state: prevErrors,
-          id,
-          value: hasValidations ? !inputValidations.isValid : false
-        })
-      );
-      return {
-        id,
-        onChange,
-        onBlur,
-        value,
-        isInvalid: hasValidations ? !inputValidations.isValid : false,
-        errorMessage: hasValidations ? inputValidations.validationProps.errorMessage : ""
-      };
-    },
-    [state, touched, getValidation]
-  );
-  const hasInvalidValues = (0, import_react.useCallback)(() => {
-    setTouched((prevTouched) => {
-      const newTouched = allToValue(prevTouched, true);
-      setErrors((prevErrors) => {
-        const newErrors = { ...prevErrors };
-        for (const key in newTouched) {
-          if (newTouched.hasOwnProperty(key)) newErrors[key] = true;
-        }
-        return newErrors;
-      });
-      return newTouched;
+  };
+  function register(id, validations, errorMessages) {
+    const [value, isTouched] = [state[id], touched[id]], hasValidations = validations !== void 0, inputValidations = hasValidations ? getValidation(value, isTouched, validations, errorMessages) : {};
+    errors2.current = handleNestedChange({
+      state: errors2.current,
+      id,
+      value: hasValidations ? !inputValidations.isValid : false
     });
-    return JSON.stringify(errors2).includes(":true");
-  }, [errors2]);
+    return {
+      id,
+      onChange,
+      onBlur,
+      value,
+      isInvalid: hasValidations ? !inputValidations.isValid : false,
+      errorMessage: hasValidations ? inputValidations.validationProps.errorMessage : ""
+    };
+  }
+  const hasInvalidValues = () => {
+    setTouched(allToValue(touched, true));
+    return JSON.stringify(errors2.current).includes(":true");
+  };
   return {
     onChange,
     onBlur,

package/dist/index.mjs

@@ -6,7 +6,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // src/hooks/useFormChange.tsx
-import { useState, useCallback, useMemo } from "react";
+import { useState, useRef } from "react";
 
 // types/errors.ts
 var NextUIError = class {
@@ -167,61 +167,33 @@ function useValidation() {
 
 // src/hooks/useFormChange.tsx
 function useFormChange(initialObj) {
-  const [state, setState] = useState(initialObj), [touched, setTouched] = useState(allToValue(initialObj, false)), { getValidation } = useValidation(), [errors2, setErrors] = useState(allToValue(initialObj, false));
-  const onChange = useCallback(
-    ({ target: { id, value } }) => setState(
-      (prevState) => handleNestedChange({ state: prevState, id, value })
-    ),
-    []
-  ), onBlur = useCallback(
-    ({ target: { id } }) => setTouched(
-      (prevTouched) => handleNestedChange({ state: prevTouched, id, value: true })
-    ),
-    []
-  ), resetForm = useCallback(() => {
+  const [state, setState] = useState(initialObj), [touched, setTouched] = useState(allToValue(initialObj, false)), { getValidation } = useValidation(), errors2 = useRef(allToValue(initialObj, false));
+  const onChange = ({
+    target: { id, value }
+  }) => setState(handleNestedChange({ state, id, value })), onBlur = ({ target: { id } }) => setTouched(handleNestedChange({ state: touched, id, value: true })), resetForm = () => {
     setTouched(allToValue(initialObj, false));
     setState(initialObj);
-    setErrors(allToValue(initialObj, false));
-  }, [initialObj]);
-  const register = useCallback(
-    (id, validations, errorMessages) => {
-      const [value, isTouched] = [state[id], touched[id]], hasValidations = validations !== void 0;
-      const inputValidations = useMemo(
-        () => hasValidations ? getValidation(value, isTouched, validations, errorMessages) : {},
-        [value, isTouched, validations, errorMessages]
-      );
-      setErrors(
-        (prevErrors) => handleNestedChange({
-          state: prevErrors,
-          id,
-          value: hasValidations ? !inputValidations.isValid : false
-        })
-      );
-      return {
-        id,
-        onChange,
-        onBlur,
-        value,
-        isInvalid: hasValidations ? !inputValidations.isValid : false,
-        errorMessage: hasValidations ? inputValidations.validationProps.errorMessage : ""
-      };
-    },
-    [state, touched, getValidation]
-  );
-  const hasInvalidValues = useCallback(() => {
-    setTouched((prevTouched) => {
-      const newTouched = allToValue(prevTouched, true);
-      setErrors((prevErrors) => {
-        const newErrors = { ...prevErrors };
-        for (const key in newTouched) {
-          if (newTouched.hasOwnProperty(key)) newErrors[key] = true;
-        }
-        return newErrors;
-      });
-      return newTouched;
+  };
+  function register(id, validations, errorMessages) {
+    const [value, isTouched] = [state[id], touched[id]], hasValidations = validations !== void 0, inputValidations = hasValidations ? getValidation(value, isTouched, validations, errorMessages) : {};
+    errors2.current = handleNestedChange({
+      state: errors2.current,
+      id,
+      value: hasValidations ? !inputValidations.isValid : false
     });
-    return JSON.stringify(errors2).includes(":true");
-  }, [errors2]);
+    return {
+      id,
+      onChange,
+      onBlur,
+      value,
+      isInvalid: hasValidations ? !inputValidations.isValid : false,
+      errorMessage: hasValidations ? inputValidations.validationProps.errorMessage : ""
+    };
+  }
+  const hasInvalidValues = () => {
+    setTouched(allToValue(touched, true));
+    return JSON.stringify(errors2.current).includes(":true");
+  };
   return {
     onChange,
     onBlur,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juantroconisf/lib",
-  "version": "2.3.3",
+  "version": "2.3.4",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.mjs",