remix-validated-form 4.5.0 → 4.5.1

package/dist/remix-validated-form.es.js

@@ -2001,7 +2001,8 @@ const defaultFormState = {
   submit: async () => {
     throw new Error("Submit called before form was initialized.");
   },
-  resetFormElement: noOp
+  resetFormElement: noOp,
+  getValues: () => new FormData()
 };
 const createFormState = (formId, set2, get2) => ({
   isHydrated: false,
@@ -2081,6 +2082,11 @@ const createFormState = (formId, set2, get2) => ({
     invariant(formElement, "Cannot find reference to form. This is probably a bug in remix-validated-form.");
     formElement.submit();
   },
+  getValues: () => {
+    const formElement = get2().formElement;
+    invariant(formElement, "Cannot find reference to form. This is probably a bug in remix-validated-form.");
+    return new FormData(formElement);
+  },
   resetFormElement: () => {
     var _a;
     return (_a = get2().formElement) == null ? void 0 : _a.reset();
@@ -2224,6 +2230,7 @@ const useFormSubactionProp = (formId) => useFormStore(formId, (state) => {
   var _a;
   return (_a = state.formProps) == null ? void 0 : _a.subaction;
 });
+const useFormValues = (formId) => useFormStore(formId, (state) => state.getValues);
 const useControlledFieldValue = (context, field) => {
   const value = useControlledFieldStore((state) => {
     var _a;
@@ -2537,7 +2544,7 @@ const focusFirstInvalidInput = (fieldErrors, customFocusHandlers, formElement) =
   var _a;
   const namesInOrder = [...formElement.elements].map((el) => {
     const input = el instanceof RadioNodeList ? el[0] : el;
-    if (input instanceof HTMLInputElement)
+    if (input instanceof HTMLElement && "name" in input)
       return input.name;
     return null;
   }).filter(nonNull).filter((name) => name in fieldErrors);
@@ -2559,8 +2566,8 @@ const focusFirstInvalidInput = (fieldErrors, customFocusHandlers, formElement) =
         break;
       }
     }
-    if (elem instanceof HTMLInputElement) {
-      if (elem.type === "hidden") {
+    if (elem instanceof HTMLElement) {
+      if (elem instanceof HTMLInputElement && elem.type === "hidden") {
         continue;
       }
       elem.focus();
@@ -2719,7 +2726,7 @@ function ValidatedForm(_a) {
       if (fetcher)
         fetcher.submit(submitter || e2.currentTarget);
       else
-        submit(submitter || target, { method, replace });
+        submit(submitter || target, { replace });
     }
   };
   return /* @__PURE__ */ React.createElement(Form$1, __spreadProps(__spreadValues({
@@ -2840,6 +2847,7 @@ const useFormHelpers = (formId) => {
   const setFieldErrors = useSetFieldErrors(formContext.formId);
   const reset = useResetFormElement(formContext.formId);
   const submit = useSubmitForm(formContext.formId);
+  const getValues = useFormValues(formContext.formId);
   return useMemo(() => ({
     setTouched,
     validateField,
@@ -2847,7 +2855,8 @@ const useFormHelpers = (formId) => {
     validate,
     clearAllErrors: () => setFieldErrors({}),
     reset,
-    submit
+    submit,
+    getValues
   }), [
     clearError,
     reset,
@@ -2855,7 +2864,8 @@ const useFormHelpers = (formId) => {
     setTouched,
     submit,
     validate,
-    validateField
+    validateField,
+    getValues
   ]);
 };
 const useFormContext = (formId) => {
@@ -2868,7 +2878,8 @@ const useFormContext = (formId) => {
     clearAllErrors,
     validate,
     reset,
-    submit
+    submit,
+    getValues
   } = useFormHelpers(formId);
   const registerReceiveFocus = useRegisterReceiveFocus(context.formId);
   const clearError = useCallback((...names) => {
@@ -2884,7 +2895,8 @@ const useFormContext = (formId) => {
     clearAllErrors,
     validate,
     reset,
-    submit
+    submit,
+    getValues
   }), [
     clearAllErrors,
     clearError,
@@ -2894,7 +2906,8 @@ const useFormContext = (formId) => {
     state,
     submit,
     validate,
-    validateField
+    validateField,
+    getValues
   ]);
 };
 export { ValidatedForm, createValidator, setFormDefaults, useControlField, useField, useFormContext, useIsSubmitting, useIsValid, useUpdateControlledField, validationError };