react-better-html 1.1.63 → 1.1.65

package/dist/utils/hooks.d.ts

@@ -76,6 +76,8 @@ export declare function useForm<FormFields extends Record<string | number, strin
     reset: () => void;
     requiredFields: (keyof FormFields)[] | undefined;
     isDirty: boolean;
+    isValid: boolean;
+    canSubmit: boolean;
 };
 export declare function useUrlQuery(): {
     setQuery: (query: Record<string, string | number>, keepHistory?: boolean) => void;

package/dist/utils/hooks.js

@@ -379,6 +379,14 @@ function useForm(options) {
         setErrors({});
     }, [defaultValues]);
     const isDirty = (0, react_1.useMemo)(() => Object.keys(defaultValues).some((key) => defaultValues[key] !== values[key]), [defaultValues, values]);
+    const isValid = (0, react_1.useMemo)(() => {
+        const validationErrors = validate?.(values) || {};
+        return Object.keys(validationErrors).length === 0;
+    }, [validate, values]);
+    const canSubmit = (0, react_1.useMemo)(() => {
+        const requiredFieldsHaveValues = requiredFields?.every((field) => values[field] !== undefined && values[field] !== "") ?? true;
+        return isValid && requiredFieldsHaveValues;
+    }, [isValid, requiredFields]);
     return {
         values,
         errors,
@@ -396,6 +404,8 @@ function useForm(options) {
         reset,
         requiredFields,
         isDirty,
+        isValid,
+        canSubmit,
     };
 }
 function useUrlQuery() {

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "react-better-html",
-   "version": "1.1.63",
+   "version": "1.1.65",
    "description": "A component library for react that is as close to plane html as possible",
    "main": "dist/index.js",
    "files": [