@juantroconisf/lib 3.2.2 → 3.2.4

package/dist/index.d.mts

@@ -103,6 +103,8 @@ interface UseFormChangeResponse<O extends StateType> {
     hasInvalidValues: () => boolean;
     touched: TouchedType<O>;
     resetForm: () => void;
+    errors: React.RefObject<TouchedType<O>>;
+    realErrors: React.RefObject<TouchedType<O>>;
 }
 
 declare function useFormChange<O extends StateType>({ state: newState, validations, errorMessages, }: FormChangeState<O>): UseFormChangeResponse<O>;

package/dist/index.d.ts

@@ -103,6 +103,8 @@ interface UseFormChangeResponse<O extends StateType> {
     hasInvalidValues: () => boolean;
     touched: TouchedType<O>;
     resetForm: () => void;
+    errors: React.RefObject<TouchedType<O>>;
+    realErrors: React.RefObject<TouchedType<O>>;
 }
 
 declare function useFormChange<O extends StateType>({ state: newState, validations, errorMessages, }: FormChangeState<O>): UseFormChangeResponse<O>;

package/dist/index.js

@@ -181,7 +181,7 @@ function useFormChange({
   validations,
   errorMessages
 }) {
-  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 [state, setState] = (0, import_react.useState)(newState), falseState = allToValue(state, false), [touched, setTouched] = (0, import_react.useState)(falseState), errors2 = (0, import_react.useRef)({ ...falseState }), realErrors = (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) => setState(
@@ -206,7 +206,7 @@ function useFormChange({
           touched: isTouched
         },
         {
-          ref: untouchedErrors,
+          ref: realErrors,
           touched: true
         }
       ].map((item) => {
@@ -250,9 +250,9 @@ function useFormChange({
             ...registerHandle(id),
             onSelectionChange: (v) => onSelectionChange(
               id,
-              isString ? v.currentKey : v
+              v.currentKey === null ? null : isString ? v.currentKey : v
             ),
-            selectedKeys: isString ? [state[id]] : state[id]
+            selectedKeys: state[id] === null ? [] : isString ? [state[id]] : state[id]
           };
         }
       }),
@@ -260,7 +260,7 @@ function useFormChange({
     ),
     hasInvalidValues: () => {
       setTouched(allToValue(touched, true));
-      return JSON.stringify(untouchedErrors.current).includes(":true");
+      return JSON.stringify(realErrors.current).includes(":true");
     },
     touched,
     resetForm: () => {
@@ -268,7 +268,9 @@ function useFormChange({
       setTouched(val);
       errors2.current = val;
       setState(newState);
-    }
+    },
+    errors: errors2,
+    realErrors
   };
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.mjs

@@ -162,7 +162,7 @@ function useFormChange({
   validations,
   errorMessages
 }) {
-  const [state, setState] = useState(newState), falseState = allToValue(state, false), [touched, setTouched] = useState(falseState), errors2 = useRef({ ...falseState }), untouchedErrors = useRef({ ...falseState }), { getValidation } = useValidation();
+  const [state, setState] = useState(newState), falseState = allToValue(state, false), [touched, setTouched] = useState(falseState), errors2 = useRef({ ...falseState }), realErrors = 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) => setState(
@@ -187,7 +187,7 @@ function useFormChange({
           touched: isTouched
         },
         {
-          ref: untouchedErrors,
+          ref: realErrors,
           touched: true
         }
       ].map((item) => {
@@ -231,9 +231,9 @@ function useFormChange({
             ...registerHandle(id),
             onSelectionChange: (v) => onSelectionChange(
               id,
-              isString ? v.currentKey : v
+              v.currentKey === null ? null : isString ? v.currentKey : v
             ),
-            selectedKeys: isString ? [state[id]] : state[id]
+            selectedKeys: state[id] === null ? [] : isString ? [state[id]] : state[id]
           };
         }
       }),
@@ -241,7 +241,7 @@ function useFormChange({
     ),
     hasInvalidValues: () => {
       setTouched(allToValue(touched, true));
-      return JSON.stringify(untouchedErrors.current).includes(":true");
+      return JSON.stringify(realErrors.current).includes(":true");
     },
     touched,
     resetForm: () => {
@@ -249,7 +249,9 @@ function useFormChange({
       setTouched(val);
       errors2.current = val;
       setState(newState);
-    }
+    },
+    errors: errors2,
+    realErrors
   };
 }
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@juantroconisf/lib",
-  "version": "3.2.2",
-  "description": "",
+  "version": "3.2.4",
+  "description": "A state and validation library for HeroUI.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",