@inertiajs/react 2.2.8 → 2.2.9

package/dist/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -57,13 +58,13 @@ var import_react3 = require("react");
 
 // src/HeadContext.ts
 var import_react = require("react");
-var headContext = (0, import_react.createContext)(void 0);
+var headContext = (0, import_react.createContext)(null);
 headContext.displayName = "InertiaHeadContext";
 var HeadContext_default = headContext;
 
 // src/PageContext.ts
 var import_react2 = require("react");
-var pageContext = (0, import_react2.createContext)(void 0);
+var pageContext = (0, import_react2.createContext)(null);
 pageContext.displayName = "InertiaPageContext";
 var PageContext_default = pageContext;
 
@@ -123,13 +124,13 @@ function App({
       (0, import_react3.createElement)(PageContext_default.Provider, { value: current.page }, null)
     );
   }
-  const renderChildren = children || (({ Component, props, key }) => {
-    const child = (0, import_react3.createElement)(Component, { key, ...props });
-    if (typeof Component.layout === "function") {
-      return Component.layout(child);
+  const renderChildren = children || (({ component, props, key }) => {
+    const child = (0, import_react3.createElement)(component, { key, ...props });
+    if (typeof component.layout === "function") {
+      return component.layout(child);
     }
-    if (Array.isArray(Component.layout)) {
-      return Component.layout.concat(child).reverse().reduce((children2, Layout) => (0, import_react3.createElement)(Layout, { children: children2, ...props }));
+    if (Array.isArray(component.layout)) {
+      return component.layout.concat(child).reverse().reduce((children2, Layout) => (0, import_react3.createElement)(Layout, { children: children2, ...props }));
     }
     return child;
   });
@@ -140,7 +141,7 @@ function App({
       PageContext_default.Provider,
       { value: current.page },
       renderChildren({
-        Component: current.component,
+        component: current.component,
         key: current.key,
         props: current.page.props
       })
@@ -161,7 +162,7 @@ async function createInertiaApp({
 }) {
   const isServer = typeof window === "undefined";
   const el = isServer ? null : document.getElementById(id);
-  const initialPage = page || JSON.parse(el.dataset.page);
+  const initialPage = page || JSON.parse(el?.dataset.page || "{}");
   const resolveComponent = (name) => Promise.resolve(resolve(name)).then((module2) => module2.default || module2);
   let head = [];
   const reactApp = await Promise.all([
@@ -169,23 +170,31 @@ async function createInertiaApp({
     import_core2.router.decryptHistory().catch(() => {
     })
   ]).then(([initialComponent]) => {
-    return setup({
-      // @ts-expect-error
+    const props = {
+      initialPage,
+      initialComponent,
+      resolveComponent,
+      titleCallback: title
+    };
+    if (isServer) {
+      const ssrSetup = setup;
+      return ssrSetup({
+        el: null,
+        App,
+        props: { ...props, onHeadUpdate: (elements) => head = elements }
+      });
+    }
+    const csrSetup = setup;
+    return csrSetup({
       el,
       App,
-      props: {
-        initialPage,
-        initialComponent,
-        resolveComponent,
-        titleCallback: title,
-        onHeadUpdate: isServer ? (elements) => head = elements : null
-      }
+      props
     });
   });
   if (!isServer && progress2) {
     (0, import_core2.setupProgress)(progress2);
   }
-  if (isServer) {
+  if (isServer && render) {
     const body = await render(
       (0, import_react4.createElement)(
         "div",
@@ -193,7 +202,6 @@ async function createInertiaApp({
           id,
           "data-page": JSON.stringify(initialPage)
         },
-        // @ts-expect-error
         reactApp
       )
     );
@@ -285,13 +293,13 @@ function useRemember(initialState, key) {
 
 // src/useForm.ts
 function useForm(rememberKeyOrInitialValues, maybeInitialValues) {
-  const isMounted = (0, import_react9.useRef)(null);
+  const isMounted = (0, import_react9.useRef)(false);
   const rememberKey = typeof rememberKeyOrInitialValues === "string" ? rememberKeyOrInitialValues : null;
   const [defaults, setDefaults] = (0, import_react9.useState)(
     (typeof rememberKeyOrInitialValues === "string" ? maybeInitialValues : rememberKeyOrInitialValues) || {}
   );
   const cancelToken = (0, import_react9.useRef)(null);
-  const recentlySuccessfulTimeoutId = (0, import_react9.useRef)(null);
+  const recentlySuccessfulTimeoutId = (0, import_react9.useRef)(void 0);
   const [data, setData] = rememberKey ? useRemember(defaults, `${rememberKey}:data`) : (0, import_react9.useState)(defaults);
   const [errors, setErrors] = rememberKey ? useRemember({}, `${rememberKey}:errors`) : (0, import_react9.useState)({});
   const [hasErrors, setHasErrors] = (0, import_react9.useState)(false);
@@ -338,7 +346,7 @@ function useForm(rememberKeyOrInitialValues, maybeInitialValues) {
           }
         },
         onProgress: (event) => {
-          setProgress(event);
+          setProgress(event || null);
           if (options.onProgress) {
             return options.onProgress(event);
           }
@@ -397,10 +405,11 @@ function useForm(rememberKeyOrInitialValues, maybeInitialValues) {
           }
         }
       };
+      const transformedData = transform.current(data);
       if (method === "delete") {
-        import_core4.router.delete(url, { ..._options, data: transform.current(data) });
+        import_core4.router.delete(url, { ..._options, data: transformedData });
       } else {
-        import_core4.router[method](url, transform.current(data), _options);
+        import_core4.router[method](url, transformedData, _options);
       }
     },
     [data, setErrors, transform]
@@ -498,7 +507,7 @@ function useForm(rememberKeyOrInitialValues, maybeInitialValues) {
     },
     [reset, clearErrors]
   );
-  const createSubmitMethod = (method) => (url, options) => {
+  const createSubmitMethod = (method) => (url, options = {}) => {
     submit(method, url, options);
   };
   const getMethod = (0, import_react9.useCallback)(createSubmitMethod("get"), [submit]);
@@ -573,7 +582,7 @@ var Form = (0, import_react11.forwardRef)(
     ...props
   }, ref) => {
     const form = useForm({});
-    const formElement = (0, import_react11.useRef)(null);
+    const formElement = (0, import_react11.useRef)(void 0);
     const resolvedMethod = (0, import_react11.useMemo)(() => {
       return (0, import_core5.isUrlMethodPair)(action) ? action.method : method.toLowerCase();
     }, [action, method]);
@@ -591,7 +600,9 @@ var Form = (0, import_react11.forwardRef)(
       return () => formEvents.forEach((e) => formElement.current?.removeEventListener(e, updateDirtyState));
     }, []);
     const reset = (...fields) => {
-      (0, import_core5.resetFormFields)(formElement.current, defaultData.current, fields);
+      if (formElement.current) {
+        (0, import_core5.resetFormFields)(formElement.current, defaultData.current, fields);
+      }
     };
     const resetAndClearErrors = (...fields) => {
       form.clearErrors(...fields);
@@ -704,7 +715,7 @@ var Head = function({ children, title }) {
     };
   }, [provider, children, title]);
   function isUnaryTag(node) {
-    return [
+    return typeof node.type === "string" && [
       "area",
       "base",
       "br",
@@ -730,14 +741,20 @@ var Head = function({ children, title }) {
       const value = String(node.props[name]);
       if (value === "") {
         return carry + ` ${name}`;
-      } else {
-        return carry + ` ${name}="${(0, import_lodash_es3.escape)(value)}"`;
       }
+      return carry + ` ${name}="${(0, import_lodash_es3.escape)(value)}"`;
     }, "");
-    return `<${node.type}${attrs}>`;
+    return `<${String(node.type)}${attrs}>`;
   }
   function renderTagChildren(node) {
-    return typeof node.props.children === "string" ? node.props.children : node.props.children.reduce((html, child) => html + renderTag(child), "");
+    const { children: children2 } = node.props;
+    if (typeof children2 === "string") {
+      return children2;
+    }
+    if (Array.isArray(children2)) {
+      return children2.reduce((html, child) => html + renderTag(child), "");
+    }
+    return "";
   }
   function renderTag(node) {
     let html = renderTagStart(node);
@@ -748,7 +765,7 @@ var Head = function({ children, title }) {
       html += node.props.dangerouslySetInnerHTML.__html;
     }
     if (!isUnaryTag(node)) {
-      html += `</${node.type}>`;
+      html += `</${String(node.type)}>`;
     }
     return html;
   }
@@ -761,11 +778,11 @@ var Head = function({ children, title }) {
     return renderTag(ensureNodeHasInertiaProp(node));
   }
   function renderNodes(nodes) {
-    const computed = import_react12.default.Children.toArray(nodes).filter((node) => node).map((node) => renderNode(node));
-    if (title && !computed.find((tag) => tag.startsWith("<title"))) {
-      computed.push(`<title inertia>${title}</title>`);
+    const elements = import_react12.default.Children.toArray(nodes).filter((node) => node).map((node) => renderNode(node));
+    if (title && !elements.find((tag) => tag.startsWith("<title"))) {
+      elements.push(`<title inertia>${title}</title>`);
     }
-    return computed;
+    return elements;
   }
   if (isServer) {
     provider.update(renderNodes(children));
@@ -1041,7 +1058,7 @@ var Link = (0, import_react14.forwardRef)(
     ...props
   }, ref) => {
     const [inFlightCount, setInFlightCount] = (0, import_react14.useState)(0);
-    const hoverTimeout = (0, import_react14.useRef)(null);
+    const hoverTimeout = (0, import_react14.useRef)(void 0);
     const _method = (0, import_react14.useMemo)(() => {
       return (0, import_core7.isUrlMethodPair)(href) ? href.method : method.toLowerCase();
     }, [href, method]);
@@ -1167,7 +1184,7 @@ var Link = (0, import_react14.forwardRef)(
         }
       },
       onKeyDown: (event) => {
-        if ((0, import_core7.shouldIntercept)(event) && (0, import_core7.shouldNavigate)(event)) {
+        if ((0, import_core7.shouldNavigate)(event)) {
           event.preventDefault();
           doPrefetch();
         }