remix-validated-form 4.6.12 → 5.0.0

package/src/server.ts

@@ -42,6 +42,9 @@ export type FormDefaults = {
   [formDefaultsKey: `${typeof FORM_DEFAULTS_FIELD}_${string}`]: any;
 };
 
+// FIXME: Remove after https://github.com/egoist/tsup/issues/813 is fixed
+export type internal_FORM_DEFAULTS_FIELD = typeof FORM_DEFAULTS_FIELD;
+
 export const setFormDefaults = <DataType = any>(
   formId: string,
   defaultValues: Partial<DataType>

package/src/unreleased/formStateHooks.ts

@@ -11,7 +11,6 @@ import {
   useTouchedFields,
   useInternalIsValid,
   useFieldErrors,
-  useValidateField,
   useValidate,
   useSetFieldErrors,
   useResetFormElement,
@@ -20,6 +19,7 @@ import {
   useFormSubactionProp,
   useSubmitForm,
   useFormValues,
+  useSmartValidate,
 } from "../internal/hooks";
 import {
   FieldErrors,
@@ -133,7 +133,7 @@ export type FormHelpers = {
 export const useFormHelpers = (formId?: string): FormHelpers => {
   const formContext = useInternalFormContext(formId, "useFormHelpers");
   const setTouched = useSetTouched(formContext);
-  const validateField = useValidateField(formContext.formId);
+  const validateField = useSmartValidate(formContext.formId);
   const validate = useValidate(formContext.formId);
   const clearError = useClearError(formContext);
   const setFieldErrors = useSetFieldErrors(formContext.formId);
@@ -143,7 +143,12 @@ export const useFormHelpers = (formId?: string): FormHelpers => {
   return useMemo(
     () => ({
       setTouched,
-      validateField,
+      validateField: async (fieldName: string) => {
+        const res = await validateField({
+          alwaysIncludeErrorsFromFields: [fieldName],
+        });
+        return res.error?.fieldErrors[fieldName] ?? null;
+      },
       clearError,
       validate,
       clearAllErrors: () => setFieldErrors({}),

package/src/validation/types.ts

@@ -44,7 +44,10 @@ export type Validator<DataType> = {
   validate: (
     unvalidatedData: GenericObject
   ) => Promise<ValidationResult<DataType>>;
-  validateField: (
+  /**
+   * @deprecated Will be removed in a future version of remix-validated-form
+   */
+  validateField?: (
     unvalidatedData: GenericObject,
     field: string
   ) => Promise<ValidateFieldResult>;