@inertiajs/react 2.2.4 → 2.2.5

package/dist/index.esm.js

@@ -218,7 +218,7 @@ import { isEqual as isEqual2 } from "lodash-es";
 import React, {
   createElement as createElement3,
   forwardRef,
-  useEffect as useEffect5,
+  useEffect as useEffect6,
   useImperativeHandle,
   useMemo as useMemo4,
   useRef as useRef2,
@@ -230,17 +230,23 @@ import {
   router as router5
 } from "@inertiajs/core";
 import { cloneDeep, get, has, isEqual, set } from "lodash-es";
-import { useCallback, useEffect as useEffect4, useLayoutEffect, useMemo as useMemo3, useRef, useState as useState4 } from "react";
+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 useEffect3, useState as useState3 } from "react";
+import { useEffect as useEffect4, useState as useState3 } from "react";
 function useRemember(initialState, key) {
   const [state, setState] = useState3(() => {
     const restored = router4.restore(key);
     return restored !== void 0 ? restored : initialState;
   });
-  useEffect3(() => {
+  useEffect4(() => {
     router4.remember(state, key);
   }, [state, key]);
   return [state, setState];
@@ -264,7 +270,7 @@ function useForm(rememberKeyOrInitialValues, maybeInitialValues) {
   const [recentlySuccessful, setRecentlySuccessful] = useState4(false);
   const transform = useRef((data2) => data2);
   const isDirty = useMemo3(() => !isEqual(data, defaults), [data, defaults]);
-  useEffect4(() => {
+  useEffect5(() => {
     isMounted.current = true;
     return () => {
       isMounted.current = false;
@@ -382,7 +388,7 @@ function useForm(rememberKeyOrInitialValues, maybeInitialValues) {
   );
   const [dataAsDefaults, setDataAsDefaults] = useState4(false);
   const dataRef = useRef(data);
-  useEffect4(() => {
+  useEffect5(() => {
     dataRef.current = data;
   });
   const setDefaultsFunction = useCallback(
@@ -399,7 +405,7 @@ function useForm(rememberKeyOrInitialValues, maybeInitialValues) {
     },
     [setDefaults]
   );
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     if (!dataAsDefaults) {
       return;
     }
@@ -547,7 +553,7 @@ var Form = forwardRef(
     const updateDirtyState = (event) => deferStateUpdate(
       () => setIsDirty(event.type === "reset" ? false : !isEqual2(getData(), formDataToObject(defaultData.current)))
     );
-    useEffect5(() => {
+    useEffect6(() => {
       defaultData.current = getFormData();
       const formEvents = ["input", "change", "reset"];
       formEvents.forEach((e) => formElement.current.addEventListener(e, updateDirtyState));
@@ -654,12 +660,12 @@ var Form_default = Form;
 
 // src/Head.ts
 import { escape } from "lodash-es";
-import React2, { useContext as useContext2, useEffect as useEffect6, useMemo as useMemo5 } from "react";
+import React2, { 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]);
   const isServer = typeof window === "undefined";
-  useEffect6(() => {
+  useEffect7(() => {
     provider.reconnect();
     provider.update(renderNodes(children));
     return () => {
@@ -746,7 +752,7 @@ import React3, {
   createElement as createElement4,
   forwardRef as forwardRef2,
   useCallback as useCallback2,
-  useEffect as useEffect7,
+  useEffect as useEffect8,
   useImperativeHandle as useImperativeHandle2,
   useMemo as useMemo6,
   useRef as useRef3,
@@ -803,15 +809,15 @@ var InfiniteScroll = forwardRef2(
     const [resolvedStartElement, setResolvedStartElement] = useState6(null);
     const [resolvedEndElement, setResolvedEndElement] = useState6(null);
     const [resolvedItemsElement, setResolvedItemsElement] = useState6(null);
-    useEffect7(() => {
+    useEffect8(() => {
       const element = startElement ? resolveHTMLElement(startElement, startElementFromRef) : startElementFromRef;
       setResolvedStartElement(element);
     }, [startElement, startElementFromRef]);
-    useEffect7(() => {
+    useEffect8(() => {
       const element = endElement ? resolveHTMLElement(endElement, endElementFromRef) : endElementFromRef;
       setResolvedEndElement(element);
     }, [endElement, endElementFromRef]);
-    useEffect7(() => {
+    useEffect8(() => {
       const element = itemsElement ? resolveHTMLElement(itemsElement, itemsElementFromRef) : itemsElementFromRef;
       setResolvedItemsElement(element);
     }, [itemsElement, itemsElementFromRef]);
@@ -846,7 +852,7 @@ var InfiniteScroll = forwardRef2(
         });
       }
     }, [scrollableParent]);
-    useEffect7(() => {
+    useEffect8(() => {
       if (!resolvedItemsElement) {
         return;
       }
@@ -884,8 +890,7 @@ var InfiniteScroll = forwardRef2(
         elementManager2.enableTriggers();
       }
       return () => {
-        dataManager2.removeEventListener();
-        elementManager2.flushAll();
+        infiniteScrollInstance.flush();
         setInfiniteScroll(null);
       };
     }, [data, resolvedItemsElement, resolvedStartElement, resolvedEndElement, scrollableParent]);
@@ -894,10 +899,10 @@ var InfiniteScroll = forwardRef2(
       [manual, manualAfter, requestCount]
     );
     const autoLoad = useMemo6(() => !manualMode, [manualMode]);
-    useEffect7(() => {
+    useEffect8(() => {
       autoLoad ? elementManager?.enableTriggers() : elementManager?.disableTriggers();
     }, [autoLoad, onlyNext, onlyPrevious, resolvedStartElement, resolvedEndElement]);
-    useEffect7(() => {
+    useEffect8(() => {
       const shouldAutoScroll = autoScroll !== void 0 ? autoScroll : reverse;
       if (shouldAutoScroll) {
         scrollToBottom();
@@ -988,7 +993,7 @@ import {
   shouldIntercept,
   shouldNavigate
 } from "@inertiajs/core";
-import { createElement as createElement5, forwardRef as forwardRef3, useEffect as useEffect8, useMemo as useMemo7, useRef as useRef4, useState as useState7 } from "react";
+import { createElement as createElement5, forwardRef as forwardRef3, useEffect as useEffect9, useMemo as useMemo7, useRef as useRef4, useState as useState7 } from "react";
 var noop2 = () => void 0;
 var Link = forwardRef3(
   ({
@@ -1111,12 +1116,12 @@ var Link = forwardRef3(
         );
       };
     }, [url, baseParams, onPrefetching, onPrefetched, cacheForValue, cacheTags]);
-    useEffect8(() => {
+    useEffect9(() => {
       return () => {
         clearTimeout(hoverTimeout.current);
       };
     }, []);
-    useEffect8(() => {
+    useEffect9(() => {
       if (prefetchModes.includes("mount")) {
         setTimeout(() => doPrefetch());
       }
@@ -1206,7 +1211,7 @@ var Link_default = Link;
 
 // src/usePoll.ts
 import { router as router7 } from "@inertiajs/core";
-import { useEffect as useEffect9, useRef as useRef5 } from "react";
+import { useEffect as useEffect10, useRef as useRef5 } from "react";
 function usePoll(interval, requestOptions = {}, options = {
   keepAlive: false,
   autoStart: true
@@ -1217,7 +1222,7 @@ function usePoll(interval, requestOptions = {}, options = {
       autoStart: false
     })
   );
-  useEffect9(() => {
+  useEffect10(() => {
     if (options.autoStart ?? true) {
       pollRef.current.start();
     }
@@ -1231,14 +1236,14 @@ function usePoll(interval, requestOptions = {}, options = {
 
 // src/usePrefetch.ts
 import { router as router8 } from "@inertiajs/core";
-import { useEffect as useEffect10, useState as useState8 } from "react";
+import { useEffect as useEffect11, useState as useState8 } from "react";
 function usePrefetch(options = {}) {
   const cached = typeof window === "undefined" ? null : router8.getCached(window.location.pathname, options);
   const inFlight = typeof window === "undefined" ? null : router8.getPrefetching(window.location.pathname, options);
   const [lastUpdatedAt, setLastUpdatedAt] = useState8(cached?.staleTimestamp || null);
   const [isPrefetching, setIsPrefetching] = useState8(inFlight !== null);
   const [isPrefetched, setIsPrefetched] = useState8(cached !== null);
-  useEffect10(() => {
+  useEffect11(() => {
     const onPrefetchingListener = router8.on("prefetching", (e) => {
       if (e.detail.visit.url.pathname === window.location.pathname) {
         setIsPrefetching(true);
@@ -1266,7 +1271,7 @@ function usePrefetch(options = {}) {
 
 // src/WhenVisible.ts
 import { router as router9 } from "@inertiajs/core";
-import { createElement as createElement6, useCallback as useCallback3, useEffect as useEffect11, useRef as useRef6, useState as useState9 } from "react";
+import { createElement as createElement6, useCallback as useCallback3, useEffect as useEffect12, useRef as useRef6, useState as useState9 } from "react";
 var WhenVisible = ({ children, data, params, buffer, as, always, fallback }) => {
   always = always ?? false;
   as = as ?? "div";
@@ -1286,7 +1291,7 @@ var WhenVisible = ({ children, data, params, buffer, as, always, fallback }) =>
     }
     return params;
   }, [params, data]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!ref.current) {
       return;
     }