@juantroconisf/lib 3.0.0 → 3.0.2

package/dist/index.d.mts

@@ -86,13 +86,13 @@ interface SelectRegisterProps<O extends StateType> extends ComponentInputProps<O
     onSelectionChange: SelectProps["onSelectionChange"];
     selectedKeys: SelectProps["selectedKeys"];
 }
-type RegisterFunc<O extends StateType> = (id: keyof O) => {
+interface RegisterFunc<O extends StateType> {
     input: (id: keyof O) => InputRegisterProps<O>;
     select: (id: keyof O) => SelectRegisterProps<O>;
-};
+}
 interface UseFormChangeResponse<O extends StateType> {
     onBlur: BlurFunc<O>;
-    onValueChange: ValueChangeFunc<O, string | number>;
+    onValueChange: ValueChangeFunc<O, keyof O>;
     onSelectionChange: ValueChangeFunc<O, SharedSelection>;
     state: O;
     setState: React.Dispatch<React.SetStateAction<O>>;

package/dist/index.d.ts

@@ -86,13 +86,13 @@ interface SelectRegisterProps<O extends StateType> extends ComponentInputProps<O
     onSelectionChange: SelectProps["onSelectionChange"];
     selectedKeys: SelectProps["selectedKeys"];
 }
-type RegisterFunc<O extends StateType> = (id: keyof O) => {
+interface RegisterFunc<O extends StateType> {
     input: (id: keyof O) => InputRegisterProps<O>;
     select: (id: keyof O) => SelectRegisterProps<O>;
-};
+}
 interface UseFormChangeResponse<O extends StateType> {
     onBlur: BlurFunc<O>;
-    onValueChange: ValueChangeFunc<O, string | number>;
+    onValueChange: ValueChangeFunc<O, keyof O>;
     onSelectionChange: ValueChangeFunc<O, SharedSelection>;
     state: O;
     setState: React.Dispatch<React.SetStateAction<O>>;

package/dist/index.js

@@ -218,28 +218,27 @@ function useFormChange({
     },
     [state, touched, getValidation]
   );
-  const register = (0, import_react.useCallback)(
-    () => ({
-      input: (id) => ({
-        ...registerHandle(id),
-        onValueChange: (v) => onValueChange(id, v),
-        value: state[id]
-      }),
-      select: (id) => ({
-        ...registerHandle(id),
-        onSelectionChange: (v) => onSelectionChange(id, v),
-        selectedKeys: state[id]
-      })
-    }),
-    [registerHandle]
-  );
   return {
     onBlur,
     onValueChange,
     onSelectionChange,
     state,
     setState,
-    register,
+    register: (0, import_react.useMemo)(
+      () => ({
+        input: (id) => ({
+          ...registerHandle(id),
+          onValueChange: (v) => onValueChange(id, v),
+          value: state[id]
+        }),
+        select: (id) => ({
+          ...registerHandle(id),
+          onSelectionChange: (v) => onSelectionChange(id, v),
+          selectedKeys: state[id]
+        })
+      }),
+      [registerHandle]
+    ),
     hasInvalidValues: () => {
       setTouched(allToValue(touched, true));
       return JSON.stringify(untouchedErrors.current).includes(":true");
@@ -251,6 +250,20 @@ function useFormChange({
     }
   };
 }
+var { register } = useFormChange({
+  state: {
+    first_name: "Juan",
+    last_name: ""
+  },
+  validations: {
+    first_name: {
+      required: true
+    },
+    last_name: {
+      required: true
+    }
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   NextUIError,

package/dist/index.mjs

@@ -6,7 +6,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // src/hooks/useFormChange.tsx
-import { useState, useRef, useCallback } from "react";
+import { useState, useRef, useCallback, useMemo } from "react";
 
 // src/utils/types.ts
 var NextUIError = class {
@@ -199,28 +199,27 @@ function useFormChange({
     },
     [state, touched, getValidation]
   );
-  const register = useCallback(
-    () => ({
-      input: (id) => ({
-        ...registerHandle(id),
-        onValueChange: (v) => onValueChange(id, v),
-        value: state[id]
-      }),
-      select: (id) => ({
-        ...registerHandle(id),
-        onSelectionChange: (v) => onSelectionChange(id, v),
-        selectedKeys: state[id]
-      })
-    }),
-    [registerHandle]
-  );
   return {
     onBlur,
     onValueChange,
     onSelectionChange,
     state,
     setState,
-    register,
+    register: useMemo(
+      () => ({
+        input: (id) => ({
+          ...registerHandle(id),
+          onValueChange: (v) => onValueChange(id, v),
+          value: state[id]
+        }),
+        select: (id) => ({
+          ...registerHandle(id),
+          onSelectionChange: (v) => onSelectionChange(id, v),
+          selectedKeys: state[id]
+        })
+      }),
+      [registerHandle]
+    ),
     hasInvalidValues: () => {
       setTouched(allToValue(touched, true));
       return JSON.stringify(untouchedErrors.current).includes(":true");
@@ -232,6 +231,20 @@ function useFormChange({
     }
   };
 }
+var { register } = useFormChange({
+  state: {
+    first_name: "Juan",
+    last_name: ""
+  },
+  validations: {
+    first_name: {
+      required: true
+    },
+    last_name: {
+      required: true
+    }
+  }
+});
 export {
   NextUIError,
   useFormChange

package/package.json

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