@inertiajs/react 2.3.8 → 2.3.10

package/dist/index.esm.js

@@ -245,6 +245,7 @@ var Deferred_default = Deferred;
 
 // src/Form.ts
 import {
+  FormComponentResetSymbol,
   formDataToObject,
   isUrlMethodPair,
   mergeDataIntoQueryString,
@@ -253,8 +254,10 @@ import {
 } from "@inertiajs/core";
 import { isEqual as isEqual2 } from "lodash-es";
 import React2, {
+  createContext as createContext3,
   createElement as createElement3,
   forwardRef,
+  useContext,
   useEffect as useEffect6,
   useImperativeHandle,
   useMemo as useMemo4,
@@ -394,8 +397,7 @@ function useForm(...args) {
           if (isMounted.current) {
             setProcessing(false);
             setProgress(null);
-            setErrors(errors2);
-            setHasErrors(true);
+            setError(errors2);
           }
           if (options.onError) {
             return options.onError(errors2);
@@ -669,6 +671,7 @@ var deferStateUpdate = (callback) => {
   typeof React2.startTransition === "function" ? React2.startTransition(callback) : setTimeout(callback, 0);
 };
 var noop = () => void 0;
+var FormContext = createContext3(void 0);
 var Form = forwardRef(
   ({
     action = "",
@@ -730,9 +733,14 @@ var Form = forwardRef(
         queryStringArrayFormat
       );
     };
-    const updateDirtyState = (event) => deferStateUpdate(
-      () => setIsDirty(event.type === "reset" ? false : !isEqual2(getData(), formDataToObject(defaultData.current)))
-    );
+    const updateDirtyState = (event) => {
+      if (event.type === "reset" && event.detail?.[FormComponentResetSymbol]) {
+        event.preventDefault();
+      }
+      deferStateUpdate(
+        () => setIsDirty(event.type === "reset" ? false : !isEqual2(getData(), formDataToObject(defaultData.current)))
+      );
+    };
     const clearErrors = (...names) => {
       form.clearErrors(...names);
       return form;
@@ -815,7 +823,7 @@ var Form = forwardRef(
       defaultData.current = getFormData();
       setIsDirty(false);
     };
-    const exposed = () => ({
+    const exposed = {
       errors: form.errors,
       hasErrors: form.hasErrors,
       processing: form.processing,
@@ -839,9 +847,9 @@ var Form = forwardRef(
       validate: (field, config2) => form.validate(...UseFormUtils2.mergeHeadersForValidation(field, config2, headers)),
       touch: form.touch,
       touched: form.touched
-    });
-    useImperativeHandle(ref, exposed, [form, isDirty, submit]);
-    return createElement3(
+    };
+    useImperativeHandle(ref, () => exposed, [form, isDirty, submit]);
+    const formNode = createElement3(
       "form",
       {
         ...props,
@@ -858,18 +866,22 @@ var Form = forwardRef(
         // See: https://github.com/inertiajs/inertia/pull/2536
         inert: disableWhileProcessing && form.processing && "true"
       },
-      typeof children === "function" ? children(exposed()) : children
+      typeof children === "function" ? children(exposed) : children
     );
+    return createElement3(FormContext.Provider, { value: exposed }, formNode);
   }
 );
 Form.displayName = "InertiaForm";
+function useFormContext() {
+  return useContext(FormContext);
+}
 var Form_default = Form;
 
 // src/Head.ts
 import { escape } from "lodash-es";
-import React3, { useContext, useEffect as useEffect7, useMemo as useMemo5 } from "react";
+import React3, { useContext as useContext2, useEffect as useEffect7, useMemo as useMemo5 } from "react";
 var Head = function({ children, title }) {
-  const headManager = useContext(HeadContext_default);
+  const headManager = useContext2(HeadContext_default);
   const provider = useMemo5(() => headManager.createProvider(), [headManager]);
   const isServer = typeof window === "undefined";
   useEffect7(() => {
@@ -1619,6 +1631,7 @@ export {
   progress,
   router3 as router,
   useForm,
+  useFormContext,
   usePage,
   usePoll,
   usePrefetch,