remix-validated-form 4.5.0 → 4.5.3

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

@@ -31,7 +31,6 @@ var __objRest = (source, exclude) => {
 };
 import React, { createContext, useDebugValue, useContext, useCallback, useEffect, useMemo, useRef, useLayoutEffect, useState } from "react";
 import { useActionData, useMatches, useTransition, Form, useSubmit } from "@remix-run/react";
-import { json } from "@remix-run/server-runtime";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function listCacheClear$1() {
   this.__data__ = [];
@@ -2001,7 +2000,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 +2081,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 +2229,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;
@@ -2336,6 +2342,28 @@ const useUpdateControlledField = (formId) => {
   const context = useInternalFormContext(formId, "useControlField");
   return useUpdateControllableValue(context.formId);
 };
+/**
+ * @remix-run/server-runtime v1.6.5
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+const json = (data, init = {}) => {
+  let responseInit = typeof init === "number" ? {
+    status: init
+  } : init;
+  let headers = new Headers(responseInit.headers);
+  if (!headers.has("Content-Type")) {
+    headers.set("Content-Type", "application/json; charset=utf-8");
+  }
+  return new Response(JSON.stringify(data), __spreadProps(__spreadValues({}, responseInit), {
+    headers
+  }));
+};
 function validationError(error, repopulateFields, init) {
   return json({
     fieldErrors: error.fieldErrors,
@@ -2537,7 +2565,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 +2587,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 +2747,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 +2868,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 +2876,8 @@ const useFormHelpers = (formId) => {
     validate,
     clearAllErrors: () => setFieldErrors({}),
     reset,
-    submit
+    submit,
+    getValues
   }), [
     clearError,
     reset,
@@ -2855,7 +2885,8 @@ const useFormHelpers = (formId) => {
     setTouched,
     submit,
     validate,
-    validateField
+    validateField,
+    getValues
   ]);
 };
 const useFormContext = (formId) => {
@@ -2868,7 +2899,8 @@ const useFormContext = (formId) => {
     clearAllErrors,
     validate,
     reset,
-    submit
+    submit,
+    getValues
   } = useFormHelpers(formId);
   const registerReceiveFocus = useRegisterReceiveFocus(context.formId);
   const clearError = useCallback((...names) => {
@@ -2884,7 +2916,8 @@ const useFormContext = (formId) => {
     clearAllErrors,
     validate,
     reset,
-    submit
+    submit,
+    getValues
   }), [
     clearAllErrors,
     clearError,
@@ -2894,7 +2927,8 @@ const useFormContext = (formId) => {
     state,
     submit,
     validate,
-    validateField
+    validateField,
+    getValues
   ]);
 };
 export { ValidatedForm, createValidator, setFormDefaults, useControlField, useField, useFormContext, useIsSubmitting, useIsValid, useUpdateControlledField, validationError };