diff --git a/package.json b/package.json index dac7f9432790b..8939075fc5ec5 100644 --- a/package.json +++ b/package.json @@ -227,16 +227,16 @@ "pretty-ms": "7.0.0", "random-seed": "0.3.0", "react": "19.0.0", - "react-builtin": "npm:react@19.1.0-canary-443b7ff2-20250303", + "react-builtin": "npm:react@19.1.0-canary-e03ac20f-20250305", "react-dom": "19.0.0", - "react-dom-builtin": "npm:react-dom@19.1.0-canary-443b7ff2-20250303", - "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-443b7ff2-20250303", - "react-experimental-builtin": "npm:react@0.0.0-experimental-443b7ff2-20250303", - "react-is-builtin": "npm:react-is@19.1.0-canary-443b7ff2-20250303", - "react-server-dom-turbopack": "19.1.0-canary-443b7ff2-20250303", - "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-443b7ff2-20250303", - "react-server-dom-webpack": "19.1.0-canary-443b7ff2-20250303", - "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-443b7ff2-20250303", + "react-dom-builtin": "npm:react-dom@19.1.0-canary-e03ac20f-20250305", + "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-e03ac20f-20250305", + "react-experimental-builtin": "npm:react@0.0.0-experimental-e03ac20f-20250305", + "react-is-builtin": "npm:react-is@19.1.0-canary-e03ac20f-20250305", + "react-server-dom-turbopack": "19.1.0-canary-e03ac20f-20250305", + "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-e03ac20f-20250305", + "react-server-dom-webpack": "19.1.0-canary-e03ac20f-20250305", + "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-e03ac20f-20250305", "react-ssr-prepass": "1.0.8", "react-virtualized": "9.22.3", "relay-compiler": "13.0.2", @@ -246,8 +246,8 @@ "resolve-from": "5.0.0", "sass": "1.54.0", "satori": "0.12.1", - "scheduler-builtin": "npm:scheduler@0.26.0-canary-443b7ff2-20250303", - "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-443b7ff2-20250303", + "scheduler-builtin": "npm:scheduler@0.26.0-canary-e03ac20f-20250305", + "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-e03ac20f-20250305", "seedrandom": "3.0.5", "semver": "7.3.7", "shell-quote": "1.7.3", @@ -289,10 +289,10 @@ "@types/react": "19.0.8", "@types/react-dom": "19.0.3", "jest-snapshot": "30.0.0-alpha.6", - "react": "19.1.0-canary-443b7ff2-20250303", - "react-dom": "19.1.0-canary-443b7ff2-20250303", - "react-is": "19.1.0-canary-443b7ff2-20250303", - "scheduler": "0.26.0-canary-443b7ff2-20250303" + "react": "19.1.0-canary-e03ac20f-20250305", + "react-dom": "19.1.0-canary-e03ac20f-20250305", + "react-is": "19.1.0-canary-e03ac20f-20250305", + "scheduler": "0.26.0-canary-e03ac20f-20250305" }, "patchedDependencies": { "webpack-sources@3.2.3": "patches/webpack-sources@3.2.3.patch", diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js index b2dac03703d48..89eff4175eedf 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js @@ -1028,6 +1028,11 @@ console.error("Invalid attribute name: `%s`", attributeName); return !1; } + function pushMutationContext() { + var prev = viewTransitionMutationContext; + viewTransitionMutationContext = !1; + return prev; + } function getValueForAttributeOnCustomComponent(node, name, expected) { if (isAttributeNameSafe(name)) { if (!node.hasAttribute(name)) { @@ -9532,33 +9537,33 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_2637; - var JSCompiler_object_inline_stack_2636 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_2757; + var JSCompiler_object_inline_stack_2756 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_message_2634 = !1; + var JSCompiler_object_inline_message_2754 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_2637 = didSuspend) || - (JSCompiler_object_inline_componentStack_2637 = + (JSCompiler_object_inline_componentStack_2757 = didSuspend) || + (JSCompiler_object_inline_componentStack_2757 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_2637 && - ((JSCompiler_object_inline_message_2634 = !0), + JSCompiler_object_inline_componentStack_2757 && + ((JSCompiler_object_inline_message_2754 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_2637 = + JSCompiler_object_inline_componentStack_2757 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_message_2634 + JSCompiler_object_inline_message_2754 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_digest_2635 = nextHydratableInstance; + var JSCompiler_object_inline_digest_2755 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2635)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2755)) { c: { - var instance = JSCompiler_object_inline_digest_2635; + var instance = JSCompiler_object_inline_digest_2755; for ( JSCompiler_temp = rootOrSingletonContext; 8 !== instance.nodeType; @@ -9600,87 +9605,87 @@ JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_digest_2635 + JSCompiler_object_inline_digest_2755 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_digest_2635 = workInProgress.memoizedState; + JSCompiler_object_inline_digest_2755 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_digest_2635 && - ((JSCompiler_object_inline_digest_2635 = - JSCompiler_object_inline_digest_2635.dehydrated), - null !== JSCompiler_object_inline_digest_2635) + null !== JSCompiler_object_inline_digest_2755 && + ((JSCompiler_object_inline_digest_2755 = + JSCompiler_object_inline_digest_2755.dehydrated), + null !== JSCompiler_object_inline_digest_2755) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2635) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2755) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_digest_2635 = - JSCompiler_object_inline_stack_2636.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2636.fallback; - if (JSCompiler_object_inline_message_2634) + JSCompiler_object_inline_digest_2755 = + JSCompiler_object_inline_stack_2756.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2756.fallback; + if (JSCompiler_object_inline_message_2754) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2636 = + (JSCompiler_object_inline_stack_2756 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2635, + JSCompiler_object_inline_digest_2755, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2634 = workInProgress.child), - (JSCompiler_object_inline_message_2634.memoizedState = + (JSCompiler_object_inline_message_2754 = workInProgress.child), + (JSCompiler_object_inline_message_2754.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2634.childLanes = + (JSCompiler_object_inline_message_2754.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2637, + JSCompiler_object_inline_componentStack_2757, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2636 + JSCompiler_object_inline_stack_2756 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2636.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2756.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2636 = + (JSCompiler_object_inline_stack_2756 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2635, + JSCompiler_object_inline_digest_2755, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2634 = workInProgress.child), - (JSCompiler_object_inline_message_2634.memoizedState = + (JSCompiler_object_inline_message_2754 = workInProgress.child), + (JSCompiler_object_inline_message_2754.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2634.childLanes = + (JSCompiler_object_inline_message_2754.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2637, + JSCompiler_object_inline_componentStack_2757, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2636 + JSCompiler_object_inline_stack_2756 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_digest_2635 + JSCompiler_object_inline_digest_2755 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_digest_2635 = prevState.dehydrated), - null !== JSCompiler_object_inline_digest_2635) + ((JSCompiler_object_inline_digest_2755 = prevState.dehydrated), + null !== JSCompiler_object_inline_digest_2755) ) { if (didSuspend) workInProgress.flags & 256 @@ -9697,94 +9702,94 @@ (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2634 = - JSCompiler_object_inline_stack_2636.fallback), - (JSCompiler_object_inline_digest_2635 = workInProgress.mode), - (JSCompiler_object_inline_stack_2636 = + (JSCompiler_object_inline_message_2754 = + JSCompiler_object_inline_stack_2756.fallback), + (JSCompiler_object_inline_digest_2755 = workInProgress.mode), + (JSCompiler_object_inline_stack_2756 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2636.children + children: JSCompiler_object_inline_stack_2756.children }, - JSCompiler_object_inline_digest_2635 + JSCompiler_object_inline_digest_2755 )), - (JSCompiler_object_inline_message_2634 = + (JSCompiler_object_inline_message_2754 = createFiberFromFragment( - JSCompiler_object_inline_message_2634, - JSCompiler_object_inline_digest_2635, + JSCompiler_object_inline_message_2754, + JSCompiler_object_inline_digest_2755, renderLanes, null )), - (JSCompiler_object_inline_message_2634.flags |= 2), - (JSCompiler_object_inline_stack_2636.return = workInProgress), - (JSCompiler_object_inline_message_2634.return = workInProgress), - (JSCompiler_object_inline_stack_2636.sibling = - JSCompiler_object_inline_message_2634), - (workInProgress.child = JSCompiler_object_inline_stack_2636), + (JSCompiler_object_inline_message_2754.flags |= 2), + (JSCompiler_object_inline_stack_2756.return = workInProgress), + (JSCompiler_object_inline_message_2754.return = workInProgress), + (JSCompiler_object_inline_stack_2756.sibling = + JSCompiler_object_inline_message_2754), + (workInProgress.child = JSCompiler_object_inline_stack_2756), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2636 = workInProgress.child), - (JSCompiler_object_inline_stack_2636.memoizedState = + (JSCompiler_object_inline_stack_2756 = workInProgress.child), + (JSCompiler_object_inline_stack_2756.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2636.childLanes = + (JSCompiler_object_inline_stack_2756.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2637, + JSCompiler_object_inline_componentStack_2757, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - (workInProgress = JSCompiler_object_inline_message_2634)); + (workInProgress = JSCompiler_object_inline_message_2754)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && console.error( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2635)) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2755)) ) { - JSCompiler_object_inline_componentStack_2637 = - JSCompiler_object_inline_digest_2635.nextSibling && - JSCompiler_object_inline_digest_2635.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_2637) { - JSCompiler_temp = JSCompiler_object_inline_componentStack_2637.dgst; - var message = JSCompiler_object_inline_componentStack_2637.msg; - instance = JSCompiler_object_inline_componentStack_2637.stck; + JSCompiler_object_inline_componentStack_2757 = + JSCompiler_object_inline_digest_2755.nextSibling && + JSCompiler_object_inline_digest_2755.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_2757) { + JSCompiler_temp = JSCompiler_object_inline_componentStack_2757.dgst; + var message = JSCompiler_object_inline_componentStack_2757.msg; + instance = JSCompiler_object_inline_componentStack_2757.stck; var componentStack = - JSCompiler_object_inline_componentStack_2637.cstck; + JSCompiler_object_inline_componentStack_2757.cstck; } - JSCompiler_object_inline_message_2634 = message; - JSCompiler_object_inline_digest_2635 = JSCompiler_temp; - JSCompiler_object_inline_stack_2636 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2637 = + JSCompiler_object_inline_message_2754 = message; + JSCompiler_object_inline_digest_2755 = JSCompiler_temp; + JSCompiler_object_inline_stack_2756 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2757 = componentStack; - "POSTPONE" !== JSCompiler_object_inline_digest_2635 && - ((JSCompiler_object_inline_componentStack_2637 = - JSCompiler_object_inline_message_2634 - ? Error(JSCompiler_object_inline_message_2634) + "POSTPONE" !== JSCompiler_object_inline_digest_2755 && + ((JSCompiler_object_inline_componentStack_2757 = + JSCompiler_object_inline_message_2754 + ? Error(JSCompiler_object_inline_message_2754) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." )), - (JSCompiler_object_inline_componentStack_2637.stack = - JSCompiler_object_inline_stack_2636 || ""), - (JSCompiler_object_inline_componentStack_2637.digest = - JSCompiler_object_inline_digest_2635), - (JSCompiler_object_inline_stack_2636 = + (JSCompiler_object_inline_componentStack_2757.stack = + JSCompiler_object_inline_stack_2756 || ""), + (JSCompiler_object_inline_componentStack_2757.digest = + JSCompiler_object_inline_digest_2755), + (JSCompiler_object_inline_stack_2756 = void 0 === JSCompiler_temp ? null : JSCompiler_temp), - (JSCompiler_object_inline_message_2634 = { - value: JSCompiler_object_inline_componentStack_2637, + (JSCompiler_object_inline_message_2754 = { + value: JSCompiler_object_inline_componentStack_2757, source: null, - stack: JSCompiler_object_inline_stack_2636 + stack: JSCompiler_object_inline_stack_2756 }), - "string" === typeof JSCompiler_object_inline_stack_2636 && + "string" === typeof JSCompiler_object_inline_stack_2756 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2637, - JSCompiler_object_inline_message_2634 + JSCompiler_object_inline_componentStack_2757, + JSCompiler_object_inline_message_2754 ), - queueHydrationError(JSCompiler_object_inline_message_2634)); + queueHydrationError(JSCompiler_object_inline_message_2754)); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9798,44 +9803,44 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_2637 = + (JSCompiler_object_inline_componentStack_2757 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_2637) + didReceiveUpdate || JSCompiler_object_inline_componentStack_2757) ) { - JSCompiler_object_inline_componentStack_2637 = workInProgressRoot; + JSCompiler_object_inline_componentStack_2757 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_2637 && - ((JSCompiler_object_inline_stack_2636 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2636 = - 0 !== (JSCompiler_object_inline_stack_2636 & 42) + null !== JSCompiler_object_inline_componentStack_2757 && + ((JSCompiler_object_inline_stack_2756 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2756 = + 0 !== (JSCompiler_object_inline_stack_2756 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2636 + JSCompiler_object_inline_stack_2756 )), - (JSCompiler_object_inline_stack_2636 = + (JSCompiler_object_inline_stack_2756 = 0 !== - (JSCompiler_object_inline_stack_2636 & - (JSCompiler_object_inline_componentStack_2637.suspendedLanes | + (JSCompiler_object_inline_stack_2756 & + (JSCompiler_object_inline_componentStack_2757.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2636), - 0 !== JSCompiler_object_inline_stack_2636 && - JSCompiler_object_inline_stack_2636 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2756), + 0 !== JSCompiler_object_inline_stack_2756 && + JSCompiler_object_inline_stack_2756 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2636), + ((prevState.retryLane = JSCompiler_object_inline_stack_2756), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2636 + JSCompiler_object_inline_stack_2756 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_2637, + JSCompiler_object_inline_componentStack_2757, current, - JSCompiler_object_inline_stack_2636 + JSCompiler_object_inline_stack_2756 ), SelectiveHydrationException) ); - JSCompiler_object_inline_digest_2635.data === + JSCompiler_object_inline_digest_2755.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9843,14 +9848,14 @@ renderLanes ); } else - JSCompiler_object_inline_digest_2635.data === + JSCompiler_object_inline_digest_2755.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_digest_2635.nextSibling + JSCompiler_object_inline_digest_2755.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9868,54 +9873,54 @@ (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2636.children + JSCompiler_object_inline_stack_2756.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_message_2634) + if (JSCompiler_object_inline_message_2754) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2634 = - JSCompiler_object_inline_stack_2636.fallback), - (JSCompiler_object_inline_digest_2635 = workInProgress.mode), + (JSCompiler_object_inline_message_2754 = + JSCompiler_object_inline_stack_2756.fallback), + (JSCompiler_object_inline_digest_2755 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2636 = createWorkInProgress( + (JSCompiler_object_inline_stack_2756 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2636.children + children: JSCompiler_object_inline_stack_2756.children } )), - (JSCompiler_object_inline_stack_2636.subtreeFlags = + (JSCompiler_object_inline_stack_2756.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_message_2634 = createWorkInProgress( + ? (JSCompiler_object_inline_message_2754 = createWorkInProgress( instance, - JSCompiler_object_inline_message_2634 + JSCompiler_object_inline_message_2754 )) - : ((JSCompiler_object_inline_message_2634 = createFiberFromFragment( - JSCompiler_object_inline_message_2634, - JSCompiler_object_inline_digest_2635, + : ((JSCompiler_object_inline_message_2754 = createFiberFromFragment( + JSCompiler_object_inline_message_2754, + JSCompiler_object_inline_digest_2755, renderLanes, null )), - (JSCompiler_object_inline_message_2634.flags |= 2)), - (JSCompiler_object_inline_message_2634.return = workInProgress), - (JSCompiler_object_inline_stack_2636.return = workInProgress), - (JSCompiler_object_inline_stack_2636.sibling = - JSCompiler_object_inline_message_2634), - (workInProgress.child = JSCompiler_object_inline_stack_2636), - (JSCompiler_object_inline_stack_2636 = - JSCompiler_object_inline_message_2634), - (JSCompiler_object_inline_message_2634 = workInProgress.child), - (JSCompiler_object_inline_digest_2635 = current.child.memoizedState), - null === JSCompiler_object_inline_digest_2635 - ? (JSCompiler_object_inline_digest_2635 = + (JSCompiler_object_inline_message_2754.flags |= 2)), + (JSCompiler_object_inline_message_2754.return = workInProgress), + (JSCompiler_object_inline_stack_2756.return = workInProgress), + (JSCompiler_object_inline_stack_2756.sibling = + JSCompiler_object_inline_message_2754), + (workInProgress.child = JSCompiler_object_inline_stack_2756), + (JSCompiler_object_inline_stack_2756 = + JSCompiler_object_inline_message_2754), + (JSCompiler_object_inline_message_2754 = workInProgress.child), + (JSCompiler_object_inline_digest_2755 = current.child.memoizedState), + null === JSCompiler_object_inline_digest_2755 + ? (JSCompiler_object_inline_digest_2755 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_digest_2635.cachePool), + JSCompiler_object_inline_digest_2755.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9923,38 +9928,38 @@ ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_digest_2635 = { + (JSCompiler_object_inline_digest_2755 = { baseLanes: - JSCompiler_object_inline_digest_2635.baseLanes | renderLanes, + JSCompiler_object_inline_digest_2755.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_message_2634.memoizedState = - JSCompiler_object_inline_digest_2635), - (JSCompiler_object_inline_message_2634.childLanes = + (JSCompiler_object_inline_message_2754.memoizedState = + JSCompiler_object_inline_digest_2755), + (JSCompiler_object_inline_message_2754.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2637, + JSCompiler_object_inline_componentStack_2757, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2636 + JSCompiler_object_inline_stack_2756 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2636.children + children: JSCompiler_object_inline_stack_2756.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_2637 = + ((JSCompiler_object_inline_componentStack_2757 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_2637 + null === JSCompiler_object_inline_componentStack_2757 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_2637.push(current)); + : JSCompiler_object_inline_componentStack_2757.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -12117,7 +12122,7 @@ focusedElem: root, selectionRange: JSCompiler_temp }; - shouldStartViewTransition = _enabled = !1; + _enabled = !1; committedLanes = (committedLanes & 335544064) === committedLanes; nextEffect = firstChild; for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { @@ -13270,8 +13275,7 @@ (offscreenSubtreeWasHidden || null === current || safelyDetachRef(current, current.return)); - flags = viewTransitionMutationContext; - viewTransitionMutationContext = !1; + flags = pushMutationContext(); recursivelyTraverseMutationEffects(root, finishedWork, lanes); commitReconciliationEffects(finishedWork); (lanes & 335544064) === lanes && @@ -13357,7 +13361,30 @@ } ); } - cancelRootViewTransitionName(root.containerInfo); + finishedWork = root.containerInfo; + finishedWork = + 9 === finishedWork.nodeType + ? finishedWork.documentElement + : finishedWork.ownerDocument.documentElement; + null !== finishedWork && + "" === finishedWork.style.viewTransitionName && + ((finishedWork.style.viewTransitionName = "none"), + finishedWork.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(root)" + } + ), + finishedWork.animate( + { width: [0, 0], height: [0, 0] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition" + } + )); } break; case 5: @@ -15895,6 +15922,173 @@ popProvider(CacheContext, interruptedWork); } } + function recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone + ) { + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + switch (parentFiber.tag) { + case 5: + var clone = parentFiber.stateNode.cloneNode(!0); + hostParentClone.appendChild(clone); + unhideHostChildren && + unhideInstance(clone, parentFiber.memoizedProps); + break; + case 6: + clone = parentFiber.stateNode; + if (null === clone) + throw Error( + "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue." + ); + clone = clone.cloneNode(!1); + hostParentClone.appendChild(clone); + unhideHostChildren && (clone.nodeValue = parentFiber.memoizedProps); + break; + case 4: + break; + case 22: + null === parentFiber.memoizedState && + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone + ); + break; + case 30: + clone = pushMutationContext(); + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone + ); + viewTransitionMutationContext = clone; + break; + default: + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone + ); + } + parentFiber = parentFiber.sibling; + } + } + function recursivelyInsertClones(parentFiber, hostParentClone$jscomp$0) { + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + var finishedWork = parentFiber, + hostParentClone = hostParentClone$jscomp$0, + current = finishedWork.alternate, + flags = finishedWork.flags; + switch (finishedWork.tag) { + case 26: + recursivelyInsertClones(finishedWork, hostParentClone); + break; + case 27: + recursivelyInsertClones(finishedWork, hostParentClone); + if (flags & 4) + if (null === current) + console.error( + "useSwipeTransition() caused something to render a new <%s>. This is not possible in the current implementation. Make sure that the swipe doesn't mount any new <%s> elements.", + finishedWork.type, + finishedWork.type + ); + else { + hostParentClone = finishedWork.memoizedProps; + current = current.memoizedProps; + flags = finishedWork.stateNode; + var clone = finishedWork.type; + var prev = pushMutationContext(); + try { + commitUpdate( + flags, + clone, + current, + hostParentClone, + finishedWork + ), + viewTransitionMutationContext && + console.error( + "useSwipeTransition() caused something to mutate <%s>. This is not possible in the current implementation. Make sure that the swipe doesn't update any state which causes <%s> to change.", + finishedWork.type, + finishedWork.type + ), + commitUpdate( + flags, + clone, + hostParentClone, + current, + finishedWork + ); + } finally { + viewTransitionMutationContext = prev; + } + } + break; + case 5: + clone = finishedWork.stateNode; + null === current + ? hostParentClone.appendChild(clone) + : (null === finishedWork.child + ? ((clone = clone.cloneNode(!0)), + finishedWork.flags & 32 && resetTextContent(clone)) + : (clone = clone.cloneNode(!1)), + flags & 4 && + commitUpdate( + clone, + finishedWork.type, + current.memoizedProps, + finishedWork.memoizedProps + ), + unhideHostChildren + ? ((unhideHostChildren = !1), + recursivelyInsertClones(finishedWork, clone), + hostParentClone.appendChild(clone), + (unhideHostChildren = !0), + unhideInstance(clone, finishedWork.memoizedProps)) + : (recursivelyInsertClones(finishedWork, clone), + hostParentClone.appendChild(clone))); + break; + case 6: + clone = finishedWork.stateNode; + if (null === clone) + throw Error( + "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue." + ); + null === current + ? hostParentClone.appendChild(clone) + : ((clone = clone.cloneNode(!1)), + flags & 4 && (clone.nodeValue = current.memoizedProps), + hostParentClone.appendChild(clone), + unhideHostChildren && + (clone.nodeValue = finishedWork.memoizedProps)); + break; + case 4: + break; + case 22: + null === finishedWork.memoizedState && + ((unhideHostChildren = + (current = unhideHostChildren) || 0 !== (flags & 8192)), + recursivelyInsertClones(finishedWork, hostParentClone), + (unhideHostChildren = current)); + break; + case 30: + current = pushMutationContext(); + recursivelyInsertClones(finishedWork, hostParentClone); + viewTransitionMutationContext && (finishedWork.flags |= 4); + viewTransitionMutationContext = current; + break; + default: + recursivelyInsertClones(finishedWork, hostParentClone); + } + parentFiber = parentFiber.sibling; + } + else + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone$jscomp$0 + ); + } function onCommitRoot() { commitHooks.forEach(function (commitHook) { return commitHook(); @@ -17241,6 +17435,7 @@ ? logSuspendedCommitPhase(completedRenderEndTime, commitStartTime) : suspendedCommitReason === THROTTLED_COMMIT && logSuspenseThrottlePhase(completedRenderEndTime, commitStartTime); + shouldStartViewTransition = !1; suspendedCommitReason = 0 !== (finishedWork.flags & 13878); if ( 0 !== (finishedWork.subtreeFlags & 13878) || @@ -17590,22 +17785,158 @@ flushSyncWorkAcrossRoots_impl(0, !1); } } - function commitGestureOnRoot(root) { + function commitGestureOnRoot(root, finishedWork) { var finishedGesture = root.pendingGestures; if (null === finishedGesture) ensureRootIsScheduled(root); else { deleteScheduledGesture(root, finishedGesture); - var prevTransition = ReactSharedInternals.T, - previousPriority = ReactDOMSharedInternals.p, - prevExecutionContext = executionContext; + var prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = DiscreteEventPriority; + var prevExecutionContext = executionContext; executionContext |= CommitContext; - executionContext = prevExecutionContext; - ReactDOMSharedInternals.p = previousPriority; - ReactSharedInternals.T = prevTransition; + try { + unhideHostChildren = !1; + didWarnForRootClone || + ((didWarnForRootClone = !0), + console.warn( + "useSwipeTransition() caused something to mutate or relayout the root. This currently requires a clone of the whole document. Make sure to add a directly around an absolutely positioned DOM node to minimize the impact of any changes caused by the Swipe Transition." + )); + var rootContainer = root.containerInfo, + documentElement = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== documentElement && + "" === documentElement.style.viewTransitionName && + (documentElement.style.viewTransitionName = "none"); + var containerInstance = + 9 === rootContainer.nodeType + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + var containerParent = containerInstance.parentNode; + if (null === containerParent) + throw Error( + "Cannot use a useSwipeTransition() in a detached root." + ); + var clone = containerInstance.cloneNode(!1), + computedStyle = getComputedStyle(containerInstance); + if ( + "absolute" !== computedStyle.position && + "fixed" !== computedStyle.position + ) { + for ( + rootContainer = containerParent; + null != rootContainer.parentNode && + 9 !== rootContainer.parentNode.nodeType && + "static" === getComputedStyle(rootContainer).position; + + ) + rootContainer = rootContainer.parentNode; + var positionedAncestorStyle = rootContainer.style, + containerInstanceStyle = containerInstance.style, + prevAncestorTranslate = positionedAncestorStyle.translate, + prevAncestorScale = positionedAncestorStyle.scale, + prevAncestorRotate = positionedAncestorStyle.rotate, + prevAncestorTransform = positionedAncestorStyle.transform, + prevTranslate = containerInstanceStyle.translate, + prevScale = containerInstanceStyle.scale, + prevRotate = containerInstanceStyle.rotate, + prevTransform = containerInstanceStyle.transform; + positionedAncestorStyle.translate = "none"; + positionedAncestorStyle.scale = "none"; + positionedAncestorStyle.rotate = "none"; + positionedAncestorStyle.transform = "none"; + containerInstanceStyle.translate = "none"; + containerInstanceStyle.scale = "none"; + containerInstanceStyle.rotate = "none"; + containerInstanceStyle.transform = "none"; + var ancestorRect = rootContainer.getBoundingClientRect(), + rect = containerInstance.getBoundingClientRect(), + cloneStyle = clone.style; + cloneStyle.position = "absolute"; + cloneStyle.top = rect.top - ancestorRect.top + "px"; + cloneStyle.left = rect.left - ancestorRect.left + "px"; + cloneStyle.width = rect.width + "px"; + cloneStyle.height = rect.height + "px"; + cloneStyle.margin = "0px"; + cloneStyle.boxSizing = "border-box"; + positionedAncestorStyle.translate = prevAncestorTranslate; + positionedAncestorStyle.scale = prevAncestorScale; + positionedAncestorStyle.rotate = prevAncestorRotate; + positionedAncestorStyle.transform = prevAncestorTransform; + containerInstanceStyle.translate = prevTranslate; + containerInstanceStyle.scale = prevScale; + containerInstanceStyle.rotate = prevRotate; + containerInstanceStyle.transform = prevTransform; + } + clone.style.viewTransitionName = "root"; + var transform = computedStyle.transform; + "none" === transform && (transform = ""); + var scale = computedStyle.scale; + if ("none" !== scale && "" !== scale) { + var parts = scale.split(" "); + transform = + (3 === parts.length ? "scale3d" : "scale") + + "(" + + parts.join(", ") + + ") " + + transform; + } + var rotate = computedStyle.rotate; + if ("none" !== rotate && "" !== rotate) { + var _parts = rotate.split(" "); + transform = + 1 === _parts.length + ? "rotate(" + _parts[0] + ") " + transform + : 2 === _parts.length + ? "rotate" + + _parts[0].toUpperCase() + + "(" + + _parts[1] + + ") " + + transform + : "rotate3d(" + _parts.join(", ") + ") " + transform; + } + var translate = computedStyle.translate; + if ("none" !== translate && "" !== translate) { + var _parts2 = translate.split(" "); + transform = + (3 === _parts2.length ? "translate3d" : "translate") + + "(" + + _parts2.join(", ") + + ") " + + transform; + } + var transform$jscomp$0 = transform; + clone.style.translate = "none"; + clone.style.scale = "none"; + clone.style.rotate = "none"; + clone.style.transform = + "translate(-20000px, -20000px) " + transform$jscomp$0; + containerInstance.parentNode.insertBefore( + clone, + containerInstance.nextSibling + ); + root.gestureClone = clone; + recursivelyInsertClones(finishedWork, clone); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } pendingTransitionTypes = null; pendingEffectsStatus = PENDING_GESTURE_MUTATION_PHASE; finishedGesture.running = startGestureTransition( root.containerInfo, + finishedGesture.provider, + finishedGesture.rangeCurrent, + finishedGesture.direction + ? finishedGesture.rangeNext + : finishedGesture.rangePrevious, pendingTransitionTypes, flushGestureMutations, flushGestureAnimations @@ -17623,7 +17954,24 @@ var prevExecutionContext = executionContext; executionContext |= CommitContext; try { - cancelRootViewTransitionName(root.containerInfo); + var rootClone = root.gestureClone; + if (null !== rootClone) { + root.gestureClone = null; + var rootContainer = root.containerInfo; + var containerInstance = + 9 === rootContainer.nodeType + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + var containerParent = containerInstance.parentNode; + if (null === containerParent) + throw Error( + "Cannot use a useSwipeTransition() in a detached root." + ); + containerParent.removeChild(rootClone); + containerInstance.style.viewTransitionName = "root"; + } } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -21605,32 +21953,16 @@ instance.style.viewTransitionClass = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } - function cancelRootViewTransitionName(rootContainer) { - rootContainer = - 9 === rootContainer.nodeType - ? rootContainer.documentElement - : rootContainer.ownerDocument.documentElement; - null !== rootContainer && - "" === rootContainer.style.viewTransitionName && - ((rootContainer.style.viewTransitionName = "none"), - rootContainer.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(root)" - } - ), - rootContainer.animate( - { width: [0, 0], height: [0, 0] }, - { duration: 0, fill: "forwards", pseudoElement: "::view-transition" } - )); - } function restoreRootViewTransitionName(rootContainer) { rootContainer = 9 === rootContainer.nodeType - ? rootContainer.documentElement - : rootContainer.ownerDocument.documentElement; + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + "root" === rootContainer.style.viewTransitionName && + (rootContainer.style.viewTransitionName = ""); + rootContainer = rootContainer.ownerDocument.documentElement; null !== rootContainer && "none" === rootContainer.style.viewTransitionName && (rootContainer.style.viewTransitionName = ""); @@ -21727,8 +22059,78 @@ return !1; } } + function mergeTranslate(translateA, translateB) { + if (!translateA || "none" === translateA) return translateB || ""; + if (!translateB || "none" === translateB) return translateA || ""; + translateA = translateA.split(" "); + translateB = translateB.split(" "); + var i, + result = ""; + for (i = 0; i < translateA.length && i < translateB.length; i++) + 0 < i && (result += " "), + (result += "calc(" + translateA[i] + " + " + translateB[i] + ")"); + for (; i < translateA.length; i++) result += " " + translateA[i]; + for (; i < translateB.length; i++) result += " " + translateB[i]; + return result; + } + function animateGesture( + keyframes, + targetElement, + pseudoElement, + timeline, + rangeStart, + rangeEnd, + moveFirstFrameIntoViewport, + moveAllFramesIntoViewport + ) { + for (var i = 0; i < keyframes.length; i++) { + var keyframe = keyframes[i]; + delete keyframe.easing; + delete keyframe.computedOffset; + "auto" === keyframe.width && delete keyframe.width; + "auto" === keyframe.height && delete keyframe.height; + "none" === keyframe.transform && delete keyframe.transform; + if (moveAllFramesIntoViewport && null == keyframe.transform) + if (null == keyframe.translate || "" === keyframe.translate) { + var elementTranslate = getComputedStyle( + targetElement, + pseudoElement + ).translate; + keyframe.translate = mergeTranslate( + elementTranslate, + "20000px 20000px" + ); + } else + keyframe.translate = mergeTranslate( + keyframe.translate, + "20000px 20000px" + ); + } + moveFirstFrameIntoViewport && + ((moveFirstFrameIntoViewport = keyframes[0]), + (moveAllFramesIntoViewport = moveFirstFrameIntoViewport.transform), + null != moveAllFramesIntoViewport && + (moveFirstFrameIntoViewport.transform = + "translate(20000px, 20000px) " + + ("none" === moveAllFramesIntoViewport + ? "" + : moveAllFramesIntoViewport))); + moveFirstFrameIntoViewport = rangeStart > rangeEnd; + targetElement.animate(keyframes, { + pseudoElement: pseudoElement, + timeline: timeline, + easing: "linear", + fill: "both", + direction: moveFirstFrameIntoViewport ? "normal" : "reverse", + rangeStart: (moveFirstFrameIntoViewport ? rangeEnd : rangeStart) + "%", + rangeEnd: (moveFirstFrameIntoViewport ? rangeStart : rangeEnd) + "%" + }); + } function startGestureTransition( rootContainer, + timeline, + rangeStart, + rangeEnd, transitionTypes, mutationCallback, animateCallback @@ -21743,18 +22145,100 @@ types: transitionTypes }); ownerDocument.__reactViewTransition = transition; - var blockingAnim = null; - rootContainer = function () { - blockingAnim = ownerDocument.documentElement.animate([{}, {}], { - pseudoElement: "::view-transition", - duration: 1 - }); - blockingAnim.pause(); - animateCallback(); - }; - transition.ready.then(rootContainer, rootContainer); + var readyCallback = function () { + for ( + var documentElement = ownerDocument.documentElement, + animations = documentElement.getAnimations({ subtree: !0 }), + foundGroups = new Set(), + foundNews = new Set(), + i = 0; + i < animations.length; + i++ + ) { + var pseudoElement = animations[i].effect.pseudoElement; + null != pseudoElement && + (pseudoElement.startsWith("::view-transition-group") + ? foundGroups.add(pseudoElement.slice(23)) + : pseudoElement.startsWith("::view-transition-new") && + foundNews.add(pseudoElement.slice(21))); + } + for (i = 0; i < animations.length; i++) { + var anim = animations[i]; + pseudoElement = anim.effect; + var _pseudoElement = pseudoElement.pseudoElement; + if ( + null != _pseudoElement && + _pseudoElement.startsWith("::view-transition") + ) { + anim.cancel(); + var isGeneratedGroupAnim = !1, + isExitGroupAnim = !1; + if (_pseudoElement.startsWith("::view-transition-group")) { + var groupName = _pseudoElement.slice(23); + foundNews.has(groupName) + ? ((anim = anim.animationName), + (isGeneratedGroupAnim = + null != anim && + anim.startsWith("-ua-view-transition-group-anim-"))) + : (isExitGroupAnim = !0); + } + animateGesture( + pseudoElement.getKeyframes(), + pseudoElement.target, + _pseudoElement, + timeline, + rangeStart, + rangeEnd, + isGeneratedGroupAnim, + isExitGroupAnim + ); + _pseudoElement.startsWith("::view-transition-old") && + ((_pseudoElement = _pseudoElement.slice(21)), + foundGroups.has(_pseudoElement) || + foundNews.has(_pseudoElement) || + (foundGroups.add(_pseudoElement), + animateGesture( + [{}, {}], + pseudoElement.target, + "::view-transition-group" + _pseudoElement, + timeline, + rangeStart, + rangeEnd, + !1, + !0 + ))); + } + } + documentElement + .animate([{}, {}], { + pseudoElement: "::view-transition", + duration: 1 + }) + .pause(); + animateCallback(); + }, + readyForAnimations = + -1 !== navigator.userAgent.indexOf("Chrome") + ? function () { + return requestAnimationFrame(readyCallback); + } + : readyCallback; + transition.ready.then(readyForAnimations, readyCallback); transition.finished.then(function () { - null !== blockingAnim && blockingAnim.cancel(); + for ( + var animations = ownerDocument.documentElement.getAnimations({ + subtree: !0 + }), + i = 0; + i < animations.length; + i++ + ) { + var anim = animations[i], + pseudo = anim.effect.pseudoElement; + null != pseudo && + pseudo.startsWith("::view-transition") && + anim.cancel(); + } ownerDocument.__reactViewTransition === transition && (ownerDocument.__reactViewTransition = null); }); @@ -22855,7 +23339,7 @@ this.pooledCache = null; this.pooledCacheLanes = 0; this.formState = formState; - this.stoppingGestures = this.pendingGestures = null; + this.gestureClone = this.stoppingGestures = this.pendingGestures = null; this.incompleteTransitions = new Map(); this.passiveEffectDuration = this.effectDuration = -0; this.memoizedUpdaters = new Set(); @@ -26702,6 +27186,8 @@ "Hydration Mismatch Exception: This is not a real error, and should not leak into userspace. If you're seeing this, it's likely a bug in React." ), globalClientIdCounter = 0, + didWarnForRootClone = !1, + unhideHostChildren = !1, DefaultAsyncDispatcher = { getCacheForType: function (resourceType) { var cache = readContext(CacheContext), @@ -27381,11 +27867,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-443b7ff2-20250303" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-e03ac20f-20250305" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-experimental-443b7ff2-20250303\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-e03ac20f-20250305\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -27422,10 +27908,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.1.0-experimental-443b7ff2-20250303", + version: "19.1.0-experimental-e03ac20f-20250305", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-443b7ff2-20250303" + reconcilerVersion: "19.1.0-experimental-e03ac20f-20250305" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -27567,7 +28053,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.1.0-experimental-443b7ff2-20250303"; + exports.version = "19.1.0-experimental-e03ac20f-20250305"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js index c8374eb7e844d..12c2eb94f5043 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js @@ -745,6 +745,11 @@ function isAttributeNameSafe(attributeName) { return !1; } var viewTransitionMutationContext = !1; +function pushMutationContext() { + var prev = viewTransitionMutationContext; + viewTransitionMutationContext = !1; + return prev; +} function setValueForAttribute(node, name, value) { if (isAttributeNameSafe(name)) if (null === value) node.removeAttribute(name); @@ -8356,7 +8361,7 @@ function commitBeforeMutationEffects(root, firstChild, committedLanes) { JSCompiler_temp = JSCompiler_temp || { start: 0, end: 0 }; } else JSCompiler_temp = null; selectionInformation = { focusedElem: root, selectionRange: JSCompiler_temp }; - shouldStartViewTransition = _enabled = !1; + _enabled = !1; committedLanes = (committedLanes & 335544064) === committedLanes; nextEffect = firstChild; for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { @@ -9007,9 +9012,9 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { hoistableRoot ).get(flags + (current.href || "")); if (maybeNodes) - for (var i = 0; i < maybeNodes.length; i++) + for (root = 0; root < maybeNodes.length; root++) if ( - ((currentResource = maybeNodes[i]), + ((currentResource = maybeNodes[root]), currentResource.getAttribute("href") === (null == current.href || "" === current.href ? null @@ -9023,7 +9028,7 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { ? null : current.crossOrigin)) ) { - maybeNodes.splice(i, 1); + maybeNodes.splice(root, 1); break b; } currentResource = hoistableRoot.createElement(flags); @@ -9038,9 +9043,9 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { hoistableRoot ).get(flags + (current.content || ""))) ) - for (i = 0; i < maybeNodes.length; i++) + for (root = 0; root < maybeNodes.length; root++) if ( - ((currentResource = maybeNodes[i]), + ((currentResource = maybeNodes[root]), currentResource.getAttribute("content") === (null == current.content ? null @@ -9060,7 +9065,7 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { ? null : current.charSet)) ) { - maybeNodes.splice(i, 1); + maybeNodes.splice(root, 1); break b; } currentResource = hoistableRoot.createElement(flags); @@ -9250,25 +9255,13 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { if (null === current) { lanes = current = root; try { - if (((currentResource = lanes.stateNode), hoistableRoot)) - (maybeNodes = currentResource.style), - "function" === typeof maybeNodes.setProperty - ? maybeNodes.setProperty("display", "none", "important") - : (maybeNodes.display = "none"); - else { - i = lanes.stateNode; - var styleProp = lanes.memoizedProps.style, - display = - void 0 !== styleProp && - null !== styleProp && - styleProp.hasOwnProperty("display") - ? styleProp.display - : null; - i.style.display = - null == display || "boolean" === typeof display - ? "" - : ("" + display).trim(); - } + (currentResource = lanes.stateNode), + hoistableRoot + ? ((maybeNodes = currentResource.style), + "function" === typeof maybeNodes.setProperty + ? maybeNodes.setProperty("display", "none", "important") + : (maybeNodes.display = "none")) + : unhideInstance(lanes.stateNode, lanes.memoizedProps); } catch (error) { captureCommitPhaseError(lanes, lanes.return, error); } @@ -9326,8 +9319,7 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { (offscreenSubtreeWasHidden || null === current || safelyDetachRef(current, current.return)); - flags = viewTransitionMutationContext; - viewTransitionMutationContext = !1; + flags = pushMutationContext(); recursivelyTraverseMutationEffects(root, finishedWork, lanes); commitReconciliationEffects(finishedWork); (lanes & 335544064) === lanes && @@ -9435,7 +9427,30 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { } ); } - cancelRootViewTransitionName(root.containerInfo); + finishedWork = root.containerInfo; + finishedWork = + 9 === finishedWork.nodeType + ? finishedWork.documentElement + : finishedWork.ownerDocument.documentElement; + null !== finishedWork && + "" === finishedWork.style.viewTransitionName && + ((finishedWork.style.viewTransitionName = "none"), + finishedWork.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(root)" + } + ), + finishedWork.animate( + { width: [0, 0], height: [0, 0] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition" + } + )); } break; case 5: @@ -11288,6 +11303,122 @@ function unwindInterruptedWork(current, interruptedWork) { popProvider(CacheContext); } } +var unhideHostChildren = !1; +function recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone) { + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + switch (parentFiber.tag) { + case 5: + var clone = parentFiber.stateNode.cloneNode(!0); + hostParentClone.appendChild(clone); + unhideHostChildren && unhideInstance(clone, parentFiber.memoizedProps); + break; + case 6: + clone = parentFiber.stateNode; + if (null === clone) throw Error(formatProdErrorMessage(162)); + clone = clone.cloneNode(!1); + hostParentClone.appendChild(clone); + unhideHostChildren && (clone.nodeValue = parentFiber.memoizedProps); + break; + case 4: + break; + case 22: + null === parentFiber.memoizedState && + recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); + break; + case 30: + clone = pushMutationContext(); + recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); + viewTransitionMutationContext = clone; + break; + default: + recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); + } + parentFiber = parentFiber.sibling; + } +} +function recursivelyInsertClones(parentFiber, hostParentClone$jscomp$0) { + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + var finishedWork = parentFiber, + hostParentClone = hostParentClone$jscomp$0, + current = finishedWork.alternate, + flags = finishedWork.flags; + switch (finishedWork.tag) { + case 26: + recursivelyInsertClones(finishedWork, hostParentClone); + break; + case 27: + recursivelyInsertClones(finishedWork, hostParentClone); + break; + case 5: + var clone = finishedWork.stateNode; + if (null === current) hostParentClone.appendChild(clone); + else { + null === finishedWork.child + ? ((clone = clone.cloneNode(!0)), + finishedWork.flags & 32 && setTextContent(clone, "")) + : (clone = clone.cloneNode(!1)); + if (flags & 4) { + flags = clone; + var newProps = finishedWork.memoizedProps; + updateProperties( + flags, + finishedWork.type, + current.memoizedProps, + newProps + ); + flags[internalPropsKey] = newProps; + } + unhideHostChildren + ? ((unhideHostChildren = !1), + recursivelyInsertClones(finishedWork, clone), + hostParentClone.appendChild(clone), + (unhideHostChildren = !0), + unhideInstance(clone, finishedWork.memoizedProps)) + : (recursivelyInsertClones(finishedWork, clone), + hostParentClone.appendChild(clone)); + } + break; + case 6: + clone = finishedWork.stateNode; + if (null === clone) throw Error(formatProdErrorMessage(162)); + null === current + ? hostParentClone.appendChild(clone) + : ((clone = clone.cloneNode(!1)), + flags & 4 && (clone.nodeValue = current.memoizedProps), + hostParentClone.appendChild(clone), + unhideHostChildren && + (clone.nodeValue = finishedWork.memoizedProps)); + break; + case 4: + break; + case 22: + null === finishedWork.memoizedState && + ((unhideHostChildren = + (current = unhideHostChildren) || 0 !== (flags & 8192)), + recursivelyInsertClones(finishedWork, hostParentClone), + (unhideHostChildren = current)); + break; + case 30: + current = pushMutationContext(); + recursivelyInsertClones(finishedWork, hostParentClone); + viewTransitionMutationContext && (finishedWork.flags |= 4); + viewTransitionMutationContext = current; + break; + default: + recursivelyInsertClones(finishedWork, hostParentClone); + } + parentFiber = parentFiber.sibling; + } + else + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone$jscomp$0 + ); +} var DefaultAsyncDispatcher = { getCacheForType: function (resourceType) { var cache = readContext(CacheContext), @@ -11867,8 +11998,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) { workLoopSync(); exitStatus = workInProgressRootExitStatus; break; - } catch (thrownValue$171) { - handleThrow(root, thrownValue$171); + } catch (thrownValue$173) { + handleThrow(root, thrownValue$173); } while (1); lanes && root.shellSuspendCounter++; @@ -11983,8 +12114,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrentByScheduler(); break; - } catch (thrownValue$173) { - handleThrow(root, thrownValue$173); + } catch (thrownValue$175) { + handleThrow(root, thrownValue$175); } while (1); lastContextDependency = currentlyRenderingFiber$1 = null; @@ -12210,6 +12341,7 @@ function commitRoot( return null; })) : ((root.callbackNode = null), (root.callbackPriority = 0)); + shouldStartViewTransition = !1; recoverableErrors = 0 !== (finishedWork.flags & 13878); if (0 !== (finishedWork.subtreeFlags & 13878) || recoverableErrors) { recoverableErrors = ReactSharedInternals.T; @@ -12469,22 +12601,150 @@ function flushSpawnedWork() { flushSyncWorkAcrossRoots_impl(0, !1); } } -function commitGestureOnRoot(root) { +function commitGestureOnRoot(root, finishedWork) { var finishedGesture = root.pendingGestures; if (null === finishedGesture) ensureRootIsScheduled(root); else { deleteScheduledGesture(root, finishedGesture); - var prevTransition = ReactSharedInternals.T, - previousPriority = ReactDOMSharedInternals.p, - prevExecutionContext = executionContext; + var prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = 2; + var prevExecutionContext = executionContext; executionContext |= 4; - executionContext = prevExecutionContext; - ReactDOMSharedInternals.p = previousPriority; - ReactSharedInternals.T = prevTransition; + try { + unhideHostChildren = !1; + var rootContainer = root.containerInfo, + documentElement = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== documentElement && + "" === documentElement.style.viewTransitionName && + (documentElement.style.viewTransitionName = "none"); + var containerInstance = + 9 === rootContainer.nodeType + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + var containerParent = containerInstance.parentNode; + if (null === containerParent) throw Error(formatProdErrorMessage(552)); + var clone = containerInstance.cloneNode(!1), + computedStyle = getComputedStyle(containerInstance); + if ( + "absolute" !== computedStyle.position && + "fixed" !== computedStyle.position + ) { + for ( + rootContainer = containerParent; + null != rootContainer.parentNode && + 9 !== rootContainer.parentNode.nodeType && + "static" === getComputedStyle(rootContainer).position; + + ) + rootContainer = rootContainer.parentNode; + var positionedAncestorStyle = rootContainer.style, + containerInstanceStyle = containerInstance.style, + prevAncestorTranslate = positionedAncestorStyle.translate, + prevAncestorScale = positionedAncestorStyle.scale, + prevAncestorRotate = positionedAncestorStyle.rotate, + prevAncestorTransform = positionedAncestorStyle.transform, + prevTranslate = containerInstanceStyle.translate, + prevScale = containerInstanceStyle.scale, + prevRotate = containerInstanceStyle.rotate, + prevTransform = containerInstanceStyle.transform; + positionedAncestorStyle.translate = "none"; + positionedAncestorStyle.scale = "none"; + positionedAncestorStyle.rotate = "none"; + positionedAncestorStyle.transform = "none"; + containerInstanceStyle.translate = "none"; + containerInstanceStyle.scale = "none"; + containerInstanceStyle.rotate = "none"; + containerInstanceStyle.transform = "none"; + var ancestorRect = rootContainer.getBoundingClientRect(), + rect = containerInstance.getBoundingClientRect(), + cloneStyle = clone.style; + cloneStyle.position = "absolute"; + cloneStyle.top = rect.top - ancestorRect.top + "px"; + cloneStyle.left = rect.left - ancestorRect.left + "px"; + cloneStyle.width = rect.width + "px"; + cloneStyle.height = rect.height + "px"; + cloneStyle.margin = "0px"; + cloneStyle.boxSizing = "border-box"; + positionedAncestorStyle.translate = prevAncestorTranslate; + positionedAncestorStyle.scale = prevAncestorScale; + positionedAncestorStyle.rotate = prevAncestorRotate; + positionedAncestorStyle.transform = prevAncestorTransform; + containerInstanceStyle.translate = prevTranslate; + containerInstanceStyle.scale = prevScale; + containerInstanceStyle.rotate = prevRotate; + containerInstanceStyle.transform = prevTransform; + } + clone.style.viewTransitionName = "root"; + var transform = computedStyle.transform; + "none" === transform && (transform = ""); + var scale = computedStyle.scale; + if ("none" !== scale && "" !== scale) { + var parts = scale.split(" "); + transform = + (3 === parts.length ? "scale3d" : "scale") + + "(" + + parts.join(", ") + + ") " + + transform; + } + var rotate = computedStyle.rotate; + if ("none" !== rotate && "" !== rotate) { + var parts$250 = rotate.split(" "); + transform = + 1 === parts$250.length + ? "rotate(" + parts$250[0] + ") " + transform + : 2 === parts$250.length + ? "rotate" + + parts$250[0].toUpperCase() + + "(" + + parts$250[1] + + ") " + + transform + : "rotate3d(" + parts$250.join(", ") + ") " + transform; + } + var translate = computedStyle.translate; + if ("none" !== translate && "" !== translate) { + var parts$251 = translate.split(" "); + transform = + (3 === parts$251.length ? "translate3d" : "translate") + + "(" + + parts$251.join(", ") + + ") " + + transform; + } + var JSCompiler_inline_result = transform; + clone.style.translate = "none"; + clone.style.scale = "none"; + clone.style.rotate = "none"; + clone.style.transform = + "translate(-20000px, -20000px) " + JSCompiler_inline_result; + containerInstance.parentNode.insertBefore( + clone, + containerInstance.nextSibling + ); + root.gestureClone = clone; + recursivelyInsertClones(finishedWork, clone); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } pendingTransitionTypes = null; pendingEffectsStatus = 6; finishedGesture.running = startGestureTransition( root.containerInfo, + finishedGesture.provider, + finishedGesture.rangeCurrent, + finishedGesture.direction + ? finishedGesture.rangeNext + : finishedGesture.rangePrevious, pendingTransitionTypes, flushGestureMutations, flushGestureAnimations @@ -12502,7 +12762,21 @@ function flushGestureMutations() { var prevExecutionContext = executionContext; executionContext |= 4; try { - cancelRootViewTransitionName(root.containerInfo); + var rootClone = root.gestureClone; + if (null !== rootClone) { + root.gestureClone = null; + var rootContainer = root.containerInfo; + var containerInstance = + 9 === rootContainer.nodeType + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + var containerParent = containerInstance.parentNode; + if (null === containerParent) throw Error(formatProdErrorMessage(552)); + containerParent.removeChild(rootClone); + containerInstance.style.viewTransitionName = "root"; + } } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -12729,14 +13003,14 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { isFlushingWork = !0; do { var didPerformSomeWork = !1; - for (var root$179 = firstScheduledRoot; null !== root$179; ) { + for (var root$181 = firstScheduledRoot; null !== root$181; ) { if (!onlyLegacy) if (0 !== syncTransitionLanes) { - var pendingLanes = root$179.pendingLanes; + var pendingLanes = root$181.pendingLanes; if (0 === pendingLanes) var JSCompiler_inline_result = 0; else { - var suspendedLanes = root$179.suspendedLanes, - pingedLanes = root$179.pingedLanes; + var suspendedLanes = root$181.suspendedLanes, + pingedLanes = root$181.pingedLanes; JSCompiler_inline_result = (1 << (31 - clz32(42 | syncTransitionLanes) + 1)) - 1; JSCompiler_inline_result &= @@ -12750,21 +13024,21 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { } 0 !== JSCompiler_inline_result && ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$179, JSCompiler_inline_result)); + performSyncWorkOnRoot(root$181, JSCompiler_inline_result)); } else (JSCompiler_inline_result = workInProgressRootRenderLanes), (JSCompiler_inline_result = getNextLanes( - root$179, - root$179 === workInProgressRoot ? JSCompiler_inline_result : 0, - null !== root$179.cancelPendingCommit || - -1 !== root$179.timeoutHandle + root$181, + root$181 === workInProgressRoot ? JSCompiler_inline_result : 0, + null !== root$181.cancelPendingCommit || + -1 !== root$181.timeoutHandle )), (0 === (JSCompiler_inline_result & 3) && 64 !== JSCompiler_inline_result) || - checkIfRootIsPrerendering(root$179, JSCompiler_inline_result) || + checkIfRootIsPrerendering(root$181, JSCompiler_inline_result) || ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$179, JSCompiler_inline_result)); - root$179 = root$179.next; + performSyncWorkOnRoot(root$181, JSCompiler_inline_result)); + root$181 = root$181.next; } } while (didPerformSomeWork); isFlushingWork = !1; @@ -13040,20 +13314,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) { (nativeEventTarget[internalScrollTimer] = targetInst)); } for ( - var i$jscomp$inline_1619 = 0; - i$jscomp$inline_1619 < simpleEventPluginEvents.length; - i$jscomp$inline_1619++ + var i$jscomp$inline_1648 = 0; + i$jscomp$inline_1648 < simpleEventPluginEvents.length; + i$jscomp$inline_1648++ ) { - var eventName$jscomp$inline_1620 = - simpleEventPluginEvents[i$jscomp$inline_1619], - domEventName$jscomp$inline_1621 = - eventName$jscomp$inline_1620.toLowerCase(), - capitalizedEvent$jscomp$inline_1622 = - eventName$jscomp$inline_1620[0].toUpperCase() + - eventName$jscomp$inline_1620.slice(1); + var eventName$jscomp$inline_1649 = + simpleEventPluginEvents[i$jscomp$inline_1648], + domEventName$jscomp$inline_1650 = + eventName$jscomp$inline_1649.toLowerCase(), + capitalizedEvent$jscomp$inline_1651 = + eventName$jscomp$inline_1649[0].toUpperCase() + + eventName$jscomp$inline_1649.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1621, - "on" + capitalizedEvent$jscomp$inline_1622 + domEventName$jscomp$inline_1650, + "on" + capitalizedEvent$jscomp$inline_1651 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -14301,34 +14575,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$193 = props[hasSrc]; - if (null != propValue$193) + var propValue$195 = props[hasSrc]; + if (null != propValue$195) switch (hasSrc) { case "name": - hasSrcSet = propValue$193; + hasSrcSet = propValue$195; break; case "type": - propValue = propValue$193; + propValue = propValue$195; break; case "checked": - checked = propValue$193; + checked = propValue$195; break; case "defaultChecked": - defaultChecked = propValue$193; + defaultChecked = propValue$195; break; case "value": - propKey = propValue$193; + propKey = propValue$195; break; case "defaultValue": - defaultValue = propValue$193; + defaultValue = propValue$195; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$193) + if (null != propValue$195) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$193, props, null); + setProp(domElement, tag, hasSrc, propValue$195, props, null); } } initInput( @@ -14465,14 +14739,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$193 in props) - props.hasOwnProperty(propValue$193) && - ((hasSrc = props[propValue$193]), + for (propValue$195 in props) + props.hasOwnProperty(propValue$195) && + ((hasSrc = props[propValue$195]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$193, + propValue$195, hasSrc, props, void 0 @@ -14520,14 +14794,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$210 in nextProps) { - var propKey = nextProps[propKey$210]; - lastProp = lastProps[propKey$210]; + for (var propKey$212 in nextProps) { + var propKey = nextProps[propKey$212]; + lastProp = lastProps[propKey$212]; if ( - nextProps.hasOwnProperty(propKey$210) && + nextProps.hasOwnProperty(propKey$212) && (null != propKey || null != lastProp) ) - switch (propKey$210) { + switch (propKey$212) { case "type": propKey !== lastProp && (viewTransitionMutationContext = !0); type = propKey; @@ -14562,7 +14836,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$210, + propKey$212, propKey, nextProps, lastProp @@ -14581,7 +14855,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$210 = null; + propKey = value = defaultValue = propKey$212 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -14613,7 +14887,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (name) { case "value": type !== lastDefaultValue && (viewTransitionMutationContext = !0); - propKey$210 = type; + propKey$212 = type; break; case "defaultValue": type !== lastDefaultValue && (viewTransitionMutationContext = !0); @@ -14636,15 +14910,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$210 - ? updateOptions(domElement, !!lastProps, propKey$210, !1) + null != propKey$212 + ? updateOptions(domElement, !!lastProps, propKey$212, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$210 = null; + propKey = propKey$212 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -14669,7 +14943,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (value) { case "value": name !== type && (viewTransitionMutationContext = !0); - propKey$210 = name; + propKey$212 = name; break; case "defaultValue": name !== type && (viewTransitionMutationContext = !0); @@ -14684,17 +14958,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$210, propKey); + updateTextarea(domElement, propKey$212, propKey); return; case "option": - for (var propKey$226 in lastProps) + for (var propKey$228 in lastProps) if ( - ((propKey$210 = lastProps[propKey$226]), - lastProps.hasOwnProperty(propKey$226) && - null != propKey$210 && - !nextProps.hasOwnProperty(propKey$226)) + ((propKey$212 = lastProps[propKey$228]), + lastProps.hasOwnProperty(propKey$228) && + null != propKey$212 && + !nextProps.hasOwnProperty(propKey$228)) ) - switch (propKey$226) { + switch (propKey$228) { case "selected": domElement.selected = !1; break; @@ -14702,34 +14976,34 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$226, + propKey$228, null, nextProps, - propKey$210 + propKey$212 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$210 = nextProps[lastDefaultValue]), + ((propKey$212 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$210 !== propKey && - (null != propKey$210 || null != propKey)) + propKey$212 !== propKey && + (null != propKey$212 || null != propKey)) ) switch (lastDefaultValue) { case "selected": - propKey$210 !== propKey && (viewTransitionMutationContext = !0); + propKey$212 !== propKey && (viewTransitionMutationContext = !0); domElement.selected = - propKey$210 && - "function" !== typeof propKey$210 && - "symbol" !== typeof propKey$210; + propKey$212 && + "function" !== typeof propKey$212 && + "symbol" !== typeof propKey$212; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$210, + propKey$212, nextProps, propKey ); @@ -14750,24 +15024,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$231 in lastProps) - (propKey$210 = lastProps[propKey$231]), - lastProps.hasOwnProperty(propKey$231) && - null != propKey$210 && - !nextProps.hasOwnProperty(propKey$231) && - setProp(domElement, tag, propKey$231, null, nextProps, propKey$210); + for (var propKey$233 in lastProps) + (propKey$212 = lastProps[propKey$233]), + lastProps.hasOwnProperty(propKey$233) && + null != propKey$212 && + !nextProps.hasOwnProperty(propKey$233) && + setProp(domElement, tag, propKey$233, null, nextProps, propKey$212); for (checked in nextProps) if ( - ((propKey$210 = nextProps[checked]), + ((propKey$212 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$210 !== propKey && - (null != propKey$210 || null != propKey)) + propKey$212 !== propKey && + (null != propKey$212 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$210) + if (null != propKey$212) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -14775,7 +15049,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$210, + propKey$212, nextProps, propKey ); @@ -14783,49 +15057,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$236 in lastProps) - (propKey$210 = lastProps[propKey$236]), - lastProps.hasOwnProperty(propKey$236) && - void 0 !== propKey$210 && - !nextProps.hasOwnProperty(propKey$236) && + for (var propKey$238 in lastProps) + (propKey$212 = lastProps[propKey$238]), + lastProps.hasOwnProperty(propKey$238) && + void 0 !== propKey$212 && + !nextProps.hasOwnProperty(propKey$238) && setPropOnCustomElement( domElement, tag, - propKey$236, + propKey$238, void 0, nextProps, - propKey$210 + propKey$212 ); for (defaultChecked in nextProps) - (propKey$210 = nextProps[defaultChecked]), + (propKey$212 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$210 === propKey || - (void 0 === propKey$210 && void 0 === propKey) || + propKey$212 === propKey || + (void 0 === propKey$212 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$210, + propKey$212, nextProps, propKey ); return; } } - for (var propKey$241 in lastProps) - (propKey$210 = lastProps[propKey$241]), - lastProps.hasOwnProperty(propKey$241) && - null != propKey$210 && - !nextProps.hasOwnProperty(propKey$241) && - setProp(domElement, tag, propKey$241, null, nextProps, propKey$210); + for (var propKey$243 in lastProps) + (propKey$212 = lastProps[propKey$243]), + lastProps.hasOwnProperty(propKey$243) && + null != propKey$212 && + !nextProps.hasOwnProperty(propKey$243) && + setProp(domElement, tag, propKey$243, null, nextProps, propKey$212); for (lastProp in nextProps) - (propKey$210 = nextProps[lastProp]), + (propKey$212 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$210 === propKey || - (null == propKey$210 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$210, nextProps, propKey); + propKey$212 === propKey || + (null == propKey$212 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$212, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -14954,6 +15228,15 @@ function clearSuspenseBoundary(parentInstance, suspenseInstance) { } while (node); retryIfBlockedOn(suspenseInstance); } +function unhideInstance(instance, props) { + props = props.style; + props = + void 0 !== props && null !== props && props.hasOwnProperty("display") + ? props.display + : null; + instance.style.display = + null == props || "boolean" === typeof props ? "" : ("" + props).trim(); +} function restoreViewTransitionName(instance, props) { props = props.style; var viewTransitionName = @@ -14979,32 +15262,16 @@ function restoreViewTransitionName(instance, props) { instance.style.viewTransitionClass = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } -function cancelRootViewTransitionName(rootContainer) { - rootContainer = - 9 === rootContainer.nodeType - ? rootContainer.documentElement - : rootContainer.ownerDocument.documentElement; - null !== rootContainer && - "" === rootContainer.style.viewTransitionName && - ((rootContainer.style.viewTransitionName = "none"), - rootContainer.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(root)" - } - ), - rootContainer.animate( - { width: [0, 0], height: [0, 0] }, - { duration: 0, fill: "forwards", pseudoElement: "::view-transition" } - )); -} function restoreRootViewTransitionName(rootContainer) { rootContainer = 9 === rootContainer.nodeType - ? rootContainer.documentElement - : rootContainer.ownerDocument.documentElement; + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + "root" === rootContainer.style.viewTransitionName && + (rootContainer.style.viewTransitionName = ""); + rootContainer = rootContainer.ownerDocument.documentElement; null !== rootContainer && "none" === rootContainer.style.viewTransitionName && (rootContainer.style.viewTransitionName = ""); @@ -15091,8 +15358,78 @@ function startViewTransition( return !1; } } +function mergeTranslate(translateA, translateB) { + if (!translateA || "none" === translateA) return translateB || ""; + if (!translateB || "none" === translateB) return translateA || ""; + translateA = translateA.split(" "); + translateB = translateB.split(" "); + var i, + result = ""; + for (i = 0; i < translateA.length && i < translateB.length; i++) + 0 < i && (result += " "), + (result += "calc(" + translateA[i] + " + " + translateB[i] + ")"); + for (; i < translateA.length; i++) result += " " + translateA[i]; + for (; i < translateB.length; i++) result += " " + translateB[i]; + return result; +} +function animateGesture( + keyframes, + targetElement, + pseudoElement, + timeline, + rangeStart, + rangeEnd, + moveFirstFrameIntoViewport, + moveAllFramesIntoViewport +) { + for (var i = 0; i < keyframes.length; i++) { + var keyframe = keyframes[i]; + delete keyframe.easing; + delete keyframe.computedOffset; + "auto" === keyframe.width && delete keyframe.width; + "auto" === keyframe.height && delete keyframe.height; + "none" === keyframe.transform && delete keyframe.transform; + if (moveAllFramesIntoViewport && null == keyframe.transform) + if (null == keyframe.translate || "" === keyframe.translate) { + var elementTranslate = getComputedStyle( + targetElement, + pseudoElement + ).translate; + keyframe.translate = mergeTranslate( + elementTranslate, + "20000px 20000px" + ); + } else + keyframe.translate = mergeTranslate( + keyframe.translate, + "20000px 20000px" + ); + } + moveFirstFrameIntoViewport && + ((moveFirstFrameIntoViewport = keyframes[0]), + (moveAllFramesIntoViewport = moveFirstFrameIntoViewport.transform), + null != moveAllFramesIntoViewport && + (moveFirstFrameIntoViewport.transform = + "translate(20000px, 20000px) " + + ("none" === moveAllFramesIntoViewport + ? "" + : moveAllFramesIntoViewport))); + moveFirstFrameIntoViewport = rangeStart > rangeEnd; + targetElement.animate(keyframes, { + pseudoElement: pseudoElement, + timeline: timeline, + easing: "linear", + fill: "both", + direction: moveFirstFrameIntoViewport ? "normal" : "reverse", + rangeStart: (moveFirstFrameIntoViewport ? rangeEnd : rangeStart) + "%", + rangeEnd: (moveFirstFrameIntoViewport ? rangeStart : rangeEnd) + "%" + }); +} function startGestureTransition( rootContainer, + timeline, + rangeStart, + rangeEnd, transitionTypes, mutationCallback, animateCallback @@ -15105,18 +15442,100 @@ function startGestureTransition( types: transitionTypes }); ownerDocument.__reactViewTransition = transition; - var blockingAnim = null; - rootContainer = function () { - blockingAnim = ownerDocument.documentElement.animate([{}, {}], { - pseudoElement: "::view-transition", - duration: 1 - }); - blockingAnim.pause(); - animateCallback(); - }; - transition.ready.then(rootContainer, rootContainer); + var readyCallback = function () { + for ( + var documentElement = ownerDocument.documentElement, + animations = documentElement.getAnimations({ subtree: !0 }), + foundGroups = new Set(), + foundNews = new Set(), + i = 0; + i < animations.length; + i++ + ) { + var pseudoElement = animations[i].effect.pseudoElement; + null != pseudoElement && + (pseudoElement.startsWith("::view-transition-group") + ? foundGroups.add(pseudoElement.slice(23)) + : pseudoElement.startsWith("::view-transition-new") && + foundNews.add(pseudoElement.slice(21))); + } + for (i = 0; i < animations.length; i++) { + var anim = animations[i]; + pseudoElement = anim.effect; + var pseudoElement$253 = pseudoElement.pseudoElement; + if ( + null != pseudoElement$253 && + pseudoElement$253.startsWith("::view-transition") + ) { + anim.cancel(); + var isGeneratedGroupAnim = !1, + isExitGroupAnim = !1; + if (pseudoElement$253.startsWith("::view-transition-group")) { + var groupName = pseudoElement$253.slice(23); + foundNews.has(groupName) + ? ((anim = anim.animationName), + (isGeneratedGroupAnim = + null != anim && + anim.startsWith("-ua-view-transition-group-anim-"))) + : (isExitGroupAnim = !0); + } + animateGesture( + pseudoElement.getKeyframes(), + pseudoElement.target, + pseudoElement$253, + timeline, + rangeStart, + rangeEnd, + isGeneratedGroupAnim, + isExitGroupAnim + ); + pseudoElement$253.startsWith("::view-transition-old") && + ((pseudoElement$253 = pseudoElement$253.slice(21)), + foundGroups.has(pseudoElement$253) || + foundNews.has(pseudoElement$253) || + (foundGroups.add(pseudoElement$253), + animateGesture( + [{}, {}], + pseudoElement.target, + "::view-transition-group" + pseudoElement$253, + timeline, + rangeStart, + rangeEnd, + !1, + !0 + ))); + } + } + documentElement + .animate([{}, {}], { + pseudoElement: "::view-transition", + duration: 1 + }) + .pause(); + animateCallback(); + }, + readyForAnimations = + -1 !== navigator.userAgent.indexOf("Chrome") + ? function () { + return requestAnimationFrame(readyCallback); + } + : readyCallback; + transition.ready.then(readyForAnimations, readyCallback); transition.finished.then(function () { - null !== blockingAnim && blockingAnim.cancel(); + for ( + var animations = ownerDocument.documentElement.getAnimations({ + subtree: !0 + }), + i = 0; + i < animations.length; + i++ + ) { + var anim = animations[i], + pseudo = anim.effect.pseudoElement; + null != pseudo && + pseudo.startsWith("::view-transition") && + anim.cancel(); + } ownerDocument.__reactViewTransition === transition && (ownerDocument.__reactViewTransition = null); }); @@ -15681,26 +16100,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$249 = getResourcesFromRoot( + var styles$256 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$250 = styles$249.get(type); - resource$250 || + resource$257 = styles$256.get(type); + resource$257 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$250 = { + (resource$257 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$249.set(type, resource$250), - (styles$249 = JSCompiler_inline_result.querySelector( + styles$256.set(type, resource$257), + (styles$256 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$249._p && - ((resource$250.instance = styles$249), - (resource$250.state.loading = 5)), + !styles$256._p && + ((resource$257.instance = styles$256), + (resource$257.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -15713,16 +16132,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$249 || + styles$256 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$250.state + resource$257.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$250; + return resource$257; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -15819,37 +16238,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$255 = hoistableRoot.querySelector( + var instance$262 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$255) + if (instance$262) return ( (resource.state.loading |= 4), - (resource.instance = instance$255), - markNodeAsHoistable(instance$255), - instance$255 + (resource.instance = instance$262), + markNodeAsHoistable(instance$262), + instance$262 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$255 = ( + instance$262 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$255); - var linkInstance = instance$255; + markNodeAsHoistable(instance$262); + var linkInstance = instance$262; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$255, "link", instance); + setInitialProperties(instance$262, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$255, props.precedence, hoistableRoot); - return (resource.instance = instance$255); + insertStylesheet(instance$262, props.precedence, hoistableRoot); + return (resource.instance = instance$262); case "script": - instance$255 = getScriptKey(props.src); + instance$262 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$255) + getScriptSelectorFromKey(instance$262) )) ) return ( @@ -15858,7 +16277,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$255))) + if ((styleProps = preloadPropsMap.get(instance$262))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -16190,7 +16609,7 @@ function FiberRootNode( this.pooledCache = null; this.pooledCacheLanes = 0; this.formState = formState; - this.stoppingGestures = this.pendingGestures = null; + this.gestureClone = this.stoppingGestures = this.pendingGestures = null; this.incompleteTransitions = new Map(); } function createFiberRoot( @@ -16878,16 +17297,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_1872 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1909 = React.version; if ( - "19.1.0-experimental-443b7ff2-20250303" !== - isomorphicReactPackageVersion$jscomp$inline_1872 + "19.1.0-experimental-e03ac20f-20250305" !== + isomorphicReactPackageVersion$jscomp$inline_1909 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1872, - "19.1.0-experimental-443b7ff2-20250303" + isomorphicReactPackageVersion$jscomp$inline_1909, + "19.1.0-experimental-e03ac20f-20250305" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -16907,24 +17326,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2412 = { +var internals$jscomp$inline_2526 = { bundleType: 0, - version: "19.1.0-experimental-443b7ff2-20250303", + version: "19.1.0-experimental-e03ac20f-20250305", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-443b7ff2-20250303" + reconcilerVersion: "19.1.0-experimental-e03ac20f-20250305" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2413 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2527 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2413.isDisabled && - hook$jscomp$inline_2413.supportsFiber + !hook$jscomp$inline_2527.isDisabled && + hook$jscomp$inline_2527.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2413.inject( - internals$jscomp$inline_2412 + (rendererID = hook$jscomp$inline_2527.inject( + internals$jscomp$inline_2526 )), - (injectedHook = hook$jscomp$inline_2413); + (injectedHook = hook$jscomp$inline_2527); } catch (err) {} } exports.createRoot = function (container, options) { @@ -17016,4 +17435,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.1.0-experimental-443b7ff2-20250303"; +exports.version = "19.1.0-experimental-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js index ef44116fece69..56e8be55ee02c 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js @@ -1036,6 +1036,11 @@ console.error("Invalid attribute name: `%s`", attributeName); return !1; } + function pushMutationContext() { + var prev = viewTransitionMutationContext; + viewTransitionMutationContext = !1; + return prev; + } function getValueForAttributeOnCustomComponent(node, name, expected) { if (isAttributeNameSafe(name)) { if (!node.hasAttribute(name)) { @@ -9540,33 +9545,33 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_2642; - var JSCompiler_object_inline_stack_2641 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_2762; + var JSCompiler_object_inline_stack_2761 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_message_2639 = !1; + var JSCompiler_object_inline_message_2759 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_2642 = didSuspend) || - (JSCompiler_object_inline_componentStack_2642 = + (JSCompiler_object_inline_componentStack_2762 = didSuspend) || + (JSCompiler_object_inline_componentStack_2762 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_2642 && - ((JSCompiler_object_inline_message_2639 = !0), + JSCompiler_object_inline_componentStack_2762 && + ((JSCompiler_object_inline_message_2759 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_2642 = + JSCompiler_object_inline_componentStack_2762 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_message_2639 + JSCompiler_object_inline_message_2759 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_digest_2640 = nextHydratableInstance; + var JSCompiler_object_inline_digest_2760 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2640)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2760)) { c: { - var instance = JSCompiler_object_inline_digest_2640; + var instance = JSCompiler_object_inline_digest_2760; for ( JSCompiler_temp = rootOrSingletonContext; 8 !== instance.nodeType; @@ -9608,87 +9613,87 @@ JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_digest_2640 + JSCompiler_object_inline_digest_2760 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_digest_2640 = workInProgress.memoizedState; + JSCompiler_object_inline_digest_2760 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_digest_2640 && - ((JSCompiler_object_inline_digest_2640 = - JSCompiler_object_inline_digest_2640.dehydrated), - null !== JSCompiler_object_inline_digest_2640) + null !== JSCompiler_object_inline_digest_2760 && + ((JSCompiler_object_inline_digest_2760 = + JSCompiler_object_inline_digest_2760.dehydrated), + null !== JSCompiler_object_inline_digest_2760) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2640) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2760) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_digest_2640 = - JSCompiler_object_inline_stack_2641.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2641.fallback; - if (JSCompiler_object_inline_message_2639) + JSCompiler_object_inline_digest_2760 = + JSCompiler_object_inline_stack_2761.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2761.fallback; + if (JSCompiler_object_inline_message_2759) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2641 = + (JSCompiler_object_inline_stack_2761 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2640, + JSCompiler_object_inline_digest_2760, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2639 = workInProgress.child), - (JSCompiler_object_inline_message_2639.memoizedState = + (JSCompiler_object_inline_message_2759 = workInProgress.child), + (JSCompiler_object_inline_message_2759.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2639.childLanes = + (JSCompiler_object_inline_message_2759.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2642, + JSCompiler_object_inline_componentStack_2762, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2641 + JSCompiler_object_inline_stack_2761 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2641.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2761.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2641 = + (JSCompiler_object_inline_stack_2761 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2640, + JSCompiler_object_inline_digest_2760, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2639 = workInProgress.child), - (JSCompiler_object_inline_message_2639.memoizedState = + (JSCompiler_object_inline_message_2759 = workInProgress.child), + (JSCompiler_object_inline_message_2759.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2639.childLanes = + (JSCompiler_object_inline_message_2759.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2642, + JSCompiler_object_inline_componentStack_2762, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2641 + JSCompiler_object_inline_stack_2761 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_digest_2640 + JSCompiler_object_inline_digest_2760 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_digest_2640 = prevState.dehydrated), - null !== JSCompiler_object_inline_digest_2640) + ((JSCompiler_object_inline_digest_2760 = prevState.dehydrated), + null !== JSCompiler_object_inline_digest_2760) ) { if (didSuspend) workInProgress.flags & 256 @@ -9705,94 +9710,94 @@ (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2639 = - JSCompiler_object_inline_stack_2641.fallback), - (JSCompiler_object_inline_digest_2640 = workInProgress.mode), - (JSCompiler_object_inline_stack_2641 = + (JSCompiler_object_inline_message_2759 = + JSCompiler_object_inline_stack_2761.fallback), + (JSCompiler_object_inline_digest_2760 = workInProgress.mode), + (JSCompiler_object_inline_stack_2761 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2641.children + children: JSCompiler_object_inline_stack_2761.children }, - JSCompiler_object_inline_digest_2640 + JSCompiler_object_inline_digest_2760 )), - (JSCompiler_object_inline_message_2639 = + (JSCompiler_object_inline_message_2759 = createFiberFromFragment( - JSCompiler_object_inline_message_2639, - JSCompiler_object_inline_digest_2640, + JSCompiler_object_inline_message_2759, + JSCompiler_object_inline_digest_2760, renderLanes, null )), - (JSCompiler_object_inline_message_2639.flags |= 2), - (JSCompiler_object_inline_stack_2641.return = workInProgress), - (JSCompiler_object_inline_message_2639.return = workInProgress), - (JSCompiler_object_inline_stack_2641.sibling = - JSCompiler_object_inline_message_2639), - (workInProgress.child = JSCompiler_object_inline_stack_2641), + (JSCompiler_object_inline_message_2759.flags |= 2), + (JSCompiler_object_inline_stack_2761.return = workInProgress), + (JSCompiler_object_inline_message_2759.return = workInProgress), + (JSCompiler_object_inline_stack_2761.sibling = + JSCompiler_object_inline_message_2759), + (workInProgress.child = JSCompiler_object_inline_stack_2761), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2641 = workInProgress.child), - (JSCompiler_object_inline_stack_2641.memoizedState = + (JSCompiler_object_inline_stack_2761 = workInProgress.child), + (JSCompiler_object_inline_stack_2761.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2641.childLanes = + (JSCompiler_object_inline_stack_2761.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2642, + JSCompiler_object_inline_componentStack_2762, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - (workInProgress = JSCompiler_object_inline_message_2639)); + (workInProgress = JSCompiler_object_inline_message_2759)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && console.error( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2640)) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2760)) ) { - JSCompiler_object_inline_componentStack_2642 = - JSCompiler_object_inline_digest_2640.nextSibling && - JSCompiler_object_inline_digest_2640.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_2642) { - JSCompiler_temp = JSCompiler_object_inline_componentStack_2642.dgst; - var message = JSCompiler_object_inline_componentStack_2642.msg; - instance = JSCompiler_object_inline_componentStack_2642.stck; + JSCompiler_object_inline_componentStack_2762 = + JSCompiler_object_inline_digest_2760.nextSibling && + JSCompiler_object_inline_digest_2760.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_2762) { + JSCompiler_temp = JSCompiler_object_inline_componentStack_2762.dgst; + var message = JSCompiler_object_inline_componentStack_2762.msg; + instance = JSCompiler_object_inline_componentStack_2762.stck; var componentStack = - JSCompiler_object_inline_componentStack_2642.cstck; + JSCompiler_object_inline_componentStack_2762.cstck; } - JSCompiler_object_inline_message_2639 = message; - JSCompiler_object_inline_digest_2640 = JSCompiler_temp; - JSCompiler_object_inline_stack_2641 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2642 = + JSCompiler_object_inline_message_2759 = message; + JSCompiler_object_inline_digest_2760 = JSCompiler_temp; + JSCompiler_object_inline_stack_2761 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2762 = componentStack; - "POSTPONE" !== JSCompiler_object_inline_digest_2640 && - ((JSCompiler_object_inline_componentStack_2642 = - JSCompiler_object_inline_message_2639 - ? Error(JSCompiler_object_inline_message_2639) + "POSTPONE" !== JSCompiler_object_inline_digest_2760 && + ((JSCompiler_object_inline_componentStack_2762 = + JSCompiler_object_inline_message_2759 + ? Error(JSCompiler_object_inline_message_2759) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." )), - (JSCompiler_object_inline_componentStack_2642.stack = - JSCompiler_object_inline_stack_2641 || ""), - (JSCompiler_object_inline_componentStack_2642.digest = - JSCompiler_object_inline_digest_2640), - (JSCompiler_object_inline_stack_2641 = + (JSCompiler_object_inline_componentStack_2762.stack = + JSCompiler_object_inline_stack_2761 || ""), + (JSCompiler_object_inline_componentStack_2762.digest = + JSCompiler_object_inline_digest_2760), + (JSCompiler_object_inline_stack_2761 = void 0 === JSCompiler_temp ? null : JSCompiler_temp), - (JSCompiler_object_inline_message_2639 = { - value: JSCompiler_object_inline_componentStack_2642, + (JSCompiler_object_inline_message_2759 = { + value: JSCompiler_object_inline_componentStack_2762, source: null, - stack: JSCompiler_object_inline_stack_2641 + stack: JSCompiler_object_inline_stack_2761 }), - "string" === typeof JSCompiler_object_inline_stack_2641 && + "string" === typeof JSCompiler_object_inline_stack_2761 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2642, - JSCompiler_object_inline_message_2639 + JSCompiler_object_inline_componentStack_2762, + JSCompiler_object_inline_message_2759 ), - queueHydrationError(JSCompiler_object_inline_message_2639)); + queueHydrationError(JSCompiler_object_inline_message_2759)); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9806,44 +9811,44 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_2642 = + (JSCompiler_object_inline_componentStack_2762 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_2642) + didReceiveUpdate || JSCompiler_object_inline_componentStack_2762) ) { - JSCompiler_object_inline_componentStack_2642 = workInProgressRoot; + JSCompiler_object_inline_componentStack_2762 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_2642 && - ((JSCompiler_object_inline_stack_2641 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2641 = - 0 !== (JSCompiler_object_inline_stack_2641 & 42) + null !== JSCompiler_object_inline_componentStack_2762 && + ((JSCompiler_object_inline_stack_2761 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2761 = + 0 !== (JSCompiler_object_inline_stack_2761 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2641 + JSCompiler_object_inline_stack_2761 )), - (JSCompiler_object_inline_stack_2641 = + (JSCompiler_object_inline_stack_2761 = 0 !== - (JSCompiler_object_inline_stack_2641 & - (JSCompiler_object_inline_componentStack_2642.suspendedLanes | + (JSCompiler_object_inline_stack_2761 & + (JSCompiler_object_inline_componentStack_2762.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2641), - 0 !== JSCompiler_object_inline_stack_2641 && - JSCompiler_object_inline_stack_2641 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2761), + 0 !== JSCompiler_object_inline_stack_2761 && + JSCompiler_object_inline_stack_2761 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2641), + ((prevState.retryLane = JSCompiler_object_inline_stack_2761), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2641 + JSCompiler_object_inline_stack_2761 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_2642, + JSCompiler_object_inline_componentStack_2762, current, - JSCompiler_object_inline_stack_2641 + JSCompiler_object_inline_stack_2761 ), SelectiveHydrationException) ); - JSCompiler_object_inline_digest_2640.data === + JSCompiler_object_inline_digest_2760.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9851,14 +9856,14 @@ renderLanes ); } else - JSCompiler_object_inline_digest_2640.data === + JSCompiler_object_inline_digest_2760.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_digest_2640.nextSibling + JSCompiler_object_inline_digest_2760.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9876,54 +9881,54 @@ (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2641.children + JSCompiler_object_inline_stack_2761.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_message_2639) + if (JSCompiler_object_inline_message_2759) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2639 = - JSCompiler_object_inline_stack_2641.fallback), - (JSCompiler_object_inline_digest_2640 = workInProgress.mode), + (JSCompiler_object_inline_message_2759 = + JSCompiler_object_inline_stack_2761.fallback), + (JSCompiler_object_inline_digest_2760 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2641 = createWorkInProgress( + (JSCompiler_object_inline_stack_2761 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2641.children + children: JSCompiler_object_inline_stack_2761.children } )), - (JSCompiler_object_inline_stack_2641.subtreeFlags = + (JSCompiler_object_inline_stack_2761.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_message_2639 = createWorkInProgress( + ? (JSCompiler_object_inline_message_2759 = createWorkInProgress( instance, - JSCompiler_object_inline_message_2639 + JSCompiler_object_inline_message_2759 )) - : ((JSCompiler_object_inline_message_2639 = createFiberFromFragment( - JSCompiler_object_inline_message_2639, - JSCompiler_object_inline_digest_2640, + : ((JSCompiler_object_inline_message_2759 = createFiberFromFragment( + JSCompiler_object_inline_message_2759, + JSCompiler_object_inline_digest_2760, renderLanes, null )), - (JSCompiler_object_inline_message_2639.flags |= 2)), - (JSCompiler_object_inline_message_2639.return = workInProgress), - (JSCompiler_object_inline_stack_2641.return = workInProgress), - (JSCompiler_object_inline_stack_2641.sibling = - JSCompiler_object_inline_message_2639), - (workInProgress.child = JSCompiler_object_inline_stack_2641), - (JSCompiler_object_inline_stack_2641 = - JSCompiler_object_inline_message_2639), - (JSCompiler_object_inline_message_2639 = workInProgress.child), - (JSCompiler_object_inline_digest_2640 = current.child.memoizedState), - null === JSCompiler_object_inline_digest_2640 - ? (JSCompiler_object_inline_digest_2640 = + (JSCompiler_object_inline_message_2759.flags |= 2)), + (JSCompiler_object_inline_message_2759.return = workInProgress), + (JSCompiler_object_inline_stack_2761.return = workInProgress), + (JSCompiler_object_inline_stack_2761.sibling = + JSCompiler_object_inline_message_2759), + (workInProgress.child = JSCompiler_object_inline_stack_2761), + (JSCompiler_object_inline_stack_2761 = + JSCompiler_object_inline_message_2759), + (JSCompiler_object_inline_message_2759 = workInProgress.child), + (JSCompiler_object_inline_digest_2760 = current.child.memoizedState), + null === JSCompiler_object_inline_digest_2760 + ? (JSCompiler_object_inline_digest_2760 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_digest_2640.cachePool), + JSCompiler_object_inline_digest_2760.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9931,38 +9936,38 @@ ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_digest_2640 = { + (JSCompiler_object_inline_digest_2760 = { baseLanes: - JSCompiler_object_inline_digest_2640.baseLanes | renderLanes, + JSCompiler_object_inline_digest_2760.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_message_2639.memoizedState = - JSCompiler_object_inline_digest_2640), - (JSCompiler_object_inline_message_2639.childLanes = + (JSCompiler_object_inline_message_2759.memoizedState = + JSCompiler_object_inline_digest_2760), + (JSCompiler_object_inline_message_2759.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2642, + JSCompiler_object_inline_componentStack_2762, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2641 + JSCompiler_object_inline_stack_2761 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2641.children + children: JSCompiler_object_inline_stack_2761.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_2642 = + ((JSCompiler_object_inline_componentStack_2762 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_2642 + null === JSCompiler_object_inline_componentStack_2762 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_2642.push(current)); + : JSCompiler_object_inline_componentStack_2762.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -12125,7 +12130,7 @@ focusedElem: root, selectionRange: JSCompiler_temp }; - shouldStartViewTransition = _enabled = !1; + _enabled = !1; committedLanes = (committedLanes & 335544064) === committedLanes; nextEffect = firstChild; for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { @@ -13278,8 +13283,7 @@ (offscreenSubtreeWasHidden || null === current || safelyDetachRef(current, current.return)); - flags = viewTransitionMutationContext; - viewTransitionMutationContext = !1; + flags = pushMutationContext(); recursivelyTraverseMutationEffects(root, finishedWork, lanes); commitReconciliationEffects(finishedWork); (lanes & 335544064) === lanes && @@ -13365,7 +13369,30 @@ } ); } - cancelRootViewTransitionName(root.containerInfo); + finishedWork = root.containerInfo; + finishedWork = + 9 === finishedWork.nodeType + ? finishedWork.documentElement + : finishedWork.ownerDocument.documentElement; + null !== finishedWork && + "" === finishedWork.style.viewTransitionName && + ((finishedWork.style.viewTransitionName = "none"), + finishedWork.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(root)" + } + ), + finishedWork.animate( + { width: [0, 0], height: [0, 0] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition" + } + )); } break; case 5: @@ -15903,6 +15930,173 @@ popProvider(CacheContext, interruptedWork); } } + function recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone + ) { + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + switch (parentFiber.tag) { + case 5: + var clone = parentFiber.stateNode.cloneNode(!0); + hostParentClone.appendChild(clone); + unhideHostChildren && + unhideInstance(clone, parentFiber.memoizedProps); + break; + case 6: + clone = parentFiber.stateNode; + if (null === clone) + throw Error( + "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue." + ); + clone = clone.cloneNode(!1); + hostParentClone.appendChild(clone); + unhideHostChildren && (clone.nodeValue = parentFiber.memoizedProps); + break; + case 4: + break; + case 22: + null === parentFiber.memoizedState && + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone + ); + break; + case 30: + clone = pushMutationContext(); + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone + ); + viewTransitionMutationContext = clone; + break; + default: + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone + ); + } + parentFiber = parentFiber.sibling; + } + } + function recursivelyInsertClones(parentFiber, hostParentClone$jscomp$0) { + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + var finishedWork = parentFiber, + hostParentClone = hostParentClone$jscomp$0, + current = finishedWork.alternate, + flags = finishedWork.flags; + switch (finishedWork.tag) { + case 26: + recursivelyInsertClones(finishedWork, hostParentClone); + break; + case 27: + recursivelyInsertClones(finishedWork, hostParentClone); + if (flags & 4) + if (null === current) + console.error( + "useSwipeTransition() caused something to render a new <%s>. This is not possible in the current implementation. Make sure that the swipe doesn't mount any new <%s> elements.", + finishedWork.type, + finishedWork.type + ); + else { + hostParentClone = finishedWork.memoizedProps; + current = current.memoizedProps; + flags = finishedWork.stateNode; + var clone = finishedWork.type; + var prev = pushMutationContext(); + try { + commitUpdate( + flags, + clone, + current, + hostParentClone, + finishedWork + ), + viewTransitionMutationContext && + console.error( + "useSwipeTransition() caused something to mutate <%s>. This is not possible in the current implementation. Make sure that the swipe doesn't update any state which causes <%s> to change.", + finishedWork.type, + finishedWork.type + ), + commitUpdate( + flags, + clone, + hostParentClone, + current, + finishedWork + ); + } finally { + viewTransitionMutationContext = prev; + } + } + break; + case 5: + clone = finishedWork.stateNode; + null === current + ? hostParentClone.appendChild(clone) + : (null === finishedWork.child + ? ((clone = clone.cloneNode(!0)), + finishedWork.flags & 32 && resetTextContent(clone)) + : (clone = clone.cloneNode(!1)), + flags & 4 && + commitUpdate( + clone, + finishedWork.type, + current.memoizedProps, + finishedWork.memoizedProps + ), + unhideHostChildren + ? ((unhideHostChildren = !1), + recursivelyInsertClones(finishedWork, clone), + hostParentClone.appendChild(clone), + (unhideHostChildren = !0), + unhideInstance(clone, finishedWork.memoizedProps)) + : (recursivelyInsertClones(finishedWork, clone), + hostParentClone.appendChild(clone))); + break; + case 6: + clone = finishedWork.stateNode; + if (null === clone) + throw Error( + "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue." + ); + null === current + ? hostParentClone.appendChild(clone) + : ((clone = clone.cloneNode(!1)), + flags & 4 && (clone.nodeValue = current.memoizedProps), + hostParentClone.appendChild(clone), + unhideHostChildren && + (clone.nodeValue = finishedWork.memoizedProps)); + break; + case 4: + break; + case 22: + null === finishedWork.memoizedState && + ((unhideHostChildren = + (current = unhideHostChildren) || 0 !== (flags & 8192)), + recursivelyInsertClones(finishedWork, hostParentClone), + (unhideHostChildren = current)); + break; + case 30: + current = pushMutationContext(); + recursivelyInsertClones(finishedWork, hostParentClone); + viewTransitionMutationContext && (finishedWork.flags |= 4); + viewTransitionMutationContext = current; + break; + default: + recursivelyInsertClones(finishedWork, hostParentClone); + } + parentFiber = parentFiber.sibling; + } + else + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone$jscomp$0 + ); + } function onCommitRoot() { commitHooks.forEach(function (commitHook) { return commitHook(); @@ -17249,6 +17443,7 @@ ? logSuspendedCommitPhase(completedRenderEndTime, commitStartTime) : suspendedCommitReason === THROTTLED_COMMIT && logSuspenseThrottlePhase(completedRenderEndTime, commitStartTime); + shouldStartViewTransition = !1; suspendedCommitReason = 0 !== (finishedWork.flags & 13878); if ( 0 !== (finishedWork.subtreeFlags & 13878) || @@ -17598,22 +17793,158 @@ flushSyncWorkAcrossRoots_impl(0, !1); } } - function commitGestureOnRoot(root) { + function commitGestureOnRoot(root, finishedWork) { var finishedGesture = root.pendingGestures; if (null === finishedGesture) ensureRootIsScheduled(root); else { deleteScheduledGesture(root, finishedGesture); - var prevTransition = ReactSharedInternals.T, - previousPriority = ReactDOMSharedInternals.p, - prevExecutionContext = executionContext; + var prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = DiscreteEventPriority; + var prevExecutionContext = executionContext; executionContext |= CommitContext; - executionContext = prevExecutionContext; - ReactDOMSharedInternals.p = previousPriority; - ReactSharedInternals.T = prevTransition; + try { + unhideHostChildren = !1; + didWarnForRootClone || + ((didWarnForRootClone = !0), + console.warn( + "useSwipeTransition() caused something to mutate or relayout the root. This currently requires a clone of the whole document. Make sure to add a directly around an absolutely positioned DOM node to minimize the impact of any changes caused by the Swipe Transition." + )); + var rootContainer = root.containerInfo, + documentElement = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== documentElement && + "" === documentElement.style.viewTransitionName && + (documentElement.style.viewTransitionName = "none"); + var containerInstance = + 9 === rootContainer.nodeType + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + var containerParent = containerInstance.parentNode; + if (null === containerParent) + throw Error( + "Cannot use a useSwipeTransition() in a detached root." + ); + var clone = containerInstance.cloneNode(!1), + computedStyle = getComputedStyle(containerInstance); + if ( + "absolute" !== computedStyle.position && + "fixed" !== computedStyle.position + ) { + for ( + rootContainer = containerParent; + null != rootContainer.parentNode && + 9 !== rootContainer.parentNode.nodeType && + "static" === getComputedStyle(rootContainer).position; + + ) + rootContainer = rootContainer.parentNode; + var positionedAncestorStyle = rootContainer.style, + containerInstanceStyle = containerInstance.style, + prevAncestorTranslate = positionedAncestorStyle.translate, + prevAncestorScale = positionedAncestorStyle.scale, + prevAncestorRotate = positionedAncestorStyle.rotate, + prevAncestorTransform = positionedAncestorStyle.transform, + prevTranslate = containerInstanceStyle.translate, + prevScale = containerInstanceStyle.scale, + prevRotate = containerInstanceStyle.rotate, + prevTransform = containerInstanceStyle.transform; + positionedAncestorStyle.translate = "none"; + positionedAncestorStyle.scale = "none"; + positionedAncestorStyle.rotate = "none"; + positionedAncestorStyle.transform = "none"; + containerInstanceStyle.translate = "none"; + containerInstanceStyle.scale = "none"; + containerInstanceStyle.rotate = "none"; + containerInstanceStyle.transform = "none"; + var ancestorRect = rootContainer.getBoundingClientRect(), + rect = containerInstance.getBoundingClientRect(), + cloneStyle = clone.style; + cloneStyle.position = "absolute"; + cloneStyle.top = rect.top - ancestorRect.top + "px"; + cloneStyle.left = rect.left - ancestorRect.left + "px"; + cloneStyle.width = rect.width + "px"; + cloneStyle.height = rect.height + "px"; + cloneStyle.margin = "0px"; + cloneStyle.boxSizing = "border-box"; + positionedAncestorStyle.translate = prevAncestorTranslate; + positionedAncestorStyle.scale = prevAncestorScale; + positionedAncestorStyle.rotate = prevAncestorRotate; + positionedAncestorStyle.transform = prevAncestorTransform; + containerInstanceStyle.translate = prevTranslate; + containerInstanceStyle.scale = prevScale; + containerInstanceStyle.rotate = prevRotate; + containerInstanceStyle.transform = prevTransform; + } + clone.style.viewTransitionName = "root"; + var transform = computedStyle.transform; + "none" === transform && (transform = ""); + var scale = computedStyle.scale; + if ("none" !== scale && "" !== scale) { + var parts = scale.split(" "); + transform = + (3 === parts.length ? "scale3d" : "scale") + + "(" + + parts.join(", ") + + ") " + + transform; + } + var rotate = computedStyle.rotate; + if ("none" !== rotate && "" !== rotate) { + var _parts = rotate.split(" "); + transform = + 1 === _parts.length + ? "rotate(" + _parts[0] + ") " + transform + : 2 === _parts.length + ? "rotate" + + _parts[0].toUpperCase() + + "(" + + _parts[1] + + ") " + + transform + : "rotate3d(" + _parts.join(", ") + ") " + transform; + } + var translate = computedStyle.translate; + if ("none" !== translate && "" !== translate) { + var _parts2 = translate.split(" "); + transform = + (3 === _parts2.length ? "translate3d" : "translate") + + "(" + + _parts2.join(", ") + + ") " + + transform; + } + var transform$jscomp$0 = transform; + clone.style.translate = "none"; + clone.style.scale = "none"; + clone.style.rotate = "none"; + clone.style.transform = + "translate(-20000px, -20000px) " + transform$jscomp$0; + containerInstance.parentNode.insertBefore( + clone, + containerInstance.nextSibling + ); + root.gestureClone = clone; + recursivelyInsertClones(finishedWork, clone); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } pendingTransitionTypes = null; pendingEffectsStatus = PENDING_GESTURE_MUTATION_PHASE; finishedGesture.running = startGestureTransition( root.containerInfo, + finishedGesture.provider, + finishedGesture.rangeCurrent, + finishedGesture.direction + ? finishedGesture.rangeNext + : finishedGesture.rangePrevious, pendingTransitionTypes, flushGestureMutations, flushGestureAnimations @@ -17631,7 +17962,24 @@ var prevExecutionContext = executionContext; executionContext |= CommitContext; try { - cancelRootViewTransitionName(root.containerInfo); + var rootClone = root.gestureClone; + if (null !== rootClone) { + root.gestureClone = null; + var rootContainer = root.containerInfo; + var containerInstance = + 9 === rootContainer.nodeType + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + var containerParent = containerInstance.parentNode; + if (null === containerParent) + throw Error( + "Cannot use a useSwipeTransition() in a detached root." + ); + containerParent.removeChild(rootClone); + containerInstance.style.viewTransitionName = "root"; + } } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -21613,32 +21961,16 @@ instance.style.viewTransitionClass = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } - function cancelRootViewTransitionName(rootContainer) { - rootContainer = - 9 === rootContainer.nodeType - ? rootContainer.documentElement - : rootContainer.ownerDocument.documentElement; - null !== rootContainer && - "" === rootContainer.style.viewTransitionName && - ((rootContainer.style.viewTransitionName = "none"), - rootContainer.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(root)" - } - ), - rootContainer.animate( - { width: [0, 0], height: [0, 0] }, - { duration: 0, fill: "forwards", pseudoElement: "::view-transition" } - )); - } function restoreRootViewTransitionName(rootContainer) { rootContainer = 9 === rootContainer.nodeType - ? rootContainer.documentElement - : rootContainer.ownerDocument.documentElement; + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + "root" === rootContainer.style.viewTransitionName && + (rootContainer.style.viewTransitionName = ""); + rootContainer = rootContainer.ownerDocument.documentElement; null !== rootContainer && "none" === rootContainer.style.viewTransitionName && (rootContainer.style.viewTransitionName = ""); @@ -21735,8 +22067,78 @@ return !1; } } + function mergeTranslate(translateA, translateB) { + if (!translateA || "none" === translateA) return translateB || ""; + if (!translateB || "none" === translateB) return translateA || ""; + translateA = translateA.split(" "); + translateB = translateB.split(" "); + var i, + result = ""; + for (i = 0; i < translateA.length && i < translateB.length; i++) + 0 < i && (result += " "), + (result += "calc(" + translateA[i] + " + " + translateB[i] + ")"); + for (; i < translateA.length; i++) result += " " + translateA[i]; + for (; i < translateB.length; i++) result += " " + translateB[i]; + return result; + } + function animateGesture( + keyframes, + targetElement, + pseudoElement, + timeline, + rangeStart, + rangeEnd, + moveFirstFrameIntoViewport, + moveAllFramesIntoViewport + ) { + for (var i = 0; i < keyframes.length; i++) { + var keyframe = keyframes[i]; + delete keyframe.easing; + delete keyframe.computedOffset; + "auto" === keyframe.width && delete keyframe.width; + "auto" === keyframe.height && delete keyframe.height; + "none" === keyframe.transform && delete keyframe.transform; + if (moveAllFramesIntoViewport && null == keyframe.transform) + if (null == keyframe.translate || "" === keyframe.translate) { + var elementTranslate = getComputedStyle( + targetElement, + pseudoElement + ).translate; + keyframe.translate = mergeTranslate( + elementTranslate, + "20000px 20000px" + ); + } else + keyframe.translate = mergeTranslate( + keyframe.translate, + "20000px 20000px" + ); + } + moveFirstFrameIntoViewport && + ((moveFirstFrameIntoViewport = keyframes[0]), + (moveAllFramesIntoViewport = moveFirstFrameIntoViewport.transform), + null != moveAllFramesIntoViewport && + (moveFirstFrameIntoViewport.transform = + "translate(20000px, 20000px) " + + ("none" === moveAllFramesIntoViewport + ? "" + : moveAllFramesIntoViewport))); + moveFirstFrameIntoViewport = rangeStart > rangeEnd; + targetElement.animate(keyframes, { + pseudoElement: pseudoElement, + timeline: timeline, + easing: "linear", + fill: "both", + direction: moveFirstFrameIntoViewport ? "normal" : "reverse", + rangeStart: (moveFirstFrameIntoViewport ? rangeEnd : rangeStart) + "%", + rangeEnd: (moveFirstFrameIntoViewport ? rangeStart : rangeEnd) + "%" + }); + } function startGestureTransition( rootContainer, + timeline, + rangeStart, + rangeEnd, transitionTypes, mutationCallback, animateCallback @@ -21751,18 +22153,100 @@ types: transitionTypes }); ownerDocument.__reactViewTransition = transition; - var blockingAnim = null; - rootContainer = function () { - blockingAnim = ownerDocument.documentElement.animate([{}, {}], { - pseudoElement: "::view-transition", - duration: 1 - }); - blockingAnim.pause(); - animateCallback(); - }; - transition.ready.then(rootContainer, rootContainer); + var readyCallback = function () { + for ( + var documentElement = ownerDocument.documentElement, + animations = documentElement.getAnimations({ subtree: !0 }), + foundGroups = new Set(), + foundNews = new Set(), + i = 0; + i < animations.length; + i++ + ) { + var pseudoElement = animations[i].effect.pseudoElement; + null != pseudoElement && + (pseudoElement.startsWith("::view-transition-group") + ? foundGroups.add(pseudoElement.slice(23)) + : pseudoElement.startsWith("::view-transition-new") && + foundNews.add(pseudoElement.slice(21))); + } + for (i = 0; i < animations.length; i++) { + var anim = animations[i]; + pseudoElement = anim.effect; + var _pseudoElement = pseudoElement.pseudoElement; + if ( + null != _pseudoElement && + _pseudoElement.startsWith("::view-transition") + ) { + anim.cancel(); + var isGeneratedGroupAnim = !1, + isExitGroupAnim = !1; + if (_pseudoElement.startsWith("::view-transition-group")) { + var groupName = _pseudoElement.slice(23); + foundNews.has(groupName) + ? ((anim = anim.animationName), + (isGeneratedGroupAnim = + null != anim && + anim.startsWith("-ua-view-transition-group-anim-"))) + : (isExitGroupAnim = !0); + } + animateGesture( + pseudoElement.getKeyframes(), + pseudoElement.target, + _pseudoElement, + timeline, + rangeStart, + rangeEnd, + isGeneratedGroupAnim, + isExitGroupAnim + ); + _pseudoElement.startsWith("::view-transition-old") && + ((_pseudoElement = _pseudoElement.slice(21)), + foundGroups.has(_pseudoElement) || + foundNews.has(_pseudoElement) || + (foundGroups.add(_pseudoElement), + animateGesture( + [{}, {}], + pseudoElement.target, + "::view-transition-group" + _pseudoElement, + timeline, + rangeStart, + rangeEnd, + !1, + !0 + ))); + } + } + documentElement + .animate([{}, {}], { + pseudoElement: "::view-transition", + duration: 1 + }) + .pause(); + animateCallback(); + }, + readyForAnimations = + -1 !== navigator.userAgent.indexOf("Chrome") + ? function () { + return requestAnimationFrame(readyCallback); + } + : readyCallback; + transition.ready.then(readyForAnimations, readyCallback); transition.finished.then(function () { - null !== blockingAnim && blockingAnim.cancel(); + for ( + var animations = ownerDocument.documentElement.getAnimations({ + subtree: !0 + }), + i = 0; + i < animations.length; + i++ + ) { + var anim = animations[i], + pseudo = anim.effect.pseudoElement; + null != pseudo && + pseudo.startsWith("::view-transition") && + anim.cancel(); + } ownerDocument.__reactViewTransition === transition && (ownerDocument.__reactViewTransition = null); }); @@ -22863,7 +23347,7 @@ this.pooledCache = null; this.pooledCacheLanes = 0; this.formState = formState; - this.stoppingGestures = this.pendingGestures = null; + this.gestureClone = this.stoppingGestures = this.pendingGestures = null; this.incompleteTransitions = new Map(); this.passiveEffectDuration = this.effectDuration = -0; this.memoizedUpdaters = new Set(); @@ -26755,6 +27239,8 @@ "Hydration Mismatch Exception: This is not a real error, and should not leak into userspace. If you're seeing this, it's likely a bug in React." ), globalClientIdCounter = 0, + didWarnForRootClone = !1, + unhideHostChildren = !1, DefaultAsyncDispatcher = { getCacheForType: function (resourceType) { var cache = readContext(CacheContext), @@ -27434,11 +27920,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-443b7ff2-20250303" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-e03ac20f-20250305" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-experimental-443b7ff2-20250303\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-e03ac20f-20250305\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -27475,10 +27961,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.1.0-experimental-443b7ff2-20250303", + version: "19.1.0-experimental-e03ac20f-20250305", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-443b7ff2-20250303" + reconcilerVersion: "19.1.0-experimental-e03ac20f-20250305" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -27950,7 +28436,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-experimental-443b7ff2-20250303"; + exports.version = "19.1.0-experimental-e03ac20f-20250305"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js index 90d34e2a46fb9..3e92dd359cbc2 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js @@ -838,6 +838,11 @@ function isAttributeNameSafe(attributeName) { return !1; } var viewTransitionMutationContext = !1; +function pushMutationContext() { + var prev = viewTransitionMutationContext; + viewTransitionMutationContext = !1; + return prev; +} function setValueForAttribute(node, name, value) { if (isAttributeNameSafe(name)) if (null === value) node.removeAttribute(name); @@ -8956,7 +8961,7 @@ function commitBeforeMutationEffects(root, firstChild, committedLanes) { JSCompiler_temp = JSCompiler_temp || { start: 0, end: 0 }; } else JSCompiler_temp = null; selectionInformation = { focusedElem: root, selectionRange: JSCompiler_temp }; - shouldStartViewTransition = _enabled = !1; + _enabled = !1; committedLanes = (committedLanes & 335544064) === committedLanes; nextEffect = firstChild; for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { @@ -9922,20 +9927,7 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { "function" === typeof style.setProperty ? style.setProperty("display", "none", "important") : (style.display = "none"); - } else { - var instance = lanes.stateNode, - styleProp = lanes.memoizedProps.style, - display = - void 0 !== styleProp && - null !== styleProp && - styleProp.hasOwnProperty("display") - ? styleProp.display - : null; - instance.style.display = - null == display || "boolean" === typeof display - ? "" - : ("" + display).trim(); - } + } else unhideInstance(lanes.stateNode, lanes.memoizedProps); } catch (error) { captureCommitPhaseError(lanes, lanes.return, error); } @@ -9993,8 +9985,7 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { (offscreenSubtreeWasHidden || null === current || safelyDetachRef(current, current.return)); - flags = viewTransitionMutationContext; - viewTransitionMutationContext = !1; + flags = pushMutationContext(); recursivelyTraverseMutationEffects(root, finishedWork, lanes); commitReconciliationEffects(finishedWork); (lanes & 335544064) === lanes && @@ -10115,7 +10106,30 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { } ); } - cancelRootViewTransitionName(root.containerInfo); + finishedWork = root.containerInfo; + finishedWork = + 9 === finishedWork.nodeType + ? finishedWork.documentElement + : finishedWork.ownerDocument.documentElement; + null !== finishedWork && + "" === finishedWork.style.viewTransitionName && + ((finishedWork.style.viewTransitionName = "none"), + finishedWork.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(root)" + } + ), + finishedWork.animate( + { width: [0, 0], height: [0, 0] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition" + } + )); } break; case 5: @@ -12302,6 +12316,122 @@ function unwindInterruptedWork(current, interruptedWork) { popProvider(CacheContext); } } +var unhideHostChildren = !1; +function recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone) { + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + switch (parentFiber.tag) { + case 5: + var clone = parentFiber.stateNode.cloneNode(!0); + hostParentClone.appendChild(clone); + unhideHostChildren && unhideInstance(clone, parentFiber.memoizedProps); + break; + case 6: + clone = parentFiber.stateNode; + if (null === clone) throw Error(formatProdErrorMessage(162)); + clone = clone.cloneNode(!1); + hostParentClone.appendChild(clone); + unhideHostChildren && (clone.nodeValue = parentFiber.memoizedProps); + break; + case 4: + break; + case 22: + null === parentFiber.memoizedState && + recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); + break; + case 30: + clone = pushMutationContext(); + recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); + viewTransitionMutationContext = clone; + break; + default: + recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); + } + parentFiber = parentFiber.sibling; + } +} +function recursivelyInsertClones(parentFiber, hostParentClone$jscomp$0) { + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + var finishedWork = parentFiber, + hostParentClone = hostParentClone$jscomp$0, + current = finishedWork.alternate, + flags = finishedWork.flags; + switch (finishedWork.tag) { + case 26: + recursivelyInsertClones(finishedWork, hostParentClone); + break; + case 27: + recursivelyInsertClones(finishedWork, hostParentClone); + break; + case 5: + var clone = finishedWork.stateNode; + if (null === current) hostParentClone.appendChild(clone); + else { + null === finishedWork.child + ? ((clone = clone.cloneNode(!0)), + finishedWork.flags & 32 && setTextContent(clone, "")) + : (clone = clone.cloneNode(!1)); + if (flags & 4) { + flags = clone; + var newProps = finishedWork.memoizedProps; + updateProperties( + flags, + finishedWork.type, + current.memoizedProps, + newProps + ); + flags[internalPropsKey] = newProps; + } + unhideHostChildren + ? ((unhideHostChildren = !1), + recursivelyInsertClones(finishedWork, clone), + hostParentClone.appendChild(clone), + (unhideHostChildren = !0), + unhideInstance(clone, finishedWork.memoizedProps)) + : (recursivelyInsertClones(finishedWork, clone), + hostParentClone.appendChild(clone)); + } + break; + case 6: + clone = finishedWork.stateNode; + if (null === clone) throw Error(formatProdErrorMessage(162)); + null === current + ? hostParentClone.appendChild(clone) + : ((clone = clone.cloneNode(!1)), + flags & 4 && (clone.nodeValue = current.memoizedProps), + hostParentClone.appendChild(clone), + unhideHostChildren && + (clone.nodeValue = finishedWork.memoizedProps)); + break; + case 4: + break; + case 22: + null === finishedWork.memoizedState && + ((unhideHostChildren = + (current = unhideHostChildren) || 0 !== (flags & 8192)), + recursivelyInsertClones(finishedWork, hostParentClone), + (unhideHostChildren = current)); + break; + case 30: + current = pushMutationContext(); + recursivelyInsertClones(finishedWork, hostParentClone); + viewTransitionMutationContext && (finishedWork.flags |= 4); + viewTransitionMutationContext = current; + break; + default: + recursivelyInsertClones(finishedWork, hostParentClone); + } + parentFiber = parentFiber.sibling; + } + else + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone$jscomp$0 + ); +} var DefaultAsyncDispatcher = { getCacheForType: function (resourceType) { var cache = readContext(CacheContext), @@ -13094,8 +13224,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) { workLoopSync(); memoizedUpdaters = workInProgressRootExitStatus; break; - } catch (thrownValue$193) { - handleThrow(root, thrownValue$193); + } catch (thrownValue$195) { + handleThrow(root, thrownValue$195); } while (1); lanes && root.shellSuspendCounter++; @@ -13216,8 +13346,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrentByScheduler(); break; - } catch (thrownValue$195) { - handleThrow(root, thrownValue$195); + } catch (thrownValue$197) { + handleThrow(root, thrownValue$197); } while (1); lastContextDependency = currentlyRenderingFiber$1 = null; @@ -13500,6 +13630,7 @@ function commitRoot( ? logSuspendedCommitPhase(completedRenderEndTime, commitStartTime) : 2 === suspendedCommitReason && logSuspenseThrottlePhase(completedRenderEndTime, commitStartTime); + shouldStartViewTransition = !1; suspendedCommitReason = 0 !== (finishedWork.flags & 13878); if (0 !== (finishedWork.subtreeFlags & 13878) || suspendedCommitReason) { suspendedCommitReason = ReactSharedInternals.T; @@ -13810,22 +13941,150 @@ function flushSpawnedWork() { flushSyncWorkAcrossRoots_impl(0, !1); } } -function commitGestureOnRoot(root) { +function commitGestureOnRoot(root, finishedWork) { var finishedGesture = root.pendingGestures; if (null === finishedGesture) ensureRootIsScheduled(root); else { deleteScheduledGesture(root, finishedGesture); - var prevTransition = ReactSharedInternals.T, - previousPriority = ReactDOMSharedInternals.p, - prevExecutionContext = executionContext; + var prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = 2; + var prevExecutionContext = executionContext; executionContext |= 4; - executionContext = prevExecutionContext; - ReactDOMSharedInternals.p = previousPriority; - ReactSharedInternals.T = prevTransition; + try { + unhideHostChildren = !1; + var rootContainer = root.containerInfo, + documentElement = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== documentElement && + "" === documentElement.style.viewTransitionName && + (documentElement.style.viewTransitionName = "none"); + var containerInstance = + 9 === rootContainer.nodeType + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + var containerParent = containerInstance.parentNode; + if (null === containerParent) throw Error(formatProdErrorMessage(552)); + var clone = containerInstance.cloneNode(!1), + computedStyle = getComputedStyle(containerInstance); + if ( + "absolute" !== computedStyle.position && + "fixed" !== computedStyle.position + ) { + for ( + rootContainer = containerParent; + null != rootContainer.parentNode && + 9 !== rootContainer.parentNode.nodeType && + "static" === getComputedStyle(rootContainer).position; + + ) + rootContainer = rootContainer.parentNode; + var positionedAncestorStyle = rootContainer.style, + containerInstanceStyle = containerInstance.style, + prevAncestorTranslate = positionedAncestorStyle.translate, + prevAncestorScale = positionedAncestorStyle.scale, + prevAncestorRotate = positionedAncestorStyle.rotate, + prevAncestorTransform = positionedAncestorStyle.transform, + prevTranslate = containerInstanceStyle.translate, + prevScale = containerInstanceStyle.scale, + prevRotate = containerInstanceStyle.rotate, + prevTransform = containerInstanceStyle.transform; + positionedAncestorStyle.translate = "none"; + positionedAncestorStyle.scale = "none"; + positionedAncestorStyle.rotate = "none"; + positionedAncestorStyle.transform = "none"; + containerInstanceStyle.translate = "none"; + containerInstanceStyle.scale = "none"; + containerInstanceStyle.rotate = "none"; + containerInstanceStyle.transform = "none"; + var ancestorRect = rootContainer.getBoundingClientRect(), + rect = containerInstance.getBoundingClientRect(), + cloneStyle = clone.style; + cloneStyle.position = "absolute"; + cloneStyle.top = rect.top - ancestorRect.top + "px"; + cloneStyle.left = rect.left - ancestorRect.left + "px"; + cloneStyle.width = rect.width + "px"; + cloneStyle.height = rect.height + "px"; + cloneStyle.margin = "0px"; + cloneStyle.boxSizing = "border-box"; + positionedAncestorStyle.translate = prevAncestorTranslate; + positionedAncestorStyle.scale = prevAncestorScale; + positionedAncestorStyle.rotate = prevAncestorRotate; + positionedAncestorStyle.transform = prevAncestorTransform; + containerInstanceStyle.translate = prevTranslate; + containerInstanceStyle.scale = prevScale; + containerInstanceStyle.rotate = prevRotate; + containerInstanceStyle.transform = prevTransform; + } + clone.style.viewTransitionName = "root"; + var transform = computedStyle.transform; + "none" === transform && (transform = ""); + var scale = computedStyle.scale; + if ("none" !== scale && "" !== scale) { + var parts = scale.split(" "); + transform = + (3 === parts.length ? "scale3d" : "scale") + + "(" + + parts.join(", ") + + ") " + + transform; + } + var rotate = computedStyle.rotate; + if ("none" !== rotate && "" !== rotate) { + var parts$272 = rotate.split(" "); + transform = + 1 === parts$272.length + ? "rotate(" + parts$272[0] + ") " + transform + : 2 === parts$272.length + ? "rotate" + + parts$272[0].toUpperCase() + + "(" + + parts$272[1] + + ") " + + transform + : "rotate3d(" + parts$272.join(", ") + ") " + transform; + } + var translate = computedStyle.translate; + if ("none" !== translate && "" !== translate) { + var parts$273 = translate.split(" "); + transform = + (3 === parts$273.length ? "translate3d" : "translate") + + "(" + + parts$273.join(", ") + + ") " + + transform; + } + var JSCompiler_inline_result = transform; + clone.style.translate = "none"; + clone.style.scale = "none"; + clone.style.rotate = "none"; + clone.style.transform = + "translate(-20000px, -20000px) " + JSCompiler_inline_result; + containerInstance.parentNode.insertBefore( + clone, + containerInstance.nextSibling + ); + root.gestureClone = clone; + recursivelyInsertClones(finishedWork, clone); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } pendingTransitionTypes = null; pendingEffectsStatus = 6; finishedGesture.running = startGestureTransition( root.containerInfo, + finishedGesture.provider, + finishedGesture.rangeCurrent, + finishedGesture.direction + ? finishedGesture.rangeNext + : finishedGesture.rangePrevious, pendingTransitionTypes, flushGestureMutations, flushGestureAnimations @@ -13843,7 +14102,21 @@ function flushGestureMutations() { var prevExecutionContext = executionContext; executionContext |= 4; try { - cancelRootViewTransitionName(root.containerInfo); + var rootClone = root.gestureClone; + if (null !== rootClone) { + root.gestureClone = null; + var rootContainer = root.containerInfo; + var containerInstance = + 9 === rootContainer.nodeType + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + var containerParent = containerInstance.parentNode; + if (null === containerParent) throw Error(formatProdErrorMessage(552)); + containerParent.removeChild(rootClone); + containerInstance.style.viewTransitionName = "root"; + } } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -14123,14 +14396,14 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { isFlushingWork = !0; do { var didPerformSomeWork = !1; - for (var root$201 = firstScheduledRoot; null !== root$201; ) { + for (var root$203 = firstScheduledRoot; null !== root$203; ) { if (!onlyLegacy) if (0 !== syncTransitionLanes) { - var pendingLanes = root$201.pendingLanes; + var pendingLanes = root$203.pendingLanes; if (0 === pendingLanes) var JSCompiler_inline_result = 0; else { - var suspendedLanes = root$201.suspendedLanes, - pingedLanes = root$201.pingedLanes; + var suspendedLanes = root$203.suspendedLanes, + pingedLanes = root$203.pingedLanes; JSCompiler_inline_result = (1 << (31 - clz32(42 | syncTransitionLanes) + 1)) - 1; JSCompiler_inline_result &= @@ -14144,21 +14417,21 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { } 0 !== JSCompiler_inline_result && ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$201, JSCompiler_inline_result)); + performSyncWorkOnRoot(root$203, JSCompiler_inline_result)); } else (JSCompiler_inline_result = workInProgressRootRenderLanes), (JSCompiler_inline_result = getNextLanes( - root$201, - root$201 === workInProgressRoot ? JSCompiler_inline_result : 0, - null !== root$201.cancelPendingCommit || - -1 !== root$201.timeoutHandle + root$203, + root$203 === workInProgressRoot ? JSCompiler_inline_result : 0, + null !== root$203.cancelPendingCommit || + -1 !== root$203.timeoutHandle )), (0 === (JSCompiler_inline_result & 3) && 64 !== JSCompiler_inline_result) || - checkIfRootIsPrerendering(root$201, JSCompiler_inline_result) || + checkIfRootIsPrerendering(root$203, JSCompiler_inline_result) || ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$201, JSCompiler_inline_result)); - root$201 = root$201.next; + performSyncWorkOnRoot(root$203, JSCompiler_inline_result)); + root$203 = root$203.next; } } while (didPerformSomeWork); isFlushingWork = !1; @@ -14442,20 +14715,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) { (nativeEventTarget[internalScrollTimer] = targetInst)); } for ( - var i$jscomp$inline_1767 = 0; - i$jscomp$inline_1767 < simpleEventPluginEvents.length; - i$jscomp$inline_1767++ + var i$jscomp$inline_1796 = 0; + i$jscomp$inline_1796 < simpleEventPluginEvents.length; + i$jscomp$inline_1796++ ) { - var eventName$jscomp$inline_1768 = - simpleEventPluginEvents[i$jscomp$inline_1767], - domEventName$jscomp$inline_1769 = - eventName$jscomp$inline_1768.toLowerCase(), - capitalizedEvent$jscomp$inline_1770 = - eventName$jscomp$inline_1768[0].toUpperCase() + - eventName$jscomp$inline_1768.slice(1); + var eventName$jscomp$inline_1797 = + simpleEventPluginEvents[i$jscomp$inline_1796], + domEventName$jscomp$inline_1798 = + eventName$jscomp$inline_1797.toLowerCase(), + capitalizedEvent$jscomp$inline_1799 = + eventName$jscomp$inline_1797[0].toUpperCase() + + eventName$jscomp$inline_1797.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1769, - "on" + capitalizedEvent$jscomp$inline_1770 + domEventName$jscomp$inline_1798, + "on" + capitalizedEvent$jscomp$inline_1799 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -15703,34 +15976,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$215 = props[hasSrc]; - if (null != propValue$215) + var propValue$217 = props[hasSrc]; + if (null != propValue$217) switch (hasSrc) { case "name": - hasSrcSet = propValue$215; + hasSrcSet = propValue$217; break; case "type": - propValue = propValue$215; + propValue = propValue$217; break; case "checked": - checked = propValue$215; + checked = propValue$217; break; case "defaultChecked": - defaultChecked = propValue$215; + defaultChecked = propValue$217; break; case "value": - propKey = propValue$215; + propKey = propValue$217; break; case "defaultValue": - defaultValue = propValue$215; + defaultValue = propValue$217; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$215) + if (null != propValue$217) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$215, props, null); + setProp(domElement, tag, hasSrc, propValue$217, props, null); } } initInput( @@ -15867,14 +16140,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$215 in props) - props.hasOwnProperty(propValue$215) && - ((hasSrc = props[propValue$215]), + for (propValue$217 in props) + props.hasOwnProperty(propValue$217) && + ((hasSrc = props[propValue$217]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$215, + propValue$217, hasSrc, props, void 0 @@ -15922,14 +16195,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$232 in nextProps) { - var propKey = nextProps[propKey$232]; - lastProp = lastProps[propKey$232]; + for (var propKey$234 in nextProps) { + var propKey = nextProps[propKey$234]; + lastProp = lastProps[propKey$234]; if ( - nextProps.hasOwnProperty(propKey$232) && + nextProps.hasOwnProperty(propKey$234) && (null != propKey || null != lastProp) ) - switch (propKey$232) { + switch (propKey$234) { case "type": propKey !== lastProp && (viewTransitionMutationContext = !0); type = propKey; @@ -15964,7 +16237,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$232, + propKey$234, propKey, nextProps, lastProp @@ -15983,7 +16256,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$232 = null; + propKey = value = defaultValue = propKey$234 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -16015,7 +16288,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (name) { case "value": type !== lastDefaultValue && (viewTransitionMutationContext = !0); - propKey$232 = type; + propKey$234 = type; break; case "defaultValue": type !== lastDefaultValue && (viewTransitionMutationContext = !0); @@ -16038,15 +16311,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$232 - ? updateOptions(domElement, !!lastProps, propKey$232, !1) + null != propKey$234 + ? updateOptions(domElement, !!lastProps, propKey$234, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$232 = null; + propKey = propKey$234 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -16071,7 +16344,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (value) { case "value": name !== type && (viewTransitionMutationContext = !0); - propKey$232 = name; + propKey$234 = name; break; case "defaultValue": name !== type && (viewTransitionMutationContext = !0); @@ -16086,17 +16359,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$232, propKey); + updateTextarea(domElement, propKey$234, propKey); return; case "option": - for (var propKey$248 in lastProps) + for (var propKey$250 in lastProps) if ( - ((propKey$232 = lastProps[propKey$248]), - lastProps.hasOwnProperty(propKey$248) && - null != propKey$232 && - !nextProps.hasOwnProperty(propKey$248)) + ((propKey$234 = lastProps[propKey$250]), + lastProps.hasOwnProperty(propKey$250) && + null != propKey$234 && + !nextProps.hasOwnProperty(propKey$250)) ) - switch (propKey$248) { + switch (propKey$250) { case "selected": domElement.selected = !1; break; @@ -16104,34 +16377,34 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$248, + propKey$250, null, nextProps, - propKey$232 + propKey$234 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$232 = nextProps[lastDefaultValue]), + ((propKey$234 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$232 !== propKey && - (null != propKey$232 || null != propKey)) + propKey$234 !== propKey && + (null != propKey$234 || null != propKey)) ) switch (lastDefaultValue) { case "selected": - propKey$232 !== propKey && (viewTransitionMutationContext = !0); + propKey$234 !== propKey && (viewTransitionMutationContext = !0); domElement.selected = - propKey$232 && - "function" !== typeof propKey$232 && - "symbol" !== typeof propKey$232; + propKey$234 && + "function" !== typeof propKey$234 && + "symbol" !== typeof propKey$234; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$232, + propKey$234, nextProps, propKey ); @@ -16152,24 +16425,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$253 in lastProps) - (propKey$232 = lastProps[propKey$253]), - lastProps.hasOwnProperty(propKey$253) && - null != propKey$232 && - !nextProps.hasOwnProperty(propKey$253) && - setProp(domElement, tag, propKey$253, null, nextProps, propKey$232); + for (var propKey$255 in lastProps) + (propKey$234 = lastProps[propKey$255]), + lastProps.hasOwnProperty(propKey$255) && + null != propKey$234 && + !nextProps.hasOwnProperty(propKey$255) && + setProp(domElement, tag, propKey$255, null, nextProps, propKey$234); for (checked in nextProps) if ( - ((propKey$232 = nextProps[checked]), + ((propKey$234 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$232 !== propKey && - (null != propKey$232 || null != propKey)) + propKey$234 !== propKey && + (null != propKey$234 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$232) + if (null != propKey$234) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -16177,7 +16450,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$232, + propKey$234, nextProps, propKey ); @@ -16185,49 +16458,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$258 in lastProps) - (propKey$232 = lastProps[propKey$258]), - lastProps.hasOwnProperty(propKey$258) && - void 0 !== propKey$232 && - !nextProps.hasOwnProperty(propKey$258) && + for (var propKey$260 in lastProps) + (propKey$234 = lastProps[propKey$260]), + lastProps.hasOwnProperty(propKey$260) && + void 0 !== propKey$234 && + !nextProps.hasOwnProperty(propKey$260) && setPropOnCustomElement( domElement, tag, - propKey$258, + propKey$260, void 0, nextProps, - propKey$232 + propKey$234 ); for (defaultChecked in nextProps) - (propKey$232 = nextProps[defaultChecked]), + (propKey$234 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$232 === propKey || - (void 0 === propKey$232 && void 0 === propKey) || + propKey$234 === propKey || + (void 0 === propKey$234 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$232, + propKey$234, nextProps, propKey ); return; } } - for (var propKey$263 in lastProps) - (propKey$232 = lastProps[propKey$263]), - lastProps.hasOwnProperty(propKey$263) && - null != propKey$232 && - !nextProps.hasOwnProperty(propKey$263) && - setProp(domElement, tag, propKey$263, null, nextProps, propKey$232); + for (var propKey$265 in lastProps) + (propKey$234 = lastProps[propKey$265]), + lastProps.hasOwnProperty(propKey$265) && + null != propKey$234 && + !nextProps.hasOwnProperty(propKey$265) && + setProp(domElement, tag, propKey$265, null, nextProps, propKey$234); for (lastProp in nextProps) - (propKey$232 = nextProps[lastProp]), + (propKey$234 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$232 === propKey || - (null == propKey$232 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$232, nextProps, propKey); + propKey$234 === propKey || + (null == propKey$234 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$234, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -16365,6 +16638,15 @@ function clearSuspenseBoundary(parentInstance, suspenseInstance) { } while (node); retryIfBlockedOn(suspenseInstance); } +function unhideInstance(instance, props) { + props = props.style; + props = + void 0 !== props && null !== props && props.hasOwnProperty("display") + ? props.display + : null; + instance.style.display = + null == props || "boolean" === typeof props ? "" : ("" + props).trim(); +} function restoreViewTransitionName(instance, props) { props = props.style; var viewTransitionName = @@ -16390,32 +16672,16 @@ function restoreViewTransitionName(instance, props) { instance.style.viewTransitionClass = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } -function cancelRootViewTransitionName(rootContainer) { - rootContainer = - 9 === rootContainer.nodeType - ? rootContainer.documentElement - : rootContainer.ownerDocument.documentElement; - null !== rootContainer && - "" === rootContainer.style.viewTransitionName && - ((rootContainer.style.viewTransitionName = "none"), - rootContainer.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(root)" - } - ), - rootContainer.animate( - { width: [0, 0], height: [0, 0] }, - { duration: 0, fill: "forwards", pseudoElement: "::view-transition" } - )); -} function restoreRootViewTransitionName(rootContainer) { rootContainer = 9 === rootContainer.nodeType - ? rootContainer.documentElement - : rootContainer.ownerDocument.documentElement; + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + "root" === rootContainer.style.viewTransitionName && + (rootContainer.style.viewTransitionName = ""); + rootContainer = rootContainer.ownerDocument.documentElement; null !== rootContainer && "none" === rootContainer.style.viewTransitionName && (rootContainer.style.viewTransitionName = ""); @@ -16502,8 +16768,78 @@ function startViewTransition( return !1; } } +function mergeTranslate(translateA, translateB) { + if (!translateA || "none" === translateA) return translateB || ""; + if (!translateB || "none" === translateB) return translateA || ""; + translateA = translateA.split(" "); + translateB = translateB.split(" "); + var i, + result = ""; + for (i = 0; i < translateA.length && i < translateB.length; i++) + 0 < i && (result += " "), + (result += "calc(" + translateA[i] + " + " + translateB[i] + ")"); + for (; i < translateA.length; i++) result += " " + translateA[i]; + for (; i < translateB.length; i++) result += " " + translateB[i]; + return result; +} +function animateGesture( + keyframes, + targetElement, + pseudoElement, + timeline, + rangeStart, + rangeEnd, + moveFirstFrameIntoViewport, + moveAllFramesIntoViewport +) { + for (var i = 0; i < keyframes.length; i++) { + var keyframe = keyframes[i]; + delete keyframe.easing; + delete keyframe.computedOffset; + "auto" === keyframe.width && delete keyframe.width; + "auto" === keyframe.height && delete keyframe.height; + "none" === keyframe.transform && delete keyframe.transform; + if (moveAllFramesIntoViewport && null == keyframe.transform) + if (null == keyframe.translate || "" === keyframe.translate) { + var elementTranslate = getComputedStyle( + targetElement, + pseudoElement + ).translate; + keyframe.translate = mergeTranslate( + elementTranslate, + "20000px 20000px" + ); + } else + keyframe.translate = mergeTranslate( + keyframe.translate, + "20000px 20000px" + ); + } + moveFirstFrameIntoViewport && + ((moveFirstFrameIntoViewport = keyframes[0]), + (moveAllFramesIntoViewport = moveFirstFrameIntoViewport.transform), + null != moveAllFramesIntoViewport && + (moveFirstFrameIntoViewport.transform = + "translate(20000px, 20000px) " + + ("none" === moveAllFramesIntoViewport + ? "" + : moveAllFramesIntoViewport))); + moveFirstFrameIntoViewport = rangeStart > rangeEnd; + targetElement.animate(keyframes, { + pseudoElement: pseudoElement, + timeline: timeline, + easing: "linear", + fill: "both", + direction: moveFirstFrameIntoViewport ? "normal" : "reverse", + rangeStart: (moveFirstFrameIntoViewport ? rangeEnd : rangeStart) + "%", + rangeEnd: (moveFirstFrameIntoViewport ? rangeStart : rangeEnd) + "%" + }); +} function startGestureTransition( rootContainer, + timeline, + rangeStart, + rangeEnd, transitionTypes, mutationCallback, animateCallback @@ -16516,18 +16852,100 @@ function startGestureTransition( types: transitionTypes }); ownerDocument.__reactViewTransition = transition; - var blockingAnim = null; - rootContainer = function () { - blockingAnim = ownerDocument.documentElement.animate([{}, {}], { - pseudoElement: "::view-transition", - duration: 1 - }); - blockingAnim.pause(); - animateCallback(); - }; - transition.ready.then(rootContainer, rootContainer); + var readyCallback = function () { + for ( + var documentElement = ownerDocument.documentElement, + animations = documentElement.getAnimations({ subtree: !0 }), + foundGroups = new Set(), + foundNews = new Set(), + i = 0; + i < animations.length; + i++ + ) { + var pseudoElement = animations[i].effect.pseudoElement; + null != pseudoElement && + (pseudoElement.startsWith("::view-transition-group") + ? foundGroups.add(pseudoElement.slice(23)) + : pseudoElement.startsWith("::view-transition-new") && + foundNews.add(pseudoElement.slice(21))); + } + for (i = 0; i < animations.length; i++) { + var anim = animations[i]; + pseudoElement = anim.effect; + var pseudoElement$275 = pseudoElement.pseudoElement; + if ( + null != pseudoElement$275 && + pseudoElement$275.startsWith("::view-transition") + ) { + anim.cancel(); + var isGeneratedGroupAnim = !1, + isExitGroupAnim = !1; + if (pseudoElement$275.startsWith("::view-transition-group")) { + var groupName = pseudoElement$275.slice(23); + foundNews.has(groupName) + ? ((anim = anim.animationName), + (isGeneratedGroupAnim = + null != anim && + anim.startsWith("-ua-view-transition-group-anim-"))) + : (isExitGroupAnim = !0); + } + animateGesture( + pseudoElement.getKeyframes(), + pseudoElement.target, + pseudoElement$275, + timeline, + rangeStart, + rangeEnd, + isGeneratedGroupAnim, + isExitGroupAnim + ); + pseudoElement$275.startsWith("::view-transition-old") && + ((pseudoElement$275 = pseudoElement$275.slice(21)), + foundGroups.has(pseudoElement$275) || + foundNews.has(pseudoElement$275) || + (foundGroups.add(pseudoElement$275), + animateGesture( + [{}, {}], + pseudoElement.target, + "::view-transition-group" + pseudoElement$275, + timeline, + rangeStart, + rangeEnd, + !1, + !0 + ))); + } + } + documentElement + .animate([{}, {}], { + pseudoElement: "::view-transition", + duration: 1 + }) + .pause(); + animateCallback(); + }, + readyForAnimations = + -1 !== navigator.userAgent.indexOf("Chrome") + ? function () { + return requestAnimationFrame(readyCallback); + } + : readyCallback; + transition.ready.then(readyForAnimations, readyCallback); transition.finished.then(function () { - null !== blockingAnim && blockingAnim.cancel(); + for ( + var animations = ownerDocument.documentElement.getAnimations({ + subtree: !0 + }), + i = 0; + i < animations.length; + i++ + ) { + var anim = animations[i], + pseudo = anim.effect.pseudoElement; + null != pseudo && + pseudo.startsWith("::view-transition") && + anim.cancel(); + } ownerDocument.__reactViewTransition === transition && (ownerDocument.__reactViewTransition = null); }); @@ -17092,26 +17510,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$271 = getResourcesFromRoot( + var styles$278 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$272 = styles$271.get(type); - resource$272 || + resource$279 = styles$278.get(type); + resource$279 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$272 = { + (resource$279 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$271.set(type, resource$272), - (styles$271 = JSCompiler_inline_result.querySelector( + styles$278.set(type, resource$279), + (styles$278 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$271._p && - ((resource$272.instance = styles$271), - (resource$272.state.loading = 5)), + !styles$278._p && + ((resource$279.instance = styles$278), + (resource$279.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -17124,16 +17542,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$271 || + styles$278 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$272.state + resource$279.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$272; + return resource$279; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -17230,37 +17648,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$277 = hoistableRoot.querySelector( + var instance$284 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$277) + if (instance$284) return ( (resource.state.loading |= 4), - (resource.instance = instance$277), - markNodeAsHoistable(instance$277), - instance$277 + (resource.instance = instance$284), + markNodeAsHoistable(instance$284), + instance$284 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$277 = ( + instance$284 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$277); - var linkInstance = instance$277; + markNodeAsHoistable(instance$284); + var linkInstance = instance$284; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$277, "link", instance); + setInitialProperties(instance$284, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$277, props.precedence, hoistableRoot); - return (resource.instance = instance$277); + insertStylesheet(instance$284, props.precedence, hoistableRoot); + return (resource.instance = instance$284); case "script": - instance$277 = getScriptKey(props.src); + instance$284 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$277) + getScriptSelectorFromKey(instance$284) )) ) return ( @@ -17269,7 +17687,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$277))) + if ((styleProps = preloadPropsMap.get(instance$284))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -17601,7 +18019,7 @@ function FiberRootNode( this.pooledCache = null; this.pooledCacheLanes = 0; this.formState = formState; - this.stoppingGestures = this.pendingGestures = null; + this.gestureClone = this.stoppingGestures = this.pendingGestures = null; this.incompleteTransitions = new Map(); this.passiveEffectDuration = this.effectDuration = -0; this.memoizedUpdaters = new Set(); @@ -18306,16 +18724,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_2020 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_2057 = React.version; if ( - "19.1.0-experimental-443b7ff2-20250303" !== - isomorphicReactPackageVersion$jscomp$inline_2020 + "19.1.0-experimental-e03ac20f-20250305" !== + isomorphicReactPackageVersion$jscomp$inline_2057 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_2020, - "19.1.0-experimental-443b7ff2-20250303" + isomorphicReactPackageVersion$jscomp$inline_2057, + "19.1.0-experimental-e03ac20f-20250305" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -18335,24 +18753,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2553 = { +var internals$jscomp$inline_2667 = { bundleType: 0, - version: "19.1.0-experimental-443b7ff2-20250303", + version: "19.1.0-experimental-e03ac20f-20250305", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-443b7ff2-20250303" + reconcilerVersion: "19.1.0-experimental-e03ac20f-20250305" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2554 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2668 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2554.isDisabled && - hook$jscomp$inline_2554.supportsFiber + !hook$jscomp$inline_2668.isDisabled && + hook$jscomp$inline_2668.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2554.inject( - internals$jscomp$inline_2553 + (rendererID = hook$jscomp$inline_2668.inject( + internals$jscomp$inline_2667 )), - (injectedHook = hook$jscomp$inline_2554); + (injectedHook = hook$jscomp$inline_2668); } catch (err) {} } function noop() {} @@ -18605,7 +19023,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-experimental-443b7ff2-20250303"; +exports.version = "19.1.0-experimental-e03ac20f-20250305"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js index c6ea654e0169c..3017bc470f697 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js @@ -9600,5 +9600,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; - exports.version = "19.1.0-experimental-443b7ff2-20250303"; + exports.version = "19.1.0-experimental-e03ac20f-20250305"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js index 6b3786113c61a..72f077818d329 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js @@ -6351,4 +6351,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; -exports.version = "19.1.0-experimental-443b7ff2-20250303"; +exports.version = "19.1.0-experimental-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js index 812bdd81d9aea..3bd61005a7b41 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js @@ -9600,5 +9600,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server' ); }; - exports.version = "19.1.0-experimental-443b7ff2-20250303"; + exports.version = "19.1.0-experimental-e03ac20f-20250305"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js index b8642a2b85531..09f795463c25f 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js @@ -6445,4 +6445,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server' ); }; -exports.version = "19.1.0-experimental-443b7ff2-20250303"; +exports.version = "19.1.0-experimental-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js index b81b0a7d6d83d..b34b0b0b9d268 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js @@ -8503,11 +8503,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-443b7ff2-20250303" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-e03ac20f-20250305" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-experimental-443b7ff2-20250303\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-e03ac20f-20250305\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react-experimental"), @@ -10294,5 +10294,5 @@ startWork(request); }); }; - exports.version = "19.1.0-experimental-443b7ff2-20250303"; + exports.version = "19.1.0-experimental-e03ac20f-20250305"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js index cbef8dda1f633..57fdc95f076ec 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js @@ -6892,12 +6892,12 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-443b7ff2-20250303" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-e03ac20f-20250305" !== isomorphicReactPackageVersion) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion, - "19.1.0-experimental-443b7ff2-20250303" + "19.1.0-experimental-e03ac20f-20250305" ) ); } @@ -7152,4 +7152,4 @@ exports.resumeAndPrerender = function (children, postponedState, options) { startWork(request); }); }; -exports.version = "19.1.0-experimental-443b7ff2-20250303"; +exports.version = "19.1.0-experimental-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js index 5f94fd73b32c8..e7b3264358456 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js @@ -6370,13 +6370,13 @@ function addToReplayParent(node, parentKeyPath, trackedPostpones) { } var isomorphicReactPackageVersion$jscomp$inline_810 = React.version; if ( - "19.1.0-experimental-443b7ff2-20250303" !== + "19.1.0-experimental-e03ac20f-20250305" !== isomorphicReactPackageVersion$jscomp$inline_810 ) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion$jscomp$inline_810 + - "\n - react-dom: 19.1.0-experimental-443b7ff2-20250303\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-e03ac20f-20250305\nLearn more: https://react.dev/warnings/version-mismatch") ); exports.renderToReadableStream = function (children, options) { return new Promise(function (resolve, reject) { @@ -6467,4 +6467,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.1.0-experimental-443b7ff2-20250303"; +exports.version = "19.1.0-experimental-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js index a2932f2eee52f..f09d0cae6c0e7 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js @@ -8526,11 +8526,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-443b7ff2-20250303" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-e03ac20f-20250305" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-experimental-443b7ff2-20250303\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-e03ac20f-20250305\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react-experimental"), @@ -10324,5 +10324,5 @@ const setTimeoutOrImmediate = ? globalThis['set' + 'Immediate'] : setTimeout; - exports.version = "19.1.0-experimental-443b7ff2-20250303"; + exports.version = "19.1.0-experimental-e03ac20f-20250305"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js index 5c9dc2ecdc2a1..310ef331f9623 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js @@ -7001,11 +7001,11 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-443b7ff2-20250303" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-e03ac20f-20250305" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-experimental-443b7ff2-20250303\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-e03ac20f-20250305\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -7270,4 +7270,4 @@ const setTimeoutOrImmediate = ? globalThis['set' + 'Immediate'] : setTimeout; -exports.version = "19.1.0-experimental-443b7ff2-20250303"; +exports.version = "19.1.0-experimental-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js index d832e73512c94..5a9f17786bcf2 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js @@ -8390,11 +8390,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-443b7ff2-20250303" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-e03ac20f-20250305" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-experimental-443b7ff2-20250303\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-e03ac20f-20250305\nLearn more: https://react.dev/warnings/version-mismatch") ); } function createDrainHandler(destination, request) { @@ -10174,5 +10174,5 @@ } }; }; - exports.version = "19.1.0-experimental-443b7ff2-20250303"; + exports.version = "19.1.0-experimental-e03ac20f-20250305"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js index a54c26d3f75a1..a22253e7d93cb 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js @@ -6880,11 +6880,11 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-443b7ff2-20250303" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-e03ac20f-20250305" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-experimental-443b7ff2-20250303\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-e03ac20f-20250305\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -7135,4 +7135,4 @@ exports.resumeToPipeableStream = function (children, postponedState, options) { } }; }; -exports.version = "19.1.0-experimental-443b7ff2-20250303"; +exports.version = "19.1.0-experimental-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js index baf1b8f475b2e..087d015bc367f 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js @@ -1069,6 +1069,11 @@ console.error("Invalid attribute name: `%s`", attributeName); return !1; } + function pushMutationContext() { + var prev = viewTransitionMutationContext; + viewTransitionMutationContext = !1; + return prev; + } function getValueForAttributeOnCustomComponent(node, name, expected) { if (isAttributeNameSafe(name)) { if (!node.hasAttribute(name)) { @@ -9573,33 +9578,33 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_2671; - var JSCompiler_object_inline_stack_2670 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_2791; + var JSCompiler_object_inline_stack_2790 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_message_2668 = !1; + var JSCompiler_object_inline_message_2788 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_2671 = didSuspend) || - (JSCompiler_object_inline_componentStack_2671 = + (JSCompiler_object_inline_componentStack_2791 = didSuspend) || + (JSCompiler_object_inline_componentStack_2791 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_2671 && - ((JSCompiler_object_inline_message_2668 = !0), + JSCompiler_object_inline_componentStack_2791 && + ((JSCompiler_object_inline_message_2788 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_2671 = + JSCompiler_object_inline_componentStack_2791 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_message_2668 + JSCompiler_object_inline_message_2788 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_digest_2669 = nextHydratableInstance; + var JSCompiler_object_inline_digest_2789 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2669)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2789)) { c: { - var instance = JSCompiler_object_inline_digest_2669; + var instance = JSCompiler_object_inline_digest_2789; for ( JSCompiler_temp = rootOrSingletonContext; 8 !== instance.nodeType; @@ -9641,87 +9646,87 @@ JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_digest_2669 + JSCompiler_object_inline_digest_2789 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_digest_2669 = workInProgress.memoizedState; + JSCompiler_object_inline_digest_2789 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_digest_2669 && - ((JSCompiler_object_inline_digest_2669 = - JSCompiler_object_inline_digest_2669.dehydrated), - null !== JSCompiler_object_inline_digest_2669) + null !== JSCompiler_object_inline_digest_2789 && + ((JSCompiler_object_inline_digest_2789 = + JSCompiler_object_inline_digest_2789.dehydrated), + null !== JSCompiler_object_inline_digest_2789) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2669) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2789) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_digest_2669 = - JSCompiler_object_inline_stack_2670.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2670.fallback; - if (JSCompiler_object_inline_message_2668) + JSCompiler_object_inline_digest_2789 = + JSCompiler_object_inline_stack_2790.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2790.fallback; + if (JSCompiler_object_inline_message_2788) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2670 = + (JSCompiler_object_inline_stack_2790 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2669, + JSCompiler_object_inline_digest_2789, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2668 = workInProgress.child), - (JSCompiler_object_inline_message_2668.memoizedState = + (JSCompiler_object_inline_message_2788 = workInProgress.child), + (JSCompiler_object_inline_message_2788.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2668.childLanes = + (JSCompiler_object_inline_message_2788.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2671, + JSCompiler_object_inline_componentStack_2791, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2670 + JSCompiler_object_inline_stack_2790 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2670.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2790.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2670 = + (JSCompiler_object_inline_stack_2790 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2669, + JSCompiler_object_inline_digest_2789, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2668 = workInProgress.child), - (JSCompiler_object_inline_message_2668.memoizedState = + (JSCompiler_object_inline_message_2788 = workInProgress.child), + (JSCompiler_object_inline_message_2788.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2668.childLanes = + (JSCompiler_object_inline_message_2788.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2671, + JSCompiler_object_inline_componentStack_2791, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2670 + JSCompiler_object_inline_stack_2790 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_digest_2669 + JSCompiler_object_inline_digest_2789 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_digest_2669 = prevState.dehydrated), - null !== JSCompiler_object_inline_digest_2669) + ((JSCompiler_object_inline_digest_2789 = prevState.dehydrated), + null !== JSCompiler_object_inline_digest_2789) ) { if (didSuspend) workInProgress.flags & 256 @@ -9738,94 +9743,94 @@ (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2668 = - JSCompiler_object_inline_stack_2670.fallback), - (JSCompiler_object_inline_digest_2669 = workInProgress.mode), - (JSCompiler_object_inline_stack_2670 = + (JSCompiler_object_inline_message_2788 = + JSCompiler_object_inline_stack_2790.fallback), + (JSCompiler_object_inline_digest_2789 = workInProgress.mode), + (JSCompiler_object_inline_stack_2790 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2670.children + children: JSCompiler_object_inline_stack_2790.children }, - JSCompiler_object_inline_digest_2669 + JSCompiler_object_inline_digest_2789 )), - (JSCompiler_object_inline_message_2668 = + (JSCompiler_object_inline_message_2788 = createFiberFromFragment( - JSCompiler_object_inline_message_2668, - JSCompiler_object_inline_digest_2669, + JSCompiler_object_inline_message_2788, + JSCompiler_object_inline_digest_2789, renderLanes, null )), - (JSCompiler_object_inline_message_2668.flags |= 2), - (JSCompiler_object_inline_stack_2670.return = workInProgress), - (JSCompiler_object_inline_message_2668.return = workInProgress), - (JSCompiler_object_inline_stack_2670.sibling = - JSCompiler_object_inline_message_2668), - (workInProgress.child = JSCompiler_object_inline_stack_2670), + (JSCompiler_object_inline_message_2788.flags |= 2), + (JSCompiler_object_inline_stack_2790.return = workInProgress), + (JSCompiler_object_inline_message_2788.return = workInProgress), + (JSCompiler_object_inline_stack_2790.sibling = + JSCompiler_object_inline_message_2788), + (workInProgress.child = JSCompiler_object_inline_stack_2790), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2670 = workInProgress.child), - (JSCompiler_object_inline_stack_2670.memoizedState = + (JSCompiler_object_inline_stack_2790 = workInProgress.child), + (JSCompiler_object_inline_stack_2790.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2670.childLanes = + (JSCompiler_object_inline_stack_2790.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2671, + JSCompiler_object_inline_componentStack_2791, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - (workInProgress = JSCompiler_object_inline_message_2668)); + (workInProgress = JSCompiler_object_inline_message_2788)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && console.error( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2669)) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2789)) ) { - JSCompiler_object_inline_componentStack_2671 = - JSCompiler_object_inline_digest_2669.nextSibling && - JSCompiler_object_inline_digest_2669.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_2671) { - JSCompiler_temp = JSCompiler_object_inline_componentStack_2671.dgst; - var message = JSCompiler_object_inline_componentStack_2671.msg; - instance = JSCompiler_object_inline_componentStack_2671.stck; + JSCompiler_object_inline_componentStack_2791 = + JSCompiler_object_inline_digest_2789.nextSibling && + JSCompiler_object_inline_digest_2789.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_2791) { + JSCompiler_temp = JSCompiler_object_inline_componentStack_2791.dgst; + var message = JSCompiler_object_inline_componentStack_2791.msg; + instance = JSCompiler_object_inline_componentStack_2791.stck; var componentStack = - JSCompiler_object_inline_componentStack_2671.cstck; + JSCompiler_object_inline_componentStack_2791.cstck; } - JSCompiler_object_inline_message_2668 = message; - JSCompiler_object_inline_digest_2669 = JSCompiler_temp; - JSCompiler_object_inline_stack_2670 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2671 = + JSCompiler_object_inline_message_2788 = message; + JSCompiler_object_inline_digest_2789 = JSCompiler_temp; + JSCompiler_object_inline_stack_2790 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2791 = componentStack; - "POSTPONE" !== JSCompiler_object_inline_digest_2669 && - ((JSCompiler_object_inline_componentStack_2671 = - JSCompiler_object_inline_message_2668 - ? Error(JSCompiler_object_inline_message_2668) + "POSTPONE" !== JSCompiler_object_inline_digest_2789 && + ((JSCompiler_object_inline_componentStack_2791 = + JSCompiler_object_inline_message_2788 + ? Error(JSCompiler_object_inline_message_2788) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." )), - (JSCompiler_object_inline_componentStack_2671.stack = - JSCompiler_object_inline_stack_2670 || ""), - (JSCompiler_object_inline_componentStack_2671.digest = - JSCompiler_object_inline_digest_2669), - (JSCompiler_object_inline_stack_2670 = + (JSCompiler_object_inline_componentStack_2791.stack = + JSCompiler_object_inline_stack_2790 || ""), + (JSCompiler_object_inline_componentStack_2791.digest = + JSCompiler_object_inline_digest_2789), + (JSCompiler_object_inline_stack_2790 = void 0 === JSCompiler_temp ? null : JSCompiler_temp), - (JSCompiler_object_inline_message_2668 = { - value: JSCompiler_object_inline_componentStack_2671, + (JSCompiler_object_inline_message_2788 = { + value: JSCompiler_object_inline_componentStack_2791, source: null, - stack: JSCompiler_object_inline_stack_2670 + stack: JSCompiler_object_inline_stack_2790 }), - "string" === typeof JSCompiler_object_inline_stack_2670 && + "string" === typeof JSCompiler_object_inline_stack_2790 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2671, - JSCompiler_object_inline_message_2668 + JSCompiler_object_inline_componentStack_2791, + JSCompiler_object_inline_message_2788 ), - queueHydrationError(JSCompiler_object_inline_message_2668)); + queueHydrationError(JSCompiler_object_inline_message_2788)); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9839,44 +9844,44 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_2671 = + (JSCompiler_object_inline_componentStack_2791 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_2671) + didReceiveUpdate || JSCompiler_object_inline_componentStack_2791) ) { - JSCompiler_object_inline_componentStack_2671 = workInProgressRoot; + JSCompiler_object_inline_componentStack_2791 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_2671 && - ((JSCompiler_object_inline_stack_2670 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2670 = - 0 !== (JSCompiler_object_inline_stack_2670 & 42) + null !== JSCompiler_object_inline_componentStack_2791 && + ((JSCompiler_object_inline_stack_2790 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2790 = + 0 !== (JSCompiler_object_inline_stack_2790 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2670 + JSCompiler_object_inline_stack_2790 )), - (JSCompiler_object_inline_stack_2670 = + (JSCompiler_object_inline_stack_2790 = 0 !== - (JSCompiler_object_inline_stack_2670 & - (JSCompiler_object_inline_componentStack_2671.suspendedLanes | + (JSCompiler_object_inline_stack_2790 & + (JSCompiler_object_inline_componentStack_2791.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2670), - 0 !== JSCompiler_object_inline_stack_2670 && - JSCompiler_object_inline_stack_2670 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2790), + 0 !== JSCompiler_object_inline_stack_2790 && + JSCompiler_object_inline_stack_2790 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2670), + ((prevState.retryLane = JSCompiler_object_inline_stack_2790), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2670 + JSCompiler_object_inline_stack_2790 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_2671, + JSCompiler_object_inline_componentStack_2791, current, - JSCompiler_object_inline_stack_2670 + JSCompiler_object_inline_stack_2790 ), SelectiveHydrationException) ); - JSCompiler_object_inline_digest_2669.data === + JSCompiler_object_inline_digest_2789.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9884,14 +9889,14 @@ renderLanes ); } else - JSCompiler_object_inline_digest_2669.data === + JSCompiler_object_inline_digest_2789.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_digest_2669.nextSibling + JSCompiler_object_inline_digest_2789.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9909,54 +9914,54 @@ (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2670.children + JSCompiler_object_inline_stack_2790.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_message_2668) + if (JSCompiler_object_inline_message_2788) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2668 = - JSCompiler_object_inline_stack_2670.fallback), - (JSCompiler_object_inline_digest_2669 = workInProgress.mode), + (JSCompiler_object_inline_message_2788 = + JSCompiler_object_inline_stack_2790.fallback), + (JSCompiler_object_inline_digest_2789 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2670 = createWorkInProgress( + (JSCompiler_object_inline_stack_2790 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2670.children + children: JSCompiler_object_inline_stack_2790.children } )), - (JSCompiler_object_inline_stack_2670.subtreeFlags = + (JSCompiler_object_inline_stack_2790.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_message_2668 = createWorkInProgress( + ? (JSCompiler_object_inline_message_2788 = createWorkInProgress( instance, - JSCompiler_object_inline_message_2668 + JSCompiler_object_inline_message_2788 )) - : ((JSCompiler_object_inline_message_2668 = createFiberFromFragment( - JSCompiler_object_inline_message_2668, - JSCompiler_object_inline_digest_2669, + : ((JSCompiler_object_inline_message_2788 = createFiberFromFragment( + JSCompiler_object_inline_message_2788, + JSCompiler_object_inline_digest_2789, renderLanes, null )), - (JSCompiler_object_inline_message_2668.flags |= 2)), - (JSCompiler_object_inline_message_2668.return = workInProgress), - (JSCompiler_object_inline_stack_2670.return = workInProgress), - (JSCompiler_object_inline_stack_2670.sibling = - JSCompiler_object_inline_message_2668), - (workInProgress.child = JSCompiler_object_inline_stack_2670), - (JSCompiler_object_inline_stack_2670 = - JSCompiler_object_inline_message_2668), - (JSCompiler_object_inline_message_2668 = workInProgress.child), - (JSCompiler_object_inline_digest_2669 = current.child.memoizedState), - null === JSCompiler_object_inline_digest_2669 - ? (JSCompiler_object_inline_digest_2669 = + (JSCompiler_object_inline_message_2788.flags |= 2)), + (JSCompiler_object_inline_message_2788.return = workInProgress), + (JSCompiler_object_inline_stack_2790.return = workInProgress), + (JSCompiler_object_inline_stack_2790.sibling = + JSCompiler_object_inline_message_2788), + (workInProgress.child = JSCompiler_object_inline_stack_2790), + (JSCompiler_object_inline_stack_2790 = + JSCompiler_object_inline_message_2788), + (JSCompiler_object_inline_message_2788 = workInProgress.child), + (JSCompiler_object_inline_digest_2789 = current.child.memoizedState), + null === JSCompiler_object_inline_digest_2789 + ? (JSCompiler_object_inline_digest_2789 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_digest_2669.cachePool), + JSCompiler_object_inline_digest_2789.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9964,38 +9969,38 @@ ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_digest_2669 = { + (JSCompiler_object_inline_digest_2789 = { baseLanes: - JSCompiler_object_inline_digest_2669.baseLanes | renderLanes, + JSCompiler_object_inline_digest_2789.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_message_2668.memoizedState = - JSCompiler_object_inline_digest_2669), - (JSCompiler_object_inline_message_2668.childLanes = + (JSCompiler_object_inline_message_2788.memoizedState = + JSCompiler_object_inline_digest_2789), + (JSCompiler_object_inline_message_2788.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2671, + JSCompiler_object_inline_componentStack_2791, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2670 + JSCompiler_object_inline_stack_2790 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2670.children + children: JSCompiler_object_inline_stack_2790.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_2671 = + ((JSCompiler_object_inline_componentStack_2791 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_2671 + null === JSCompiler_object_inline_componentStack_2791 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_2671.push(current)); + : JSCompiler_object_inline_componentStack_2791.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -12158,7 +12163,7 @@ focusedElem: root, selectionRange: JSCompiler_temp }; - shouldStartViewTransition = _enabled = !1; + _enabled = !1; committedLanes = (committedLanes & 335544064) === committedLanes; nextEffect = firstChild; for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { @@ -13311,8 +13316,7 @@ (offscreenSubtreeWasHidden || null === current || safelyDetachRef(current, current.return)); - flags = viewTransitionMutationContext; - viewTransitionMutationContext = !1; + flags = pushMutationContext(); recursivelyTraverseMutationEffects(root, finishedWork, lanes); commitReconciliationEffects(finishedWork); (lanes & 335544064) === lanes && @@ -13398,7 +13402,30 @@ } ); } - cancelRootViewTransitionName(root.containerInfo); + finishedWork = root.containerInfo; + finishedWork = + 9 === finishedWork.nodeType + ? finishedWork.documentElement + : finishedWork.ownerDocument.documentElement; + null !== finishedWork && + "" === finishedWork.style.viewTransitionName && + ((finishedWork.style.viewTransitionName = "none"), + finishedWork.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(root)" + } + ), + finishedWork.animate( + { width: [0, 0], height: [0, 0] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition" + } + )); } break; case 5: @@ -15936,6 +15963,173 @@ popProvider(CacheContext, interruptedWork); } } + function recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone + ) { + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + switch (parentFiber.tag) { + case 5: + var clone = parentFiber.stateNode.cloneNode(!0); + hostParentClone.appendChild(clone); + unhideHostChildren && + unhideInstance(clone, parentFiber.memoizedProps); + break; + case 6: + clone = parentFiber.stateNode; + if (null === clone) + throw Error( + "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue." + ); + clone = clone.cloneNode(!1); + hostParentClone.appendChild(clone); + unhideHostChildren && (clone.nodeValue = parentFiber.memoizedProps); + break; + case 4: + break; + case 22: + null === parentFiber.memoizedState && + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone + ); + break; + case 30: + clone = pushMutationContext(); + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone + ); + viewTransitionMutationContext = clone; + break; + default: + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone + ); + } + parentFiber = parentFiber.sibling; + } + } + function recursivelyInsertClones(parentFiber, hostParentClone$jscomp$0) { + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + var finishedWork = parentFiber, + hostParentClone = hostParentClone$jscomp$0, + current = finishedWork.alternate, + flags = finishedWork.flags; + switch (finishedWork.tag) { + case 26: + recursivelyInsertClones(finishedWork, hostParentClone); + break; + case 27: + recursivelyInsertClones(finishedWork, hostParentClone); + if (flags & 4) + if (null === current) + console.error( + "useSwipeTransition() caused something to render a new <%s>. This is not possible in the current implementation. Make sure that the swipe doesn't mount any new <%s> elements.", + finishedWork.type, + finishedWork.type + ); + else { + hostParentClone = finishedWork.memoizedProps; + current = current.memoizedProps; + flags = finishedWork.stateNode; + var clone = finishedWork.type; + var prev = pushMutationContext(); + try { + commitUpdate( + flags, + clone, + current, + hostParentClone, + finishedWork + ), + viewTransitionMutationContext && + console.error( + "useSwipeTransition() caused something to mutate <%s>. This is not possible in the current implementation. Make sure that the swipe doesn't update any state which causes <%s> to change.", + finishedWork.type, + finishedWork.type + ), + commitUpdate( + flags, + clone, + hostParentClone, + current, + finishedWork + ); + } finally { + viewTransitionMutationContext = prev; + } + } + break; + case 5: + clone = finishedWork.stateNode; + null === current + ? hostParentClone.appendChild(clone) + : (null === finishedWork.child + ? ((clone = clone.cloneNode(!0)), + finishedWork.flags & 32 && resetTextContent(clone)) + : (clone = clone.cloneNode(!1)), + flags & 4 && + commitUpdate( + clone, + finishedWork.type, + current.memoizedProps, + finishedWork.memoizedProps + ), + unhideHostChildren + ? ((unhideHostChildren = !1), + recursivelyInsertClones(finishedWork, clone), + hostParentClone.appendChild(clone), + (unhideHostChildren = !0), + unhideInstance(clone, finishedWork.memoizedProps)) + : (recursivelyInsertClones(finishedWork, clone), + hostParentClone.appendChild(clone))); + break; + case 6: + clone = finishedWork.stateNode; + if (null === clone) + throw Error( + "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue." + ); + null === current + ? hostParentClone.appendChild(clone) + : ((clone = clone.cloneNode(!1)), + flags & 4 && (clone.nodeValue = current.memoizedProps), + hostParentClone.appendChild(clone), + unhideHostChildren && + (clone.nodeValue = finishedWork.memoizedProps)); + break; + case 4: + break; + case 22: + null === finishedWork.memoizedState && + ((unhideHostChildren = + (current = unhideHostChildren) || 0 !== (flags & 8192)), + recursivelyInsertClones(finishedWork, hostParentClone), + (unhideHostChildren = current)); + break; + case 30: + current = pushMutationContext(); + recursivelyInsertClones(finishedWork, hostParentClone); + viewTransitionMutationContext && (finishedWork.flags |= 4); + viewTransitionMutationContext = current; + break; + default: + recursivelyInsertClones(finishedWork, hostParentClone); + } + parentFiber = parentFiber.sibling; + } + else + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone$jscomp$0 + ); + } function findFiberRootForHostRoot(hostRoot) { var maybeFiber = getClosestInstanceFromNode(hostRoot); if (null != maybeFiber) { @@ -17464,6 +17658,7 @@ ? logSuspendedCommitPhase(completedRenderEndTime, commitStartTime) : suspendedCommitReason === THROTTLED_COMMIT && logSuspenseThrottlePhase(completedRenderEndTime, commitStartTime); + shouldStartViewTransition = !1; suspendedCommitReason = 0 !== (finishedWork.flags & 13878); if ( 0 !== (finishedWork.subtreeFlags & 13878) || @@ -17813,22 +18008,158 @@ flushSyncWorkAcrossRoots_impl(0, !1); } } - function commitGestureOnRoot(root) { + function commitGestureOnRoot(root, finishedWork) { var finishedGesture = root.pendingGestures; if (null === finishedGesture) ensureRootIsScheduled(root); else { deleteScheduledGesture(root, finishedGesture); - var prevTransition = ReactSharedInternals.T, - previousPriority = ReactDOMSharedInternals.p, - prevExecutionContext = executionContext; + var prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = DiscreteEventPriority; + var prevExecutionContext = executionContext; executionContext |= CommitContext; - executionContext = prevExecutionContext; - ReactDOMSharedInternals.p = previousPriority; - ReactSharedInternals.T = prevTransition; + try { + unhideHostChildren = !1; + didWarnForRootClone || + ((didWarnForRootClone = !0), + console.warn( + "useSwipeTransition() caused something to mutate or relayout the root. This currently requires a clone of the whole document. Make sure to add a directly around an absolutely positioned DOM node to minimize the impact of any changes caused by the Swipe Transition." + )); + var rootContainer = root.containerInfo, + documentElement = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== documentElement && + "" === documentElement.style.viewTransitionName && + (documentElement.style.viewTransitionName = "none"); + var containerInstance = + 9 === rootContainer.nodeType + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + var containerParent = containerInstance.parentNode; + if (null === containerParent) + throw Error( + "Cannot use a useSwipeTransition() in a detached root." + ); + var clone = containerInstance.cloneNode(!1), + computedStyle = getComputedStyle(containerInstance); + if ( + "absolute" !== computedStyle.position && + "fixed" !== computedStyle.position + ) { + for ( + rootContainer = containerParent; + null != rootContainer.parentNode && + 9 !== rootContainer.parentNode.nodeType && + "static" === getComputedStyle(rootContainer).position; + + ) + rootContainer = rootContainer.parentNode; + var positionedAncestorStyle = rootContainer.style, + containerInstanceStyle = containerInstance.style, + prevAncestorTranslate = positionedAncestorStyle.translate, + prevAncestorScale = positionedAncestorStyle.scale, + prevAncestorRotate = positionedAncestorStyle.rotate, + prevAncestorTransform = positionedAncestorStyle.transform, + prevTranslate = containerInstanceStyle.translate, + prevScale = containerInstanceStyle.scale, + prevRotate = containerInstanceStyle.rotate, + prevTransform = containerInstanceStyle.transform; + positionedAncestorStyle.translate = "none"; + positionedAncestorStyle.scale = "none"; + positionedAncestorStyle.rotate = "none"; + positionedAncestorStyle.transform = "none"; + containerInstanceStyle.translate = "none"; + containerInstanceStyle.scale = "none"; + containerInstanceStyle.rotate = "none"; + containerInstanceStyle.transform = "none"; + var ancestorRect = rootContainer.getBoundingClientRect(), + rect = containerInstance.getBoundingClientRect(), + cloneStyle = clone.style; + cloneStyle.position = "absolute"; + cloneStyle.top = rect.top - ancestorRect.top + "px"; + cloneStyle.left = rect.left - ancestorRect.left + "px"; + cloneStyle.width = rect.width + "px"; + cloneStyle.height = rect.height + "px"; + cloneStyle.margin = "0px"; + cloneStyle.boxSizing = "border-box"; + positionedAncestorStyle.translate = prevAncestorTranslate; + positionedAncestorStyle.scale = prevAncestorScale; + positionedAncestorStyle.rotate = prevAncestorRotate; + positionedAncestorStyle.transform = prevAncestorTransform; + containerInstanceStyle.translate = prevTranslate; + containerInstanceStyle.scale = prevScale; + containerInstanceStyle.rotate = prevRotate; + containerInstanceStyle.transform = prevTransform; + } + clone.style.viewTransitionName = "root"; + var transform = computedStyle.transform; + "none" === transform && (transform = ""); + var scale = computedStyle.scale; + if ("none" !== scale && "" !== scale) { + var parts = scale.split(" "); + transform = + (3 === parts.length ? "scale3d" : "scale") + + "(" + + parts.join(", ") + + ") " + + transform; + } + var rotate = computedStyle.rotate; + if ("none" !== rotate && "" !== rotate) { + var _parts = rotate.split(" "); + transform = + 1 === _parts.length + ? "rotate(" + _parts[0] + ") " + transform + : 2 === _parts.length + ? "rotate" + + _parts[0].toUpperCase() + + "(" + + _parts[1] + + ") " + + transform + : "rotate3d(" + _parts.join(", ") + ") " + transform; + } + var translate = computedStyle.translate; + if ("none" !== translate && "" !== translate) { + var _parts2 = translate.split(" "); + transform = + (3 === _parts2.length ? "translate3d" : "translate") + + "(" + + _parts2.join(", ") + + ") " + + transform; + } + var transform$jscomp$0 = transform; + clone.style.translate = "none"; + clone.style.scale = "none"; + clone.style.rotate = "none"; + clone.style.transform = + "translate(-20000px, -20000px) " + transform$jscomp$0; + containerInstance.parentNode.insertBefore( + clone, + containerInstance.nextSibling + ); + root.gestureClone = clone; + recursivelyInsertClones(finishedWork, clone); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } pendingTransitionTypes = null; pendingEffectsStatus = PENDING_GESTURE_MUTATION_PHASE; finishedGesture.running = startGestureTransition( root.containerInfo, + finishedGesture.provider, + finishedGesture.rangeCurrent, + finishedGesture.direction + ? finishedGesture.rangeNext + : finishedGesture.rangePrevious, pendingTransitionTypes, flushGestureMutations, flushGestureAnimations @@ -17846,7 +18177,24 @@ var prevExecutionContext = executionContext; executionContext |= CommitContext; try { - cancelRootViewTransitionName(root.containerInfo); + var rootClone = root.gestureClone; + if (null !== rootClone) { + root.gestureClone = null; + var rootContainer = root.containerInfo; + var containerInstance = + 9 === rootContainer.nodeType + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + var containerParent = containerInstance.parentNode; + if (null === containerParent) + throw Error( + "Cannot use a useSwipeTransition() in a detached root." + ); + containerParent.removeChild(rootClone); + containerInstance.style.viewTransitionName = "root"; + } } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -21828,32 +22176,16 @@ instance.style.viewTransitionClass = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } - function cancelRootViewTransitionName(rootContainer) { - rootContainer = - 9 === rootContainer.nodeType - ? rootContainer.documentElement - : rootContainer.ownerDocument.documentElement; - null !== rootContainer && - "" === rootContainer.style.viewTransitionName && - ((rootContainer.style.viewTransitionName = "none"), - rootContainer.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(root)" - } - ), - rootContainer.animate( - { width: [0, 0], height: [0, 0] }, - { duration: 0, fill: "forwards", pseudoElement: "::view-transition" } - )); - } function restoreRootViewTransitionName(rootContainer) { rootContainer = 9 === rootContainer.nodeType - ? rootContainer.documentElement - : rootContainer.ownerDocument.documentElement; + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + "root" === rootContainer.style.viewTransitionName && + (rootContainer.style.viewTransitionName = ""); + rootContainer = rootContainer.ownerDocument.documentElement; null !== rootContainer && "none" === rootContainer.style.viewTransitionName && (rootContainer.style.viewTransitionName = ""); @@ -21950,8 +22282,78 @@ return !1; } } + function mergeTranslate(translateA, translateB) { + if (!translateA || "none" === translateA) return translateB || ""; + if (!translateB || "none" === translateB) return translateA || ""; + translateA = translateA.split(" "); + translateB = translateB.split(" "); + var i, + result = ""; + for (i = 0; i < translateA.length && i < translateB.length; i++) + 0 < i && (result += " "), + (result += "calc(" + translateA[i] + " + " + translateB[i] + ")"); + for (; i < translateA.length; i++) result += " " + translateA[i]; + for (; i < translateB.length; i++) result += " " + translateB[i]; + return result; + } + function animateGesture( + keyframes, + targetElement, + pseudoElement, + timeline, + rangeStart, + rangeEnd, + moveFirstFrameIntoViewport, + moveAllFramesIntoViewport + ) { + for (var i = 0; i < keyframes.length; i++) { + var keyframe = keyframes[i]; + delete keyframe.easing; + delete keyframe.computedOffset; + "auto" === keyframe.width && delete keyframe.width; + "auto" === keyframe.height && delete keyframe.height; + "none" === keyframe.transform && delete keyframe.transform; + if (moveAllFramesIntoViewport && null == keyframe.transform) + if (null == keyframe.translate || "" === keyframe.translate) { + var elementTranslate = getComputedStyle( + targetElement, + pseudoElement + ).translate; + keyframe.translate = mergeTranslate( + elementTranslate, + "20000px 20000px" + ); + } else + keyframe.translate = mergeTranslate( + keyframe.translate, + "20000px 20000px" + ); + } + moveFirstFrameIntoViewport && + ((moveFirstFrameIntoViewport = keyframes[0]), + (moveAllFramesIntoViewport = moveFirstFrameIntoViewport.transform), + null != moveAllFramesIntoViewport && + (moveFirstFrameIntoViewport.transform = + "translate(20000px, 20000px) " + + ("none" === moveAllFramesIntoViewport + ? "" + : moveAllFramesIntoViewport))); + moveFirstFrameIntoViewport = rangeStart > rangeEnd; + targetElement.animate(keyframes, { + pseudoElement: pseudoElement, + timeline: timeline, + easing: "linear", + fill: "both", + direction: moveFirstFrameIntoViewport ? "normal" : "reverse", + rangeStart: (moveFirstFrameIntoViewport ? rangeEnd : rangeStart) + "%", + rangeEnd: (moveFirstFrameIntoViewport ? rangeStart : rangeEnd) + "%" + }); + } function startGestureTransition( rootContainer, + timeline, + rangeStart, + rangeEnd, transitionTypes, mutationCallback, animateCallback @@ -21966,18 +22368,100 @@ types: transitionTypes }); ownerDocument.__reactViewTransition = transition; - var blockingAnim = null; - rootContainer = function () { - blockingAnim = ownerDocument.documentElement.animate([{}, {}], { - pseudoElement: "::view-transition", - duration: 1 - }); - blockingAnim.pause(); - animateCallback(); - }; - transition.ready.then(rootContainer, rootContainer); + var readyCallback = function () { + for ( + var documentElement = ownerDocument.documentElement, + animations = documentElement.getAnimations({ subtree: !0 }), + foundGroups = new Set(), + foundNews = new Set(), + i = 0; + i < animations.length; + i++ + ) { + var pseudoElement = animations[i].effect.pseudoElement; + null != pseudoElement && + (pseudoElement.startsWith("::view-transition-group") + ? foundGroups.add(pseudoElement.slice(23)) + : pseudoElement.startsWith("::view-transition-new") && + foundNews.add(pseudoElement.slice(21))); + } + for (i = 0; i < animations.length; i++) { + var anim = animations[i]; + pseudoElement = anim.effect; + var _pseudoElement = pseudoElement.pseudoElement; + if ( + null != _pseudoElement && + _pseudoElement.startsWith("::view-transition") + ) { + anim.cancel(); + var isGeneratedGroupAnim = !1, + isExitGroupAnim = !1; + if (_pseudoElement.startsWith("::view-transition-group")) { + var groupName = _pseudoElement.slice(23); + foundNews.has(groupName) + ? ((anim = anim.animationName), + (isGeneratedGroupAnim = + null != anim && + anim.startsWith("-ua-view-transition-group-anim-"))) + : (isExitGroupAnim = !0); + } + animateGesture( + pseudoElement.getKeyframes(), + pseudoElement.target, + _pseudoElement, + timeline, + rangeStart, + rangeEnd, + isGeneratedGroupAnim, + isExitGroupAnim + ); + _pseudoElement.startsWith("::view-transition-old") && + ((_pseudoElement = _pseudoElement.slice(21)), + foundGroups.has(_pseudoElement) || + foundNews.has(_pseudoElement) || + (foundGroups.add(_pseudoElement), + animateGesture( + [{}, {}], + pseudoElement.target, + "::view-transition-group" + _pseudoElement, + timeline, + rangeStart, + rangeEnd, + !1, + !0 + ))); + } + } + documentElement + .animate([{}, {}], { + pseudoElement: "::view-transition", + duration: 1 + }) + .pause(); + animateCallback(); + }, + readyForAnimations = + -1 !== navigator.userAgent.indexOf("Chrome") + ? function () { + return requestAnimationFrame(readyCallback); + } + : readyCallback; + transition.ready.then(readyForAnimations, readyCallback); transition.finished.then(function () { - null !== blockingAnim && blockingAnim.cancel(); + for ( + var animations = ownerDocument.documentElement.getAnimations({ + subtree: !0 + }), + i = 0; + i < animations.length; + i++ + ) { + var anim = animations[i], + pseudo = anim.effect.pseudoElement; + null != pseudo && + pseudo.startsWith("::view-transition") && + anim.cancel(); + } ownerDocument.__reactViewTransition === transition && (ownerDocument.__reactViewTransition = null); }); @@ -23143,7 +23627,7 @@ this.pooledCache = null; this.pooledCacheLanes = 0; this.formState = formState; - this.stoppingGestures = this.pendingGestures = null; + this.gestureClone = this.stoppingGestures = this.pendingGestures = null; this.incompleteTransitions = new Map(); this.passiveEffectDuration = this.effectDuration = -0; this.memoizedUpdaters = new Set(); @@ -27031,6 +27515,8 @@ "Hydration Mismatch Exception: This is not a real error, and should not leak into userspace. If you're seeing this, it's likely a bug in React." ), globalClientIdCounter = 0, + didWarnForRootClone = !1, + unhideHostChildren = !1, DefaultAsyncDispatcher = { getCacheForType: function (resourceType) { var cache = readContext(CacheContext), @@ -27715,11 +28201,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-443b7ff2-20250303" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-e03ac20f-20250305" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-experimental-443b7ff2-20250303\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-e03ac20f-20250305\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -27756,10 +28242,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.1.0-experimental-443b7ff2-20250303", + version: "19.1.0-experimental-e03ac20f-20250305", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-443b7ff2-20250303" + reconcilerVersion: "19.1.0-experimental-e03ac20f-20250305" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -28067,5 +28553,5 @@ } }; }; - exports.version = "19.1.0-experimental-443b7ff2-20250303"; + exports.version = "19.1.0-experimental-e03ac20f-20250305"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js index 8c92866f2552f..c0eae7b595cc5 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js @@ -831,6 +831,11 @@ function isAttributeNameSafe(attributeName) { return !1; } var viewTransitionMutationContext = !1; +function pushMutationContext() { + var prev = viewTransitionMutationContext; + viewTransitionMutationContext = !1; + return prev; +} function setValueForAttribute(node, name, value) { if (isAttributeNameSafe(name)) if (null === value) node.removeAttribute(name); @@ -8442,7 +8447,7 @@ function commitBeforeMutationEffects(root, firstChild, committedLanes) { JSCompiler_temp = JSCompiler_temp || { start: 0, end: 0 }; } else JSCompiler_temp = null; selectionInformation = { focusedElem: root, selectionRange: JSCompiler_temp }; - shouldStartViewTransition = _enabled = !1; + _enabled = !1; committedLanes = (committedLanes & 335544064) === committedLanes; nextEffect = firstChild; for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { @@ -9093,9 +9098,9 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { hoistableRoot ).get(flags + (current.href || "")); if (maybeNodes) - for (var i = 0; i < maybeNodes.length; i++) + for (root = 0; root < maybeNodes.length; root++) if ( - ((currentResource = maybeNodes[i]), + ((currentResource = maybeNodes[root]), currentResource.getAttribute("href") === (null == current.href || "" === current.href ? null @@ -9109,7 +9114,7 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { ? null : current.crossOrigin)) ) { - maybeNodes.splice(i, 1); + maybeNodes.splice(root, 1); break b; } currentResource = hoistableRoot.createElement(flags); @@ -9124,9 +9129,9 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { hoistableRoot ).get(flags + (current.content || ""))) ) - for (i = 0; i < maybeNodes.length; i++) + for (root = 0; root < maybeNodes.length; root++) if ( - ((currentResource = maybeNodes[i]), + ((currentResource = maybeNodes[root]), currentResource.getAttribute("content") === (null == current.content ? null @@ -9146,7 +9151,7 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { ? null : current.charSet)) ) { - maybeNodes.splice(i, 1); + maybeNodes.splice(root, 1); break b; } currentResource = hoistableRoot.createElement(flags); @@ -9336,25 +9341,13 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { if (null === current) { lanes = current = root; try { - if (((currentResource = lanes.stateNode), hoistableRoot)) - (maybeNodes = currentResource.style), - "function" === typeof maybeNodes.setProperty - ? maybeNodes.setProperty("display", "none", "important") - : (maybeNodes.display = "none"); - else { - i = lanes.stateNode; - var styleProp = lanes.memoizedProps.style, - display = - void 0 !== styleProp && - null !== styleProp && - styleProp.hasOwnProperty("display") - ? styleProp.display - : null; - i.style.display = - null == display || "boolean" === typeof display - ? "" - : ("" + display).trim(); - } + (currentResource = lanes.stateNode), + hoistableRoot + ? ((maybeNodes = currentResource.style), + "function" === typeof maybeNodes.setProperty + ? maybeNodes.setProperty("display", "none", "important") + : (maybeNodes.display = "none")) + : unhideInstance(lanes.stateNode, lanes.memoizedProps); } catch (error) { captureCommitPhaseError(lanes, lanes.return, error); } @@ -9412,8 +9405,7 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { (offscreenSubtreeWasHidden || null === current || safelyDetachRef(current, current.return)); - flags = viewTransitionMutationContext; - viewTransitionMutationContext = !1; + flags = pushMutationContext(); recursivelyTraverseMutationEffects(root, finishedWork, lanes); commitReconciliationEffects(finishedWork); (lanes & 335544064) === lanes && @@ -9521,7 +9513,30 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { } ); } - cancelRootViewTransitionName(root.containerInfo); + finishedWork = root.containerInfo; + finishedWork = + 9 === finishedWork.nodeType + ? finishedWork.documentElement + : finishedWork.ownerDocument.documentElement; + null !== finishedWork && + "" === finishedWork.style.viewTransitionName && + ((finishedWork.style.viewTransitionName = "none"), + finishedWork.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(root)" + } + ), + finishedWork.animate( + { width: [0, 0], height: [0, 0] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition" + } + )); } break; case 5: @@ -11374,6 +11389,122 @@ function unwindInterruptedWork(current, interruptedWork) { popProvider(CacheContext); } } +var unhideHostChildren = !1; +function recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone) { + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + switch (parentFiber.tag) { + case 5: + var clone = parentFiber.stateNode.cloneNode(!0); + hostParentClone.appendChild(clone); + unhideHostChildren && unhideInstance(clone, parentFiber.memoizedProps); + break; + case 6: + clone = parentFiber.stateNode; + if (null === clone) throw Error(formatProdErrorMessage(162)); + clone = clone.cloneNode(!1); + hostParentClone.appendChild(clone); + unhideHostChildren && (clone.nodeValue = parentFiber.memoizedProps); + break; + case 4: + break; + case 22: + null === parentFiber.memoizedState && + recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); + break; + case 30: + clone = pushMutationContext(); + recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); + viewTransitionMutationContext = clone; + break; + default: + recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); + } + parentFiber = parentFiber.sibling; + } +} +function recursivelyInsertClones(parentFiber, hostParentClone$jscomp$0) { + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + var finishedWork = parentFiber, + hostParentClone = hostParentClone$jscomp$0, + current = finishedWork.alternate, + flags = finishedWork.flags; + switch (finishedWork.tag) { + case 26: + recursivelyInsertClones(finishedWork, hostParentClone); + break; + case 27: + recursivelyInsertClones(finishedWork, hostParentClone); + break; + case 5: + var clone = finishedWork.stateNode; + if (null === current) hostParentClone.appendChild(clone); + else { + null === finishedWork.child + ? ((clone = clone.cloneNode(!0)), + finishedWork.flags & 32 && setTextContent(clone, "")) + : (clone = clone.cloneNode(!1)); + if (flags & 4) { + flags = clone; + var newProps = finishedWork.memoizedProps; + updateProperties( + flags, + finishedWork.type, + current.memoizedProps, + newProps + ); + flags[internalPropsKey] = newProps; + } + unhideHostChildren + ? ((unhideHostChildren = !1), + recursivelyInsertClones(finishedWork, clone), + hostParentClone.appendChild(clone), + (unhideHostChildren = !0), + unhideInstance(clone, finishedWork.memoizedProps)) + : (recursivelyInsertClones(finishedWork, clone), + hostParentClone.appendChild(clone)); + } + break; + case 6: + clone = finishedWork.stateNode; + if (null === clone) throw Error(formatProdErrorMessage(162)); + null === current + ? hostParentClone.appendChild(clone) + : ((clone = clone.cloneNode(!1)), + flags & 4 && (clone.nodeValue = current.memoizedProps), + hostParentClone.appendChild(clone), + unhideHostChildren && + (clone.nodeValue = finishedWork.memoizedProps)); + break; + case 4: + break; + case 22: + null === finishedWork.memoizedState && + ((unhideHostChildren = + (current = unhideHostChildren) || 0 !== (flags & 8192)), + recursivelyInsertClones(finishedWork, hostParentClone), + (unhideHostChildren = current)); + break; + case 30: + current = pushMutationContext(); + recursivelyInsertClones(finishedWork, hostParentClone); + viewTransitionMutationContext && (finishedWork.flags |= 4); + viewTransitionMutationContext = current; + break; + default: + recursivelyInsertClones(finishedWork, hostParentClone); + } + parentFiber = parentFiber.sibling; + } + else + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone$jscomp$0 + ); +} var DefaultAsyncDispatcher = { getCacheForType: function (resourceType) { var cache = readContext(CacheContext), @@ -12139,8 +12270,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) { workLoopSync(); exitStatus = workInProgressRootExitStatus; break; - } catch (thrownValue$172) { - handleThrow(root, thrownValue$172); + } catch (thrownValue$174) { + handleThrow(root, thrownValue$174); } while (1); lanes && root.shellSuspendCounter++; @@ -12255,8 +12386,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrentByScheduler(); break; - } catch (thrownValue$174) { - handleThrow(root, thrownValue$174); + } catch (thrownValue$176) { + handleThrow(root, thrownValue$176); } while (1); lastContextDependency = currentlyRenderingFiber$1 = null; @@ -12482,6 +12613,7 @@ function commitRoot( return null; })) : ((root.callbackNode = null), (root.callbackPriority = 0)); + shouldStartViewTransition = !1; recoverableErrors = 0 !== (finishedWork.flags & 13878); if (0 !== (finishedWork.subtreeFlags & 13878) || recoverableErrors) { recoverableErrors = ReactSharedInternals.T; @@ -12741,22 +12873,150 @@ function flushSpawnedWork() { flushSyncWorkAcrossRoots_impl(0, !1); } } -function commitGestureOnRoot(root) { +function commitGestureOnRoot(root, finishedWork) { var finishedGesture = root.pendingGestures; if (null === finishedGesture) ensureRootIsScheduled(root); else { deleteScheduledGesture(root, finishedGesture); - var prevTransition = ReactSharedInternals.T, - previousPriority = ReactDOMSharedInternals.p, - prevExecutionContext = executionContext; + var prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = 2; + var prevExecutionContext = executionContext; executionContext |= 4; - executionContext = prevExecutionContext; - ReactDOMSharedInternals.p = previousPriority; - ReactSharedInternals.T = prevTransition; + try { + unhideHostChildren = !1; + var rootContainer = root.containerInfo, + documentElement = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== documentElement && + "" === documentElement.style.viewTransitionName && + (documentElement.style.viewTransitionName = "none"); + var containerInstance = + 9 === rootContainer.nodeType + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + var containerParent = containerInstance.parentNode; + if (null === containerParent) throw Error(formatProdErrorMessage(552)); + var clone = containerInstance.cloneNode(!1), + computedStyle = getComputedStyle(containerInstance); + if ( + "absolute" !== computedStyle.position && + "fixed" !== computedStyle.position + ) { + for ( + rootContainer = containerParent; + null != rootContainer.parentNode && + 9 !== rootContainer.parentNode.nodeType && + "static" === getComputedStyle(rootContainer).position; + + ) + rootContainer = rootContainer.parentNode; + var positionedAncestorStyle = rootContainer.style, + containerInstanceStyle = containerInstance.style, + prevAncestorTranslate = positionedAncestorStyle.translate, + prevAncestorScale = positionedAncestorStyle.scale, + prevAncestorRotate = positionedAncestorStyle.rotate, + prevAncestorTransform = positionedAncestorStyle.transform, + prevTranslate = containerInstanceStyle.translate, + prevScale = containerInstanceStyle.scale, + prevRotate = containerInstanceStyle.rotate, + prevTransform = containerInstanceStyle.transform; + positionedAncestorStyle.translate = "none"; + positionedAncestorStyle.scale = "none"; + positionedAncestorStyle.rotate = "none"; + positionedAncestorStyle.transform = "none"; + containerInstanceStyle.translate = "none"; + containerInstanceStyle.scale = "none"; + containerInstanceStyle.rotate = "none"; + containerInstanceStyle.transform = "none"; + var ancestorRect = rootContainer.getBoundingClientRect(), + rect = containerInstance.getBoundingClientRect(), + cloneStyle = clone.style; + cloneStyle.position = "absolute"; + cloneStyle.top = rect.top - ancestorRect.top + "px"; + cloneStyle.left = rect.left - ancestorRect.left + "px"; + cloneStyle.width = rect.width + "px"; + cloneStyle.height = rect.height + "px"; + cloneStyle.margin = "0px"; + cloneStyle.boxSizing = "border-box"; + positionedAncestorStyle.translate = prevAncestorTranslate; + positionedAncestorStyle.scale = prevAncestorScale; + positionedAncestorStyle.rotate = prevAncestorRotate; + positionedAncestorStyle.transform = prevAncestorTransform; + containerInstanceStyle.translate = prevTranslate; + containerInstanceStyle.scale = prevScale; + containerInstanceStyle.rotate = prevRotate; + containerInstanceStyle.transform = prevTransform; + } + clone.style.viewTransitionName = "root"; + var transform = computedStyle.transform; + "none" === transform && (transform = ""); + var scale = computedStyle.scale; + if ("none" !== scale && "" !== scale) { + var parts = scale.split(" "); + transform = + (3 === parts.length ? "scale3d" : "scale") + + "(" + + parts.join(", ") + + ") " + + transform; + } + var rotate = computedStyle.rotate; + if ("none" !== rotate && "" !== rotate) { + var parts$251 = rotate.split(" "); + transform = + 1 === parts$251.length + ? "rotate(" + parts$251[0] + ") " + transform + : 2 === parts$251.length + ? "rotate" + + parts$251[0].toUpperCase() + + "(" + + parts$251[1] + + ") " + + transform + : "rotate3d(" + parts$251.join(", ") + ") " + transform; + } + var translate = computedStyle.translate; + if ("none" !== translate && "" !== translate) { + var parts$252 = translate.split(" "); + transform = + (3 === parts$252.length ? "translate3d" : "translate") + + "(" + + parts$252.join(", ") + + ") " + + transform; + } + var JSCompiler_inline_result = transform; + clone.style.translate = "none"; + clone.style.scale = "none"; + clone.style.rotate = "none"; + clone.style.transform = + "translate(-20000px, -20000px) " + JSCompiler_inline_result; + containerInstance.parentNode.insertBefore( + clone, + containerInstance.nextSibling + ); + root.gestureClone = clone; + recursivelyInsertClones(finishedWork, clone); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } pendingTransitionTypes = null; pendingEffectsStatus = 6; finishedGesture.running = startGestureTransition( root.containerInfo, + finishedGesture.provider, + finishedGesture.rangeCurrent, + finishedGesture.direction + ? finishedGesture.rangeNext + : finishedGesture.rangePrevious, pendingTransitionTypes, flushGestureMutations, flushGestureAnimations @@ -12774,7 +13034,21 @@ function flushGestureMutations() { var prevExecutionContext = executionContext; executionContext |= 4; try { - cancelRootViewTransitionName(root.containerInfo); + var rootClone = root.gestureClone; + if (null !== rootClone) { + root.gestureClone = null; + var rootContainer = root.containerInfo; + var containerInstance = + 9 === rootContainer.nodeType + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + var containerParent = containerInstance.parentNode; + if (null === containerParent) throw Error(formatProdErrorMessage(552)); + containerParent.removeChild(rootClone); + containerInstance.style.viewTransitionName = "root"; + } } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -13001,14 +13275,14 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { isFlushingWork = !0; do { var didPerformSomeWork = !1; - for (var root$180 = firstScheduledRoot; null !== root$180; ) { + for (var root$182 = firstScheduledRoot; null !== root$182; ) { if (!onlyLegacy) if (0 !== syncTransitionLanes) { - var pendingLanes = root$180.pendingLanes; + var pendingLanes = root$182.pendingLanes; if (0 === pendingLanes) var JSCompiler_inline_result = 0; else { - var suspendedLanes = root$180.suspendedLanes, - pingedLanes = root$180.pingedLanes; + var suspendedLanes = root$182.suspendedLanes, + pingedLanes = root$182.pingedLanes; JSCompiler_inline_result = (1 << (31 - clz32(42 | syncTransitionLanes) + 1)) - 1; JSCompiler_inline_result &= @@ -13022,21 +13296,21 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { } 0 !== JSCompiler_inline_result && ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$180, JSCompiler_inline_result)); + performSyncWorkOnRoot(root$182, JSCompiler_inline_result)); } else (JSCompiler_inline_result = workInProgressRootRenderLanes), (JSCompiler_inline_result = getNextLanes( - root$180, - root$180 === workInProgressRoot ? JSCompiler_inline_result : 0, - null !== root$180.cancelPendingCommit || - -1 !== root$180.timeoutHandle + root$182, + root$182 === workInProgressRoot ? JSCompiler_inline_result : 0, + null !== root$182.cancelPendingCommit || + -1 !== root$182.timeoutHandle )), (0 === (JSCompiler_inline_result & 3) && 64 !== JSCompiler_inline_result) || - checkIfRootIsPrerendering(root$180, JSCompiler_inline_result) || + checkIfRootIsPrerendering(root$182, JSCompiler_inline_result) || ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$180, JSCompiler_inline_result)); - root$180 = root$180.next; + performSyncWorkOnRoot(root$182, JSCompiler_inline_result)); + root$182 = root$182.next; } } while (didPerformSomeWork); isFlushingWork = !1; @@ -13312,20 +13586,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) { (nativeEventTarget[internalScrollTimer] = targetInst)); } for ( - var i$jscomp$inline_1648 = 0; - i$jscomp$inline_1648 < simpleEventPluginEvents.length; - i$jscomp$inline_1648++ + var i$jscomp$inline_1677 = 0; + i$jscomp$inline_1677 < simpleEventPluginEvents.length; + i$jscomp$inline_1677++ ) { - var eventName$jscomp$inline_1649 = - simpleEventPluginEvents[i$jscomp$inline_1648], - domEventName$jscomp$inline_1650 = - eventName$jscomp$inline_1649.toLowerCase(), - capitalizedEvent$jscomp$inline_1651 = - eventName$jscomp$inline_1649[0].toUpperCase() + - eventName$jscomp$inline_1649.slice(1); + var eventName$jscomp$inline_1678 = + simpleEventPluginEvents[i$jscomp$inline_1677], + domEventName$jscomp$inline_1679 = + eventName$jscomp$inline_1678.toLowerCase(), + capitalizedEvent$jscomp$inline_1680 = + eventName$jscomp$inline_1678[0].toUpperCase() + + eventName$jscomp$inline_1678.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1650, - "on" + capitalizedEvent$jscomp$inline_1651 + domEventName$jscomp$inline_1679, + "on" + capitalizedEvent$jscomp$inline_1680 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -14573,34 +14847,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$194 = props[hasSrc]; - if (null != propValue$194) + var propValue$196 = props[hasSrc]; + if (null != propValue$196) switch (hasSrc) { case "name": - hasSrcSet = propValue$194; + hasSrcSet = propValue$196; break; case "type": - propValue = propValue$194; + propValue = propValue$196; break; case "checked": - checked = propValue$194; + checked = propValue$196; break; case "defaultChecked": - defaultChecked = propValue$194; + defaultChecked = propValue$196; break; case "value": - propKey = propValue$194; + propKey = propValue$196; break; case "defaultValue": - defaultValue = propValue$194; + defaultValue = propValue$196; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$194) + if (null != propValue$196) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$194, props, null); + setProp(domElement, tag, hasSrc, propValue$196, props, null); } } initInput( @@ -14737,14 +15011,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$194 in props) - props.hasOwnProperty(propValue$194) && - ((hasSrc = props[propValue$194]), + for (propValue$196 in props) + props.hasOwnProperty(propValue$196) && + ((hasSrc = props[propValue$196]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$194, + propValue$196, hasSrc, props, void 0 @@ -14792,14 +15066,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$211 in nextProps) { - var propKey = nextProps[propKey$211]; - lastProp = lastProps[propKey$211]; + for (var propKey$213 in nextProps) { + var propKey = nextProps[propKey$213]; + lastProp = lastProps[propKey$213]; if ( - nextProps.hasOwnProperty(propKey$211) && + nextProps.hasOwnProperty(propKey$213) && (null != propKey || null != lastProp) ) - switch (propKey$211) { + switch (propKey$213) { case "type": propKey !== lastProp && (viewTransitionMutationContext = !0); type = propKey; @@ -14834,7 +15108,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$211, + propKey$213, propKey, nextProps, lastProp @@ -14853,7 +15127,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$211 = null; + propKey = value = defaultValue = propKey$213 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -14885,7 +15159,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (name) { case "value": type !== lastDefaultValue && (viewTransitionMutationContext = !0); - propKey$211 = type; + propKey$213 = type; break; case "defaultValue": type !== lastDefaultValue && (viewTransitionMutationContext = !0); @@ -14908,15 +15182,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$211 - ? updateOptions(domElement, !!lastProps, propKey$211, !1) + null != propKey$213 + ? updateOptions(domElement, !!lastProps, propKey$213, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$211 = null; + propKey = propKey$213 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -14941,7 +15215,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (value) { case "value": name !== type && (viewTransitionMutationContext = !0); - propKey$211 = name; + propKey$213 = name; break; case "defaultValue": name !== type && (viewTransitionMutationContext = !0); @@ -14956,17 +15230,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$211, propKey); + updateTextarea(domElement, propKey$213, propKey); return; case "option": - for (var propKey$227 in lastProps) + for (var propKey$229 in lastProps) if ( - ((propKey$211 = lastProps[propKey$227]), - lastProps.hasOwnProperty(propKey$227) && - null != propKey$211 && - !nextProps.hasOwnProperty(propKey$227)) + ((propKey$213 = lastProps[propKey$229]), + lastProps.hasOwnProperty(propKey$229) && + null != propKey$213 && + !nextProps.hasOwnProperty(propKey$229)) ) - switch (propKey$227) { + switch (propKey$229) { case "selected": domElement.selected = !1; break; @@ -14974,34 +15248,34 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$227, + propKey$229, null, nextProps, - propKey$211 + propKey$213 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$211 = nextProps[lastDefaultValue]), + ((propKey$213 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$211 !== propKey && - (null != propKey$211 || null != propKey)) + propKey$213 !== propKey && + (null != propKey$213 || null != propKey)) ) switch (lastDefaultValue) { case "selected": - propKey$211 !== propKey && (viewTransitionMutationContext = !0); + propKey$213 !== propKey && (viewTransitionMutationContext = !0); domElement.selected = - propKey$211 && - "function" !== typeof propKey$211 && - "symbol" !== typeof propKey$211; + propKey$213 && + "function" !== typeof propKey$213 && + "symbol" !== typeof propKey$213; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$211, + propKey$213, nextProps, propKey ); @@ -15022,24 +15296,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$232 in lastProps) - (propKey$211 = lastProps[propKey$232]), - lastProps.hasOwnProperty(propKey$232) && - null != propKey$211 && - !nextProps.hasOwnProperty(propKey$232) && - setProp(domElement, tag, propKey$232, null, nextProps, propKey$211); + for (var propKey$234 in lastProps) + (propKey$213 = lastProps[propKey$234]), + lastProps.hasOwnProperty(propKey$234) && + null != propKey$213 && + !nextProps.hasOwnProperty(propKey$234) && + setProp(domElement, tag, propKey$234, null, nextProps, propKey$213); for (checked in nextProps) if ( - ((propKey$211 = nextProps[checked]), + ((propKey$213 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$211 !== propKey && - (null != propKey$211 || null != propKey)) + propKey$213 !== propKey && + (null != propKey$213 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$211) + if (null != propKey$213) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -15047,7 +15321,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$211, + propKey$213, nextProps, propKey ); @@ -15055,49 +15329,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$237 in lastProps) - (propKey$211 = lastProps[propKey$237]), - lastProps.hasOwnProperty(propKey$237) && - void 0 !== propKey$211 && - !nextProps.hasOwnProperty(propKey$237) && + for (var propKey$239 in lastProps) + (propKey$213 = lastProps[propKey$239]), + lastProps.hasOwnProperty(propKey$239) && + void 0 !== propKey$213 && + !nextProps.hasOwnProperty(propKey$239) && setPropOnCustomElement( domElement, tag, - propKey$237, + propKey$239, void 0, nextProps, - propKey$211 + propKey$213 ); for (defaultChecked in nextProps) - (propKey$211 = nextProps[defaultChecked]), + (propKey$213 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$211 === propKey || - (void 0 === propKey$211 && void 0 === propKey) || + propKey$213 === propKey || + (void 0 === propKey$213 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$211, + propKey$213, nextProps, propKey ); return; } } - for (var propKey$242 in lastProps) - (propKey$211 = lastProps[propKey$242]), - lastProps.hasOwnProperty(propKey$242) && - null != propKey$211 && - !nextProps.hasOwnProperty(propKey$242) && - setProp(domElement, tag, propKey$242, null, nextProps, propKey$211); + for (var propKey$244 in lastProps) + (propKey$213 = lastProps[propKey$244]), + lastProps.hasOwnProperty(propKey$244) && + null != propKey$213 && + !nextProps.hasOwnProperty(propKey$244) && + setProp(domElement, tag, propKey$244, null, nextProps, propKey$213); for (lastProp in nextProps) - (propKey$211 = nextProps[lastProp]), + (propKey$213 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$211 === propKey || - (null == propKey$211 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$211, nextProps, propKey); + propKey$213 === propKey || + (null == propKey$213 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$213, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -15226,6 +15500,15 @@ function clearSuspenseBoundary(parentInstance, suspenseInstance) { } while (node); retryIfBlockedOn(suspenseInstance); } +function unhideInstance(instance, props) { + props = props.style; + props = + void 0 !== props && null !== props && props.hasOwnProperty("display") + ? props.display + : null; + instance.style.display = + null == props || "boolean" === typeof props ? "" : ("" + props).trim(); +} function restoreViewTransitionName(instance, props) { props = props.style; var viewTransitionName = @@ -15251,32 +15534,16 @@ function restoreViewTransitionName(instance, props) { instance.style.viewTransitionClass = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } -function cancelRootViewTransitionName(rootContainer) { - rootContainer = - 9 === rootContainer.nodeType - ? rootContainer.documentElement - : rootContainer.ownerDocument.documentElement; - null !== rootContainer && - "" === rootContainer.style.viewTransitionName && - ((rootContainer.style.viewTransitionName = "none"), - rootContainer.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(root)" - } - ), - rootContainer.animate( - { width: [0, 0], height: [0, 0] }, - { duration: 0, fill: "forwards", pseudoElement: "::view-transition" } - )); -} function restoreRootViewTransitionName(rootContainer) { rootContainer = 9 === rootContainer.nodeType - ? rootContainer.documentElement - : rootContainer.ownerDocument.documentElement; + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + "root" === rootContainer.style.viewTransitionName && + (rootContainer.style.viewTransitionName = ""); + rootContainer = rootContainer.ownerDocument.documentElement; null !== rootContainer && "none" === rootContainer.style.viewTransitionName && (rootContainer.style.viewTransitionName = ""); @@ -15363,8 +15630,78 @@ function startViewTransition( return !1; } } +function mergeTranslate(translateA, translateB) { + if (!translateA || "none" === translateA) return translateB || ""; + if (!translateB || "none" === translateB) return translateA || ""; + translateA = translateA.split(" "); + translateB = translateB.split(" "); + var i, + result = ""; + for (i = 0; i < translateA.length && i < translateB.length; i++) + 0 < i && (result += " "), + (result += "calc(" + translateA[i] + " + " + translateB[i] + ")"); + for (; i < translateA.length; i++) result += " " + translateA[i]; + for (; i < translateB.length; i++) result += " " + translateB[i]; + return result; +} +function animateGesture( + keyframes, + targetElement, + pseudoElement, + timeline, + rangeStart, + rangeEnd, + moveFirstFrameIntoViewport, + moveAllFramesIntoViewport +) { + for (var i = 0; i < keyframes.length; i++) { + var keyframe = keyframes[i]; + delete keyframe.easing; + delete keyframe.computedOffset; + "auto" === keyframe.width && delete keyframe.width; + "auto" === keyframe.height && delete keyframe.height; + "none" === keyframe.transform && delete keyframe.transform; + if (moveAllFramesIntoViewport && null == keyframe.transform) + if (null == keyframe.translate || "" === keyframe.translate) { + var elementTranslate = getComputedStyle( + targetElement, + pseudoElement + ).translate; + keyframe.translate = mergeTranslate( + elementTranslate, + "20000px 20000px" + ); + } else + keyframe.translate = mergeTranslate( + keyframe.translate, + "20000px 20000px" + ); + } + moveFirstFrameIntoViewport && + ((moveFirstFrameIntoViewport = keyframes[0]), + (moveAllFramesIntoViewport = moveFirstFrameIntoViewport.transform), + null != moveAllFramesIntoViewport && + (moveFirstFrameIntoViewport.transform = + "translate(20000px, 20000px) " + + ("none" === moveAllFramesIntoViewport + ? "" + : moveAllFramesIntoViewport))); + moveFirstFrameIntoViewport = rangeStart > rangeEnd; + targetElement.animate(keyframes, { + pseudoElement: pseudoElement, + timeline: timeline, + easing: "linear", + fill: "both", + direction: moveFirstFrameIntoViewport ? "normal" : "reverse", + rangeStart: (moveFirstFrameIntoViewport ? rangeEnd : rangeStart) + "%", + rangeEnd: (moveFirstFrameIntoViewport ? rangeStart : rangeEnd) + "%" + }); +} function startGestureTransition( rootContainer, + timeline, + rangeStart, + rangeEnd, transitionTypes, mutationCallback, animateCallback @@ -15377,18 +15714,100 @@ function startGestureTransition( types: transitionTypes }); ownerDocument.__reactViewTransition = transition; - var blockingAnim = null; - rootContainer = function () { - blockingAnim = ownerDocument.documentElement.animate([{}, {}], { - pseudoElement: "::view-transition", - duration: 1 - }); - blockingAnim.pause(); - animateCallback(); - }; - transition.ready.then(rootContainer, rootContainer); + var readyCallback = function () { + for ( + var documentElement = ownerDocument.documentElement, + animations = documentElement.getAnimations({ subtree: !0 }), + foundGroups = new Set(), + foundNews = new Set(), + i = 0; + i < animations.length; + i++ + ) { + var pseudoElement = animations[i].effect.pseudoElement; + null != pseudoElement && + (pseudoElement.startsWith("::view-transition-group") + ? foundGroups.add(pseudoElement.slice(23)) + : pseudoElement.startsWith("::view-transition-new") && + foundNews.add(pseudoElement.slice(21))); + } + for (i = 0; i < animations.length; i++) { + var anim = animations[i]; + pseudoElement = anim.effect; + var pseudoElement$254 = pseudoElement.pseudoElement; + if ( + null != pseudoElement$254 && + pseudoElement$254.startsWith("::view-transition") + ) { + anim.cancel(); + var isGeneratedGroupAnim = !1, + isExitGroupAnim = !1; + if (pseudoElement$254.startsWith("::view-transition-group")) { + var groupName = pseudoElement$254.slice(23); + foundNews.has(groupName) + ? ((anim = anim.animationName), + (isGeneratedGroupAnim = + null != anim && + anim.startsWith("-ua-view-transition-group-anim-"))) + : (isExitGroupAnim = !0); + } + animateGesture( + pseudoElement.getKeyframes(), + pseudoElement.target, + pseudoElement$254, + timeline, + rangeStart, + rangeEnd, + isGeneratedGroupAnim, + isExitGroupAnim + ); + pseudoElement$254.startsWith("::view-transition-old") && + ((pseudoElement$254 = pseudoElement$254.slice(21)), + foundGroups.has(pseudoElement$254) || + foundNews.has(pseudoElement$254) || + (foundGroups.add(pseudoElement$254), + animateGesture( + [{}, {}], + pseudoElement.target, + "::view-transition-group" + pseudoElement$254, + timeline, + rangeStart, + rangeEnd, + !1, + !0 + ))); + } + } + documentElement + .animate([{}, {}], { + pseudoElement: "::view-transition", + duration: 1 + }) + .pause(); + animateCallback(); + }, + readyForAnimations = + -1 !== navigator.userAgent.indexOf("Chrome") + ? function () { + return requestAnimationFrame(readyCallback); + } + : readyCallback; + transition.ready.then(readyForAnimations, readyCallback); transition.finished.then(function () { - null !== blockingAnim && blockingAnim.cancel(); + for ( + var animations = ownerDocument.documentElement.getAnimations({ + subtree: !0 + }), + i = 0; + i < animations.length; + i++ + ) { + var anim = animations[i], + pseudo = anim.effect.pseudoElement; + null != pseudo && + pseudo.startsWith("::view-transition") && + anim.cancel(); + } ownerDocument.__reactViewTransition === transition && (ownerDocument.__reactViewTransition = null); }); @@ -16010,26 +16429,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$250 = getResourcesFromRoot( + var styles$257 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$251 = styles$250.get(type); - resource$251 || + resource$258 = styles$257.get(type); + resource$258 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$251 = { + (resource$258 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$250.set(type, resource$251), - (styles$250 = JSCompiler_inline_result.querySelector( + styles$257.set(type, resource$258), + (styles$257 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$250._p && - ((resource$251.instance = styles$250), - (resource$251.state.loading = 5)), + !styles$257._p && + ((resource$258.instance = styles$257), + (resource$258.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -16042,16 +16461,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$250 || + styles$257 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$251.state + resource$258.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$251; + return resource$258; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -16148,37 +16567,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$256 = hoistableRoot.querySelector( + var instance$263 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$256) + if (instance$263) return ( (resource.state.loading |= 4), - (resource.instance = instance$256), - markNodeAsHoistable(instance$256), - instance$256 + (resource.instance = instance$263), + markNodeAsHoistable(instance$263), + instance$263 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$256 = ( + instance$263 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$256); - var linkInstance = instance$256; + markNodeAsHoistable(instance$263); + var linkInstance = instance$263; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$256, "link", instance); + setInitialProperties(instance$263, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$256, props.precedence, hoistableRoot); - return (resource.instance = instance$256); + insertStylesheet(instance$263, props.precedence, hoistableRoot); + return (resource.instance = instance$263); case "script": - instance$256 = getScriptKey(props.src); + instance$263 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$256) + getScriptSelectorFromKey(instance$263) )) ) return ( @@ -16187,7 +16606,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$256))) + if ((styleProps = preloadPropsMap.get(instance$263))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -16519,7 +16938,7 @@ function FiberRootNode( this.pooledCache = null; this.pooledCacheLanes = 0; this.formState = formState; - this.stoppingGestures = this.pendingGestures = null; + this.gestureClone = this.stoppingGestures = this.pendingGestures = null; this.incompleteTransitions = new Map(); } function createFiberRoot( @@ -17207,16 +17626,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_1901 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1938 = React.version; if ( - "19.1.0-experimental-443b7ff2-20250303" !== - isomorphicReactPackageVersion$jscomp$inline_1901 + "19.1.0-experimental-e03ac20f-20250305" !== + isomorphicReactPackageVersion$jscomp$inline_1938 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1901, - "19.1.0-experimental-443b7ff2-20250303" + isomorphicReactPackageVersion$jscomp$inline_1938, + "19.1.0-experimental-e03ac20f-20250305" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -17236,24 +17655,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2446 = { +var internals$jscomp$inline_2560 = { bundleType: 0, - version: "19.1.0-experimental-443b7ff2-20250303", + version: "19.1.0-experimental-e03ac20f-20250305", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-443b7ff2-20250303" + reconcilerVersion: "19.1.0-experimental-e03ac20f-20250305" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2447 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2561 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2447.isDisabled && - hook$jscomp$inline_2447.supportsFiber + !hook$jscomp$inline_2561.isDisabled && + hook$jscomp$inline_2561.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2447.inject( - internals$jscomp$inline_2446 + (rendererID = hook$jscomp$inline_2561.inject( + internals$jscomp$inline_2560 )), - (injectedHook = hook$jscomp$inline_2447); + (injectedHook = hook$jscomp$inline_2561); } catch (err) {} } exports.createComponentSelector = function (component) { @@ -17496,4 +17915,4 @@ exports.observeVisibleRects = function ( } }; }; -exports.version = "19.1.0-experimental-443b7ff2-20250303"; +exports.version = "19.1.0-experimental-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js index c671acc73ffe7..21e8d833bdef3 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js @@ -416,7 +416,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-experimental-443b7ff2-20250303"; + exports.version = "19.1.0-experimental-e03ac20f-20250305"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js index 4939ef85efb8b..48d45775337e3 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js @@ -207,4 +207,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-experimental-443b7ff2-20250303"; +exports.version = "19.1.0-experimental-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js index 59971efb75bc7..ec62d9703bf19 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js @@ -336,5 +336,5 @@ })) : Internals.d.m(href)); }; - exports.version = "19.1.0-experimental-443b7ff2-20250303"; + exports.version = "19.1.0-experimental-e03ac20f-20250305"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js index ff57219db5c40..bdd32dade6a40 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js @@ -149,4 +149,4 @@ exports.preloadModule = function (href, options) { }); } else Internals.d.m(href); }; -exports.version = "19.1.0-experimental-443b7ff2-20250303"; +exports.version = "19.1.0-experimental-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-dom-experimental/package.json b/packages/next/src/compiled/react-dom-experimental/package.json index f4ffb87f0f0e5..a2f56acc6fcaf 100644 --- a/packages/next/src/compiled/react-dom-experimental/package.json +++ b/packages/next/src/compiled/react-dom-experimental/package.json @@ -72,10 +72,10 @@ "./package.json": "./package.json" }, "dependencies": { - "scheduler": "0.0.0-experimental-443b7ff2-20250303" + "scheduler": "0.0.0-experimental-e03ac20f-20250305" }, "peerDependencies": { - "react": "0.0.0-experimental-443b7ff2-20250303" + "react": "0.0.0-experimental-e03ac20f-20250305" }, "browser": { "./server.js": "./server.browser.js", diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js index 96cd4074ca72a..5a4bfd98e77d1 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js @@ -8976,32 +8976,32 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2467; - var JSCompiler_object_inline_stack_2468 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2471; + var JSCompiler_object_inline_stack_2472 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2469 = !1; + var JSCompiler_object_inline_componentStack_2473 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2467 = didSuspend) || - (JSCompiler_object_inline_digest_2467 = + (JSCompiler_object_inline_digest_2471 = didSuspend) || + (JSCompiler_object_inline_digest_2471 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2467 && - ((JSCompiler_object_inline_componentStack_2469 = !0), + JSCompiler_object_inline_digest_2471 && + ((JSCompiler_object_inline_componentStack_2473 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2467 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2471 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2469 + JSCompiler_object_inline_componentStack_2473 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2466 = nextHydratableInstance; + var JSCompiler_object_inline_message_2470 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2466)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2470)) { c: { - var instance = JSCompiler_object_inline_message_2466; + var instance = JSCompiler_object_inline_message_2470; for ( JSCompiler_temp = rootOrSingletonContext; 8 !== instance.nodeType; @@ -9043,77 +9043,77 @@ JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2466 + JSCompiler_object_inline_message_2470 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2466 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2470 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2466 && - ((JSCompiler_object_inline_message_2466 = - JSCompiler_object_inline_message_2466.dehydrated), - null !== JSCompiler_object_inline_message_2466) + null !== JSCompiler_object_inline_message_2470 && + ((JSCompiler_object_inline_message_2470 = + JSCompiler_object_inline_message_2470.dehydrated), + null !== JSCompiler_object_inline_message_2470) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2466) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2470) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2466 = - JSCompiler_object_inline_stack_2468.children; - JSCompiler_object_inline_stack_2468 = - JSCompiler_object_inline_stack_2468.fallback; - if (JSCompiler_object_inline_componentStack_2469) + JSCompiler_object_inline_message_2470 = + JSCompiler_object_inline_stack_2472.children; + JSCompiler_object_inline_stack_2472 = + JSCompiler_object_inline_stack_2472.fallback; + if (JSCompiler_object_inline_componentStack_2473) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2469 = + (JSCompiler_object_inline_componentStack_2473 = workInProgress.mode), - (JSCompiler_object_inline_message_2466 = + (JSCompiler_object_inline_message_2470 = mountWorkInProgressOffscreenFiber( { mode: "hidden", - children: JSCompiler_object_inline_message_2466 + children: JSCompiler_object_inline_message_2470 }, - JSCompiler_object_inline_componentStack_2469 + JSCompiler_object_inline_componentStack_2473 )), - (JSCompiler_object_inline_stack_2468 = createFiberFromFragment( - JSCompiler_object_inline_stack_2468, - JSCompiler_object_inline_componentStack_2469, + (JSCompiler_object_inline_stack_2472 = createFiberFromFragment( + JSCompiler_object_inline_stack_2472, + JSCompiler_object_inline_componentStack_2473, renderLanes, null )), - (JSCompiler_object_inline_message_2466.return = workInProgress), - (JSCompiler_object_inline_stack_2468.return = workInProgress), - (JSCompiler_object_inline_message_2466.sibling = - JSCompiler_object_inline_stack_2468), - (workInProgress.child = JSCompiler_object_inline_message_2466), - (JSCompiler_object_inline_componentStack_2469 = + (JSCompiler_object_inline_message_2470.return = workInProgress), + (JSCompiler_object_inline_stack_2472.return = workInProgress), + (JSCompiler_object_inline_message_2470.sibling = + JSCompiler_object_inline_stack_2472), + (workInProgress.child = JSCompiler_object_inline_message_2470), + (JSCompiler_object_inline_componentStack_2473 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2469.memoizedState = + (JSCompiler_object_inline_componentStack_2473.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2469.childLanes = + (JSCompiler_object_inline_componentStack_2473.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2467, + JSCompiler_object_inline_digest_2471, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2468 + JSCompiler_object_inline_stack_2472 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2466 + JSCompiler_object_inline_message_2470 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2466 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2466) + ((JSCompiler_object_inline_message_2470 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2470) ) { if (didSuspend) workInProgress.flags & 256 @@ -9130,94 +9130,94 @@ (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2469 = - JSCompiler_object_inline_stack_2468.fallback), - (JSCompiler_object_inline_message_2466 = workInProgress.mode), - (JSCompiler_object_inline_stack_2468 = + (JSCompiler_object_inline_componentStack_2473 = + JSCompiler_object_inline_stack_2472.fallback), + (JSCompiler_object_inline_message_2470 = workInProgress.mode), + (JSCompiler_object_inline_stack_2472 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2468.children + children: JSCompiler_object_inline_stack_2472.children }, - JSCompiler_object_inline_message_2466 + JSCompiler_object_inline_message_2470 )), - (JSCompiler_object_inline_componentStack_2469 = + (JSCompiler_object_inline_componentStack_2473 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2469, - JSCompiler_object_inline_message_2466, + JSCompiler_object_inline_componentStack_2473, + JSCompiler_object_inline_message_2470, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2469.flags |= 2), - (JSCompiler_object_inline_stack_2468.return = workInProgress), - (JSCompiler_object_inline_componentStack_2469.return = + (JSCompiler_object_inline_componentStack_2473.flags |= 2), + (JSCompiler_object_inline_stack_2472.return = workInProgress), + (JSCompiler_object_inline_componentStack_2473.return = workInProgress), - (JSCompiler_object_inline_stack_2468.sibling = - JSCompiler_object_inline_componentStack_2469), - (workInProgress.child = JSCompiler_object_inline_stack_2468), + (JSCompiler_object_inline_stack_2472.sibling = + JSCompiler_object_inline_componentStack_2473), + (workInProgress.child = JSCompiler_object_inline_stack_2472), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2468 = workInProgress.child), - (JSCompiler_object_inline_stack_2468.memoizedState = + (JSCompiler_object_inline_stack_2472 = workInProgress.child), + (JSCompiler_object_inline_stack_2472.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2468.childLanes = + (JSCompiler_object_inline_stack_2472.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2467, + JSCompiler_object_inline_digest_2471, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2469)); + JSCompiler_object_inline_componentStack_2473)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && console.error( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2466)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2470)) ) { - JSCompiler_object_inline_digest_2467 = - JSCompiler_object_inline_message_2466.nextSibling && - JSCompiler_object_inline_message_2466.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2467) { - JSCompiler_temp = JSCompiler_object_inline_digest_2467.dgst; - var message = JSCompiler_object_inline_digest_2467.msg; - instance = JSCompiler_object_inline_digest_2467.stck; - var componentStack = JSCompiler_object_inline_digest_2467.cstck; + JSCompiler_object_inline_digest_2471 = + JSCompiler_object_inline_message_2470.nextSibling && + JSCompiler_object_inline_message_2470.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2471) { + JSCompiler_temp = JSCompiler_object_inline_digest_2471.dgst; + var message = JSCompiler_object_inline_digest_2471.msg; + instance = JSCompiler_object_inline_digest_2471.stck; + var componentStack = JSCompiler_object_inline_digest_2471.cstck; } - JSCompiler_object_inline_message_2466 = message; - JSCompiler_object_inline_digest_2467 = JSCompiler_temp; - JSCompiler_object_inline_stack_2468 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2469 = + JSCompiler_object_inline_message_2470 = message; + JSCompiler_object_inline_digest_2471 = JSCompiler_temp; + JSCompiler_object_inline_stack_2472 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2473 = componentStack; - JSCompiler_object_inline_componentStack_2469 = - JSCompiler_object_inline_message_2466 - ? Error(JSCompiler_object_inline_message_2466) + JSCompiler_object_inline_componentStack_2473 = + JSCompiler_object_inline_message_2470 + ? Error(JSCompiler_object_inline_message_2470) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_componentStack_2469.stack = - JSCompiler_object_inline_stack_2468 || ""; - JSCompiler_object_inline_componentStack_2469.digest = - JSCompiler_object_inline_digest_2467; - JSCompiler_object_inline_digest_2467 = + JSCompiler_object_inline_componentStack_2473.stack = + JSCompiler_object_inline_stack_2472 || ""; + JSCompiler_object_inline_componentStack_2473.digest = + JSCompiler_object_inline_digest_2471; + JSCompiler_object_inline_digest_2471 = void 0 === JSCompiler_temp ? null : JSCompiler_temp; - JSCompiler_object_inline_stack_2468 = { - value: JSCompiler_object_inline_componentStack_2469, + JSCompiler_object_inline_stack_2472 = { + value: JSCompiler_object_inline_componentStack_2473, source: null, - stack: JSCompiler_object_inline_digest_2467 + stack: JSCompiler_object_inline_digest_2471 }; - "string" === typeof JSCompiler_object_inline_digest_2467 && + "string" === typeof JSCompiler_object_inline_digest_2471 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2469, - JSCompiler_object_inline_stack_2468 + JSCompiler_object_inline_componentStack_2473, + JSCompiler_object_inline_stack_2472 ); - queueHydrationError(JSCompiler_object_inline_stack_2468); + queueHydrationError(JSCompiler_object_inline_stack_2472); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9231,44 +9231,44 @@ renderLanes, !1 ), - (JSCompiler_object_inline_digest_2467 = + (JSCompiler_object_inline_digest_2471 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2467) + didReceiveUpdate || JSCompiler_object_inline_digest_2471) ) { - JSCompiler_object_inline_digest_2467 = workInProgressRoot; + JSCompiler_object_inline_digest_2471 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_digest_2467 && - ((JSCompiler_object_inline_stack_2468 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2468 = - 0 !== (JSCompiler_object_inline_stack_2468 & 42) + null !== JSCompiler_object_inline_digest_2471 && + ((JSCompiler_object_inline_stack_2472 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2472 = + 0 !== (JSCompiler_object_inline_stack_2472 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2468 + JSCompiler_object_inline_stack_2472 )), - (JSCompiler_object_inline_stack_2468 = + (JSCompiler_object_inline_stack_2472 = 0 !== - (JSCompiler_object_inline_stack_2468 & - (JSCompiler_object_inline_digest_2467.suspendedLanes | + (JSCompiler_object_inline_stack_2472 & + (JSCompiler_object_inline_digest_2471.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2468), - 0 !== JSCompiler_object_inline_stack_2468 && - JSCompiler_object_inline_stack_2468 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2472), + 0 !== JSCompiler_object_inline_stack_2472 && + JSCompiler_object_inline_stack_2472 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2468), + ((prevState.retryLane = JSCompiler_object_inline_stack_2472), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2468 + JSCompiler_object_inline_stack_2472 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2467, + JSCompiler_object_inline_digest_2471, current, - JSCompiler_object_inline_stack_2468 + JSCompiler_object_inline_stack_2472 ), SelectiveHydrationException) ); - JSCompiler_object_inline_message_2466.data === + JSCompiler_object_inline_message_2470.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9276,14 +9276,14 @@ renderLanes ); } else - JSCompiler_object_inline_message_2466.data === + JSCompiler_object_inline_message_2470.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2466.nextSibling + JSCompiler_object_inline_message_2470.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9301,57 +9301,57 @@ (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2468.children + JSCompiler_object_inline_stack_2472.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2469) + if (JSCompiler_object_inline_componentStack_2473) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2469 = - JSCompiler_object_inline_stack_2468.fallback), - (JSCompiler_object_inline_message_2466 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2473 = + JSCompiler_object_inline_stack_2472.fallback), + (JSCompiler_object_inline_message_2470 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2468 = createWorkInProgress( + (JSCompiler_object_inline_stack_2472 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2468.children + children: JSCompiler_object_inline_stack_2472.children } )), - (JSCompiler_object_inline_stack_2468.subtreeFlags = + (JSCompiler_object_inline_stack_2472.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_componentStack_2469 = + ? (JSCompiler_object_inline_componentStack_2473 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2469 + JSCompiler_object_inline_componentStack_2473 )) - : ((JSCompiler_object_inline_componentStack_2469 = + : ((JSCompiler_object_inline_componentStack_2473 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2469, - JSCompiler_object_inline_message_2466, + JSCompiler_object_inline_componentStack_2473, + JSCompiler_object_inline_message_2470, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2469.flags |= 2)), - (JSCompiler_object_inline_componentStack_2469.return = + (JSCompiler_object_inline_componentStack_2473.flags |= 2)), + (JSCompiler_object_inline_componentStack_2473.return = workInProgress), - (JSCompiler_object_inline_stack_2468.return = workInProgress), - (JSCompiler_object_inline_stack_2468.sibling = - JSCompiler_object_inline_componentStack_2469), - (workInProgress.child = JSCompiler_object_inline_stack_2468), - (JSCompiler_object_inline_stack_2468 = - JSCompiler_object_inline_componentStack_2469), - (JSCompiler_object_inline_componentStack_2469 = workInProgress.child), - (JSCompiler_object_inline_message_2466 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2466 - ? (JSCompiler_object_inline_message_2466 = + (JSCompiler_object_inline_stack_2472.return = workInProgress), + (JSCompiler_object_inline_stack_2472.sibling = + JSCompiler_object_inline_componentStack_2473), + (workInProgress.child = JSCompiler_object_inline_stack_2472), + (JSCompiler_object_inline_stack_2472 = + JSCompiler_object_inline_componentStack_2473), + (JSCompiler_object_inline_componentStack_2473 = workInProgress.child), + (JSCompiler_object_inline_message_2470 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2470 + ? (JSCompiler_object_inline_message_2470 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2466.cachePool), + JSCompiler_object_inline_message_2470.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9359,37 +9359,37 @@ ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2466 = { + (JSCompiler_object_inline_message_2470 = { baseLanes: - JSCompiler_object_inline_message_2466.baseLanes | renderLanes, + JSCompiler_object_inline_message_2470.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2469.memoizedState = - JSCompiler_object_inline_message_2466), - (JSCompiler_object_inline_componentStack_2469.childLanes = + (JSCompiler_object_inline_componentStack_2473.memoizedState = + JSCompiler_object_inline_message_2470), + (JSCompiler_object_inline_componentStack_2473.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2467, + JSCompiler_object_inline_digest_2471, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2468 + JSCompiler_object_inline_stack_2472 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2468.children + children: JSCompiler_object_inline_stack_2472.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2467 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2467 + ((JSCompiler_object_inline_digest_2471 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2471 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2467.push(current)); + : JSCompiler_object_inline_digest_2471.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -15672,30 +15672,24 @@ var prevExecutionContext = executionContext; executionContext |= CommitContext; try { - var rootContainer = root.containerInfo, - documentElement = + var rootClone = root.gestureClone; + if (null !== rootClone) { + root.gestureClone = null; + var rootContainer = root.containerInfo; + var containerInstance = 9 === rootContainer.nodeType - ? rootContainer.documentElement - : rootContainer.ownerDocument.documentElement; - null !== documentElement && - "" === documentElement.style.viewTransitionName && - ((documentElement.style.viewTransitionName = "none"), - documentElement.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(root)" - } - ), - documentElement.animate( - { width: [0, 0], height: [0, 0] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition" - } - )); + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + var containerParent = containerInstance.parentNode; + if (null === containerParent) + throw Error( + "Cannot use a useSwipeTransition() in a detached root." + ); + containerParent.removeChild(rootClone); + containerInstance.style.viewTransitionName = "root"; + } } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -15736,11 +15730,16 @@ var prevExecutionContext = executionContext; executionContext |= CommitContext; try { - var rootContainer = root.containerInfo, - documentElement = - 9 === rootContainer.nodeType - ? rootContainer.documentElement - : rootContainer.ownerDocument.documentElement; + var rootContainer = root.containerInfo; + var containerInstance = + 9 === rootContainer.nodeType + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + "root" === containerInstance.style.viewTransitionName && + (containerInstance.style.viewTransitionName = ""); + var documentElement = containerInstance.ownerDocument.documentElement; null !== documentElement && "none" === documentElement.style.viewTransitionName && (documentElement.style.viewTransitionName = ""); @@ -24835,11 +24834,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-443b7ff2-20250303" !== isomorphicReactPackageVersion) + if ("19.1.0-canary-e03ac20f-20250305" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-443b7ff2-20250303\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-canary-e03ac20f-20250305\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -24876,10 +24875,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.1.0-canary-443b7ff2-20250303", + version: "19.1.0-canary-e03ac20f-20250305", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-canary-443b7ff2-20250303" + reconcilerVersion: "19.1.0-canary-e03ac20f-20250305" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -25023,7 +25022,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.1.0-canary-443b7ff2-20250303"; + exports.version = "19.1.0-canary-e03ac20f-20250305"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js index 6edbf30c97f87..dcd4d65bd15cf 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js @@ -11289,26 +11289,21 @@ function flushGestureMutations() { var prevExecutionContext = executionContext; executionContext |= 4; try { - var rootContainer = root.containerInfo, - documentElement = + var rootClone = root.gestureClone; + if (null !== rootClone) { + root.gestureClone = null; + var rootContainer = root.containerInfo; + var containerInstance = 9 === rootContainer.nodeType - ? rootContainer.documentElement - : rootContainer.ownerDocument.documentElement; - null !== documentElement && - "" === documentElement.style.viewTransitionName && - ((documentElement.style.viewTransitionName = "none"), - documentElement.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(root)" - } - ), - documentElement.animate( - { width: [0, 0], height: [0, 0] }, - { duration: 0, fill: "forwards", pseudoElement: "::view-transition" } - )); + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + var containerParent = containerInstance.parentNode; + if (null === containerParent) throw Error(formatProdErrorMessage(552)); + containerParent.removeChild(rootClone); + containerInstance.style.viewTransitionName = "root"; + } } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -11338,11 +11333,16 @@ function flushPendingEffects(wasDelayedCommit) { var prevExecutionContext = executionContext; executionContext |= 4; try { - var rootContainer = root.containerInfo, - documentElement = - 9 === rootContainer.nodeType - ? rootContainer.documentElement - : rootContainer.ownerDocument.documentElement; + var rootContainer = root.containerInfo; + var containerInstance = + 9 === rootContainer.nodeType + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + "root" === containerInstance.style.viewTransitionName && + (containerInstance.style.viewTransitionName = ""); + var documentElement = containerInstance.ownerDocument.documentElement; null !== documentElement && "none" === documentElement.style.viewTransitionName && (documentElement.style.viewTransitionName = ""); @@ -11813,20 +11813,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1536 = 0; - i$jscomp$inline_1536 < simpleEventPluginEvents.length; - i$jscomp$inline_1536++ + var i$jscomp$inline_1537 = 0; + i$jscomp$inline_1537 < simpleEventPluginEvents.length; + i$jscomp$inline_1537++ ) { - var eventName$jscomp$inline_1537 = - simpleEventPluginEvents[i$jscomp$inline_1536], - domEventName$jscomp$inline_1538 = - eventName$jscomp$inline_1537.toLowerCase(), - capitalizedEvent$jscomp$inline_1539 = - eventName$jscomp$inline_1537[0].toUpperCase() + - eventName$jscomp$inline_1537.slice(1); + var eventName$jscomp$inline_1538 = + simpleEventPluginEvents[i$jscomp$inline_1537], + domEventName$jscomp$inline_1539 = + eventName$jscomp$inline_1538.toLowerCase(), + capitalizedEvent$jscomp$inline_1540 = + eventName$jscomp$inline_1538[0].toUpperCase() + + eventName$jscomp$inline_1538.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1538, - "on" + capitalizedEvent$jscomp$inline_1539 + domEventName$jscomp$inline_1539, + "on" + capitalizedEvent$jscomp$inline_1540 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -15320,16 +15320,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_1788 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1789 = React.version; if ( - "19.1.0-canary-443b7ff2-20250303" !== - isomorphicReactPackageVersion$jscomp$inline_1788 + "19.1.0-canary-e03ac20f-20250305" !== + isomorphicReactPackageVersion$jscomp$inline_1789 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1788, - "19.1.0-canary-443b7ff2-20250303" + isomorphicReactPackageVersion$jscomp$inline_1789, + "19.1.0-canary-e03ac20f-20250305" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -15349,24 +15349,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2280 = { +var internals$jscomp$inline_2283 = { bundleType: 0, - version: "19.1.0-canary-443b7ff2-20250303", + version: "19.1.0-canary-e03ac20f-20250305", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-canary-443b7ff2-20250303" + reconcilerVersion: "19.1.0-canary-e03ac20f-20250305" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2281 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2284 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2281.isDisabled && - hook$jscomp$inline_2281.supportsFiber + !hook$jscomp$inline_2284.isDisabled && + hook$jscomp$inline_2284.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2281.inject( - internals$jscomp$inline_2280 + (rendererID = hook$jscomp$inline_2284.inject( + internals$jscomp$inline_2283 )), - (injectedHook = hook$jscomp$inline_2281); + (injectedHook = hook$jscomp$inline_2284); } catch (err) {} } exports.createRoot = function (container, options) { @@ -15458,4 +15458,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.1.0-canary-443b7ff2-20250303"; +exports.version = "19.1.0-canary-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js index c086e7e2c62f2..8a33fcf3dc884 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js @@ -8984,32 +8984,32 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2472; - var JSCompiler_object_inline_stack_2473 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2476; + var JSCompiler_object_inline_stack_2477 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2474 = !1; + var JSCompiler_object_inline_componentStack_2478 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2472 = didSuspend) || - (JSCompiler_object_inline_digest_2472 = + (JSCompiler_object_inline_digest_2476 = didSuspend) || + (JSCompiler_object_inline_digest_2476 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2472 && - ((JSCompiler_object_inline_componentStack_2474 = !0), + JSCompiler_object_inline_digest_2476 && + ((JSCompiler_object_inline_componentStack_2478 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2472 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2476 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2474 + JSCompiler_object_inline_componentStack_2478 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2471 = nextHydratableInstance; + var JSCompiler_object_inline_message_2475 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2471)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2475)) { c: { - var instance = JSCompiler_object_inline_message_2471; + var instance = JSCompiler_object_inline_message_2475; for ( JSCompiler_temp = rootOrSingletonContext; 8 !== instance.nodeType; @@ -9051,77 +9051,77 @@ JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2471 + JSCompiler_object_inline_message_2475 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2471 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2475 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2471 && - ((JSCompiler_object_inline_message_2471 = - JSCompiler_object_inline_message_2471.dehydrated), - null !== JSCompiler_object_inline_message_2471) + null !== JSCompiler_object_inline_message_2475 && + ((JSCompiler_object_inline_message_2475 = + JSCompiler_object_inline_message_2475.dehydrated), + null !== JSCompiler_object_inline_message_2475) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2471) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2475) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2471 = - JSCompiler_object_inline_stack_2473.children; - JSCompiler_object_inline_stack_2473 = - JSCompiler_object_inline_stack_2473.fallback; - if (JSCompiler_object_inline_componentStack_2474) + JSCompiler_object_inline_message_2475 = + JSCompiler_object_inline_stack_2477.children; + JSCompiler_object_inline_stack_2477 = + JSCompiler_object_inline_stack_2477.fallback; + if (JSCompiler_object_inline_componentStack_2478) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2474 = + (JSCompiler_object_inline_componentStack_2478 = workInProgress.mode), - (JSCompiler_object_inline_message_2471 = + (JSCompiler_object_inline_message_2475 = mountWorkInProgressOffscreenFiber( { mode: "hidden", - children: JSCompiler_object_inline_message_2471 + children: JSCompiler_object_inline_message_2475 }, - JSCompiler_object_inline_componentStack_2474 + JSCompiler_object_inline_componentStack_2478 )), - (JSCompiler_object_inline_stack_2473 = createFiberFromFragment( - JSCompiler_object_inline_stack_2473, - JSCompiler_object_inline_componentStack_2474, + (JSCompiler_object_inline_stack_2477 = createFiberFromFragment( + JSCompiler_object_inline_stack_2477, + JSCompiler_object_inline_componentStack_2478, renderLanes, null )), - (JSCompiler_object_inline_message_2471.return = workInProgress), - (JSCompiler_object_inline_stack_2473.return = workInProgress), - (JSCompiler_object_inline_message_2471.sibling = - JSCompiler_object_inline_stack_2473), - (workInProgress.child = JSCompiler_object_inline_message_2471), - (JSCompiler_object_inline_componentStack_2474 = + (JSCompiler_object_inline_message_2475.return = workInProgress), + (JSCompiler_object_inline_stack_2477.return = workInProgress), + (JSCompiler_object_inline_message_2475.sibling = + JSCompiler_object_inline_stack_2477), + (workInProgress.child = JSCompiler_object_inline_message_2475), + (JSCompiler_object_inline_componentStack_2478 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2474.memoizedState = + (JSCompiler_object_inline_componentStack_2478.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2474.childLanes = + (JSCompiler_object_inline_componentStack_2478.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2472, + JSCompiler_object_inline_digest_2476, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2473 + JSCompiler_object_inline_stack_2477 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2471 + JSCompiler_object_inline_message_2475 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2471 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2471) + ((JSCompiler_object_inline_message_2475 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2475) ) { if (didSuspend) workInProgress.flags & 256 @@ -9138,94 +9138,94 @@ (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2474 = - JSCompiler_object_inline_stack_2473.fallback), - (JSCompiler_object_inline_message_2471 = workInProgress.mode), - (JSCompiler_object_inline_stack_2473 = + (JSCompiler_object_inline_componentStack_2478 = + JSCompiler_object_inline_stack_2477.fallback), + (JSCompiler_object_inline_message_2475 = workInProgress.mode), + (JSCompiler_object_inline_stack_2477 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2473.children + children: JSCompiler_object_inline_stack_2477.children }, - JSCompiler_object_inline_message_2471 + JSCompiler_object_inline_message_2475 )), - (JSCompiler_object_inline_componentStack_2474 = + (JSCompiler_object_inline_componentStack_2478 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2474, - JSCompiler_object_inline_message_2471, + JSCompiler_object_inline_componentStack_2478, + JSCompiler_object_inline_message_2475, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2474.flags |= 2), - (JSCompiler_object_inline_stack_2473.return = workInProgress), - (JSCompiler_object_inline_componentStack_2474.return = + (JSCompiler_object_inline_componentStack_2478.flags |= 2), + (JSCompiler_object_inline_stack_2477.return = workInProgress), + (JSCompiler_object_inline_componentStack_2478.return = workInProgress), - (JSCompiler_object_inline_stack_2473.sibling = - JSCompiler_object_inline_componentStack_2474), - (workInProgress.child = JSCompiler_object_inline_stack_2473), + (JSCompiler_object_inline_stack_2477.sibling = + JSCompiler_object_inline_componentStack_2478), + (workInProgress.child = JSCompiler_object_inline_stack_2477), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2473 = workInProgress.child), - (JSCompiler_object_inline_stack_2473.memoizedState = + (JSCompiler_object_inline_stack_2477 = workInProgress.child), + (JSCompiler_object_inline_stack_2477.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2473.childLanes = + (JSCompiler_object_inline_stack_2477.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2472, + JSCompiler_object_inline_digest_2476, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2474)); + JSCompiler_object_inline_componentStack_2478)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && console.error( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2471)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2475)) ) { - JSCompiler_object_inline_digest_2472 = - JSCompiler_object_inline_message_2471.nextSibling && - JSCompiler_object_inline_message_2471.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2472) { - JSCompiler_temp = JSCompiler_object_inline_digest_2472.dgst; - var message = JSCompiler_object_inline_digest_2472.msg; - instance = JSCompiler_object_inline_digest_2472.stck; - var componentStack = JSCompiler_object_inline_digest_2472.cstck; + JSCompiler_object_inline_digest_2476 = + JSCompiler_object_inline_message_2475.nextSibling && + JSCompiler_object_inline_message_2475.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2476) { + JSCompiler_temp = JSCompiler_object_inline_digest_2476.dgst; + var message = JSCompiler_object_inline_digest_2476.msg; + instance = JSCompiler_object_inline_digest_2476.stck; + var componentStack = JSCompiler_object_inline_digest_2476.cstck; } - JSCompiler_object_inline_message_2471 = message; - JSCompiler_object_inline_digest_2472 = JSCompiler_temp; - JSCompiler_object_inline_stack_2473 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2474 = + JSCompiler_object_inline_message_2475 = message; + JSCompiler_object_inline_digest_2476 = JSCompiler_temp; + JSCompiler_object_inline_stack_2477 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2478 = componentStack; - JSCompiler_object_inline_componentStack_2474 = - JSCompiler_object_inline_message_2471 - ? Error(JSCompiler_object_inline_message_2471) + JSCompiler_object_inline_componentStack_2478 = + JSCompiler_object_inline_message_2475 + ? Error(JSCompiler_object_inline_message_2475) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_componentStack_2474.stack = - JSCompiler_object_inline_stack_2473 || ""; - JSCompiler_object_inline_componentStack_2474.digest = - JSCompiler_object_inline_digest_2472; - JSCompiler_object_inline_digest_2472 = + JSCompiler_object_inline_componentStack_2478.stack = + JSCompiler_object_inline_stack_2477 || ""; + JSCompiler_object_inline_componentStack_2478.digest = + JSCompiler_object_inline_digest_2476; + JSCompiler_object_inline_digest_2476 = void 0 === JSCompiler_temp ? null : JSCompiler_temp; - JSCompiler_object_inline_stack_2473 = { - value: JSCompiler_object_inline_componentStack_2474, + JSCompiler_object_inline_stack_2477 = { + value: JSCompiler_object_inline_componentStack_2478, source: null, - stack: JSCompiler_object_inline_digest_2472 + stack: JSCompiler_object_inline_digest_2476 }; - "string" === typeof JSCompiler_object_inline_digest_2472 && + "string" === typeof JSCompiler_object_inline_digest_2476 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2474, - JSCompiler_object_inline_stack_2473 + JSCompiler_object_inline_componentStack_2478, + JSCompiler_object_inline_stack_2477 ); - queueHydrationError(JSCompiler_object_inline_stack_2473); + queueHydrationError(JSCompiler_object_inline_stack_2477); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9239,44 +9239,44 @@ renderLanes, !1 ), - (JSCompiler_object_inline_digest_2472 = + (JSCompiler_object_inline_digest_2476 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2472) + didReceiveUpdate || JSCompiler_object_inline_digest_2476) ) { - JSCompiler_object_inline_digest_2472 = workInProgressRoot; + JSCompiler_object_inline_digest_2476 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_digest_2472 && - ((JSCompiler_object_inline_stack_2473 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2473 = - 0 !== (JSCompiler_object_inline_stack_2473 & 42) + null !== JSCompiler_object_inline_digest_2476 && + ((JSCompiler_object_inline_stack_2477 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2477 = + 0 !== (JSCompiler_object_inline_stack_2477 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2473 + JSCompiler_object_inline_stack_2477 )), - (JSCompiler_object_inline_stack_2473 = + (JSCompiler_object_inline_stack_2477 = 0 !== - (JSCompiler_object_inline_stack_2473 & - (JSCompiler_object_inline_digest_2472.suspendedLanes | + (JSCompiler_object_inline_stack_2477 & + (JSCompiler_object_inline_digest_2476.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2473), - 0 !== JSCompiler_object_inline_stack_2473 && - JSCompiler_object_inline_stack_2473 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2477), + 0 !== JSCompiler_object_inline_stack_2477 && + JSCompiler_object_inline_stack_2477 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2473), + ((prevState.retryLane = JSCompiler_object_inline_stack_2477), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2473 + JSCompiler_object_inline_stack_2477 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2472, + JSCompiler_object_inline_digest_2476, current, - JSCompiler_object_inline_stack_2473 + JSCompiler_object_inline_stack_2477 ), SelectiveHydrationException) ); - JSCompiler_object_inline_message_2471.data === + JSCompiler_object_inline_message_2475.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9284,14 +9284,14 @@ renderLanes ); } else - JSCompiler_object_inline_message_2471.data === + JSCompiler_object_inline_message_2475.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2471.nextSibling + JSCompiler_object_inline_message_2475.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9309,57 +9309,57 @@ (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2473.children + JSCompiler_object_inline_stack_2477.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2474) + if (JSCompiler_object_inline_componentStack_2478) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2474 = - JSCompiler_object_inline_stack_2473.fallback), - (JSCompiler_object_inline_message_2471 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2478 = + JSCompiler_object_inline_stack_2477.fallback), + (JSCompiler_object_inline_message_2475 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2473 = createWorkInProgress( + (JSCompiler_object_inline_stack_2477 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2473.children + children: JSCompiler_object_inline_stack_2477.children } )), - (JSCompiler_object_inline_stack_2473.subtreeFlags = + (JSCompiler_object_inline_stack_2477.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_componentStack_2474 = + ? (JSCompiler_object_inline_componentStack_2478 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2474 + JSCompiler_object_inline_componentStack_2478 )) - : ((JSCompiler_object_inline_componentStack_2474 = + : ((JSCompiler_object_inline_componentStack_2478 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2474, - JSCompiler_object_inline_message_2471, + JSCompiler_object_inline_componentStack_2478, + JSCompiler_object_inline_message_2475, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2474.flags |= 2)), - (JSCompiler_object_inline_componentStack_2474.return = + (JSCompiler_object_inline_componentStack_2478.flags |= 2)), + (JSCompiler_object_inline_componentStack_2478.return = workInProgress), - (JSCompiler_object_inline_stack_2473.return = workInProgress), - (JSCompiler_object_inline_stack_2473.sibling = - JSCompiler_object_inline_componentStack_2474), - (workInProgress.child = JSCompiler_object_inline_stack_2473), - (JSCompiler_object_inline_stack_2473 = - JSCompiler_object_inline_componentStack_2474), - (JSCompiler_object_inline_componentStack_2474 = workInProgress.child), - (JSCompiler_object_inline_message_2471 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2471 - ? (JSCompiler_object_inline_message_2471 = + (JSCompiler_object_inline_stack_2477.return = workInProgress), + (JSCompiler_object_inline_stack_2477.sibling = + JSCompiler_object_inline_componentStack_2478), + (workInProgress.child = JSCompiler_object_inline_stack_2477), + (JSCompiler_object_inline_stack_2477 = + JSCompiler_object_inline_componentStack_2478), + (JSCompiler_object_inline_componentStack_2478 = workInProgress.child), + (JSCompiler_object_inline_message_2475 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2475 + ? (JSCompiler_object_inline_message_2475 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2471.cachePool), + JSCompiler_object_inline_message_2475.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9367,37 +9367,37 @@ ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2471 = { + (JSCompiler_object_inline_message_2475 = { baseLanes: - JSCompiler_object_inline_message_2471.baseLanes | renderLanes, + JSCompiler_object_inline_message_2475.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2474.memoizedState = - JSCompiler_object_inline_message_2471), - (JSCompiler_object_inline_componentStack_2474.childLanes = + (JSCompiler_object_inline_componentStack_2478.memoizedState = + JSCompiler_object_inline_message_2475), + (JSCompiler_object_inline_componentStack_2478.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2472, + JSCompiler_object_inline_digest_2476, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2473 + JSCompiler_object_inline_stack_2477 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2473.children + children: JSCompiler_object_inline_stack_2477.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2472 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2472 + ((JSCompiler_object_inline_digest_2476 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2476 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2472.push(current)); + : JSCompiler_object_inline_digest_2476.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -15684,30 +15684,24 @@ var prevExecutionContext = executionContext; executionContext |= CommitContext; try { - var rootContainer = root.containerInfo, - documentElement = + var rootClone = root.gestureClone; + if (null !== rootClone) { + root.gestureClone = null; + var rootContainer = root.containerInfo; + var containerInstance = 9 === rootContainer.nodeType - ? rootContainer.documentElement - : rootContainer.ownerDocument.documentElement; - null !== documentElement && - "" === documentElement.style.viewTransitionName && - ((documentElement.style.viewTransitionName = "none"), - documentElement.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(root)" - } - ), - documentElement.animate( - { width: [0, 0], height: [0, 0] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition" - } - )); + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + var containerParent = containerInstance.parentNode; + if (null === containerParent) + throw Error( + "Cannot use a useSwipeTransition() in a detached root." + ); + containerParent.removeChild(rootClone); + containerInstance.style.viewTransitionName = "root"; + } } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -15748,11 +15742,16 @@ var prevExecutionContext = executionContext; executionContext |= CommitContext; try { - var rootContainer = root.containerInfo, - documentElement = - 9 === rootContainer.nodeType - ? rootContainer.documentElement - : rootContainer.ownerDocument.documentElement; + var rootContainer = root.containerInfo; + var containerInstance = + 9 === rootContainer.nodeType + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + "root" === containerInstance.style.viewTransitionName && + (containerInstance.style.viewTransitionName = ""); + var documentElement = containerInstance.ownerDocument.documentElement; null !== documentElement && "none" === documentElement.style.viewTransitionName && (documentElement.style.viewTransitionName = ""); @@ -24892,11 +24891,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-443b7ff2-20250303" !== isomorphicReactPackageVersion) + if ("19.1.0-canary-e03ac20f-20250305" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-443b7ff2-20250303\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-canary-e03ac20f-20250305\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -24933,10 +24932,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.1.0-canary-443b7ff2-20250303", + version: "19.1.0-canary-e03ac20f-20250305", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-canary-443b7ff2-20250303" + reconcilerVersion: "19.1.0-canary-e03ac20f-20250305" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -25410,7 +25409,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-canary-443b7ff2-20250303"; + exports.version = "19.1.0-canary-e03ac20f-20250305"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js index 8608885cfeed3..9bcb08e544812 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js @@ -11899,26 +11899,21 @@ function flushGestureMutations() { var prevExecutionContext = executionContext; executionContext |= 4; try { - var rootContainer = root.containerInfo, - documentElement = + var rootClone = root.gestureClone; + if (null !== rootClone) { + root.gestureClone = null; + var rootContainer = root.containerInfo; + var containerInstance = 9 === rootContainer.nodeType - ? rootContainer.documentElement - : rootContainer.ownerDocument.documentElement; - null !== documentElement && - "" === documentElement.style.viewTransitionName && - ((documentElement.style.viewTransitionName = "none"), - documentElement.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(root)" - } - ), - documentElement.animate( - { width: [0, 0], height: [0, 0] }, - { duration: 0, fill: "forwards", pseudoElement: "::view-transition" } - )); + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + var containerParent = containerInstance.parentNode; + if (null === containerParent) throw Error(formatProdErrorMessage(552)); + containerParent.removeChild(rootClone); + containerInstance.style.viewTransitionName = "root"; + } } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -11948,11 +11943,16 @@ function flushPendingEffects(wasDelayedCommit) { var prevExecutionContext = executionContext; executionContext |= 4; try { - var rootContainer = root.containerInfo, - documentElement = - 9 === rootContainer.nodeType - ? rootContainer.documentElement - : rootContainer.ownerDocument.documentElement; + var rootContainer = root.containerInfo; + var containerInstance = + 9 === rootContainer.nodeType + ? rootContainer.body + : "HTML" === rootContainer.nodeName + ? rootContainer.ownerDocument.body + : rootContainer; + "root" === containerInstance.style.viewTransitionName && + (containerInstance.style.viewTransitionName = ""); + var documentElement = containerInstance.ownerDocument.documentElement; null !== documentElement && "none" === documentElement.style.viewTransitionName && (documentElement.style.viewTransitionName = ""); @@ -12442,20 +12442,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1630 = 0; - i$jscomp$inline_1630 < simpleEventPluginEvents.length; - i$jscomp$inline_1630++ + var i$jscomp$inline_1631 = 0; + i$jscomp$inline_1631 < simpleEventPluginEvents.length; + i$jscomp$inline_1631++ ) { - var eventName$jscomp$inline_1631 = - simpleEventPluginEvents[i$jscomp$inline_1630], - domEventName$jscomp$inline_1632 = - eventName$jscomp$inline_1631.toLowerCase(), - capitalizedEvent$jscomp$inline_1633 = - eventName$jscomp$inline_1631[0].toUpperCase() + - eventName$jscomp$inline_1631.slice(1); + var eventName$jscomp$inline_1632 = + simpleEventPluginEvents[i$jscomp$inline_1631], + domEventName$jscomp$inline_1633 = + eventName$jscomp$inline_1632.toLowerCase(), + capitalizedEvent$jscomp$inline_1634 = + eventName$jscomp$inline_1632[0].toUpperCase() + + eventName$jscomp$inline_1632.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1632, - "on" + capitalizedEvent$jscomp$inline_1633 + domEventName$jscomp$inline_1633, + "on" + capitalizedEvent$jscomp$inline_1634 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -15968,16 +15968,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_1884 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1885 = React.version; if ( - "19.1.0-canary-443b7ff2-20250303" !== - isomorphicReactPackageVersion$jscomp$inline_1884 + "19.1.0-canary-e03ac20f-20250305" !== + isomorphicReactPackageVersion$jscomp$inline_1885 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1884, - "19.1.0-canary-443b7ff2-20250303" + isomorphicReactPackageVersion$jscomp$inline_1885, + "19.1.0-canary-e03ac20f-20250305" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -15997,12 +15997,12 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_1891 = { +var internals$jscomp$inline_1892 = { bundleType: 0, - version: "19.1.0-canary-443b7ff2-20250303", + version: "19.1.0-canary-e03ac20f-20250305", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-canary-443b7ff2-20250303", + reconcilerVersion: "19.1.0-canary-e03ac20f-20250305", getLaneLabelMap: function () { for ( var map = new Map(), lane = 1, index$281 = 0; @@ -16020,16 +16020,16 @@ var internals$jscomp$inline_1891 = { } }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2344 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2347 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2344.isDisabled && - hook$jscomp$inline_2344.supportsFiber + !hook$jscomp$inline_2347.isDisabled && + hook$jscomp$inline_2347.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2344.inject( - internals$jscomp$inline_1891 + (rendererID = hook$jscomp$inline_2347.inject( + internals$jscomp$inline_1892 )), - (injectedHook = hook$jscomp$inline_2344); + (injectedHook = hook$jscomp$inline_2347); } catch (err) {} } function noop() {} @@ -16282,7 +16282,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-canary-443b7ff2-20250303"; +exports.version = "19.1.0-canary-e03ac20f-20250305"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js index de4fd64da6600..b3fb8f2728038 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js @@ -9010,5 +9010,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; - exports.version = "19.1.0-canary-443b7ff2-20250303"; + exports.version = "19.1.0-canary-e03ac20f-20250305"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js index 0b54ede50f226..2af38b68afc8a 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js @@ -5887,4 +5887,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; -exports.version = "19.1.0-canary-443b7ff2-20250303"; +exports.version = "19.1.0-canary-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js index 0f6f49659c025..369b7f4f7d2d4 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js @@ -9010,5 +9010,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server' ); }; - exports.version = "19.1.0-canary-443b7ff2-20250303"; + exports.version = "19.1.0-canary-e03ac20f-20250305"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js index 150d3b80a349a..f6e0ed566c294 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js @@ -5967,4 +5967,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server' ); }; -exports.version = "19.1.0-canary-443b7ff2-20250303"; +exports.version = "19.1.0-canary-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js index 8d09b427b03fd..c0ef6e2a95019 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js @@ -7740,11 +7740,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-443b7ff2-20250303" !== isomorphicReactPackageVersion) + if ("19.1.0-canary-e03ac20f-20250305" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-443b7ff2-20250303\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-canary-e03ac20f-20250305\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react"), @@ -9399,5 +9399,5 @@ startWork(request); }); }; - exports.version = "19.1.0-canary-443b7ff2-20250303"; + exports.version = "19.1.0-canary-e03ac20f-20250305"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js index 14605ef7ee6a1..f1f2d3f40be8a 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js @@ -6227,12 +6227,12 @@ function abort(request, reason) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-443b7ff2-20250303" !== isomorphicReactPackageVersion) + if ("19.1.0-canary-e03ac20f-20250305" !== isomorphicReactPackageVersion) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion, - "19.1.0-canary-443b7ff2-20250303" + "19.1.0-canary-e03ac20f-20250305" ) ); } @@ -6379,4 +6379,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.1.0-canary-443b7ff2-20250303"; +exports.version = "19.1.0-canary-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js index f870717a6885c..16ae11743e48d 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js @@ -5865,13 +5865,13 @@ function abort(request, reason) { } var isomorphicReactPackageVersion$jscomp$inline_761 = React.version; if ( - "19.1.0-canary-443b7ff2-20250303" !== + "19.1.0-canary-e03ac20f-20250305" !== isomorphicReactPackageVersion$jscomp$inline_761 ) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion$jscomp$inline_761 + - "\n - react-dom: 19.1.0-canary-443b7ff2-20250303\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-canary-e03ac20f-20250305\nLearn more: https://react.dev/warnings/version-mismatch") ); exports.renderToReadableStream = function (children, options) { return new Promise(function (resolve, reject) { @@ -5962,4 +5962,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.1.0-canary-443b7ff2-20250303"; +exports.version = "19.1.0-canary-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js index 1a10f9f741e9e..ce33eff3efe07 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js @@ -7763,11 +7763,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-443b7ff2-20250303" !== isomorphicReactPackageVersion) + if ("19.1.0-canary-e03ac20f-20250305" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-443b7ff2-20250303\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-canary-e03ac20f-20250305\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react"), @@ -9429,5 +9429,5 @@ const setTimeoutOrImmediate = ? globalThis['set' + 'Immediate'] : setTimeout; - exports.version = "19.1.0-canary-443b7ff2-20250303"; + exports.version = "19.1.0-canary-e03ac20f-20250305"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js index 51da408a64a8b..93e0539424087 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js @@ -6322,11 +6322,11 @@ function abort(request, reason) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-443b7ff2-20250303" !== isomorphicReactPackageVersion) + if ("19.1.0-canary-e03ac20f-20250305" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-443b7ff2-20250303\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-canary-e03ac20f-20250305\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -6483,4 +6483,4 @@ const setTimeoutOrImmediate = ? globalThis['set' + 'Immediate'] : setTimeout; -exports.version = "19.1.0-canary-443b7ff2-20250303"; +exports.version = "19.1.0-canary-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js index 9c705253024c2..34d9c5d06dbe3 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js @@ -7638,11 +7638,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-443b7ff2-20250303" !== isomorphicReactPackageVersion) + if ("19.1.0-canary-e03ac20f-20250305" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-443b7ff2-20250303\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-canary-e03ac20f-20250305\nLearn more: https://react.dev/warnings/version-mismatch") ); } function createDrainHandler(destination, request) { @@ -9292,5 +9292,5 @@ } }; }; - exports.version = "19.1.0-canary-443b7ff2-20250303"; + exports.version = "19.1.0-canary-e03ac20f-20250305"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js index b127e09c47e57..fc4c245ce8e8b 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js @@ -6214,11 +6214,11 @@ function abort(request, reason) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-443b7ff2-20250303" !== isomorphicReactPackageVersion) + if ("19.1.0-canary-e03ac20f-20250305" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-443b7ff2-20250303\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-canary-e03ac20f-20250305\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -6367,4 +6367,4 @@ exports.renderToPipeableStream = function (children, options) { } }; }; -exports.version = "19.1.0-canary-443b7ff2-20250303"; +exports.version = "19.1.0-canary-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom.development.js index ac12f8527c8cb..ffef9412db343 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.development.js @@ -416,7 +416,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-canary-443b7ff2-20250303"; + exports.version = "19.1.0-canary-e03ac20f-20250305"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom.production.js index 71b4fc12b6a99..3b6d76f9bef89 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.production.js @@ -207,4 +207,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-canary-443b7ff2-20250303"; +exports.version = "19.1.0-canary-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js index 7bfc9c8e92230..5995d0b8f3445 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js @@ -336,5 +336,5 @@ })) : Internals.d.m(href)); }; - exports.version = "19.1.0-canary-443b7ff2-20250303"; + exports.version = "19.1.0-canary-e03ac20f-20250305"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js index 063ea1966f10a..b9a88a5702b0d 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js @@ -149,4 +149,4 @@ exports.preloadModule = function (href, options) { }); } else Internals.d.m(href); }; -exports.version = "19.1.0-canary-443b7ff2-20250303"; +exports.version = "19.1.0-canary-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-dom/package.json b/packages/next/src/compiled/react-dom/package.json index 3c7bb7fa15f50..c60834ec7da95 100644 --- a/packages/next/src/compiled/react-dom/package.json +++ b/packages/next/src/compiled/react-dom/package.json @@ -67,10 +67,10 @@ "./package.json": "./package.json" }, "dependencies": { - "scheduler": "0.26.0-canary-443b7ff2-20250303" + "scheduler": "0.26.0-canary-e03ac20f-20250305" }, "peerDependencies": { - "react": "19.1.0-canary-443b7ff2-20250303" + "react": "19.1.0-canary-e03ac20f-20250305" }, "browser": { "./server.js": "./server.browser.js", diff --git a/packages/next/src/compiled/react-experimental/cjs/react-jsx-dev-runtime.development.js b/packages/next/src/compiled/react-experimental/cjs/react-jsx-dev-runtime.development.js index cbd77fbbf424d..0908260af286f 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react-jsx-dev-runtime.development.js +++ b/packages/next/src/compiled/react-experimental/cjs/react-jsx-dev-runtime.development.js @@ -300,9 +300,8 @@ ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, - isArrayImpl = Array.isArray; - new ("function" === typeof WeakMap ? WeakMap : Map)(); - var createTask = console.createTask + isArrayImpl = Array.isArray, + createTask = console.createTask ? console.createTask : function () { return null; diff --git a/packages/next/src/compiled/react-experimental/cjs/react-jsx-dev-runtime.react-server.development.js b/packages/next/src/compiled/react-experimental/cjs/react-jsx-dev-runtime.react-server.development.js index 5ccf3101ae3da..ee0d7c99c1d66 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react-jsx-dev-runtime.react-server.development.js +++ b/packages/next/src/compiled/react-experimental/cjs/react-jsx-dev-runtime.react-server.development.js @@ -304,9 +304,8 @@ 'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.' ); var hasOwnProperty = Object.prototype.hasOwnProperty, - isArrayImpl = Array.isArray; - new ("function" === typeof WeakMap ? WeakMap : Map)(); - var createTask = console.createTask + isArrayImpl = Array.isArray, + createTask = console.createTask ? console.createTask : function () { return null; diff --git a/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.development.js b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.development.js index 971a271472ce0..1d0d2cd1d487e 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.development.js +++ b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.development.js @@ -300,9 +300,8 @@ ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, - isArrayImpl = Array.isArray; - new ("function" === typeof WeakMap ? WeakMap : Map)(); - var createTask = console.createTask + isArrayImpl = Array.isArray, + createTask = console.createTask ? console.createTask : function () { return null; diff --git a/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.react-server.development.js b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.react-server.development.js index ff6872cd19d98..197fc864197ca 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.react-server.development.js +++ b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.react-server.development.js @@ -304,9 +304,8 @@ 'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.' ); var hasOwnProperty = Object.prototype.hasOwnProperty, - isArrayImpl = Array.isArray; - new ("function" === typeof WeakMap ? WeakMap : Map)(); - var createTask = console.createTask + isArrayImpl = Array.isArray, + createTask = console.createTask ? console.createTask : function () { return null; diff --git a/packages/next/src/compiled/react-experimental/cjs/react.development.js b/packages/next/src/compiled/react-experimental/cjs/react.development.js index bcd5feddb1efc..3d159f405b920 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.development.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.development.js @@ -671,9 +671,7 @@ getCurrentStack: null }, hasOwnProperty = Object.prototype.hasOwnProperty, - REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"); - new ("function" === typeof WeakMap ? WeakMap : Map)(); - var createTask = console.createTask + createTask = console.createTask ? console.createTask : function () { return null; @@ -683,6 +681,7 @@ var didWarnAboutElementRef = {}; var didWarnAboutMaps = !1, userProvidedKeyEscapeRegex = /\/+/g, + REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), reportGlobalError = "function" === typeof reportError ? reportError @@ -1277,7 +1276,7 @@ exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.1.0-experimental-443b7ff2-20250303"; + exports.version = "19.1.0-experimental-e03ac20f-20250305"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-experimental/cjs/react.production.js b/packages/next/src/compiled/react-experimental/cjs/react.production.js index f22699b6b915e..aed2a9cad0218 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.production.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.production.js @@ -576,4 +576,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.1.0-experimental-443b7ff2-20250303"; +exports.version = "19.1.0-experimental-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js b/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js index 7cc80353994f5..cb6be1367392e 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js @@ -507,9 +507,7 @@ REACT_CLIENT_REFERENCE$1 = Symbol.for("react.client.reference"), hasOwnProperty = Object.prototype.hasOwnProperty, assign = Object.assign, - REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"); - new ("function" === typeof WeakMap ? WeakMap : Map)(); - var createTask = console.createTask + createTask = console.createTask ? console.createTask : function () { return null; @@ -519,6 +517,7 @@ var didWarnAboutElementRef = {}; var didWarnAboutMaps = !1, userProvidedKeyEscapeRegex = /\/+/g, + REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), reportGlobalError = "function" === typeof reportError ? reportError @@ -981,5 +980,5 @@ exports.useMemo = function (create, deps) { return resolveDispatcher().useMemo(create, deps); }; - exports.version = "19.1.0-experimental-443b7ff2-20250303"; + exports.version = "19.1.0-experimental-e03ac20f-20250305"; })(); diff --git a/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js b/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js index 643b38f54c580..251935352e382 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js @@ -561,4 +561,4 @@ exports.useId = function () { exports.useMemo = function (create, deps) { return ReactSharedInternals.H.useMemo(create, deps); }; -exports.version = "19.1.0-experimental-443b7ff2-20250303"; +exports.version = "19.1.0-experimental-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react-is/package.json b/packages/next/src/compiled/react-is/package.json index 15013c6516c37..ed8bf3bab8f00 100644 --- a/packages/next/src/compiled/react-is/package.json +++ b/packages/next/src/compiled/react-is/package.json @@ -1,6 +1,6 @@ { "name": "react-is", - "version": "19.1.0-canary-443b7ff2-20250303", + "version": "19.1.0-canary-e03ac20f-20250305", "description": "Brand checking of React Elements.", "main": "index.js", "sideEffects": false, diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js index 0c67fb058f8d7..8fda4e3e7df22 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js @@ -2896,10 +2896,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.1.0-experimental-443b7ff2-20250303", + version: "19.1.0-experimental-e03ac20f-20250305", rendererPackageName: "react-server-dom-turbopack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-443b7ff2-20250303", + reconcilerVersion: "19.1.0-experimental-e03ac20f-20250305", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json b/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json index 9fd84f98d1745..c2f18a59ef007 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json @@ -48,7 +48,7 @@ "neo-async": "^2.6.1" }, "peerDependencies": { - "react": "0.0.0-experimental-443b7ff2-20250303", - "react-dom": "0.0.0-experimental-443b7ff2-20250303" + "react": "0.0.0-experimental-e03ac20f-20250305", + "react-dom": "0.0.0-experimental-e03ac20f-20250305" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js index 816978ce094c3..4a0f587417064 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js @@ -2647,10 +2647,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.1.0-canary-443b7ff2-20250303", + version: "19.1.0-canary-e03ac20f-20250305", rendererPackageName: "react-server-dom-turbopack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-canary-443b7ff2-20250303", + reconcilerVersion: "19.1.0-canary-e03ac20f-20250305", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-turbopack/package.json b/packages/next/src/compiled/react-server-dom-turbopack/package.json index adf02bc692249..83dc8ddf43530 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/package.json +++ b/packages/next/src/compiled/react-server-dom-turbopack/package.json @@ -48,7 +48,7 @@ "neo-async": "^2.6.1" }, "peerDependencies": { - "react": "19.1.0-canary-443b7ff2-20250303", - "react-dom": "19.1.0-canary-443b7ff2-20250303" + "react": "19.1.0-canary-e03ac20f-20250305", + "react-dom": "19.1.0-canary-e03ac20f-20250305" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js index 1d89817ac038c..5544cc72665eb 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js @@ -2911,10 +2911,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.1.0-experimental-443b7ff2-20250303", + version: "19.1.0-experimental-e03ac20f-20250305", rendererPackageName: "react-server-dom-webpack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-443b7ff2-20250303", + reconcilerVersion: "19.1.0-experimental-e03ac20f-20250305", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json b/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json index c204537b8b23f..c45929f501a41 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json @@ -64,8 +64,8 @@ "webpack-sources": "^3.2.0" }, "peerDependencies": { - "react": "0.0.0-experimental-443b7ff2-20250303", - "react-dom": "0.0.0-experimental-443b7ff2-20250303", + "react": "0.0.0-experimental-e03ac20f-20250305", + "react-dom": "0.0.0-experimental-e03ac20f-20250305", "webpack": "^5.59.0" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js index 5d5d4e233730b..d74fd321b1ba1 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js @@ -2662,10 +2662,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.1.0-canary-443b7ff2-20250303", + version: "19.1.0-canary-e03ac20f-20250305", rendererPackageName: "react-server-dom-webpack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-canary-443b7ff2-20250303", + reconcilerVersion: "19.1.0-canary-e03ac20f-20250305", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-webpack/package.json b/packages/next/src/compiled/react-server-dom-webpack/package.json index 660e71b82bf93..1133ecc61472a 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/package.json +++ b/packages/next/src/compiled/react-server-dom-webpack/package.json @@ -64,8 +64,8 @@ "webpack-sources": "^3.2.0" }, "peerDependencies": { - "react": "19.1.0-canary-443b7ff2-20250303", - "react-dom": "19.1.0-canary-443b7ff2-20250303", + "react": "19.1.0-canary-e03ac20f-20250305", + "react-dom": "19.1.0-canary-e03ac20f-20250305", "webpack": "^5.59.0" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react/cjs/react-jsx-dev-runtime.development.js b/packages/next/src/compiled/react/cjs/react-jsx-dev-runtime.development.js index 051b6b0757009..6146c8ed9a8bc 100644 --- a/packages/next/src/compiled/react/cjs/react-jsx-dev-runtime.development.js +++ b/packages/next/src/compiled/react/cjs/react-jsx-dev-runtime.development.js @@ -297,9 +297,8 @@ ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, - isArrayImpl = Array.isArray; - new ("function" === typeof WeakMap ? WeakMap : Map)(); - var createTask = console.createTask + isArrayImpl = Array.isArray, + createTask = console.createTask ? console.createTask : function () { return null; diff --git a/packages/next/src/compiled/react/cjs/react-jsx-dev-runtime.react-server.development.js b/packages/next/src/compiled/react/cjs/react-jsx-dev-runtime.react-server.development.js index c865e638ed3c4..7d91b96e61528 100644 --- a/packages/next/src/compiled/react/cjs/react-jsx-dev-runtime.react-server.development.js +++ b/packages/next/src/compiled/react/cjs/react-jsx-dev-runtime.react-server.development.js @@ -301,9 +301,8 @@ 'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.' ); var hasOwnProperty = Object.prototype.hasOwnProperty, - isArrayImpl = Array.isArray; - new ("function" === typeof WeakMap ? WeakMap : Map)(); - var createTask = console.createTask + isArrayImpl = Array.isArray, + createTask = console.createTask ? console.createTask : function () { return null; diff --git a/packages/next/src/compiled/react/cjs/react-jsx-runtime.development.js b/packages/next/src/compiled/react/cjs/react-jsx-runtime.development.js index 780a9f47b7c05..583b8582fc974 100644 --- a/packages/next/src/compiled/react/cjs/react-jsx-runtime.development.js +++ b/packages/next/src/compiled/react/cjs/react-jsx-runtime.development.js @@ -297,9 +297,8 @@ ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, - isArrayImpl = Array.isArray; - new ("function" === typeof WeakMap ? WeakMap : Map)(); - var createTask = console.createTask + isArrayImpl = Array.isArray, + createTask = console.createTask ? console.createTask : function () { return null; diff --git a/packages/next/src/compiled/react/cjs/react-jsx-runtime.react-server.development.js b/packages/next/src/compiled/react/cjs/react-jsx-runtime.react-server.development.js index 2da866928d995..74c68662f8a2a 100644 --- a/packages/next/src/compiled/react/cjs/react-jsx-runtime.react-server.development.js +++ b/packages/next/src/compiled/react/cjs/react-jsx-runtime.react-server.development.js @@ -301,9 +301,8 @@ 'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.' ); var hasOwnProperty = Object.prototype.hasOwnProperty, - isArrayImpl = Array.isArray; - new ("function" === typeof WeakMap ? WeakMap : Map)(); - var createTask = console.createTask + isArrayImpl = Array.isArray, + createTask = console.createTask ? console.createTask : function () { return null; diff --git a/packages/next/src/compiled/react/cjs/react.development.js b/packages/next/src/compiled/react/cjs/react.development.js index 633371ab1f44a..35316f42fe8f6 100644 --- a/packages/next/src/compiled/react/cjs/react.development.js +++ b/packages/next/src/compiled/react/cjs/react.development.js @@ -664,9 +664,7 @@ getCurrentStack: null }, hasOwnProperty = Object.prototype.hasOwnProperty, - REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"); - new ("function" === typeof WeakMap ? WeakMap : Map)(); - var createTask = console.createTask + createTask = console.createTask ? console.createTask : function () { return null; @@ -676,6 +674,7 @@ var didWarnAboutElementRef = {}; var didWarnAboutMaps = !1, userProvidedKeyEscapeRegex = /\/+/g, + REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), reportGlobalError = "function" === typeof reportError ? reportError @@ -1238,7 +1237,7 @@ exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.1.0-canary-443b7ff2-20250303"; + exports.version = "19.1.0-canary-e03ac20f-20250305"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react/cjs/react.production.js b/packages/next/src/compiled/react/cjs/react.production.js index 104eb6cb6394f..b193ca3a2474c 100644 --- a/packages/next/src/compiled/react/cjs/react.production.js +++ b/packages/next/src/compiled/react/cjs/react.production.js @@ -543,4 +543,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.1.0-canary-443b7ff2-20250303"; +exports.version = "19.1.0-canary-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/react/cjs/react.react-server.development.js b/packages/next/src/compiled/react/cjs/react.react-server.development.js index fdcb6cf485d70..9932b60d29bcb 100644 --- a/packages/next/src/compiled/react/cjs/react.react-server.development.js +++ b/packages/next/src/compiled/react/cjs/react.react-server.development.js @@ -481,9 +481,7 @@ REACT_CLIENT_REFERENCE$1 = Symbol.for("react.client.reference"), hasOwnProperty = Object.prototype.hasOwnProperty, assign = Object.assign, - REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"); - new ("function" === typeof WeakMap ? WeakMap : Map)(); - var createTask = console.createTask + createTask = console.createTask ? console.createTask : function () { return null; @@ -492,7 +490,8 @@ didWarnAboutOldJSXRuntime; var didWarnAboutElementRef = {}; var didWarnAboutMaps = !1, - userProvidedKeyEscapeRegex = /\/+/g; + userProvidedKeyEscapeRegex = /\/+/g, + REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"); exports.Children = { map: mapChildren, forEach: function (children, forEachFunc, forEachContext) { @@ -810,5 +809,5 @@ exports.useMemo = function (create, deps) { return resolveDispatcher().useMemo(create, deps); }; - exports.version = "19.1.0-canary-443b7ff2-20250303"; + exports.version = "19.1.0-canary-e03ac20f-20250305"; })(); diff --git a/packages/next/src/compiled/react/cjs/react.react-server.production.js b/packages/next/src/compiled/react/cjs/react.react-server.production.js index 3cbcd870b4996..f010224db156e 100644 --- a/packages/next/src/compiled/react/cjs/react.react-server.production.js +++ b/packages/next/src/compiled/react/cjs/react.react-server.production.js @@ -426,4 +426,4 @@ exports.useId = function () { exports.useMemo = function (create, deps) { return ReactSharedInternals.H.useMemo(create, deps); }; -exports.version = "19.1.0-canary-443b7ff2-20250303"; +exports.version = "19.1.0-canary-e03ac20f-20250305"; diff --git a/packages/next/src/compiled/unistore/unistore.js b/packages/next/src/compiled/unistore/unistore.js index 8a9aad3613105..1ffaad166e3b5 100644 --- a/packages/next/src/compiled/unistore/unistore.js +++ b/packages/next/src/compiled/unistore/unistore.js @@ -1 +1 @@ -(()=>{var t={882:t=>{function n(t,i){for(var _ in i)t[_]=i[_];return t}t.exports=function(t){var i=[];function u(t){for(var _=[],a=0;a{var t={143:t=>{function n(t,i){for(var _ in i)t[_]=i[_];return t}t.exports=function(t){var i=[];function u(t){for(var _=[],a=0;a=14.0.0'} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305 '@storybook/instrumenter@8.6.0': resolution: {integrity: sha512-eEY/Hfa3Vj5Nv4vHRHlSqjoyW6oAKNK3rKIXfL/eawQwb7rKhzijDLG5YBH44Hh7dEPIqUp0LEdgpyIY7GXezg==} @@ -5495,8 +5495,8 @@ packages: resolution: {integrity: sha512-04T86VG0UJtiozgZkTR5sY1qM3E0Rgwqwllvyy7kFFdkV+Sv/VsPjW9sC38s9C8FtCYRL8pJZz81ey3oylpIMA==} engines: {node: '>=18.0.0'} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305 storybook: ^8.6.0 typescript: '*' peerDependenciesMeta: @@ -5517,16 +5517,16 @@ packages: '@storybook/react-dom-shim@8.6.0': resolution: {integrity: sha512-5Y+vMHhcx0xnaNsLQMbkmjc3zkDn/fGBNsiLH2e4POvW3ZQvOxjoyxAsEQaKwLtFgsdCFSd2tR89F6ItYrA2JQ==} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305 storybook: ^8.6.0 '@storybook/react-webpack5@8.6.0': resolution: {integrity: sha512-2L9CYDPn1OL0B8K5EU/Wpo9Slg8f0vkYPaPioQnmcK3Q4SJR4JAuDVWHUtNdxhaPOkHIy887Tfrf6BEC/blMaQ==} engines: {node: '>=18.0.0'} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305 storybook: ^8.6.0 typescript: '>= 4.2.x' peerDependenciesMeta: @@ -5538,8 +5538,8 @@ packages: engines: {node: '>=18.0.0'} peerDependencies: '@storybook/test': 8.6.0 - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305 storybook: ^8.6.0 typescript: '>= 4.2.x' peerDependenciesMeta: @@ -5775,8 +5775,8 @@ packages: engines: {node: '>=18'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305 peerDependenciesMeta: '@types/react': optional: true @@ -11858,7 +11858,7 @@ packages: lucide-react@0.383.0: resolution: {integrity: sha512-13xlG0CQCJtzjSQYwwJ3WRqMHtRj3EXmLlorrARt7y+IHnxUCp3XyFNL1DfaGySWxHObDvnu1u1dV+0VMKHUSg==} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 lz-string@1.5.0: resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==} @@ -14351,23 +14351,23 @@ packages: resolution: {integrity: sha512-APPU8HB2uZnpl6Vt/+0AFoVYgSRtfiP6FLrZgPPTDmqSb2R4qZRbgd0A3VzIFxDt5e+Fozjx79WjLWnF69DK8g==} engines: {node: '>=16.14.0'} - react-dom@0.0.0-experimental-443b7ff2-20250303: - resolution: {integrity: sha512-MgcAqQOzO/frpMb5eF4kOF4c59+mXUOk8EnACxEHi8EG3Ahj6B4P66JfcgY3zV3tnFT2qXr9p7zGCEpjiOUTkA==} + react-dom@0.0.0-experimental-e03ac20f-20250305: + resolution: {integrity: sha512-z0BDed1MWpY2QAmVgB1jU3/QpOxR1h4LwD9BJVAC1d8mu1PLwK8oPk753EvawKCbdWZKHrj9x6IDHrkg3rczWQ==} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 - react-dom@19.1.0-canary-443b7ff2-20250303: - resolution: {integrity: sha512-uO7njXM8vNkbN+5GqaShe/MgWFxxDwNolwCbt4gy/iKgKiVAX/NHP6ep+gM/0pihEM/z5zJ2tTFGJbNwcVtshw==} + react-dom@19.1.0-canary-e03ac20f-20250305: + resolution: {integrity: sha512-oKDXvk64eKdwugAHuKXkgyKFgmZDDzRf6JeEjFq3JkT6eLQ4ct10o+2y669DK8+Y8XXC2VHtW+C8K2WOOSg4Ng==} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 react-dom@19.1.0-canary-ff628334-20250205: resolution: {integrity: sha512-O/FFWzQNHqKLavROUliPXDPAwJcjwDcFbZmg2YfsWtSDJj1pRFTNzYvOUChC/hgBQiIM5rAiznQjBw2D9naH1g==} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 - react-is@19.1.0-canary-443b7ff2-20250303: - resolution: {integrity: sha512-z1ucehCPAjvmCflLuVJ2R0OGQwqH5DfCG2yX999N+5rBcHENnLdK7Kp1QclFv21/Pv3HMNWfl0C8OVpiVMbx7Q==} + react-is@19.1.0-canary-e03ac20f-20250305: + resolution: {integrity: sha512-qYkZbsJkBACNMA2NmTwKWdww7APTmn9f9TsjkGB0/p7snHQdJ+1suBCErlfptOC6Z3Snf5i5JuSUkR0M2OVAmw==} react-is@19.1.0-canary-ff628334-20250205: resolution: {integrity: sha512-tydzrH7c0S7kxlrN/Si8T4uoOWV3gMtNfTLfW3XubcKNzZwN//JEfzE1fe82nkmw7Gy2wpN6Gg+gMvOpKmiAtw==} @@ -14378,8 +14378,8 @@ packages: react-number-format@5.4.0: resolution: {integrity: sha512-NWdICrqLhI7rAS8yUeLVd6Wr4cN7UjJ9IBTS0f/a9i7UB4x4Ti70kGnksBtZ7o4Z7YRbvCMMR/jQmkoOBa/4fg==} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305 react-refresh@0.12.0: resolution: {integrity: sha512-suLIhrU2IHKL5JEKR/fAwJv7bbeq4kJ+pJopf77jHwuR+HmJS/HbrPIGsTBUVfw7tXPOmYv7UJ7PCaN49e8x4A==} @@ -14390,7 +14390,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 peerDependenciesMeta: '@types/react': optional: true @@ -14400,58 +14400,58 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 peerDependenciesMeta: '@types/react': optional: true - react-server-dom-turbopack@0.0.0-experimental-443b7ff2-20250303: - resolution: {integrity: sha512-qsOpEdGX47VZo5tXNozSzw+0SFbrIpwD8hDr4deaOcDfS1BWOWLgUrWf3ngZ3qKAxlwgDhQxvisp0HVlDNXvnw==} + react-server-dom-turbopack@0.0.0-experimental-e03ac20f-20250305: + resolution: {integrity: sha512-NSCY3thDly5aiewmD5fPg6bEig4DpkQ7wT3AMFHQ0GWX6tZp3P0mNVrg5uSxqpfUP2SL0Jzv1wjD0AR1rihHyw==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305 - react-server-dom-turbopack@19.1.0-canary-443b7ff2-20250303: - resolution: {integrity: sha512-pHBm17UvhE+zEStrgMwycsw+MtmyLKXfNfkrJlnz4y8DqCW12+5LD6NwcXs3rNPl2pVgoShOkMRnN9IPOIIAGw==} + react-server-dom-turbopack@19.1.0-canary-e03ac20f-20250305: + resolution: {integrity: sha512-vggzuJJ/KL+eZGXJC1GRS62zasw8HTsy5PFq57a0phKJ+BS6syq2t7xmNMWM7MNhxoNAVo9lQXBN1mJWuPMl1A==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305 - react-server-dom-webpack@0.0.0-experimental-443b7ff2-20250303: - resolution: {integrity: sha512-isL5s4+29BK5kt0xuYaoMB//w/nzlDt1824vDAOB2k8Mg0MrzsVsLG2fjCDvtZy0ucVAngV9b9U1q6wsOGxeOg==} + react-server-dom-webpack@0.0.0-experimental-e03ac20f-20250305: + resolution: {integrity: sha512-jTRrTuGTE9GITHK5lZlu4bf5yXMHYz55nbowFLToU2XG8nkdDEj9IOvrP0UGvcCRReBqXueabnKSfhxD4hP4Qg==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305 webpack: 5.98.0 - react-server-dom-webpack@19.1.0-canary-443b7ff2-20250303: - resolution: {integrity: sha512-m2lD1e7HkYnDZfReB10sWyi3dsC+lpstantp3tQjL7CTm31oCHnNSprPh9HL4kzuHYd13aWg8W+G4Ii82cJ5jw==} + react-server-dom-webpack@19.1.0-canary-e03ac20f-20250305: + resolution: {integrity: sha512-TYo7H2xs6QR+5Qtc52RC/fJ1e6+IHyVlVNLrhWjH2MrfH1BUsswlzroaIcYvi4ySzqxwozFJMm64Hs4fHecURQ==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305 webpack: 5.98.0 react-shallow-renderer@16.15.0: resolution: {integrity: sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 react-ssr-prepass@1.0.8: resolution: {integrity: sha512-O0gfRA1SaK+9ITKxqfnXsej2jF+OHGP/+GxD4unROQaM/0/UczGF9fuF+wTboxaQoKdIf4FvS3h/OigWh704VA==} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 - react-is: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 + react-is: 19.1.0-canary-e03ac20f-20250305 react-style-singleton@2.2.1: resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==} engines: {node: '>=10'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 peerDependenciesMeta: '@types/react': optional: true @@ -14459,26 +14459,26 @@ packages: react-test-renderer@18.2.0: resolution: {integrity: sha512-JWD+aQ0lh2gvh4NM3bBM42Kx+XybOxCpgYK7F8ugAlpaTSnWsX+39Z4XkOykGZAHrjwwTZT3x3KxswVWxHPUqA==} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 react-textarea-autosize@8.5.3: resolution: {integrity: sha512-XT1024o2pqCuZSuBt9FwHlaDeNtVrtCXu0Rnz88t1jUGheCLa3PhjE1GH8Ctm2axEtvdCl5SUHYschyQ0L5QHQ==} engines: {node: '>=10'} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 react-virtualized@9.22.3: resolution: {integrity: sha512-MKovKMxWTcwPSxE1kK1HcheQTWfuCxAuBoSTf2gwyMM21NdX/PXUhnoP8Uc5dRKd+nKm8v41R36OellhdCpkrw==} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305 - react@0.0.0-experimental-443b7ff2-20250303: - resolution: {integrity: sha512-E+nLcE/ownQTAKFo91EroI7mWE27IJ+eRIwQ9651zWs5Q0YGAH9uNGx02z5u9+4LoYottPW+ZtsuYP1M5sZ8cw==} + react@0.0.0-experimental-e03ac20f-20250305: + resolution: {integrity: sha512-fYoDp7O2fAMpUYIjXi5tmyhRo3F438UDpuSejZaBm/Lf1+hARTiT7Ku1pbOEDwYquban6Y5kggUoXM96Cq4ZsA==} engines: {node: '>=0.10.0'} - react@19.1.0-canary-443b7ff2-20250303: - resolution: {integrity: sha512-vvP+6z/lNdJ6Th54WM16bpBKcPI12amOW/98USDg+1deXhSdFRyDvk2cMD1mwaZmK8jAtg2zjb4aDt3ipHH6WA==} + react@19.1.0-canary-e03ac20f-20250305: + resolution: {integrity: sha512-u6JDxJ8VrcQjpEhAfTyYjHNbcSvAEre+V5Zjpn7vNIRF85yxfMxZxjKRERDinILiB6sfM6XS0jDV/khuPn5yQQ==} engines: {node: '>=0.10.0'} react@19.1.0-canary-ff628334-20250205: @@ -15027,11 +15027,11 @@ packages: resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==} engines: {node: '>=v12.22.7'} - scheduler@0.0.0-experimental-443b7ff2-20250303: - resolution: {integrity: sha512-nQXD66mqEK/0yd/yt9cTUE6I0PnQ/fUvsZ0Trag00Rba/IFJal8KC/Azfz5Q1HvTNIb1mBqBOIMdkhrk0b6jWA==} + scheduler@0.0.0-experimental-e03ac20f-20250305: + resolution: {integrity: sha512-v2UUwZbX1Ow9Atjs0/w5mgpPoq+ILEad9d9/fDb0bT9Nqb17dQyqjaTbGGvTcsuHhLxIzKtXpR5r51fueTJpWg==} - scheduler@0.26.0-canary-443b7ff2-20250303: - resolution: {integrity: sha512-vcu2YAJyn4M+4Zk7rlTXWpWC2m3clIgg3+h1o43hRwesOwmSi/hWot+YCfDkfQKpprqdlVX65IvKHWKPMJuL0Q==} + scheduler@0.26.0-canary-e03ac20f-20250305: + resolution: {integrity: sha512-Lzg0WL9dZq5uEyBZhz1aE3Tb27zdsvEG6uQM5hGm+IKZLNJF/616mdXX+5UPakHYyXfoP57W2geoPtKNt7G3WA==} schema-utils@2.7.1: resolution: {integrity: sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==} @@ -15672,8 +15672,8 @@ packages: engines: {node: '>= 16'} peerDependencies: babel-plugin-styled-components: '>= 2' - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305 peerDependenciesMeta: babel-plugin-styled-components: optional: true @@ -15687,7 +15687,7 @@ packages: peerDependencies: '@babel/core': '*' babel-plugin-macros: '*' - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 peerDependenciesMeta: '@babel/core': optional: true @@ -15771,7 +15771,7 @@ packages: swr@2.2.4: resolution: {integrity: sha512-njiZ/4RiIhoOlAaLYDqwz5qH/KZXVilRLvomrx83HjzCWTfa+InyfAjv05PSFxnmLzZkNO9ZfvgoqzAaEI4sGQ==} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 symbol-observable@1.0.1: resolution: {integrity: sha512-Kb3PrPYz4HanVF1LVGuAdW6LoVgIwjUYJGzFe7NDrBLCN4lsV/5J0MFurV+ygS4bRVwrCEt2c7MQ1R2a72oJDw==} @@ -16568,7 +16568,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 peerDependenciesMeta: '@types/react': optional: true @@ -16576,13 +16576,13 @@ packages: use-composed-ref@1.3.0: resolution: {integrity: sha512-GLMG0Jc/jiKov/3Ulid1wbv3r54K9HlMW29IWcDFPEqFkSO2nS0MuefWgMJpeHQ9YJeXDL3ZUF+P3jdXlZX/cQ==} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 use-isomorphic-layout-effect@1.1.2: resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==} peerDependencies: '@types/react': '*' - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 peerDependenciesMeta: '@types/react': optional: true @@ -16591,7 +16591,7 @@ packages: resolution: {integrity: sha512-xA+AVm/Wlg3e2P/JiItTziwS7FK92LWrDB0p+hgXloIMuVCeJJ8v6f0eeHyPZaJrM+usM1FkFfbNCrJGs8A/zw==} peerDependencies: '@types/react': '*' - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 peerDependenciesMeta: '@types/react': optional: true @@ -16601,7 +16601,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 peerDependenciesMeta: '@types/react': optional: true @@ -16609,7 +16609,7 @@ packages: use-sync-external-store@1.2.0: resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==} peerDependencies: - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 util-deprecate@1.0.2: resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==} @@ -19418,17 +19418,17 @@ snapshots: '@emotion/memoize@0.8.1': {} - '@emotion/react@11.11.1(@types/react@19.0.8)(react@19.1.0-canary-443b7ff2-20250303)': + '@emotion/react@11.11.1(@types/react@19.0.8)(react@19.1.0-canary-e03ac20f-20250305)': dependencies: '@babel/runtime': 7.22.5 '@emotion/babel-plugin': 11.11.0 '@emotion/cache': 11.11.0 '@emotion/serialize': 1.1.2 - '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@19.1.0-canary-443b7ff2-20250303) + '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@19.1.0-canary-e03ac20f-20250305) '@emotion/utils': 1.2.1 '@emotion/weak-memoize': 0.3.1 hoist-non-react-statics: 3.3.2 - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 optionalDependencies: '@types/react': 19.0.8 transitivePeerDependencies: @@ -19446,9 +19446,9 @@ snapshots: '@emotion/unitless@0.8.1': {} - '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.1.0-canary-443b7ff2-20250303)': + '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.1.0-canary-e03ac20f-20250305)': dependencies: - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 '@emotion/utils@1.2.1': {} @@ -20992,11 +20992,11 @@ snapshots: transitivePeerDependencies: - supports-color - '@mdx-js/react@2.2.1(react@19.1.0-canary-443b7ff2-20250303)': + '@mdx-js/react@2.2.1(react@19.1.0-canary-e03ac20f-20250305)': dependencies: '@types/mdx': 2.0.3 '@types/react': 19.0.8 - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 '@mdx-js/react@2.2.1(react@19.1.0-canary-ff628334-20250205)': dependencies: @@ -21004,11 +21004,11 @@ snapshots: '@types/react': 19.0.8 react: 19.1.0-canary-ff628334-20250205 - '@mdx-js/react@3.1.0(@types/react@19.0.8)(react@19.1.0-canary-443b7ff2-20250303)': + '@mdx-js/react@3.1.0(@types/react@19.0.8)(react@19.1.0-canary-e03ac20f-20250305)': dependencies: '@types/mdx': 2.0.3 '@types/react': 19.0.8 - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 '@module-federation/error-codes@0.8.4': {} @@ -21728,12 +21728,12 @@ snapshots: '@storybook/addon-docs@8.6.0(@types/react@19.0.8)(storybook@8.6.0(prettier@3.3.3))': dependencies: - '@mdx-js/react': 3.1.0(@types/react@19.0.8)(react@19.1.0-canary-443b7ff2-20250303) - '@storybook/blocks': 8.6.0(react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303))(react@19.1.0-canary-443b7ff2-20250303)(storybook@8.6.0(prettier@3.3.3)) + '@mdx-js/react': 3.1.0(@types/react@19.0.8)(react@19.1.0-canary-e03ac20f-20250305) + '@storybook/blocks': 8.6.0(react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305))(react@19.1.0-canary-e03ac20f-20250305)(storybook@8.6.0(prettier@3.3.3)) '@storybook/csf-plugin': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - '@storybook/react-dom-shim': 8.6.0(react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303))(react@19.1.0-canary-443b7ff2-20250303)(storybook@8.6.0(prettier@3.3.3)) - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303) + '@storybook/react-dom-shim': 8.6.0(react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305))(react@19.1.0-canary-e03ac20f-20250305)(storybook@8.6.0(prettier@3.3.3)) + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305) storybook: 8.6.0(prettier@3.3.3) ts-dedent: 2.2.0 transitivePeerDependencies: @@ -21798,14 +21798,14 @@ snapshots: - '@swc/helpers' - webpack - '@storybook/blocks@8.6.0(react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303))(react@19.1.0-canary-443b7ff2-20250303)(storybook@8.6.0(prettier@3.3.3))': + '@storybook/blocks@8.6.0(react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305))(react@19.1.0-canary-e03ac20f-20250305)(storybook@8.6.0(prettier@3.3.3))': dependencies: - '@storybook/icons': 1.3.0(react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303))(react@19.1.0-canary-443b7ff2-20250303) + '@storybook/icons': 1.3.0(react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305))(react@19.1.0-canary-e03ac20f-20250305) storybook: 8.6.0(prettier@3.3.3) ts-dedent: 2.2.0 optionalDependencies: - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303) + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305) '@storybook/builder-webpack5@8.6.0(@rspack-canary/core@1.2.0-canary-37cc738d-20250207113050(@swc/helpers@0.5.15))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: @@ -21884,10 +21884,10 @@ snapshots: '@storybook/global@5.0.0': {} - '@storybook/icons@1.3.0(react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303))(react@19.1.0-canary-443b7ff2-20250303)': + '@storybook/icons@1.3.0(react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305))(react@19.1.0-canary-e03ac20f-20250305)': dependencies: - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303) + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305) '@storybook/instrumenter@8.6.0(storybook@8.6.0(prettier@3.3.3))': dependencies: @@ -21899,17 +21899,17 @@ snapshots: dependencies: storybook: 8.6.0(prettier@3.3.3) - '@storybook/preset-react-webpack@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303))(react@19.1.0-canary-443b7ff2-20250303)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': + '@storybook/preset-react-webpack@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305))(react@19.1.0-canary-e03ac20f-20250305)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: '@storybook/core-webpack': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303))(react@19.1.0-canary-443b7ff2-20250303)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305))(react@19.1.0-canary-e03ac20f-20250305)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) '@storybook/react-docgen-typescript-plugin': 1.0.6--canary.9.0c3f3b7.0(typescript@5.8.2)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)) '@types/semver': 7.5.6 find-up: 5.0.0 magic-string: 0.30.17 - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 react-docgen: 7.1.0 - react-dom: 19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303) + react-dom: 19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305) resolve: 1.22.8 semver: 7.6.3 storybook: 8.6.0(prettier@3.3.3) @@ -21943,19 +21943,19 @@ snapshots: transitivePeerDependencies: - supports-color - '@storybook/react-dom-shim@8.6.0(react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303))(react@19.1.0-canary-443b7ff2-20250303)(storybook@8.6.0(prettier@3.3.3))': + '@storybook/react-dom-shim@8.6.0(react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305))(react@19.1.0-canary-e03ac20f-20250305)(storybook@8.6.0(prettier@3.3.3))': dependencies: - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303) + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305) storybook: 8.6.0(prettier@3.3.3) - '@storybook/react-webpack5@8.6.0(@rspack-canary/core@1.2.0-canary-37cc738d-20250207113050(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303))(react@19.1.0-canary-443b7ff2-20250303)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': + '@storybook/react-webpack5@8.6.0(@rspack-canary/core@1.2.0-canary-37cc738d-20250207113050(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305))(react@19.1.0-canary-e03ac20f-20250305)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: '@storybook/builder-webpack5': 8.6.0(@rspack-canary/core@1.2.0-canary-37cc738d-20250207113050(@swc/helpers@0.5.15))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) - '@storybook/preset-react-webpack': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303))(react@19.1.0-canary-443b7ff2-20250303)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) - '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303))(react@19.1.0-canary-443b7ff2-20250303)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303) + '@storybook/preset-react-webpack': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305))(react@19.1.0-canary-e03ac20f-20250305)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305))(react@19.1.0-canary-e03ac20f-20250305)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305) storybook: 8.6.0(prettier@3.3.3) optionalDependencies: typescript: 5.8.2 @@ -21968,16 +21968,16 @@ snapshots: - uglify-js - webpack-cli - '@storybook/react@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303))(react@19.1.0-canary-443b7ff2-20250303)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': + '@storybook/react@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305))(react@19.1.0-canary-e03ac20f-20250305)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: '@storybook/components': 8.6.0(storybook@8.6.0(prettier@3.3.3)) '@storybook/global': 5.0.0 '@storybook/manager-api': 8.6.0(storybook@8.6.0(prettier@3.3.3)) '@storybook/preview-api': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - '@storybook/react-dom-shim': 8.6.0(react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303))(react@19.1.0-canary-443b7ff2-20250303)(storybook@8.6.0(prettier@3.3.3)) + '@storybook/react-dom-shim': 8.6.0(react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305))(react@19.1.0-canary-e03ac20f-20250305)(storybook@8.6.0(prettier@3.3.3)) '@storybook/theming': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303) + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305) storybook: 8.6.0(prettier@3.3.3) optionalDependencies: '@storybook/test': 8.6.0(storybook@8.6.0(prettier@3.3.3)) @@ -22251,13 +22251,13 @@ snapshots: lodash: 4.17.21 redent: 3.0.0 - '@testing-library/react@15.0.7(@types/react@19.0.8)(react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303))(react@19.1.0-canary-443b7ff2-20250303)': + '@testing-library/react@15.0.7(@types/react@19.0.8)(react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305))(react@19.1.0-canary-e03ac20f-20250305)': dependencies: '@babel/runtime': 7.22.5 '@testing-library/dom': 10.1.0 '@types/react-dom': 19.0.3(@types/react@19.0.8) - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303) + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305) optionalDependencies: '@types/react': 19.0.8 @@ -27934,7 +27934,7 @@ snapshots: hoist-non-react-statics@3.3.2: dependencies: - react-is: 19.1.0-canary-443b7ff2-20250303 + react-is: 19.1.0-canary-e03ac20f-20250305 homedir-polyfill@1.0.3: dependencies: @@ -32827,25 +32827,25 @@ snapshots: dependencies: ansi-regex: 5.0.1 ansi-styles: 5.2.0 - react-is: 19.1.0-canary-443b7ff2-20250303 + react-is: 19.1.0-canary-e03ac20f-20250305 pretty-format@29.5.0: dependencies: '@jest/schemas': 29.4.3 ansi-styles: 5.2.0 - react-is: 19.1.0-canary-443b7ff2-20250303 + react-is: 19.1.0-canary-e03ac20f-20250305 pretty-format@29.7.0: dependencies: '@jest/schemas': 29.6.3 ansi-styles: 5.2.0 - react-is: 19.1.0-canary-443b7ff2-20250303 + react-is: 19.1.0-canary-e03ac20f-20250305 pretty-format@30.0.0-alpha.6: dependencies: '@jest/schemas': 30.0.0-alpha.6 ansi-styles: 5.2.0 - react-is: 19.1.0-canary-443b7ff2-20250303 + react-is: 19.1.0-canary-e03ac20f-20250305 pretty-ms@7.0.0: dependencies: @@ -32908,7 +32908,7 @@ snapshots: dependencies: loose-envify: 1.4.0 object-assign: 4.1.1 - react-is: 19.1.0-canary-443b7ff2-20250303 + react-is: 19.1.0-canary-e03ac20f-20250305 property-information@5.6.0: dependencies: @@ -33115,22 +33115,22 @@ snapshots: transitivePeerDependencies: - supports-color - react-dom@0.0.0-experimental-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303): + react-dom@0.0.0-experimental-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305): dependencies: - react: 19.1.0-canary-443b7ff2-20250303 - scheduler: 0.26.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 + scheduler: 0.26.0-canary-e03ac20f-20250305 - react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303): + react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305): dependencies: - react: 19.1.0-canary-443b7ff2-20250303 - scheduler: 0.26.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 + scheduler: 0.26.0-canary-e03ac20f-20250305 react-dom@19.1.0-canary-ff628334-20250205(react@19.1.0-canary-ff628334-20250205): dependencies: react: 19.1.0-canary-ff628334-20250205 - scheduler: 0.26.0-canary-443b7ff2-20250303 + scheduler: 0.26.0-canary-e03ac20f-20250305 - react-is@19.1.0-canary-443b7ff2-20250303: {} + react-is@19.1.0-canary-e03ac20f-20250305: {} react-is@19.1.0-canary-ff628334-20250205: {} @@ -33163,48 +33163,48 @@ snapshots: optionalDependencies: '@types/react': 19.0.8 - react-server-dom-turbopack@0.0.0-experimental-443b7ff2-20250303(react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303))(react@19.1.0-canary-443b7ff2-20250303): + react-server-dom-turbopack@0.0.0-experimental-e03ac20f-20250305(react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305))(react@19.1.0-canary-e03ac20f-20250305): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303) + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305) - react-server-dom-turbopack@19.1.0-canary-443b7ff2-20250303(react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303))(react@19.1.0-canary-443b7ff2-20250303): + react-server-dom-turbopack@19.1.0-canary-e03ac20f-20250305(react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305))(react@19.1.0-canary-e03ac20f-20250305): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303) + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305) - react-server-dom-webpack@0.0.0-experimental-443b7ff2-20250303(react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303))(react@19.1.0-canary-443b7ff2-20250303)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): + react-server-dom-webpack@0.0.0-experimental-e03ac20f-20250305(react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305))(react@19.1.0-canary-e03ac20f-20250305)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303) + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305) webpack: 5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15)) webpack-sources: 3.2.3(patch_hash=jbynf5dc46ambamq3wuyho6hkq) - react-server-dom-webpack@19.1.0-canary-443b7ff2-20250303(react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303))(react@19.1.0-canary-443b7ff2-20250303)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): + react-server-dom-webpack@19.1.0-canary-e03ac20f-20250305(react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305))(react@19.1.0-canary-e03ac20f-20250305)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303) + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305) webpack: 5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15)) webpack-sources: 3.2.3(patch_hash=jbynf5dc46ambamq3wuyho6hkq) - react-shallow-renderer@16.15.0(react@19.1.0-canary-443b7ff2-20250303): + react-shallow-renderer@16.15.0(react@19.1.0-canary-e03ac20f-20250305): dependencies: object-assign: 4.1.1 - react: 19.1.0-canary-443b7ff2-20250303 - react-is: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 + react-is: 19.1.0-canary-e03ac20f-20250305 - react-ssr-prepass@1.0.8(react-is@19.1.0-canary-ff628334-20250205)(react@19.1.0-canary-443b7ff2-20250303): + react-ssr-prepass@1.0.8(react-is@19.1.0-canary-ff628334-20250205)(react@19.1.0-canary-e03ac20f-20250305): dependencies: object-is: 1.0.2 - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 react-is: 19.1.0-canary-ff628334-20250205 react-style-singleton@2.2.1(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205): @@ -33216,12 +33216,12 @@ snapshots: optionalDependencies: '@types/react': 19.0.8 - react-test-renderer@18.2.0(react@19.1.0-canary-443b7ff2-20250303): + react-test-renderer@18.2.0(react@19.1.0-canary-e03ac20f-20250305): dependencies: - react: 19.1.0-canary-443b7ff2-20250303 - react-is: 19.1.0-canary-443b7ff2-20250303 - react-shallow-renderer: 16.15.0(react@19.1.0-canary-443b7ff2-20250303) - scheduler: 0.26.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 + react-is: 19.1.0-canary-e03ac20f-20250305 + react-shallow-renderer: 16.15.0(react@19.1.0-canary-e03ac20f-20250305) + scheduler: 0.26.0-canary-e03ac20f-20250305 react-textarea-autosize@8.5.3(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205): dependencies: @@ -33232,20 +33232,20 @@ snapshots: transitivePeerDependencies: - '@types/react' - react-virtualized@9.22.3(react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303))(react@19.1.0-canary-443b7ff2-20250303): + react-virtualized@9.22.3(react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305))(react@19.1.0-canary-e03ac20f-20250305): dependencies: '@babel/runtime': 7.22.5 clsx: 1.1.1 dom-helpers: 5.2.1 loose-envify: 1.4.0 prop-types: 15.8.1 - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303) + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305) react-lifecycles-compat: 3.0.4 - react@0.0.0-experimental-443b7ff2-20250303: {} + react@0.0.0-experimental-e03ac20f-20250305: {} - react@19.1.0-canary-443b7ff2-20250303: {} + react@19.1.0-canary-e03ac20f-20250305: {} react@19.1.0-canary-ff628334-20250205: {} @@ -34005,9 +34005,9 @@ snapshots: dependencies: xmlchars: 2.2.0 - scheduler@0.0.0-experimental-443b7ff2-20250303: {} + scheduler@0.0.0-experimental-e03ac20f-20250305: {} - scheduler@0.26.0-canary-443b7ff2-20250303: {} + scheduler@0.26.0-canary-e03ac20f-20250305: {} schema-utils@2.7.1: dependencies: @@ -34764,7 +34764,7 @@ snapshots: dependencies: inline-style-parser: 0.1.1 - styled-components@6.0.0-rc.3(react-dom@19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303))(react@19.1.0-canary-443b7ff2-20250303): + styled-components@6.0.0-rc.3(react-dom@19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305))(react@19.1.0-canary-e03ac20f-20250305): dependencies: '@babel/cli': 7.21.5(@babel/core@7.22.5) '@babel/core': 7.22.5 @@ -34779,8 +34779,8 @@ snapshots: '@emotion/unitless': 0.8.1 css-to-react-native: 3.2.0 postcss: 8.4.31 - react: 19.1.0-canary-443b7ff2-20250303 - react-dom: 19.1.0-canary-443b7ff2-20250303(react@19.1.0-canary-443b7ff2-20250303) + react: 19.1.0-canary-e03ac20f-20250305 + react-dom: 19.1.0-canary-e03ac20f-20250305(react@19.1.0-canary-e03ac20f-20250305) shallowequal: 1.1.0 stylis: 4.2.0 tslib: 2.5.3 @@ -34792,10 +34792,10 @@ snapshots: postcss: 7.0.32 postcss-load-plugins: 2.3.0 - styled-jsx@5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.1.0-canary-443b7ff2-20250303): + styled-jsx@5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.1.0-canary-e03ac20f-20250305): dependencies: client-only: 0.0.1 - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 optionalDependencies: '@babel/core': 7.22.5 babel-plugin-macros: 3.1.0 @@ -34891,11 +34891,11 @@ snapshots: '@swc/counter': 0.1.3 webpack: 5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2) - swr@2.2.4(react@19.1.0-canary-443b7ff2-20250303): + swr@2.2.4(react@19.1.0-canary-e03ac20f-20250305): dependencies: client-only: 0.0.1 - react: 19.1.0-canary-443b7ff2-20250303 - use-sync-external-store: 1.2.0(react@19.1.0-canary-443b7ff2-20250303) + react: 19.1.0-canary-e03ac20f-20250305 + use-sync-external-store: 1.2.0(react@19.1.0-canary-e03ac20f-20250305) symbol-observable@1.0.1: {} @@ -35694,9 +35694,9 @@ snapshots: unist-util-is: 6.0.0 unist-util-visit-parents: 6.0.1 - unistore@3.4.1(react@19.1.0-canary-443b7ff2-20250303): + unistore@3.4.1(react@19.1.0-canary-e03ac20f-20250305): optionalDependencies: - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 universal-github-app-jwt@1.1.1: dependencies: @@ -35822,9 +35822,9 @@ snapshots: optionalDependencies: '@types/react': 19.0.8 - use-sync-external-store@1.2.0(react@19.1.0-canary-443b7ff2-20250303): + use-sync-external-store@1.2.0(react@19.1.0-canary-e03ac20f-20250305): dependencies: - react: 19.1.0-canary-443b7ff2-20250303 + react: 19.1.0-canary-e03ac20f-20250305 util-deprecate@1.0.2: {}