@inertiajs/react 2.3.9 → 2.3.11

package/dist/index.esm.js

@@ -192,12 +192,21 @@ async function createInertiaApp({
 }
 
 // src/Deferred.ts
-import { useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
+import { useEffect as useEffect3, useMemo as useMemo2, useState as useState2 } from "react";
+
+// src/usePage.ts
+import React2 from "react";
+
+// src/react.ts
+import React, { useEffect as useEffect2, useLayoutEffect } from "react";
+function useIsomorphicLayoutEffect(effect, deps) {
+  typeof window === "undefined" ? useEffect2(effect, deps) : useLayoutEffect(effect, deps);
+}
+var isReact19 = typeof React.use === "function";
 
 // src/usePage.ts
-import React from "react";
 function usePage() {
-  const page = typeof React.use === "function" ? React.use(PageContext_default) : React.useContext(PageContext_default);
+  const page = isReact19 ? React2.use(PageContext_default) : React2.useContext(PageContext_default);
   if (!page) {
     throw new Error("usePage must be used within the Inertia component");
   }
@@ -220,7 +229,7 @@ var Deferred = ({ children, data, fallback }) => {
   const [loaded, setLoaded] = useState2(false);
   const pageProps = usePage().props;
   const keys = useMemo2(() => Array.isArray(data) ? data : [data], [data]);
-  useEffect2(() => {
+  useEffect3(() => {
     const removeListener = router3.on("start", (e) => {
       const isPartialVisit = e.detail.visit.only.length > 0 || e.detail.visit.except.length > 0;
       const isReloadingKey = e.detail.visit.only.find((key) => keys.includes(key));
@@ -232,7 +241,7 @@ var Deferred = ({ children, data, fallback }) => {
       removeListener();
     };
   }, []);
-  useEffect2(() => {
+  useEffect3(() => {
     setLoaded(keys.every((key) => pageProps[key] !== void 0));
   }, [pageProps, keys]);
   if (loaded) {
@@ -245,6 +254,7 @@ var Deferred_default = Deferred;
 
 // src/Form.ts
 import {
+  FormComponentResetSymbol,
   formDataToObject,
   isUrlMethodPair,
   mergeDataIntoQueryString,
@@ -252,7 +262,7 @@ import {
   UseFormUtils as UseFormUtils2
 } from "@inertiajs/core";
 import { isEqual as isEqual2 } from "lodash-es";
-import React2, {
+import React3, {
   createContext as createContext3,
   createElement as createElement3,
   forwardRef,
@@ -277,12 +287,6 @@ import {
 import { cloneDeep, get, has, isEqual, set } from "lodash-es";
 import { useCallback, useEffect as useEffect5, useMemo as useMemo3, useRef, useState as useState4 } from "react";
 
-// src/react.ts
-import { useEffect as useEffect3, useLayoutEffect } from "react";
-function useIsomorphicLayoutEffect(effect, deps) {
-  typeof window === "undefined" ? useEffect3(effect, deps) : useLayoutEffect(effect, deps);
-}
-
 // src/useRemember.ts
 import { router as router4 } from "@inertiajs/core";
 import { useEffect as useEffect4, useState as useState3 } from "react";
@@ -667,7 +671,7 @@ function useForm(...args) {
 
 // src/Form.ts
 var deferStateUpdate = (callback) => {
-  typeof React2.startTransition === "function" ? React2.startTransition(callback) : setTimeout(callback, 0);
+  typeof React3.startTransition === "function" ? React3.startTransition(callback) : setTimeout(callback, 0);
 };
 var noop = () => void 0;
 var FormContext = createContext3(void 0);
@@ -732,9 +736,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;
@@ -854,11 +863,10 @@ var Form = forwardRef(
           event.preventDefault();
           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'.
-        // Unfortunately, React 19 treats an empty string as `false`.
+        // React 19 supports passing a boolean to the `inert` attribute, but shows
+        // a warning when receiving a string. Earlier versions require the string 'true'.
         // See: https://github.com/inertiajs/inertia/pull/2536
-        inert: disableWhileProcessing && form.processing && "true"
+        inert: disableWhileProcessing && form.processing && (isReact19 ? true : "true")
       },
       typeof children === "function" ? children(exposed) : children
     );
@@ -873,7 +881,7 @@ var Form_default = Form;
 
 // src/Head.ts
 import { escape } from "lodash-es";
-import React3, { useContext as useContext2, useEffect as useEffect7, useMemo as useMemo5 } from "react";
+import React4, { useContext as useContext2, useEffect as useEffect7, useMemo as useMemo5 } from "react";
 var Head = function({ children, title }) {
   const headManager = useContext2(HeadContext_default);
   const provider = useMemo5(() => headManager.createProvider(), [headManager]);
@@ -941,7 +949,7 @@ var Head = function({ children, title }) {
     return html;
   }
   function ensureNodeHasInertiaProp(node) {
-    return React3.cloneElement(node, {
+    return React4.cloneElement(node, {
       [provider.preferredAttribute()]: node.props["head-key"] !== void 0 ? node.props["head-key"] : ""
     });
   }
@@ -949,7 +957,7 @@ var Head = function({ children, title }) {
     return renderTag(ensureNodeHasInertiaProp(node));
   }
   function renderNodes(nodes) {
-    const elements = React3.Children.toArray(nodes).filter((node) => node).map((node) => renderNode(node));
+    const elements = React4.Children.toArray(nodes).filter((node) => node).map((node) => renderNode(node));
     if (title && !elements.find((tag) => tag.startsWith("<title"))) {
       elements.push(`<title ${provider.preferredAttribute()}>${title}</title>`);
     }
@@ -967,7 +975,7 @@ import {
   getScrollableParent,
   useInfiniteScroll
 } from "@inertiajs/core";
-import React4, {
+import React5, {
   createElement as createElement4,
   forwardRef as forwardRef2,
   useCallback as useCallback2,
@@ -1206,7 +1214,7 @@ var InfiniteScroll = forwardRef2(
         )
       );
     }
-    return createElement4(React4.Fragment, {}, ...reverse ? [...renderElements].reverse() : renderElements);
+    return createElement4(React5.Fragment, {}, ...reverse ? [...renderElements].reverse() : renderElements);
   }
 );
 InfiniteScroll.displayName = "InertiaInfiniteScroll";