@juantroconisf/lib 3.5.7 → 3.5.8

package/dist/index.js

@@ -325,6 +325,7 @@ function useForm(initialState, { validations, errorMessages } = {}) {
       errorMessage: uiErrors.validationProps.errorMessage
     };
   };
+  const getUXProps = (0, import_react2.useCallback)((id) => ux.current[id], [ux.current]);
   const onBlur = (id) => {
     touched.current = handleNestedChange({
       state: touched.current,
@@ -354,7 +355,8 @@ function useForm(initialState, { validations, errorMessages } = {}) {
     setState,
     register: {
       input: (id) => ({
-        ...ux.current[id],
+        // ...ux.current[id],
+        ...getUXProps(id),
         id,
         onBlur: () => onBlur(id),
         onValueChange: (v) => onValueChange(id, v),
@@ -363,7 +365,7 @@ function useForm(initialState, { validations, errorMessages } = {}) {
       select: (id) => {
         const isString = typeof state[id] === "string" || state[id] === null;
         return {
-          ...ux.current[id],
+          ...getUXProps(id),
           id,
           onBlur: () => onBlur(id),
           onSelectionChange: (v) => onSelectionChange(
@@ -374,7 +376,7 @@ function useForm(initialState, { validations, errorMessages } = {}) {
         };
       },
       autocomplete: (id) => ({
-        ...ux.current[id],
+        ...getUXProps(id),
         id,
         onBlur: () => onBlur(id),
         onSelectionChange: (v) => onSelectionChange(id, v),

package/dist/index.mjs

@@ -269,7 +269,7 @@ function useFormChange({
 }
 
 // src/hooks/useForm.tsx
-import { useState as useState2, useRef as useRef2 } from "react";
+import { useState as useState2, useRef as useRef2, useCallback as useCallback2 } from "react";
 function useForm(initialState, { validations, errorMessages } = {}) {
   const [state, setState] = useState2(initialState), falseState = allToValue(state, false), touched = useRef2(falseState), errors2 = useRef2({ ...falseState }), realErrors = useRef2({ ...falseState }), { getValidation } = useValidation(), ux = useRef2(
     allToValue(state, { isInvalid: false, errorMessage: "" })
@@ -305,6 +305,7 @@ function useForm(initialState, { validations, errorMessages } = {}) {
       errorMessage: uiErrors.validationProps.errorMessage
     };
   };
+  const getUXProps = useCallback2((id) => ux.current[id], [ux.current]);
   const onBlur = (id) => {
     touched.current = handleNestedChange({
       state: touched.current,
@@ -334,7 +335,8 @@ function useForm(initialState, { validations, errorMessages } = {}) {
     setState,
     register: {
       input: (id) => ({
-        ...ux.current[id],
+        // ...ux.current[id],
+        ...getUXProps(id),
         id,
         onBlur: () => onBlur(id),
         onValueChange: (v) => onValueChange(id, v),
@@ -343,7 +345,7 @@ function useForm(initialState, { validations, errorMessages } = {}) {
       select: (id) => {
         const isString = typeof state[id] === "string" || state[id] === null;
         return {
-          ...ux.current[id],
+          ...getUXProps(id),
           id,
           onBlur: () => onBlur(id),
           onSelectionChange: (v) => onSelectionChange(
@@ -354,7 +356,7 @@ function useForm(initialState, { validations, errorMessages } = {}) {
         };
       },
       autocomplete: (id) => ({
-        ...ux.current[id],
+        ...getUXProps(id),
         id,
         onBlur: () => onBlur(id),
         onSelectionChange: (v) => onSelectionChange(id, v),

package/package.json

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