Name	Size	Mode	Actions
form.js	6900	0666	editdlrm
form.js.map	11165	0666	editdlrm
link.js	18180	0666	editdlrm
link.js.map	35037	0666	editdlrm

'use client'; import { jsx as _jsx } from "react/jsx-runtime"; import { useCallback, useContext } from 'react'; import { addBasePath } from '../add-base-path'; import { useMergedRef } from '../use-merged-ref'; import { AppRouterContext } from '../../shared/lib/app-router-context.shared-runtime'; import { checkFormActionUrl, createFormSubmitDestinationUrl, DISALLOWED_FORM_PROPS, hasReactClientActionAttributes, hasUnsupportedSubmitterAttributes } from '../form-shared'; import { mountFormInstance, unmountPrefetchableInstance } from '../components/links'; import { FetchStrategy } from '../components/segment-cache'; export default function Form(param) { let { replace, scroll, prefetch: prefetchProp, ref: externalRef, ...props } = param; const router = useContext(AppRouterContext); const actionProp = props.action; const isNavigatingForm = typeof actionProp === 'string'; // Validate `action` if (process.env.NODE_ENV === 'development') { if (isNavigatingForm) { checkFormActionUrl(actionProp, 'action'); } } // Validate `prefetch` if (process.env.NODE_ENV === 'development') { if (!(prefetchProp === undefined || prefetchProp === false || prefetchProp === null)) { console.error('The `prefetch` prop of

must be `false` or `null`'); } if (prefetchProp !== undefined && !isNavigatingForm) { console.error('Passing `prefetch` to a whose `action` is a function has no effect.'); } } // TODO(runtime-ppr): allow runtime prefetches in Form const prefetch = prefetchProp === false || prefetchProp === null ? prefetchProp : null; // Validate `scroll` and `replace` if (process.env.NODE_ENV === 'development') { if (!isNavigatingForm && (replace !== undefined || scroll !== undefined)) { console.error('Passing `replace` or `scroll` to a whose `action` is a function has no effect.\n' + 'See the relevant docs to learn how to control this behavior for navigations triggered from actions:\n' + ' `redirect()` - https://nextjs.org/docs/app/api-reference/functions/redirect#parameters\n' + ' `router.replace()` - https://nextjs.org/docs/app/api-reference/functions/use-router#userouter\n'); } } // Clean up any unsupported form props (and warn if present) for (const key of DISALLOWED_FORM_PROPS){ if (key in props) { if (process.env.NODE_ENV === 'development') { console.error(" does not support changing `" + key + "`. " + (isNavigatingForm ? "If you'd like to use it to perform a mutation, consider making `action` a function instead.\n" + "Learn more: https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations" : '')); } delete props[key]; } } const isPrefetchEnabled = // if we don't have an action path, we can't prefetch anything. !!router && isNavigatingForm && prefetch === null; const observeFormVisibilityOnMount = useCallback((element)=>{ if (isPrefetchEnabled && router !== null) { mountFormInstance(element, actionProp, router, // We default to PPR. We'll discover whether or not the route supports it with the initial prefetch. FetchStrategy.PPR); } return ()=>{ unmountPrefetchableInstance(element); }; }, [ isPrefetchEnabled, actionProp, router ]); const mergedRef = useMergedRef(observeFormVisibilityOnMount, externalRef != null ? externalRef : null); if (!isNavigatingForm) { return /*#__PURE__*/ _jsx("form", { ...props, ref: mergedRef }); } const actionHref = addBasePath(actionProp); return /*#__PURE__*/ _jsx("form", { ...props, ref: mergedRef, action: actionHref, onSubmit: (event)=>onFormSubmit(event, { router, actionHref, replace, scroll, onSubmit: props.onSubmit }) }); } function onFormSubmit(event, param) { let { actionHref, onSubmit, replace, scroll, router } = param; if (typeof onSubmit === 'function') { onSubmit(event); // if the user called event.preventDefault(), do nothing. // (this matches what Link does for `onClick`) if (event.defaultPrevented) { return; } } if (!router) { // Form was somehow used outside of the router (but not in pages, the implementation is forked!). // We can't perform a soft navigation, so let the native submit handling do its thing. return; } const formElement = event.currentTarget; const submitter = event.nativeEvent.submitter; let action = actionHref; if (submitter) { if (process.env.NODE_ENV === 'development') { // the way server actions are encoded (e.g. `formMethod="post") // causes some unnecessary dev-mode warnings from `hasUnsupportedSubmitterAttributes`. // we'd bail out anyway, but we just do it silently. if (hasReactServerActionAttributes(submitter)) { return; } } if (hasUnsupportedSubmitterAttributes(submitter)) { return; } // client actions have `formAction="javascript:..."`. We obviously can't prefetch/navigate to that. if (hasReactClientActionAttributes(submitter)) { return; } // If the submitter specified an alternate formAction, // use that URL instead -- this is what a native form would do. // NOTE: `submitter.formAction` is unreliable, because it will give us `location.href` if it *wasn't* set // NOTE: this should not have `basePath` added, because we can't add it before hydration const submitterFormAction = submitter.getAttribute('formAction'); if (submitterFormAction !== null) { if (process.env.NODE_ENV === 'development') { checkFormActionUrl(submitterFormAction, 'formAction'); } action = submitterFormAction; } } const targetUrl = createFormSubmitDestinationUrl(action, formElement); // Finally, no more reasons for bailing out. event.preventDefault(); const method = replace ? 'replace' : 'push'; const targetHref = targetUrl.href; router[method](targetHref, { scroll }); } function hasReactServerActionAttributes(submitter) { // https://github.com/facebook/react/blob/942eb80381b96f8410eab1bef1c539bed1ab0eb1/packages/react-client/src/ReactFlightReplyClient.js#L931-L934 const name = submitter.getAttribute('name'); return name && (name.startsWith('$ACTION_ID_') || name.startsWith('$ACTION_REF_')); } //# sourceMappingURL=form.js.map