@inertiajs/react 2.3.1 → 2.3.3

package/dist/index.esm.js

@@ -37,7 +37,7 @@ function App({
 }) {
   const [current, setCurrent] = useState({
     component: initialComponent || null,
-    page: initialPage,
+    page: { ...initialPage, flash: initialPage.flash ?? {} },
     key: null
   });
   const headManager = useMemo(() => {
@@ -52,7 +52,13 @@ function App({
     router.init({
       initialPage,
       resolveComponent,
-      swapComponent: async (args) => swapComponent(args)
+      swapComponent: async (args) => swapComponent(args),
+      onFlash: (flash) => {
+        setCurrent((current2) => ({
+          ...current2,
+          page: { ...current2.page, flash }
+        }));
+      }
     });
     routerIsInitialized = true;
   }
@@ -702,13 +708,13 @@ var Form = forwardRef(
     }, [action, method]);
     const [isDirty, setIsDirty] = useState5(false);
     const defaultData = useRef2(new FormData());
-    const getFormData = () => new FormData(formElement.current);
-    const getData = () => formDataToObject(getFormData());
-    const getUrlAndData = () => {
+    const getFormData = (submitter) => new FormData(formElement.current, submitter);
+    const getData = (submitter) => formDataToObject(getFormData(submitter));
+    const getUrlAndData = (submitter) => {
       return mergeDataIntoQueryString(
         resolvedMethod,
         isUrlMethodPair(action) ? action.url : action,
-        getData(),
+        getData(submitter),
         queryStringArrayFormat
       );
     };
@@ -758,8 +764,8 @@ var Form = forwardRef(
         reset(...resetOption);
       }
     };
-    const submit = () => {
-      const [url, _data] = getUrlAndData();
+    const submit = (submitter) => {
+      const [url, data] = getUrlAndData(submitter);
       const submitOptions = {
         headers,
         queryStringArrayFormat,
@@ -789,7 +795,9 @@ var Form = forwardRef(
         },
         ...options
       };
+      form.transform(() => transform(data));
       form.submit(resolvedMethod, url, submitOptions);
+      form.transform(getTransformedData);
     };
     const defaults = () => {
       defaultData.current = getFormData();
@@ -830,7 +838,7 @@ var Form = forwardRef(
         method: resolvedMethod,
         onSubmit: (event) => {
           event.preventDefault();
-          submit();
+          submit(event.nativeEvent.submitter);
         },
         // Only React 19 supports passing a boolean to the `inert` attribute.
         // To support earlier versions as well, we use the string 'true'.
@@ -1487,6 +1495,7 @@ var WhenVisible = ({ children, data, params, buffer, as, always, fallback }) =>
   const pageProps = usePage().props;
   const keys = useMemo8(() => data ? Array.isArray(data) ? data : [data] : [], [data]);
   const [loaded, setLoaded] = useState9(() => keys.length > 0 && keys.every((key) => pageProps[key] !== void 0));
+  const [isFetching, setIsFetching] = useState9(false);
   const fetching = useRef6(false);
   const ref = useRef6(null);
   const observer = useRef6(null);
@@ -1520,16 +1529,19 @@ var WhenVisible = ({ children, data, params, buffer, as, always, fallback }) =>
           return;
         }
         fetching.current = true;
+        setIsFetching(true);
         const reloadParams = getReloadParams();
         router9.reload({
           ...reloadParams,
           onStart: (e) => {
             fetching.current = true;
+            setIsFetching(true);
             reloadParams.onStart?.(e);
           },
           onFinish: (e) => {
             setLoaded(true);
             fetching.current = false;
+            setIsFetching(false);
             reloadParams.onFinish?.(e);
             if (!always) {
               observer.current?.disconnect();
@@ -1555,7 +1567,7 @@ var WhenVisible = ({ children, data, params, buffer, as, always, fallback }) =>
       observer.current?.disconnect();
     };
   }, [always, loaded, ref, getReloadParams, buffer]);
-  const resolveChildren = () => typeof children === "function" ? children() : children;
+  const resolveChildren = () => typeof children === "function" ? children({ fetching: isFetching }) : children;
   const resolveFallback = () => typeof fallback === "function" ? fallback() : fallback;
   if (always || !loaded) {
     return createElement6(