diff --git a/package.json b/package.json index 1ba1492edf1ce..8b64ec90ff8e8 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-5398b711-20250314", + "react-builtin": "npm:react@19.1.0-canary-c69a5fc5-20250318", "react-dom": "19.0.0", - "react-dom-builtin": "npm:react-dom@19.1.0-canary-5398b711-20250314", - "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-5398b711-20250314", - "react-experimental-builtin": "npm:react@0.0.0-experimental-5398b711-20250314", - "react-is-builtin": "npm:react-is@19.1.0-canary-5398b711-20250314", - "react-server-dom-turbopack": "19.1.0-canary-5398b711-20250314", - "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-5398b711-20250314", - "react-server-dom-webpack": "19.1.0-canary-5398b711-20250314", - "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-5398b711-20250314", + "react-dom-builtin": "npm:react-dom@19.1.0-canary-c69a5fc5-20250318", + "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-c69a5fc5-20250318", + "react-experimental-builtin": "npm:react@0.0.0-experimental-c69a5fc5-20250318", + "react-is-builtin": "npm:react-is@19.1.0-canary-c69a5fc5-20250318", + "react-server-dom-turbopack": "19.1.0-canary-c69a5fc5-20250318", + "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-c69a5fc5-20250318", + "react-server-dom-webpack": "19.1.0-canary-c69a5fc5-20250318", + "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-c69a5fc5-20250318", "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-5398b711-20250314", - "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-5398b711-20250314", + "scheduler-builtin": "npm:scheduler@0.26.0-canary-c69a5fc5-20250318", + "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-c69a5fc5-20250318", "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-5398b711-20250314", - "react-dom": "19.1.0-canary-5398b711-20250314", - "react-is": "19.1.0-canary-5398b711-20250314", - "scheduler": "0.26.0-canary-5398b711-20250314" + "react": "19.1.0-canary-c69a5fc5-20250318", + "react-dom": "19.1.0-canary-c69a5fc5-20250318", + "react-is": "19.1.0-canary-c69a5fc5-20250318", + "scheduler": "0.26.0-canary-c69a5fc5-20250318" }, "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 6a504ff29a23e..ca21cf99e1fbf 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 @@ -254,8 +254,6 @@ switch (type) { case REACT_FRAGMENT_TYPE: return "Fragment"; - case REACT_PORTAL_TYPE: - return "Portal"; case REACT_PROFILER_TYPE: return "Profiler"; case REACT_STRICT_MODE_TYPE: @@ -264,6 +262,8 @@ return "Suspense"; case REACT_SUSPENSE_LIST_TYPE: return "SuspenseList"; + case REACT_ACTIVITY_TYPE: + return "Activity"; case REACT_VIEW_TRANSITION_TYPE: return "ViewTransition"; } @@ -275,6 +275,8 @@ ), type.$$typeof) ) { + case REACT_PORTAL_TYPE: + return "Portal"; case REACT_CONTEXT_TYPE: return (type.displayName || "Context") + ".Provider"; case REACT_CONSUMER_TYPE: @@ -312,6 +314,8 @@ function getComponentNameFromFiber(fiber) { var type = fiber.type; switch (fiber.tag) { + case 31: + return "Activity"; case 24: return "Cache"; case 9: @@ -1363,6 +1367,8 @@ return describeNativeComponentFrame(fiber.type.render, !1); case 1: return describeNativeComponentFrame(fiber.type, !0); + case 31: + return describeBuiltInComponentFrame("Activity"); case 30: return describeBuiltInComponentFrame("ViewTransition"); default: @@ -1422,8 +1428,11 @@ case 19: info += describeBuiltInComponentFrame("SuspenseList"); break; + case 31: + info += describeBuiltInComponentFrame("Activity"); + break; case 30: - info += describeBuiltInComponentFrame("SuspenseList"); + info += describeBuiltInComponentFrame("ViewTransition"); break; case 0: case 15: @@ -9537,33 +9546,33 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_2729; - var JSCompiler_object_inline_stack_2728 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_2797; + var JSCompiler_object_inline_stack_2796 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_message_2726 = !1; + var JSCompiler_object_inline_message_2794 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_2729 = didSuspend) || - (JSCompiler_object_inline_componentStack_2729 = + (JSCompiler_object_inline_componentStack_2797 = didSuspend) || + (JSCompiler_object_inline_componentStack_2797 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_2729 && - ((JSCompiler_object_inline_message_2726 = !0), + JSCompiler_object_inline_componentStack_2797 && + ((JSCompiler_object_inline_message_2794 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_2729 = + JSCompiler_object_inline_componentStack_2797 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_message_2726 + JSCompiler_object_inline_message_2794 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_digest_2727 = nextHydratableInstance; + var JSCompiler_object_inline_digest_2795 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2727)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2795)) { c: { - var instance = JSCompiler_object_inline_digest_2727; + var instance = JSCompiler_object_inline_digest_2795; for ( JSCompiler_temp = rootOrSingletonContext; 8 !== instance.nodeType; @@ -9605,87 +9614,87 @@ JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_digest_2727 + JSCompiler_object_inline_digest_2795 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_digest_2727 = workInProgress.memoizedState; + JSCompiler_object_inline_digest_2795 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_digest_2727 && - ((JSCompiler_object_inline_digest_2727 = - JSCompiler_object_inline_digest_2727.dehydrated), - null !== JSCompiler_object_inline_digest_2727) + null !== JSCompiler_object_inline_digest_2795 && + ((JSCompiler_object_inline_digest_2795 = + JSCompiler_object_inline_digest_2795.dehydrated), + null !== JSCompiler_object_inline_digest_2795) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2727) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2795) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_digest_2727 = - JSCompiler_object_inline_stack_2728.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2728.fallback; - if (JSCompiler_object_inline_message_2726) + JSCompiler_object_inline_digest_2795 = + JSCompiler_object_inline_stack_2796.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2796.fallback; + if (JSCompiler_object_inline_message_2794) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2728 = + (JSCompiler_object_inline_stack_2796 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2727, + JSCompiler_object_inline_digest_2795, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2726 = workInProgress.child), - (JSCompiler_object_inline_message_2726.memoizedState = + (JSCompiler_object_inline_message_2794 = workInProgress.child), + (JSCompiler_object_inline_message_2794.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2726.childLanes = + (JSCompiler_object_inline_message_2794.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2729, + JSCompiler_object_inline_componentStack_2797, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2728 + JSCompiler_object_inline_stack_2796 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2728.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2796.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2728 = + (JSCompiler_object_inline_stack_2796 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2727, + JSCompiler_object_inline_digest_2795, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2726 = workInProgress.child), - (JSCompiler_object_inline_message_2726.memoizedState = + (JSCompiler_object_inline_message_2794 = workInProgress.child), + (JSCompiler_object_inline_message_2794.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2726.childLanes = + (JSCompiler_object_inline_message_2794.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2729, + JSCompiler_object_inline_componentStack_2797, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2728 + JSCompiler_object_inline_stack_2796 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_digest_2727 + JSCompiler_object_inline_digest_2795 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_digest_2727 = prevState.dehydrated), - null !== JSCompiler_object_inline_digest_2727) + ((JSCompiler_object_inline_digest_2795 = prevState.dehydrated), + null !== JSCompiler_object_inline_digest_2795) ) { if (didSuspend) workInProgress.flags & 256 @@ -9702,94 +9711,94 @@ (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2726 = - JSCompiler_object_inline_stack_2728.fallback), - (JSCompiler_object_inline_digest_2727 = workInProgress.mode), - (JSCompiler_object_inline_stack_2728 = + (JSCompiler_object_inline_message_2794 = + JSCompiler_object_inline_stack_2796.fallback), + (JSCompiler_object_inline_digest_2795 = workInProgress.mode), + (JSCompiler_object_inline_stack_2796 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2728.children + children: JSCompiler_object_inline_stack_2796.children }, - JSCompiler_object_inline_digest_2727 + JSCompiler_object_inline_digest_2795 )), - (JSCompiler_object_inline_message_2726 = + (JSCompiler_object_inline_message_2794 = createFiberFromFragment( - JSCompiler_object_inline_message_2726, - JSCompiler_object_inline_digest_2727, + JSCompiler_object_inline_message_2794, + JSCompiler_object_inline_digest_2795, renderLanes, null )), - (JSCompiler_object_inline_message_2726.flags |= 2), - (JSCompiler_object_inline_stack_2728.return = workInProgress), - (JSCompiler_object_inline_message_2726.return = workInProgress), - (JSCompiler_object_inline_stack_2728.sibling = - JSCompiler_object_inline_message_2726), - (workInProgress.child = JSCompiler_object_inline_stack_2728), + (JSCompiler_object_inline_message_2794.flags |= 2), + (JSCompiler_object_inline_stack_2796.return = workInProgress), + (JSCompiler_object_inline_message_2794.return = workInProgress), + (JSCompiler_object_inline_stack_2796.sibling = + JSCompiler_object_inline_message_2794), + (workInProgress.child = JSCompiler_object_inline_stack_2796), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2728 = workInProgress.child), - (JSCompiler_object_inline_stack_2728.memoizedState = + (JSCompiler_object_inline_stack_2796 = workInProgress.child), + (JSCompiler_object_inline_stack_2796.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2728.childLanes = + (JSCompiler_object_inline_stack_2796.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2729, + JSCompiler_object_inline_componentStack_2797, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - (workInProgress = JSCompiler_object_inline_message_2726)); + (workInProgress = JSCompiler_object_inline_message_2794)); 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_2727)) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2795)) ) { - JSCompiler_object_inline_componentStack_2729 = - JSCompiler_object_inline_digest_2727.nextSibling && - JSCompiler_object_inline_digest_2727.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_2729) { - JSCompiler_temp = JSCompiler_object_inline_componentStack_2729.dgst; - var message = JSCompiler_object_inline_componentStack_2729.msg; - instance = JSCompiler_object_inline_componentStack_2729.stck; + JSCompiler_object_inline_componentStack_2797 = + JSCompiler_object_inline_digest_2795.nextSibling && + JSCompiler_object_inline_digest_2795.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_2797) { + JSCompiler_temp = JSCompiler_object_inline_componentStack_2797.dgst; + var message = JSCompiler_object_inline_componentStack_2797.msg; + instance = JSCompiler_object_inline_componentStack_2797.stck; var componentStack = - JSCompiler_object_inline_componentStack_2729.cstck; + JSCompiler_object_inline_componentStack_2797.cstck; } - JSCompiler_object_inline_message_2726 = message; - JSCompiler_object_inline_digest_2727 = JSCompiler_temp; - JSCompiler_object_inline_stack_2728 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2729 = + JSCompiler_object_inline_message_2794 = message; + JSCompiler_object_inline_digest_2795 = JSCompiler_temp; + JSCompiler_object_inline_stack_2796 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2797 = componentStack; - "POSTPONE" !== JSCompiler_object_inline_digest_2727 && - ((JSCompiler_object_inline_componentStack_2729 = - JSCompiler_object_inline_message_2726 - ? Error(JSCompiler_object_inline_message_2726) + "POSTPONE" !== JSCompiler_object_inline_digest_2795 && + ((JSCompiler_object_inline_componentStack_2797 = + JSCompiler_object_inline_message_2794 + ? Error(JSCompiler_object_inline_message_2794) : 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_2729.stack = - JSCompiler_object_inline_stack_2728 || ""), - (JSCompiler_object_inline_componentStack_2729.digest = - JSCompiler_object_inline_digest_2727), - (JSCompiler_object_inline_stack_2728 = + (JSCompiler_object_inline_componentStack_2797.stack = + JSCompiler_object_inline_stack_2796 || ""), + (JSCompiler_object_inline_componentStack_2797.digest = + JSCompiler_object_inline_digest_2795), + (JSCompiler_object_inline_stack_2796 = void 0 === JSCompiler_temp ? null : JSCompiler_temp), - (JSCompiler_object_inline_message_2726 = { - value: JSCompiler_object_inline_componentStack_2729, + (JSCompiler_object_inline_message_2794 = { + value: JSCompiler_object_inline_componentStack_2797, source: null, - stack: JSCompiler_object_inline_stack_2728 + stack: JSCompiler_object_inline_stack_2796 }), - "string" === typeof JSCompiler_object_inline_stack_2728 && + "string" === typeof JSCompiler_object_inline_stack_2796 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2729, - JSCompiler_object_inline_message_2726 + JSCompiler_object_inline_componentStack_2797, + JSCompiler_object_inline_message_2794 ), - queueHydrationError(JSCompiler_object_inline_message_2726)); + queueHydrationError(JSCompiler_object_inline_message_2794)); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9803,44 +9812,44 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_2729 = + (JSCompiler_object_inline_componentStack_2797 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_2729) + didReceiveUpdate || JSCompiler_object_inline_componentStack_2797) ) { - JSCompiler_object_inline_componentStack_2729 = workInProgressRoot; + JSCompiler_object_inline_componentStack_2797 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_2729 && - ((JSCompiler_object_inline_stack_2728 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2728 = - 0 !== (JSCompiler_object_inline_stack_2728 & 42) + null !== JSCompiler_object_inline_componentStack_2797 && + ((JSCompiler_object_inline_stack_2796 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2796 = + 0 !== (JSCompiler_object_inline_stack_2796 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2728 + JSCompiler_object_inline_stack_2796 )), - (JSCompiler_object_inline_stack_2728 = + (JSCompiler_object_inline_stack_2796 = 0 !== - (JSCompiler_object_inline_stack_2728 & - (JSCompiler_object_inline_componentStack_2729.suspendedLanes | + (JSCompiler_object_inline_stack_2796 & + (JSCompiler_object_inline_componentStack_2797.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2728), - 0 !== JSCompiler_object_inline_stack_2728 && - JSCompiler_object_inline_stack_2728 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2796), + 0 !== JSCompiler_object_inline_stack_2796 && + JSCompiler_object_inline_stack_2796 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2728), + ((prevState.retryLane = JSCompiler_object_inline_stack_2796), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2728 + JSCompiler_object_inline_stack_2796 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_2729, + JSCompiler_object_inline_componentStack_2797, current, - JSCompiler_object_inline_stack_2728 + JSCompiler_object_inline_stack_2796 ), SelectiveHydrationException) ); - JSCompiler_object_inline_digest_2727.data === + JSCompiler_object_inline_digest_2795.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9848,14 +9857,14 @@ renderLanes ); } else - JSCompiler_object_inline_digest_2727.data === + JSCompiler_object_inline_digest_2795.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_digest_2727.nextSibling + JSCompiler_object_inline_digest_2795.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9873,54 +9882,54 @@ (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2728.children + JSCompiler_object_inline_stack_2796.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_message_2726) + if (JSCompiler_object_inline_message_2794) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2726 = - JSCompiler_object_inline_stack_2728.fallback), - (JSCompiler_object_inline_digest_2727 = workInProgress.mode), + (JSCompiler_object_inline_message_2794 = + JSCompiler_object_inline_stack_2796.fallback), + (JSCompiler_object_inline_digest_2795 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2728 = createWorkInProgress( + (JSCompiler_object_inline_stack_2796 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2728.children + children: JSCompiler_object_inline_stack_2796.children } )), - (JSCompiler_object_inline_stack_2728.subtreeFlags = + (JSCompiler_object_inline_stack_2796.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_message_2726 = createWorkInProgress( + ? (JSCompiler_object_inline_message_2794 = createWorkInProgress( instance, - JSCompiler_object_inline_message_2726 + JSCompiler_object_inline_message_2794 )) - : ((JSCompiler_object_inline_message_2726 = createFiberFromFragment( - JSCompiler_object_inline_message_2726, - JSCompiler_object_inline_digest_2727, + : ((JSCompiler_object_inline_message_2794 = createFiberFromFragment( + JSCompiler_object_inline_message_2794, + JSCompiler_object_inline_digest_2795, renderLanes, null )), - (JSCompiler_object_inline_message_2726.flags |= 2)), - (JSCompiler_object_inline_message_2726.return = workInProgress), - (JSCompiler_object_inline_stack_2728.return = workInProgress), - (JSCompiler_object_inline_stack_2728.sibling = - JSCompiler_object_inline_message_2726), - (workInProgress.child = JSCompiler_object_inline_stack_2728), - (JSCompiler_object_inline_stack_2728 = - JSCompiler_object_inline_message_2726), - (JSCompiler_object_inline_message_2726 = workInProgress.child), - (JSCompiler_object_inline_digest_2727 = current.child.memoizedState), - null === JSCompiler_object_inline_digest_2727 - ? (JSCompiler_object_inline_digest_2727 = + (JSCompiler_object_inline_message_2794.flags |= 2)), + (JSCompiler_object_inline_message_2794.return = workInProgress), + (JSCompiler_object_inline_stack_2796.return = workInProgress), + (JSCompiler_object_inline_stack_2796.sibling = + JSCompiler_object_inline_message_2794), + (workInProgress.child = JSCompiler_object_inline_stack_2796), + (JSCompiler_object_inline_stack_2796 = + JSCompiler_object_inline_message_2794), + (JSCompiler_object_inline_message_2794 = workInProgress.child), + (JSCompiler_object_inline_digest_2795 = current.child.memoizedState), + null === JSCompiler_object_inline_digest_2795 + ? (JSCompiler_object_inline_digest_2795 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_digest_2727.cachePool), + JSCompiler_object_inline_digest_2795.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9928,38 +9937,38 @@ ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_digest_2727 = { + (JSCompiler_object_inline_digest_2795 = { baseLanes: - JSCompiler_object_inline_digest_2727.baseLanes | renderLanes, + JSCompiler_object_inline_digest_2795.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_message_2726.memoizedState = - JSCompiler_object_inline_digest_2727), - (JSCompiler_object_inline_message_2726.childLanes = + (JSCompiler_object_inline_message_2794.memoizedState = + JSCompiler_object_inline_digest_2795), + (JSCompiler_object_inline_message_2794.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2729, + JSCompiler_object_inline_componentStack_2797, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2728 + JSCompiler_object_inline_stack_2796 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2728.children + children: JSCompiler_object_inline_stack_2796.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_2729 = + ((JSCompiler_object_inline_componentStack_2797 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_2729 + null === JSCompiler_object_inline_componentStack_2797 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_2729.push(current)); + : JSCompiler_object_inline_componentStack_2797.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -10524,10 +10533,10 @@ current.$$typeof === REACT_LAZY_TYPE && (workInProgress = " Did you wrap a component in React.lazy() more than once?"); - renderLanes = getComponentNameFromType(current) || current; + current = getComponentNameFromType(current) || current; throw Error( "Element type is invalid. Received a promise that resolves to: " + - renderLanes + + current + ". Lazy element type must resolve to a class or function." + workInProgress ); @@ -10635,15 +10644,15 @@ didSuspendOrErrorDEV = !1; hydrationDiffRootDEV = null; rootOrSingletonContext = !0; - renderLanes = mountChildFibers( + current = mountChildFibers( workInProgress, null, returnFiber, renderLanes ); - for (workInProgress.child = renderLanes; renderLanes; ) - (renderLanes.flags = (renderLanes.flags & -3) | 4096), - (renderLanes = renderLanes.sibling); + for (workInProgress.child = current; current; ) + (current.flags = (current.flags & -3) | 4096), + (current = current.sibling); } else { resetHydrationState(); @@ -10669,26 +10678,26 @@ return ( markRef(current, workInProgress), null === current - ? (renderLanes = getResource( + ? (current = getResource( workInProgress.type, null, workInProgress.pendingProps, null )) - ? (workInProgress.memoizedState = renderLanes) + ? (workInProgress.memoizedState = current) : isHydrating || - ((renderLanes = workInProgress.type), - (current = workInProgress.pendingProps), + ((current = workInProgress.type), + (renderLanes = workInProgress.pendingProps), (returnFiber = requiredContext( rootInstanceStackCursor.current )), (returnFiber = getOwnerDocumentFromRootContainer( returnFiber - ).createElement(renderLanes)), + ).createElement(current)), (returnFiber[internalInstanceKey] = workInProgress), - (returnFiber[internalPropsKey] = current), - setInitialProperties(returnFiber, renderLanes, current), + (returnFiber[internalPropsKey] = renderLanes), + setInitialProperties(returnFiber, current, renderLanes), markNodeAsHoistable(returnFiber), (workInProgress.stateNode = returnFiber)) : (workInProgress.memoizedState = getResource( @@ -10817,21 +10826,21 @@ return ( null === current && isHydrating && - ((renderLanes = workInProgress.pendingProps), - (current = getHostContext()), - (returnFiber = current.ancestorInfo.current), - (renderLanes = + ((current = workInProgress.pendingProps), + (renderLanes = getHostContext()), + (returnFiber = renderLanes.ancestorInfo.current), + (current = null != returnFiber ? validateTextNesting( - renderLanes, + current, returnFiber.tag, - current.ancestorInfo.implicitRootScope + renderLanes.ancestorInfo.implicitRootScope ) : !0), - (current = nextHydratableInstance), - (returnFiber = !current) || + (renderLanes = nextHydratableInstance), + (returnFiber = !renderLanes) || ((returnFiber = canHydrateTextInstance( - current, + renderLanes, workInProgress.pendingProps, rootOrSingletonContext )), @@ -10843,8 +10852,8 @@ : (returnFiber = !1), (returnFiber = !returnFiber)), returnFiber && - (renderLanes && - warnNonHydratedInstance(workInProgress, current), + (current && + warnNonHydratedInstance(workInProgress, renderLanes), throwOnHydrationMismatch(workInProgress))), null ); @@ -10981,6 +10990,30 @@ workInProgress, renderLanes ); + case 31: + return ( + (returnFiber = workInProgress.pendingProps), + (renderLanes = workInProgress.mode), + (returnFiber = { + mode: returnFiber.mode, + children: returnFiber.children + }), + null === current + ? ((current = mountWorkInProgressOffscreenFiber( + returnFiber, + renderLanes + )), + (current.ref = workInProgress.ref), + (workInProgress.child = current), + (current.return = workInProgress), + (workInProgress = current)) + : ((current = createWorkInProgress(current.child, returnFiber)), + (current.ref = workInProgress.ref), + (workInProgress.child = current), + (current.return = workInProgress), + (workInProgress = current)), + workInProgress + ); case 22: return updateOffscreenComponent(current, workInProgress, renderLanes); case 24: @@ -11043,20 +11076,21 @@ (prevSibling = workInProgress.stateNode), null != returnFiber.name && "auto" !== returnFiber.name ? (workInProgress.flags |= null === current ? 18882560 : 18874368) - : null === prevSibling.autoName && - ((prevState = workInProgressRoot.identifierPrefix), - isHydrating - ? ((nextState = getTreeId()), - (prevState = - "\u00ab" + prevState + "T" + nextState + "\u00bb")) - : ((nextState = globalClientIdCounter++), - (prevState = - "\u00ab" + - prevState + - "t" + - nextState.toString(32) + - "\u00bb")), - (prevSibling.autoName = prevState)), + : (null === prevSibling.autoName && + ((prevState = workInProgressRoot.identifierPrefix), + isHydrating + ? ((nextState = getTreeId()), + (prevState = + "\u00ab" + prevState + "T" + nextState + "\u00bb")) + : ((nextState = globalClientIdCounter++), + (prevState = + "\u00ab" + + prevState + + "t" + + nextState.toString(32) + + "\u00bb")), + (prevSibling.autoName = prevState)), + isHydrating && pushMaterializedTreeId(workInProgress)), null !== current && current.memoizedProps.name !== returnFiber.name ? (workInProgress.flags |= 4194816) : markRef(current, workInProgress), @@ -11666,12 +11700,33 @@ captureCommitPhaseError(finishedWork, finishedWork.return, error); } } + function pushViewTransitionCancelableScope() { + var prevChildren = viewTransitionCancelableChildren; + viewTransitionCancelableChildren = null; + return prevChildren; + } function applyViewTransitionToHostInstances( child, name, className, collectMeasurements, stopAtNestedViewTransitions + ) { + viewTransitionHostInstanceIdx = 0; + return applyViewTransitionToHostInstancesRecursive( + child, + name, + className, + collectMeasurements, + stopAtNestedViewTransitions + ); + } + function applyViewTransitionToHostInstancesRecursive( + child, + name, + className, + collectMeasurements, + stopAtNestedViewTransitions ) { for (var inViewport = !1; null !== child; ) { if (5 === child.tag) { @@ -11683,17 +11738,17 @@ measurement.view && (inViewport = !0); } else inViewport || (measureInstance(instance).view && (inViewport = !0)); - measurement = className; - instance.style.viewTransitionName = + applyViewTransitionName( + instance, 0 === viewTransitionHostInstanceIdx ? name - : name + "_" + viewTransitionHostInstanceIdx; - null != measurement && - (instance.style.viewTransitionClass = measurement); + : name + "_" + viewTransitionHostInstanceIdx, + className + ); viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) (30 === child.tag && stopAtNestedViewTransitions) || - (applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstancesRecursive( child.child, name, className, @@ -11739,19 +11794,19 @@ var name = props.name; props = getViewTransitionClassName(props.className, props.share); "none" !== props && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( placement.child, name, props, null, !1 - ) || restoreViewTransitionOnHostInstances(placement.child, !1)); + ) || + restoreViewTransitionOnHostInstances(placement.child, !1)); } placement = placement.sibling; } } - function commitEnterViewTransitions(placement) { + function commitEnterViewTransitions(placement, gesture) { if (30 === placement.tag) { var state = placement.stateNode, props = placement.memoizedProps, @@ -11761,22 +11816,22 @@ state.paired ? props.share : props.enter ); "none" !== className - ? ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + ? applyViewTransitionToHostInstances( placement.child, name, className, null, !1 ) - ? (commitAppearingPairViewTransitions(placement), - state.paired || - scheduleViewTransitionEvent(placement, props.onEnter)) - : restoreViewTransitionOnHostInstances(placement.child, !1)) + ? (commitAppearingPairViewTransitions(placement), + state.paired || + gesture || + scheduleViewTransitionEvent(placement, props.onEnter)) + : restoreViewTransitionOnHostInstances(placement.child, !1) : commitAppearingPairViewTransitions(placement); } else if (0 !== (placement.subtreeFlags & 33554432)) for (placement = placement.child; null !== placement; ) - commitEnterViewTransitions(placement), + commitEnterViewTransitions(placement, gesture), (placement = placement.sibling); else commitAppearingPairViewTransitions(placement); } @@ -11800,15 +11855,16 @@ props.share ); "none" !== className && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( deletion.child, name, className, null, !1 ) - ? ((pair.paired = deletion.stateNode), + ? ((className = deletion.stateNode), + (pair.paired = className), + (className.paired = pair), scheduleViewTransitionEvent(deletion, props.onShare)) : restoreViewTransitionOnHostInstances( deletion.child, @@ -11838,8 +11894,7 @@ void 0 !== pair ? props.share : props.exit ); "none" !== className && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( deletion.child, name, className, @@ -11847,7 +11902,9 @@ !1 ) ? void 0 !== pair - ? ((pair.paired = deletion.stateNode), + ? ((className = deletion.stateNode), + (pair.paired = className), + (className.paired = pair), appearingViewTransitions.delete(name), scheduleViewTransitionEvent(deletion, props.onShare)) : scheduleViewTransitionEvent(deletion, props.onExit) @@ -11868,14 +11925,13 @@ name = getViewTransitionName(props, changedParent.stateNode); props = getViewTransitionClassName(props.className, props.layout); "none" !== props && - ((viewTransitionHostInstanceIdx = 0), applyViewTransitionToHostInstances( changedParent.child, name, props, (changedParent.memoizedState = []), !1 - )); + ); } else 0 !== (changedParent.subtreeFlags & 33554432) && commitNestedViewTransitions(changedParent); @@ -11897,48 +11953,32 @@ parent = parent.sibling; } } - function restoreEnterViewTransitions(placement) { - if (30 === placement.tag) - (placement.stateNode.paired = null), - restoreViewTransitionOnHostInstances(placement.child, !1), - restorePairedViewTransitions(placement); - else if (0 !== (placement.subtreeFlags & 33554432)) - for (placement = placement.child; null !== placement; ) - restoreEnterViewTransitions(placement), - (placement = placement.sibling); - else restorePairedViewTransitions(placement); - } - function restoreExitViewTransitions(deletion) { - if (30 === deletion.tag) - (deletion.stateNode.paired = null), - restoreViewTransitionOnHostInstances(deletion.child, !1), - restorePairedViewTransitions(deletion); - else if (0 !== (deletion.subtreeFlags & 33554432)) - for (deletion = deletion.child; null !== deletion; ) - restoreExitViewTransitions(deletion), (deletion = deletion.sibling); - else restorePairedViewTransitions(deletion); + function restoreEnterOrExitViewTransitions(fiber) { + if (30 === fiber.tag) + (fiber.stateNode.paired = null), + restoreViewTransitionOnHostInstances(fiber.child, !1), + restorePairedViewTransitions(fiber); + else if (0 !== (fiber.subtreeFlags & 33554432)) + for (fiber = fiber.child; null !== fiber; ) + restoreEnterOrExitViewTransitions(fiber), (fiber = fiber.sibling); + else restorePairedViewTransitions(fiber); } function restoreNestedViewTransitions(changedParent) { for (changedParent = changedParent.child; null !== changedParent; ) 30 === changedParent.tag - ? ((changedParent.memoizedState = null), - restoreViewTransitionOnHostInstances(changedParent.child, !1)) + ? restoreViewTransitionOnHostInstances(changedParent.child, !1) : 0 !== (changedParent.subtreeFlags & 33554432) && restoreNestedViewTransitions(changedParent), (changedParent = changedParent.sibling); } - function cancelViewTransitionHostInstances( - currentViewTransition, + function cancelViewTransitionHostInstancesRecursive( child, + oldName, stopAtNestedViewTransitions ) { for (; null !== child; ) { if (5 === child.tag) { - var instance = child.stateNode, - oldName = getViewTransitionName( - currentViewTransition.memoizedProps, - currentViewTransition.stateNode - ); + var instance = child.stateNode; null === viewTransitionCancelableChildren && (viewTransitionCancelableChildren = []); viewTransitionCancelableChildren.push( @@ -11949,19 +11989,19 @@ viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) (30 === child.tag && stopAtNestedViewTransitions) || - cancelViewTransitionHostInstances( - currentViewTransition, + cancelViewTransitionHostInstancesRecursive( child.child, + oldName, stopAtNestedViewTransitions ); child = child.sibling; } } - function measureViewTransitionHostInstances( - currentViewTransition, + function measureViewTransitionHostInstancesRecursive( parentViewTransition, child, - name, + newName, + oldName, className, previousMeasurements, stopAtNestedViewTransitions @@ -12001,36 +12041,30 @@ nextMeasurement && (parentViewTransition.flags |= 32); } else parentViewTransition.flags |= 32; 0 !== (parentViewTransition.flags & 4) && - ((nextMeasurement = instance), - (previousMeasurement = className), - (nextMeasurement.style.viewTransitionName = + applyViewTransitionName( + instance, 0 === viewTransitionHostInstanceIdx - ? name - : name + "_" + viewTransitionHostInstanceIdx), - null != previousMeasurement && - (nextMeasurement.style.viewTransitionClass = - previousMeasurement)); + ? newName + : newName + "_" + viewTransitionHostInstanceIdx, + className + ); (inViewport && 0 !== (parentViewTransition.flags & 4)) || - ((nextMeasurement = getViewTransitionName( - currentViewTransition.memoizedProps, - currentViewTransition.stateNode - )), - null === viewTransitionCancelableChildren && + (null === viewTransitionCancelableChildren && (viewTransitionCancelableChildren = []), viewTransitionCancelableChildren.push( instance, - nextMeasurement, + oldName, child.memoizedProps )); viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) 30 === child.tag && stopAtNestedViewTransitions ? (parentViewTransition.flags |= child.flags & 32) - : measureViewTransitionHostInstances( - currentViewTransition, + : measureViewTransitionHostInstancesRecursive( parentViewTransition, child.child, - name, + newName, + oldName, className, previousMeasurements, stopAtNestedViewTransitions @@ -12039,34 +12073,93 @@ } return inViewport; } - function measureNestedViewTransitions(changedParent) { + function measureUpdateViewTransition(current, finishedWork, gesture) { + var oldFiber = gesture ? finishedWork : current, + newFiber = gesture ? current : finishedWork, + props = newFiber.memoizedProps, + state = newFiber.stateNode, + newName = getViewTransitionName(props, state); + current = getViewTransitionName(oldFiber.memoizedProps, state); + var updateClassName = getViewTransitionClassName( + props.className, + props.update + ); + props = getViewTransitionClassName(props.className, props.layout); + if ("none" === updateClassName) { + if ("none" === props) return !1; + finishedWork.flags &= -5; + updateClassName = props; + } else if (0 === (finishedWork.flags & 4)) { + if ("none" === props) + return ( + (finishedWork = oldFiber.child), + (viewTransitionHostInstanceIdx = 0), + cancelViewTransitionHostInstancesRecursive( + finishedWork, + current, + !0 + ), + !1 + ); + updateClassName = props; + } + gesture + ? ((oldFiber = state.clones), + (gesture = + null === oldFiber ? null : oldFiber.map(measureClonedInstance))) + : ((gesture = oldFiber.memoizedState), (oldFiber.memoizedState = null)); + oldFiber = newFiber.child; + viewTransitionHostInstanceIdx = 0; + current = measureViewTransitionHostInstancesRecursive( + finishedWork, + oldFiber, + newName, + current, + updateClassName, + gesture, + !0 + ); + viewTransitionHostInstanceIdx !== + (null === gesture ? 0 : gesture.length) && (finishedWork.flags |= 32); + return current; + } + function measureNestedViewTransitions(changedParent, gesture) { for (changedParent = changedParent.child; null !== changedParent; ) { if (30 === changedParent.tag) { - var current = changedParent.alternate; - if (null !== current) { - var props = changedParent.memoizedProps, - name = getViewTransitionName(props, changedParent.stateNode), - className = getViewTransitionClassName( - props.className, - props.layout - ); - viewTransitionHostInstanceIdx = 0; - current = measureViewTransitionHostInstances( - current, - changedParent, - changedParent.child, - name, - className, - changedParent.memoizedState, - !1 + var props = changedParent.memoizedProps, + state = changedParent.stateNode, + name = getViewTransitionName(props, state), + className = getViewTransitionClassName( + props.className, + props.layout ); - 0 !== (changedParent.flags & 4) && - current && - scheduleViewTransitionEvent(changedParent, props.onLayout); - } + if (gesture) { + state = state.clones; + var previousMeasurements = + null === state ? null : state.map(measureClonedInstance); + } else + (previousMeasurements = changedParent.memoizedState), + (changedParent.memoizedState = null); + state = changedParent; + var child = changedParent.child, + newName = name; + viewTransitionHostInstanceIdx = 0; + className = measureViewTransitionHostInstancesRecursive( + state, + child, + newName, + name, + className, + previousMeasurements, + !1 + ); + 0 !== (changedParent.flags & 4) && + className && + (gesture || + scheduleViewTransitionEvent(changedParent, props.onLayout)); } else 0 !== (changedParent.subtreeFlags & 33554432) && - measureNestedViewTransitions(changedParent); + measureNestedViewTransitions(changedParent, gesture); changedParent = changedParent.sibling; } } @@ -12146,7 +12239,7 @@ _enabled = !1; committedLanes = (committedLanes & 335544064) === committedLanes; nextEffect = firstChild; - for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { + for (firstChild = committedLanes ? 9270 : 1028; null !== nextEffect; ) { root = nextEffect; if ( committedLanes && @@ -12252,11 +12345,7 @@ case 17: break; case 30: - if ( - isViewTransitionEligible && - null !== current && - 0 !== (finishedWork.subtreeFlags & 8246) - ) + if (isViewTransitionEligible && null !== current) a: { isViewTransitionEligible = current; current = finishedWork; @@ -12278,7 +12367,6 @@ "none" === flags) ) break a; - viewTransitionHostInstanceIdx = 0; applyViewTransitionToHostInstances( isViewTransitionEligible.child, finishedWork, @@ -13249,6 +13337,7 @@ instance, lanes.memoizedProps ); + viewTransitionMutationContext = !0; } catch (error) { captureCommitPhaseError(lanes, lanes.return, error); } @@ -13347,66 +13436,33 @@ } } function recursivelyTraverseAfterMutationEffects(root, parentFiber) { - if (parentFiber.subtreeFlags & 9238) + if (parentFiber.subtreeFlags & 9270) for (parentFiber = parentFiber.child; null !== parentFiber; ) commitAfterMutationEffectsOnFiber(parentFiber, root), (parentFiber = parentFiber.sibling); - else measureNestedViewTransitions(parentFiber); + else measureNestedViewTransitions(parentFiber, !1); } function commitAfterMutationEffectsOnFiber(finishedWork, root) { var current = finishedWork.alternate; - if (null === current) commitEnterViewTransitions(finishedWork); + if (null === current) commitEnterViewTransitions(finishedWork, !1); else switch (finishedWork.tag) { case 3: - viewTransitionContextChanged = !1; - viewTransitionCancelableChildren = null; + viewTransitionContextChanged$1 = !1; + pushViewTransitionCancelableScope(); recursivelyTraverseAfterMutationEffects(root, finishedWork); - if (!viewTransitionContextChanged) { + if (!viewTransitionContextChanged$1) { finishedWork = viewTransitionCancelableChildren; - viewTransitionCancelableChildren = null; if (null !== finishedWork) - for (var i = 0; i < finishedWork.length; i += 3) { - var instance = finishedWork[i], - oldName = finishedWork[i + 1]; - restoreViewTransitionName(instance, finishedWork[i + 2]); - instance = instance.ownerDocument.documentElement; - null !== instance && - instance.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: - "::view-transition-group(" + oldName + ")" - } - ); - } - 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" - } - )); + for (var i = 0; i < finishedWork.length; i += 3) + cancelViewTransitionName( + finishedWork[i], + finishedWork[i + 1], + finishedWork[i + 2] + ); + cancelRootViewTransitionName(root.containerInfo); } + viewTransitionCancelableChildren = null; break; case 5: recursivelyTraverseAfterMutationEffects(root, finishedWork); @@ -13414,85 +13470,34 @@ case 22: null === finishedWork.memoizedState && (null !== current.memoizedState - ? commitEnterViewTransitions(finishedWork) + ? commitEnterViewTransitions(finishedWork, !1) : recursivelyTraverseAfterMutationEffects(root, finishedWork)); break; case 30: - if (0 !== (finishedWork.subtreeFlags & 8246)) { - i = 0 !== (finishedWork.flags & 4); - oldName = viewTransitionContextChanged; - instance = viewTransitionCancelableChildren; - viewTransitionContextChanged = !1; - viewTransitionCancelableChildren = null; - recursivelyTraverseAfterMutationEffects(root, finishedWork); - viewTransitionContextChanged && (finishedWork.flags |= 4); - a: { - root = finishedWork.memoizedProps; - var updateClassName = getViewTransitionClassName( - root.className, - root.update - ), - layoutClassName = getViewTransitionClassName( - root.className, - root.layout - ); - if ("none" === updateClassName) { - if ("none" === layoutClassName) { - current = !1; - break a; - } - finishedWork.flags &= -5; - updateClassName = layoutClassName; - } else if (0 === (finishedWork.flags & 4)) { - if ("none" === layoutClassName) { - viewTransitionHostInstanceIdx = 0; - cancelViewTransitionHostInstances( - current, - finishedWork.child, - !0 - ); - current = !1; - break a; - } - updateClassName = layoutClassName; - } - layoutClassName = getViewTransitionName( - root, - finishedWork.stateNode - ); - viewTransitionHostInstanceIdx = 0; - root = current.memoizedState; - current = measureViewTransitionHostInstances( - current, + i = 0 !== (finishedWork.flags & 4); + var prevContextChanged = viewTransitionContextChanged$1, + prevCancelableChildren = pushViewTransitionCancelableScope(); + viewTransitionContextChanged$1 = !1; + recursivelyTraverseAfterMutationEffects(root, finishedWork); + viewTransitionContextChanged$1 && (finishedWork.flags |= 4); + root = measureUpdateViewTransition(current, finishedWork, !1); + 0 !== (finishedWork.flags & 4) && root + ? ((root = finishedWork.memoizedProps), + scheduleViewTransitionEvent( finishedWork, - finishedWork.child, - layoutClassName, - updateClassName, - root, - !0 - ); - viewTransitionHostInstanceIdx !== - (null === root ? 0 : root.length) && - (finishedWork.flags |= 32); - } - 0 !== (finishedWork.flags & 4) && current - ? ((current = finishedWork.memoizedProps), - scheduleViewTransitionEvent( - finishedWork, - i || viewTransitionContextChanged - ? current.onUpdate - : current.onLayout - ), - (viewTransitionCancelableChildren = instance)) - : null !== instance && - (instance.push.apply( - instance, - viewTransitionCancelableChildren - ), - (viewTransitionCancelableChildren = instance)); - viewTransitionContextChanged = - 0 !== (finishedWork.flags & 32) ? !0 : oldName; - } + i || viewTransitionContextChanged$1 + ? root.onUpdate + : root.onLayout + ), + (viewTransitionCancelableChildren = prevCancelableChildren)) + : null !== prevCancelableChildren && + (prevCancelableChildren.push.apply( + prevCancelableChildren, + viewTransitionCancelableChildren + ), + (viewTransitionCancelableChildren = prevCancelableChildren)); + viewTransitionContextChanged$1 = + 0 !== (finishedWork.flags & 32) ? !0 : prevContextChanged; break; default: recursivelyTraverseAfterMutationEffects(root, finishedWork); @@ -13810,7 +13815,7 @@ null === finishedWork.alternate && null !== finishedWork.return && null !== finishedWork.return.alternate && - restoreEnterViewTransitions(finishedWork); + restoreEnterOrExitViewTransitions(finishedWork); var flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -13967,7 +13972,7 @@ ? (isViewTransitionEligible && null !== wasInHydratedSubtree && null === wasInHydratedSubtree.memoizedState && - restoreExitViewTransitions(wasInHydratedSubtree), + restoreEnterOrExitViewTransitions(wasInHydratedSubtree), prevEffectDuration._visibility & OffscreenPassiveEffectsConnected ? recursivelyTraversePassiveMountEffects( finishedRoot, @@ -13986,7 +13991,7 @@ : (isViewTransitionEligible && null !== wasInHydratedSubtree && null !== wasInHydratedSubtree.memoizedState && - restoreEnterViewTransitions(finishedWork), + restoreEnterOrExitViewTransitions(finishedWork), prevEffectDuration._visibility & OffscreenPassiveEffectsConnected ? recursivelyTraversePassiveMountEffects( finishedRoot, @@ -14026,9 +14031,7 @@ isViewTransitionEligible && ((isViewTransitionEligible = finishedWork.alternate), null !== isViewTransitionEligible && - 0 !== (finishedWork.subtreeFlags & 8246) && - ((finishedWork.memoizedState = null), - restoreViewTransitionOnHostInstances( + (restoreViewTransitionOnHostInstances( isViewTransitionEligible.child, !0 ), @@ -14671,6 +14674,13 @@ : 5); else a: switch (type) { + case REACT_ACTIVITY_TYPE: + return ( + (key = createFiber(31, pendingProps, key, mode)), + (key.elementType = REACT_ACTIVITY_TYPE), + (key.lanes = lanes), + key + ); case REACT_FRAGMENT_TYPE: return createFiberFromFragment( pendingProps.children, @@ -14712,15 +14722,18 @@ (key.lanes = lanes), key ); - case REACT_OFFSCREEN_TYPE: - return createFiberFromOffscreen(pendingProps, mode, lanes, key); case REACT_LEGACY_HIDDEN_TYPE: case REACT_VIEW_TRANSITION_TYPE: return ( (key = createFiber(30, pendingProps, key, mode)), (key.elementType = REACT_VIEW_TRANSITION_TYPE), (key.lanes = lanes), - (key.stateNode = { autoName: null, paired: null, ref: null }), + (key.stateNode = { + autoName: null, + paired: null, + clones: null, + ref: null + }), key ); default: @@ -14804,7 +14817,6 @@ } function createFiberFromOffscreen(pendingProps, mode, lanes, key) { pendingProps = createFiber(22, pendingProps, key, mode); - pendingProps.elementType = REACT_OFFSCREEN_TYPE; pendingProps.lanes = lanes; var primaryChildInstance = { _visibility: OffscreenVisible, @@ -15280,6 +15292,7 @@ var newProps = workInProgress.pendingProps; popTreeContext(workInProgress); switch (workInProgress.tag) { + case 31: case 16: case 15: case 0: @@ -15949,27 +15962,271 @@ popProvider(CacheContext, interruptedWork); } } + function applyViewTransitionToClones(name, className, clones) { + for (var i = 0; i < clones.length; i++) + applyViewTransitionName( + clones[i], + 0 === i ? name : name + "_" + i, + className + ); + } + function trackDeletedPairViewTransitions(deletion) { + if ( + null !== appearingViewTransitions && + 0 !== appearingViewTransitions.size + ) { + var pairs = appearingViewTransitions; + if (0 !== (deletion.subtreeFlags & 18874368)) + for (deletion = deletion.child; null !== deletion; ) { + if (22 !== deletion.tag || null !== deletion.memoizedState) { + if (30 === deletion.tag && 0 !== (deletion.flags & 18874368)) { + var props = deletion.memoizedProps, + name = props.name; + if (null != name && "auto" !== name) { + var pair = pairs.get(name); + if (void 0 !== pair) { + pairs.delete(name); + props = getViewTransitionClassName( + props.className, + props.share + ); + if ("none" !== props) { + var newInstance = deletion.stateNode; + pair.paired = newInstance; + newInstance.paired = pair; + pair = pair.clones; + null !== pair && + applyViewTransitionToClones(name, props, pair); + } + if (0 === pairs.size) break; + } + } + } + trackDeletedPairViewTransitions(deletion); + } + deletion = deletion.sibling; + } + } + } + function trackEnterViewTransitions(deletion) { + if (30 === deletion.tag) { + var props = deletion.memoizedProps, + name = getViewTransitionName(props, deletion.stateNode), + pair = + null !== appearingViewTransitions + ? appearingViewTransitions.get(name) + : void 0; + props = getViewTransitionClassName( + props.className, + void 0 !== pair ? props.share : props.enter + ); + if ("none" !== props && void 0 !== pair) { + appearingViewTransitions.delete(name); + var newInstance = deletion.stateNode; + pair.paired = newInstance; + newInstance.paired = pair; + pair = pair.clones; + null !== pair && applyViewTransitionToClones(name, props, pair); + } + trackDeletedPairViewTransitions(deletion); + } else if (0 !== (deletion.subtreeFlags & 33554432)) + for (deletion = deletion.child; null !== deletion; ) + trackEnterViewTransitions(deletion), (deletion = deletion.sibling); + else trackDeletedPairViewTransitions(deletion); + } + function applyAppearingPairViewTransition(child) { + if (0 !== (child.flags & 18874368)) { + var state = child.stateNode; + if (state.paired) { + var props = child.memoizedProps; + if (null == props.name || "auto" === props.name) + throw Error( + "Found a pair with an auto name. This is a bug in React." + ); + child = props.name; + props = getViewTransitionClassName(props.className, props.share); + "none" !== props && + ((state = state.clones), + null !== state && applyViewTransitionToClones(child, props, state)); + } + } + } + function applyExitViewTransition(placement) { + var state = placement.stateNode, + props = placement.memoizedProps; + placement = getViewTransitionName(props, state); + props = getViewTransitionClassName( + props.className, + state.paired ? props.share : props.exit + ); + "none" !== props && + ((state = state.clones), + null !== state && applyViewTransitionToClones(placement, props, state)); + } + function recursivelyInsertNew( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase + ) { + if ( + visitPhase !== INSERT_APPEARING_PAIR || + null !== parentViewTransition || + 0 !== (parentFiber.subtreeFlags & 18874368) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) + recursivelyInsertNewFiber( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase + ), + (parentFiber = parentFiber.sibling); + } + function recursivelyInsertNewFiber( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ) { + switch (finishedWork.tag) { + case 26: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + break; + case 27: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + finishedWork.flags & 4 && + 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 + ); + break; + case 5: + var instance = finishedWork.stateNode; + visitPhase !== INSERT_APPEARING_PAIR + ? (appendChild(hostParentClone, instance), + (viewTransitionMutationContext = !0), + recursivelyInsertNew( + finishedWork, + instance, + null, + INSERT_APPEARING_PAIR + )) + : recursivelyInsertNew(finishedWork, instance, null, visitPhase); + null !== parentViewTransition && + (null === parentViewTransition.clones + ? (parentViewTransition.clones = [instance]) + : parentViewTransition.clones.push(instance)); + break; + case 6: + finishedWork = finishedWork.stateNode; + if (null === finishedWork) + throw Error( + "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue." + ); + visitPhase !== INSERT_APPEARING_PAIR && + (appendChild(hostParentClone, finishedWork), + (viewTransitionMutationContext = !0)); + break; + case 4: + break; + case 22: + null === finishedWork.memoizedState && + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + break; + case 30: + parentViewTransition = pushMutationContext(); + instance = finishedWork.stateNode; + instance.clones = null; + recursivelyInsertNew( + finishedWork, + hostParentClone, + instance, + visitPhase === INSERT_EXIT ? INSERT_APPEND : visitPhase + ); + visitPhase === INSERT_EXIT + ? applyExitViewTransition(finishedWork) + : (visitPhase === INSERT_APPEARING_PAIR || + visitPhase === INSERT_APPEND) && + applyAppearingPairViewTransition(finishedWork); + viewTransitionMutationContext = parentViewTransition; + break; + default: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + } + } function recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone + hostParentClone, + parentViewTransition, + visitPhase ) { for (parentFiber = parentFiber.child; null !== parentFiber; ) { switch (parentFiber.tag) { case 5: - var clone = parentFiber.stateNode.cloneNode(!0); - appendChild(hostParentClone, clone); - unhideHostChildren && - unhideInstance(clone, parentFiber.memoizedProps); + var instance = parentFiber.stateNode; + switch (visitPhase) { + case CLONE_EXIT: + case CLONE_UNHIDE: + case CLONE_APPEARING_PAIR: + var _nextPhase = + 0 !== (parentFiber.subtreeFlags & 18874368) + ? CLONE_APPEARING_PAIR + : CLONE_UNCHANGED; + break; + default: + _nextPhase = CLONE_UNCHANGED; + } + _nextPhase !== CLONE_UNCHANGED + ? ((instance = instance.cloneNode(!1)), + recursivelyInsertClonesFromExistingTree( + parentFiber, + instance, + null, + _nextPhase + )) + : (instance = instance.cloneNode(!0)); + appendChild(hostParentClone, instance); + null !== parentViewTransition && + (null === parentViewTransition.clones + ? (parentViewTransition.clones = [instance]) + : parentViewTransition.clones.push(instance)); + if (visitPhase === CLONE_EXIT || visitPhase === CLONE_UNHIDE) + unhideInstance(instance, parentFiber.memoizedProps), + (viewTransitionMutationContext = !0); break; case 6: - clone = parentFiber.stateNode; - if (null === clone) + _nextPhase = parentFiber.stateNode; + if (null === _nextPhase) 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); - appendChild(hostParentClone, clone); - unhideHostChildren && (clone.nodeValue = parentFiber.memoizedProps); + _nextPhase = _nextPhase.cloneNode(!1); + appendChild(hostParentClone, _nextPhase); + if (visitPhase === CLONE_EXIT || visitPhase === CLONE_UNHIDE) + (_nextPhase.nodeValue = parentFiber.memoizedProps), + (viewTransitionMutationContext = !0); break; case 4: break; @@ -15977,145 +16234,361 @@ null === parentFiber.memoizedState && recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone + hostParentClone, + parentViewTransition, + visitPhase ); break; case 30: - clone = pushMutationContext(); + _nextPhase = pushMutationContext(); + instance = parentFiber.stateNode; + instance.clones = null; recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone + hostParentClone, + instance, + visitPhase === CLONE_EXIT + ? CLONE_UNHIDE + : visitPhase === CLONE_UPDATE + ? CLONE_UNCHANGED + : visitPhase ); - viewTransitionMutationContext = clone; + if (visitPhase === CLONE_EXIT) applyExitViewTransition(parentFiber); + else if ( + visitPhase === CLONE_APPEARING_PAIR || + visitPhase === CLONE_UNHIDE + ) + applyAppearingPairViewTransition(parentFiber); + else if (visitPhase === CLONE_UPDATE) { + var state = parentFiber.stateNode, + props = parentFiber.memoizedProps; + instance = getViewTransitionName(props, state); + props = getViewTransitionClassName(props.className, props.layout); + "none" !== props && + ((state = state.clones), + null !== state && + applyViewTransitionToClones(instance, props, state)); + } + viewTransitionMutationContext = _nextPhase; break; default: recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone + hostParentClone, + parentViewTransition, + visitPhase ); } parentFiber = parentFiber.sibling; } } - function recursivelyInsertClones(parentFiber, hostParentClone$jscomp$0) { + function recursivelyInsertClones( + parentFiber, + hostParentClone$jscomp$0, + parentViewTransition, + visitPhase$jscomp$0 + ) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + trackEnterViewTransitions(deletions[i]), + (viewTransitionMutationContext = !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(); + deletions = parentFiber; + var hostParentClone = hostParentClone$jscomp$0; + var nextPhase = parentViewTransition; + var visitPhase = visitPhase$jscomp$0; + i = deletions.alternate; + if (null === i) + recursivelyInsertNewFiber( + deletions, + hostParentClone, + nextPhase, + INSERT_EXIT + ); + else { + var flags = deletions.flags; + switch (deletions.tag) { + case 26: + recursivelyInsertClones( + deletions, + hostParentClone, + nextPhase, + visitPhase + ); + break; + case 27: + recursivelyInsertClones( + deletions, + hostParentClone, + nextPhase, + visitPhase + ); + if (flags & 4) { + hostParentClone = deletions.memoizedProps; + i = i.memoizedProps; + visitPhase = deletions.stateNode; + flags = deletions.type; + nextPhase = pushMutationContext(); try { commitUpdate( + visitPhase, flags, - clone, - current, + i, hostParentClone, - finishedWork + deletions ), 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 + deletions.type, + deletions.type ), commitUpdate( + visitPhase, flags, - clone, hostParentClone, - current, - finishedWork + i, + deletions ); } finally { - viewTransitionMutationContext = prev; + viewTransitionMutationContext = nextPhase; } } - break; - case 5: - clone = finishedWork.stateNode; - null === current - ? appendChild(hostParentClone, clone) - : (null === finishedWork.child - ? ((clone = clone.cloneNode(!0)), - finishedWork.flags & 32 && resetTextContent(clone)) - : (clone = clone.cloneNode(!1)), - flags & 4 && - commitUpdate( + break; + case 5: + var clone = deletions.stateNode; + null === deletions.child + ? ((clone = clone.cloneNode(!0)), + deletions.flags & 32 && + (resetTextContent(clone), + (viewTransitionMutationContext = !0))) + : (clone = clone.cloneNode(!1)); + flags & 4 && + commitUpdate( + clone, + deletions.type, + i.memoizedProps, + deletions.memoizedProps + ); + visitPhase === CLONE_EXIT || visitPhase === CLONE_UNHIDE + ? (recursivelyInsertClones( + deletions, clone, - finishedWork.type, - current.memoizedProps, - finishedWork.memoizedProps + null, + CLONE_APPEARING_PAIR ), - unhideHostChildren - ? ((unhideHostChildren = !1), - recursivelyInsertClones(finishedWork, clone), - appendChild(hostParentClone, clone), - (unhideHostChildren = !0), - unhideInstance(clone, finishedWork.memoizedProps)) - : (recursivelyInsertClones(finishedWork, clone), - appendChild(hostParentClone, 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." + appendChild(hostParentClone, clone), + unhideInstance(clone, deletions.memoizedProps), + (viewTransitionMutationContext = !0)) + : (recursivelyInsertClones( + deletions, + clone, + null, + visitPhase + ), + appendChild(hostParentClone, clone)); + null !== nextPhase && + (null === nextPhase.clones + ? (nextPhase.clones = [clone]) + : nextPhase.clones.push(clone)); + break; + case 6: + nextPhase = deletions.stateNode; + if (null === nextPhase) + throw Error( + "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue." + ); + nextPhase = nextPhase.cloneNode(!1); + flags & 4 && + ((nextPhase.nodeValue = i.memoizedProps), + (viewTransitionMutationContext = !0)); + appendChild(hostParentClone, nextPhase); + if (visitPhase === CLONE_EXIT || visitPhase === CLONE_UNHIDE) + (nextPhase.nodeValue = deletions.memoizedProps), + (viewTransitionMutationContext = !0); + break; + case 4: + break; + case 22: + null === deletions.memoizedState + ? ((i = + visitPhase === CLONE_UPDATE && 0 !== (flags & 8192) + ? CLONE_EXIT + : visitPhase), + recursivelyInsertClones( + deletions, + hostParentClone, + nextPhase, + i + )) + : null !== i && + null === i.memoizedState && + (trackEnterViewTransitions(i), + (viewTransitionMutationContext = !0)); + break; + case 30: + flags = pushMutationContext(); + clone = deletions.stateNode; + clone.clones = null; + nextPhase = + visitPhase === CLONE_EXIT ? CLONE_UNHIDE : visitPhase; + recursivelyInsertClones( + deletions, + hostParentClone, + clone, + nextPhase ); - null === current - ? appendChild(hostParentClone, clone) - : ((clone = clone.cloneNode(!1)), - flags & 4 && (clone.nodeValue = current.memoizedProps), - appendChild(hostParentClone, 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); + viewTransitionMutationContext && (deletions.flags |= 4); + if (visitPhase === CLONE_EXIT) + applyExitViewTransition(deletions); + else if ( + visitPhase === CLONE_APPEARING_PAIR || + visitPhase === CLONE_UNHIDE + ) + applyAppearingPairViewTransition(deletions); + else if (visitPhase === CLONE_UPDATE) + b: { + hostParentClone = deletions.stateNode; + i = i.memoizedProps; + deletions = getViewTransitionName( + deletions.memoizedProps, + hostParentClone + ); + visitPhase = getViewTransitionClassName( + i.className, + i.update + ); + if ( + "none" === visitPhase && + ((visitPhase = getViewTransitionClassName( + i.className, + i.layout + )), + "none" === visitPhase) + ) + break b; + i = hostParentClone.clones; + null !== i && + applyViewTransitionToClones(deletions, visitPhase, i); + } + viewTransitionMutationContext = flags; + break; + default: + recursivelyInsertClones( + deletions, + hostParentClone, + nextPhase, + visitPhase + ); + } } parentFiber = parentFiber.sibling; } else recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone$jscomp$0 + hostParentClone$jscomp$0, + parentViewTransition, + visitPhase$jscomp$0 ); } + function recursivelyApplyViewTransitions(parentFiber) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + commitEnterViewTransitions(deletions[i], !0); + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + deletions = parentFiber; + i = deletions.alternate; + if (null !== i) { + var flags = deletions.flags; + switch (deletions.tag) { + case 4: + break; + case 22: + flags & 8192 && + null !== deletions.memoizedState && + null !== i && + null === i.memoizedState && + commitEnterViewTransitions(i, !0); + break; + case 30: + flags = viewTransitionContextChanged; + var prevCancelableChildren = + pushViewTransitionCancelableScope(); + viewTransitionContextChanged = !1; + recursivelyApplyViewTransitions(deletions); + viewTransitionContextChanged && (deletions.flags |= 4); + i = measureUpdateViewTransition(i, deletions, !0); + 0 !== (deletions.flags & 4) && i + ? (viewTransitionCancelableChildren = prevCancelableChildren) + : null !== prevCancelableChildren && + (prevCancelableChildren.push.apply( + prevCancelableChildren, + viewTransitionCancelableChildren + ), + (viewTransitionCancelableChildren = + prevCancelableChildren)); + viewTransitionContextChanged = + 0 !== (deletions.flags & 32) ? !0 : flags; + deletions.stateNode.clones = null; + break; + default: + recursivelyApplyViewTransitions(deletions); + } + } + parentFiber = parentFiber.sibling; + } + else measureNestedViewTransitions(parentFiber, !0); + } + function recursivelyRestoreViewTransitions(parentFiber) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + restoreEnterOrExitViewTransitions(deletions[i]); + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) + restoreViewTransitionsOnFiber(parentFiber), + (parentFiber = parentFiber.sibling); + else restoreNestedViewTransitions(parentFiber); + } + function restoreViewTransitionsOnFiber(finishedWork) { + var current = finishedWork.alternate; + if (null === current) restoreEnterOrExitViewTransitions(finishedWork); + else { + var flags = finishedWork.flags; + switch (finishedWork.tag) { + case 4: + break; + case 22: + flags & 8192 && + (null === finishedWork.memoizedState + ? restoreEnterOrExitViewTransitions(finishedWork) + : null !== current && + null === current.memoizedState && + restoreEnterOrExitViewTransitions(current)); + break; + case 30: + restoreViewTransitionOnHostInstances(current.child, !0); + recursivelyRestoreViewTransitions(finishedWork); + break; + default: + recursivelyRestoreViewTransitions(finishedWork); + } + } + } function onCommitRoot() { commitHooks.forEach(function (commitHook) { return commitHook(); @@ -17831,7 +18304,6 @@ var prevExecutionContext = executionContext; executionContext |= CommitContext; try { - unhideHostChildren = !1; didWarnForRootClone || ((didWarnForRootClone = !0), console.warn( @@ -17956,7 +18428,7 @@ containerInstance.nextSibling ); root.gestureClone = clone; - recursivelyInsertClones(finishedWork, clone); + recursivelyInsertClones(finishedWork, clone, null, CLONE_UPDATE); } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -17982,6 +18454,7 @@ if (pendingEffectsStatus === PENDING_GESTURE_MUTATION_PHASE) { pendingEffectsStatus = NO_PENDING_EFFECTS; var root = pendingEffectsRoot, + finishedWork = pendingFinishedWork, prevTransition = ReactSharedInternals.T; ReactSharedInternals.T = null; var previousPriority = ReactDOMSharedInternals.p; @@ -17989,6 +18462,9 @@ var prevExecutionContext = executionContext; executionContext |= CommitContext; try { + viewTransitionContextChanged = !1; + pushViewTransitionCancelableScope(); + recursivelyApplyViewTransitions(finishedWork); var rootClone = root.gestureClone; if (null !== rootClone) { root.gestureClone = null; @@ -18007,6 +18483,23 @@ containerParent.removeChild(rootClone); containerInstance.style.viewTransitionName = "root"; } + if (!viewTransitionContextChanged) { + finishedWork = viewTransitionCancelableChildren; + if (null !== finishedWork) + for ( + rootClone = 0; + rootClone < finishedWork.length; + rootClone += 3 + ) + cancelViewTransitionName( + finishedWork[rootClone], + finishedWork[rootClone + 1], + finishedWork[rootClone + 2] + ); + restoreRootViewTransitionName(root.containerInfo); + cancelRootViewTransitionName(root.containerInfo); + } + viewTransitionCancelableChildren = null; } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -18019,7 +18512,8 @@ flushGestureMutations(); if (pendingEffectsStatus === PENDING_GESTURE_ANIMATION_PHASE) { pendingEffectsStatus = NO_PENDING_EFFECTS; - var root = pendingEffectsRoot; + var root = pendingEffectsRoot, + finishedWork = pendingFinishedWork; pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; var prevTransition = ReactSharedInternals.T; @@ -18029,7 +18523,8 @@ var prevExecutionContext = executionContext; executionContext |= CommitContext; try { - restoreRootViewTransitionName(root.containerInfo); + restoreViewTransitionsOnFiber(finishedWork), + restoreRootViewTransitionName(root.containerInfo); } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -21970,6 +22465,10 @@ function unhideTextInstance(textInstance, text) { textInstance.nodeValue = text; } + function applyViewTransitionName(instance, name, className) { + instance.style.viewTransitionName = name; + null != className && (instance.style.viewTransitionClass = className); + } function restoreViewTransitionName(instance, props) { props = props[STYLE]; var viewTransitionName = @@ -21995,6 +22494,40 @@ instance.style.viewTransitionClass = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } + function cancelViewTransitionName(instance, oldName, props) { + restoreViewTransitionName(instance, props); + instance = instance.ownerDocument.documentElement; + null !== instance && + instance.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(" + oldName + ")" + } + ); + } + 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 @@ -22009,27 +22542,43 @@ "none" === rootContainer.style.viewTransitionName && (rootContainer.style.viewTransitionName = ""); } - function measureInstance(instance) { - var ownerWindow = instance.ownerDocument.defaultView, - rect = instance.getBoundingClientRect(); - instance = getComputedStyle(instance); + function createMeasurement(rect, computedStyle, element) { + element = element.ownerDocument.defaultView; return { rect: rect, - abs: "absolute" === instance.position || "fixed" === instance.position, + abs: + "absolute" === computedStyle.position || + "fixed" === computedStyle.position, clip: - "none" !== instance.clipPath || - "visible" !== instance.overflow || - "none" !== instance.filter || - "none" !== instance.mask || - "none" !== instance.mask || - "0px" !== instance.borderRadius, + "none" !== computedStyle.clipPath || + "visible" !== computedStyle.overflow || + "none" !== computedStyle.filter || + "none" !== computedStyle.mask || + "none" !== computedStyle.mask || + "0px" !== computedStyle.borderRadius, view: 0 <= rect.bottom && 0 <= rect.right && - rect.top <= ownerWindow.innerHeight && - rect.left <= ownerWindow.innerWidth + rect.top <= element.innerHeight && + rect.left <= element.innerWidth }; } + function measureInstance(instance) { + var rect = instance.getBoundingClientRect(), + computedStyle = getComputedStyle(instance); + return createMeasurement(rect, computedStyle, instance); + } + function measureClonedInstance(instance) { + var measuredRect = instance.getBoundingClientRect(); + measuredRect = new DOMRect( + measuredRect.x + 2e4, + measuredRect.y + 2e4, + measuredRect.width, + measuredRect.height + ); + var computedStyle = getComputedStyle(instance); + return createMeasurement(measuredRect, computedStyle, instance); + } function cancelAllViewTransitionAnimations(scope) { for ( var animations = scope.getAnimations({ subtree: !0 }), i = 0; @@ -24165,7 +24714,7 @@ REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"); Symbol.for("react.scope"); - var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"), + var REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"); Symbol.for("react.tracing_marker"); var REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"), @@ -27253,7 +27802,7 @@ nextEffect = null, inProgressLanes = null, inProgressRoot = null, - viewTransitionContextChanged = !1, + viewTransitionContextChanged$1 = !1, hostParent = null, hostParentIsContainer = !1, currentHoistableRoot = null, @@ -27279,7 +27828,15 @@ ), globalClientIdCounter = 0, didWarnForRootClone = !1, - unhideHostChildren = !1, + viewTransitionContextChanged = !1, + CLONE_UPDATE = 0, + CLONE_EXIT = 1, + CLONE_UNHIDE = 2, + CLONE_APPEARING_PAIR = 3, + CLONE_UNCHANGED = 4, + INSERT_EXIT = 5, + INSERT_APPEND = 6, + INSERT_APPEARING_PAIR = 7, DefaultAsyncDispatcher = { getCacheForType: function (resourceType) { var cache = readContext(CacheContext), @@ -27962,11 +28519,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-5398b711-20250314" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-c69a5fc5-20250318" !== 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-5398b711-20250314\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-c69a5fc5-20250318\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -28003,10 +28560,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.1.0-experimental-5398b711-20250314", + version: "19.1.0-experimental-c69a5fc5-20250318", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-5398b711-20250314" + reconcilerVersion: "19.1.0-experimental-c69a5fc5-20250318" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -28148,7 +28705,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.1.0-experimental-5398b711-20250314"; + exports.version = "19.1.0-experimental-c69a5fc5-20250318"; "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 d753f2f9cec3a..4bc8d4740d9b2 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 @@ -158,7 +158,7 @@ var assign = Object.assign, REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"); Symbol.for("react.scope"); -var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"), +var REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"); Symbol.for("react.tracing_marker"); var REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"), @@ -184,8 +184,6 @@ function getComponentNameFromType(type) { switch (type) { case REACT_FRAGMENT_TYPE: return "Fragment"; - case REACT_PORTAL_TYPE: - return "Portal"; case REACT_PROFILER_TYPE: return "Profiler"; case REACT_STRICT_MODE_TYPE: @@ -194,11 +192,15 @@ function getComponentNameFromType(type) { return "Suspense"; case REACT_SUSPENSE_LIST_TYPE: return "SuspenseList"; + case REACT_ACTIVITY_TYPE: + return "Activity"; case REACT_VIEW_TRANSITION_TYPE: return "ViewTransition"; } if ("object" === typeof type) switch (type.$$typeof) { + case REACT_PORTAL_TYPE: + return "Portal"; case REACT_CONTEXT_TYPE: return (type.displayName || "Context") + ".Provider"; case REACT_CONSUMER_TYPE: @@ -968,6 +970,8 @@ function describeFiber(fiber) { return describeNativeComponentFrame(fiber.type.render, !1); case 1: return describeNativeComponentFrame(fiber.type, !0); + case 31: + return describeBuiltInComponentFrame("Activity"); case 30: return describeBuiltInComponentFrame("ViewTransition"); default: @@ -7531,6 +7535,30 @@ function beginWork(current, workInProgress, renderLanes) { ); case 19: return updateSuspenseListComponent(current, workInProgress, renderLanes); + case 31: + return ( + (lazyComponent = workInProgress.pendingProps), + (renderLanes = workInProgress.mode), + (lazyComponent = { + mode: lazyComponent.mode, + children: lazyComponent.children + }), + null === current + ? ((renderLanes = mountWorkInProgressOffscreenFiber( + lazyComponent, + renderLanes + )), + (renderLanes.ref = workInProgress.ref), + (workInProgress.child = renderLanes), + (renderLanes.return = workInProgress), + (workInProgress = renderLanes)) + : ((renderLanes = createWorkInProgress(current.child, lazyComponent)), + (renderLanes.ref = workInProgress.ref), + (workInProgress.child = renderLanes), + (renderLanes.return = workInProgress), + (workInProgress = renderLanes)), + workInProgress + ); case 22: return updateOffscreenComponent(current, workInProgress, renderLanes); case 24: @@ -7589,19 +7617,21 @@ function beginWork(current, workInProgress, renderLanes) { (init = workInProgress.stateNode), null != lazyComponent.name && "auto" !== lazyComponent.name ? (workInProgress.flags |= null === current ? 18882560 : 18874368) - : null === init.autoName && - ((prevState = workInProgressRoot.identifierPrefix), - isHydrating - ? ((nextState = getTreeId()), - (prevState = "\u00ab" + prevState + "T" + nextState + "\u00bb")) - : ((nextState = globalClientIdCounter++), - (prevState = - "\u00ab" + - prevState + - "t" + - nextState.toString(32) + - "\u00bb")), - (init.autoName = prevState)), + : (null === init.autoName && + ((prevState = workInProgressRoot.identifierPrefix), + isHydrating + ? ((nextState = getTreeId()), + (prevState = + "\u00ab" + prevState + "T" + nextState + "\u00bb")) + : ((nextState = globalClientIdCounter++), + (prevState = + "\u00ab" + + prevState + + "t" + + nextState.toString(32) + + "\u00bb")), + (init.autoName = prevState)), + isHydrating && pushMaterializedTreeId(workInProgress)), null !== current && current.memoizedProps.name !== lazyComponent.name ? (workInProgress.flags |= 4194816) : markRef(current, workInProgress), @@ -7750,8 +7780,8 @@ function safelyDetachRef(current, nearestMountedAncestor) { else if ("function" === typeof ref) try { ref(null); - } catch (error$116) { - captureCommitPhaseError(current, nearestMountedAncestor, error$116); + } catch (error$117) { + captureCommitPhaseError(current, nearestMountedAncestor, error$117); } else ref.current = null; } @@ -7902,14 +7932,35 @@ function commitHostSingletonAcquisition(finishedWork) { } var shouldStartViewTransition = !1, appearingViewTransitions = null, - viewTransitionCancelableChildren = null, - viewTransitionHostInstanceIdx = 0; + viewTransitionCancelableChildren = null; +function pushViewTransitionCancelableScope() { + var prevChildren = viewTransitionCancelableChildren; + viewTransitionCancelableChildren = null; + return prevChildren; +} +var viewTransitionHostInstanceIdx = 0; function applyViewTransitionToHostInstances( child, name, className, collectMeasurements, stopAtNestedViewTransitions +) { + viewTransitionHostInstanceIdx = 0; + return applyViewTransitionToHostInstancesRecursive( + child, + name, + className, + collectMeasurements, + stopAtNestedViewTransitions + ); +} +function applyViewTransitionToHostInstancesRecursive( + child, + name, + className, + collectMeasurements, + stopAtNestedViewTransitions ) { for (var inViewport = !1; null !== child; ) { if (5 === child.tag) { @@ -7921,16 +7972,17 @@ function applyViewTransitionToHostInstances( measurement.view && (inViewport = !0); } else inViewport || (measureInstance(instance).view && (inViewport = !0)); - measurement = className; - instance.style.viewTransitionName = + applyViewTransitionName( + instance, 0 === viewTransitionHostInstanceIdx ? name - : name + "_" + viewTransitionHostInstanceIdx; - null != measurement && (instance.style.viewTransitionClass = measurement); + : name + "_" + viewTransitionHostInstanceIdx, + className + ); viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) (30 === child.tag && stopAtNestedViewTransitions) || - (applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstancesRecursive( child.child, name, className, @@ -7974,19 +8026,19 @@ function commitAppearingPairViewTransitions(placement) { var name = props.name; props = getViewTransitionClassName(props.className, props.share); "none" !== props && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( placement.child, name, props, null, !1 - ) || restoreViewTransitionOnHostInstances(placement.child, !1)); + ) || + restoreViewTransitionOnHostInstances(placement.child, !1)); } placement = placement.sibling; } } -function commitEnterViewTransitions(placement) { +function commitEnterViewTransitions(placement, gesture) { if (30 === placement.tag) { var state = placement.stateNode, props = placement.memoizedProps, @@ -7996,22 +8048,23 @@ function commitEnterViewTransitions(placement) { state.paired ? props.share : props.enter ); "none" !== className - ? ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + ? applyViewTransitionToHostInstances( placement.child, name, className, null, !1 ) - ? (commitAppearingPairViewTransitions(placement), - state.paired || - scheduleViewTransitionEvent(placement, props.onEnter)) - : restoreViewTransitionOnHostInstances(placement.child, !1)) + ? (commitAppearingPairViewTransitions(placement), + state.paired || + gesture || + scheduleViewTransitionEvent(placement, props.onEnter)) + : restoreViewTransitionOnHostInstances(placement.child, !1) : commitAppearingPairViewTransitions(placement); } else if (0 !== (placement.subtreeFlags & 33554432)) for (placement = placement.child; null !== placement; ) - commitEnterViewTransitions(placement), (placement = placement.sibling); + commitEnterViewTransitions(placement, gesture), + (placement = placement.sibling); else commitAppearingPairViewTransitions(placement); } function commitDeletedPairViewTransitions(deletion) { @@ -8034,15 +8087,16 @@ function commitDeletedPairViewTransitions(deletion) { props.share ); "none" !== className && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( deletion.child, name, className, null, !1 ) - ? ((pair.paired = deletion.stateNode), + ? ((className = deletion.stateNode), + (pair.paired = className), + (className.paired = pair), scheduleViewTransitionEvent(deletion, props.onShare)) : restoreViewTransitionOnHostInstances(deletion.child, !1)); pairs.delete(name); @@ -8069,8 +8123,7 @@ function commitExitViewTransitions(deletion) { void 0 !== pair ? props.share : props.exit ); "none" !== className && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( deletion.child, name, className, @@ -8078,7 +8131,9 @@ function commitExitViewTransitions(deletion) { !1 ) ? void 0 !== pair - ? ((pair.paired = deletion.stateNode), + ? ((className = deletion.stateNode), + (pair.paired = className), + (className.paired = pair), appearingViewTransitions.delete(name), scheduleViewTransitionEvent(deletion, props.onShare)) : scheduleViewTransitionEvent(deletion, props.onExit) @@ -8099,14 +8154,13 @@ function commitNestedViewTransitions(changedParent) { name = getViewTransitionName(props, changedParent.stateNode); props = getViewTransitionClassName(props.className, props.layout); "none" !== props && - ((viewTransitionHostInstanceIdx = 0), applyViewTransitionToHostInstances( changedParent.child, name, props, (changedParent.memoizedState = []), !1 - )); + ); } else 0 !== (changedParent.subtreeFlags & 33554432) && commitNestedViewTransitions(changedParent); @@ -8128,47 +8182,32 @@ function restorePairedViewTransitions(parent) { parent = parent.sibling; } } -function restoreEnterViewTransitions(placement) { - if (30 === placement.tag) - (placement.stateNode.paired = null), - restoreViewTransitionOnHostInstances(placement.child, !1), - restorePairedViewTransitions(placement); - else if (0 !== (placement.subtreeFlags & 33554432)) - for (placement = placement.child; null !== placement; ) - restoreEnterViewTransitions(placement), (placement = placement.sibling); - else restorePairedViewTransitions(placement); -} -function restoreExitViewTransitions(deletion) { - if (30 === deletion.tag) - (deletion.stateNode.paired = null), - restoreViewTransitionOnHostInstances(deletion.child, !1), - restorePairedViewTransitions(deletion); - else if (0 !== (deletion.subtreeFlags & 33554432)) - for (deletion = deletion.child; null !== deletion; ) - restoreExitViewTransitions(deletion), (deletion = deletion.sibling); - else restorePairedViewTransitions(deletion); +function restoreEnterOrExitViewTransitions(fiber) { + if (30 === fiber.tag) + (fiber.stateNode.paired = null), + restoreViewTransitionOnHostInstances(fiber.child, !1), + restorePairedViewTransitions(fiber); + else if (0 !== (fiber.subtreeFlags & 33554432)) + for (fiber = fiber.child; null !== fiber; ) + restoreEnterOrExitViewTransitions(fiber), (fiber = fiber.sibling); + else restorePairedViewTransitions(fiber); } function restoreNestedViewTransitions(changedParent) { for (changedParent = changedParent.child; null !== changedParent; ) 30 === changedParent.tag - ? ((changedParent.memoizedState = null), - restoreViewTransitionOnHostInstances(changedParent.child, !1)) + ? restoreViewTransitionOnHostInstances(changedParent.child, !1) : 0 !== (changedParent.subtreeFlags & 33554432) && restoreNestedViewTransitions(changedParent), (changedParent = changedParent.sibling); } -function cancelViewTransitionHostInstances( - currentViewTransition, +function cancelViewTransitionHostInstancesRecursive( child, + oldName, stopAtNestedViewTransitions ) { for (; null !== child; ) { if (5 === child.tag) { - var instance = child.stateNode, - oldName = getViewTransitionName( - currentViewTransition.memoizedProps, - currentViewTransition.stateNode - ); + var instance = child.stateNode; null === viewTransitionCancelableChildren && (viewTransitionCancelableChildren = []); viewTransitionCancelableChildren.push( @@ -8179,19 +8218,19 @@ function cancelViewTransitionHostInstances( viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) (30 === child.tag && stopAtNestedViewTransitions) || - cancelViewTransitionHostInstances( - currentViewTransition, + cancelViewTransitionHostInstancesRecursive( child.child, + oldName, stopAtNestedViewTransitions ); child = child.sibling; } } -function measureViewTransitionHostInstances( - currentViewTransition, +function measureViewTransitionHostInstancesRecursive( parentViewTransition, child, - name, + newName, + oldName, className, previousMeasurements, stopAtNestedViewTransitions @@ -8230,35 +8269,30 @@ function measureViewTransitionHostInstances( nextMeasurement && (parentViewTransition.flags |= 32); } else parentViewTransition.flags |= 32; 0 !== (parentViewTransition.flags & 4) && - ((nextMeasurement = instance), - (previousMeasurement = className), - (nextMeasurement.style.viewTransitionName = + applyViewTransitionName( + instance, 0 === viewTransitionHostInstanceIdx - ? name - : name + "_" + viewTransitionHostInstanceIdx), - null != previousMeasurement && - (nextMeasurement.style.viewTransitionClass = previousMeasurement)); + ? newName + : newName + "_" + viewTransitionHostInstanceIdx, + className + ); (inViewport && 0 !== (parentViewTransition.flags & 4)) || - ((nextMeasurement = getViewTransitionName( - currentViewTransition.memoizedProps, - currentViewTransition.stateNode - )), - null === viewTransitionCancelableChildren && + (null === viewTransitionCancelableChildren && (viewTransitionCancelableChildren = []), viewTransitionCancelableChildren.push( instance, - nextMeasurement, + oldName, child.memoizedProps )); viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) 30 === child.tag && stopAtNestedViewTransitions ? (parentViewTransition.flags |= child.flags & 32) - : measureViewTransitionHostInstances( - currentViewTransition, + : measureViewTransitionHostInstancesRecursive( parentViewTransition, child.child, - name, + newName, + oldName, className, previousMeasurements, stopAtNestedViewTransitions @@ -8267,31 +8301,84 @@ function measureViewTransitionHostInstances( } return inViewport; } -function measureNestedViewTransitions(changedParent) { +function measureUpdateViewTransition(current, finishedWork, gesture) { + var oldFiber = gesture ? finishedWork : current, + newFiber = gesture ? current : finishedWork, + props = newFiber.memoizedProps, + state = newFiber.stateNode, + newName = getViewTransitionName(props, state); + current = getViewTransitionName(oldFiber.memoizedProps, state); + var updateClassName = getViewTransitionClassName( + props.className, + props.update + ); + props = getViewTransitionClassName(props.className, props.layout); + if ("none" === updateClassName) { + if ("none" === props) return !1; + finishedWork.flags &= -5; + updateClassName = props; + } else if (0 === (finishedWork.flags & 4)) { + if ("none" === props) + return ( + (finishedWork = oldFiber.child), + (viewTransitionHostInstanceIdx = 0), + cancelViewTransitionHostInstancesRecursive(finishedWork, current, !0), + !1 + ); + updateClassName = props; + } + gesture + ? ((oldFiber = state.clones), + (gesture = + null === oldFiber ? null : oldFiber.map(measureClonedInstance))) + : ((gesture = oldFiber.memoizedState), (oldFiber.memoizedState = null)); + oldFiber = newFiber.child; + viewTransitionHostInstanceIdx = 0; + current = measureViewTransitionHostInstancesRecursive( + finishedWork, + oldFiber, + newName, + current, + updateClassName, + gesture, + !0 + ); + viewTransitionHostInstanceIdx !== (null === gesture ? 0 : gesture.length) && + (finishedWork.flags |= 32); + return current; +} +function measureNestedViewTransitions(changedParent, gesture) { for (changedParent = changedParent.child; null !== changedParent; ) { if (30 === changedParent.tag) { - var current = changedParent.alternate; - if (null !== current) { - var props = changedParent.memoizedProps, - name = getViewTransitionName(props, changedParent.stateNode), - className = getViewTransitionClassName(props.className, props.layout); - viewTransitionHostInstanceIdx = 0; - current = measureViewTransitionHostInstances( - current, - changedParent, - changedParent.child, - name, - className, - changedParent.memoizedState, - !1 - ); - 0 !== (changedParent.flags & 4) && - current && - scheduleViewTransitionEvent(changedParent, props.onLayout); - } + var props = changedParent.memoizedProps, + state = changedParent.stateNode, + name = getViewTransitionName(props, state), + className = getViewTransitionClassName(props.className, props.layout); + if (gesture) { + state = state.clones; + var previousMeasurements = + null === state ? null : state.map(measureClonedInstance); + } else + (previousMeasurements = changedParent.memoizedState), + (changedParent.memoizedState = null); + state = changedParent; + var child = changedParent.child; + viewTransitionHostInstanceIdx = 0; + name = measureViewTransitionHostInstancesRecursive( + state, + child, + name, + name, + className, + previousMeasurements, + !1 + ); + 0 !== (changedParent.flags & 4) && + name && + (gesture || scheduleViewTransitionEvent(changedParent, props.onLayout)); } else 0 !== (changedParent.subtreeFlags & 33554432) && - measureNestedViewTransitions(changedParent); + measureNestedViewTransitions(changedParent, gesture); changedParent = changedParent.sibling; } } @@ -8300,7 +8387,7 @@ var offscreenSubtreeIsHidden = !1, needsFormReset = !1, PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set, nextEffect = null, - viewTransitionContextChanged = !1; + viewTransitionContextChanged$1 = !1; function commitBeforeMutationEffects(root, firstChild, committedLanes) { root = root.containerInfo; eventsEnabled = _enabled; @@ -8374,7 +8461,7 @@ function commitBeforeMutationEffects(root, firstChild, committedLanes) { _enabled = !1; committedLanes = (committedLanes & 335544064) === committedLanes; nextEffect = firstChild; - for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { + for (firstChild = committedLanes ? 9270 : 1028; null !== nextEffect; ) { root = nextEffect; if ( committedLanes && @@ -8491,11 +8578,7 @@ function commitBeforeMutationEffects_complete( case 17: break; case 30: - if ( - isViewTransitionEligible && - null !== current && - 0 !== (fiber.subtreeFlags & 8246) - ) + if (isViewTransitionEligible && null !== current) a: { isViewTransitionEligible = getViewTransitionName( current.memoizedProps, @@ -8515,7 +8598,6 @@ function commitBeforeMutationEffects_complete( "none" === instance) ) break a; - viewTransitionHostInstanceIdx = 0; applyViewTransitionToHostInstances( current.child, isViewTransitionEligible, @@ -8567,11 +8649,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { current, finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } catch (error$115) { + } catch (error$116) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$115 + error$116 ); } } @@ -9280,9 +9362,10 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { if (null === current) { lanes = root; try { - lanes.stateNode.nodeValue = hoistableRoot + (lanes.stateNode.nodeValue = hoistableRoot ? "" - : lanes.memoizedProps; + : lanes.memoizedProps), + (viewTransitionMutationContext = !0); } catch (error) { captureCommitPhaseError(lanes, lanes.return, error); } @@ -9368,20 +9451,20 @@ function commitReconciliationEffects(finishedWork) { insertOrAppendPlacementNode(finishedWork, before, parent); break; case 5: - var parent$117 = hostParentFiber.stateNode; + var parent$118 = hostParentFiber.stateNode; hostParentFiber.flags & 32 && - (setTextContent(parent$117, ""), (hostParentFiber.flags &= -33)); - var before$118 = getHostSibling(finishedWork); - insertOrAppendPlacementNode(finishedWork, before$118, parent$117); + (setTextContent(parent$118, ""), (hostParentFiber.flags &= -33)); + var before$119 = getHostSibling(finishedWork); + insertOrAppendPlacementNode(finishedWork, before$119, parent$118); break; case 3: case 4: - var parent$119 = hostParentFiber.stateNode.containerInfo, - before$120 = getHostSibling(finishedWork); + var parent$120 = hostParentFiber.stateNode.containerInfo, + before$121 = getHostSibling(finishedWork); insertOrAppendPlacementNodeIntoContainer( finishedWork, - before$120, - parent$119 + before$121, + parent$120 ); break; default: @@ -9404,65 +9487,33 @@ function recursivelyResetForms(parentFiber) { } } function recursivelyTraverseAfterMutationEffects(root, parentFiber) { - if (parentFiber.subtreeFlags & 9238) + if (parentFiber.subtreeFlags & 9270) for (parentFiber = parentFiber.child; null !== parentFiber; ) commitAfterMutationEffectsOnFiber(parentFiber, root), (parentFiber = parentFiber.sibling); - else measureNestedViewTransitions(parentFiber); + else measureNestedViewTransitions(parentFiber, !1); } function commitAfterMutationEffectsOnFiber(finishedWork, root) { var current = finishedWork.alternate; - if (null === current) commitEnterViewTransitions(finishedWork); + if (null === current) commitEnterViewTransitions(finishedWork, !1); else switch (finishedWork.tag) { case 3: - viewTransitionContextChanged = !1; - viewTransitionCancelableChildren = null; + viewTransitionContextChanged$1 = !1; + pushViewTransitionCancelableScope(); recursivelyTraverseAfterMutationEffects(root, finishedWork); - if (!viewTransitionContextChanged) { + if (!viewTransitionContextChanged$1) { finishedWork = viewTransitionCancelableChildren; - viewTransitionCancelableChildren = null; if (null !== finishedWork) - for (var i = 0; i < finishedWork.length; i += 3) { - var instance = finishedWork[i], - oldName = finishedWork[i + 1]; - restoreViewTransitionName(instance, finishedWork[i + 2]); - instance = instance.ownerDocument.documentElement; - null !== instance && - instance.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(" + oldName + ")" - } - ); - } - 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" - } - )); + for (var i = 0; i < finishedWork.length; i += 3) + cancelViewTransitionName( + finishedWork[i], + finishedWork[i + 1], + finishedWork[i + 2] + ); + cancelRootViewTransitionName(root.containerInfo); } + viewTransitionCancelableChildren = null; break; case 5: recursivelyTraverseAfterMutationEffects(root, finishedWork); @@ -9470,81 +9521,34 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { case 22: null === finishedWork.memoizedState && (null !== current.memoizedState - ? commitEnterViewTransitions(finishedWork) + ? commitEnterViewTransitions(finishedWork, !1) : recursivelyTraverseAfterMutationEffects(root, finishedWork)); break; case 30: - if (0 !== (finishedWork.subtreeFlags & 8246)) { - i = 0 !== (finishedWork.flags & 4); - oldName = viewTransitionContextChanged; - instance = viewTransitionCancelableChildren; - viewTransitionContextChanged = !1; - viewTransitionCancelableChildren = null; - recursivelyTraverseAfterMutationEffects(root, finishedWork); - viewTransitionContextChanged && (finishedWork.flags |= 4); - a: { - root = finishedWork.memoizedProps; - var updateClassName = getViewTransitionClassName( - root.className, - root.update - ), - layoutClassName = getViewTransitionClassName( - root.className, - root.layout - ); - if ("none" === updateClassName) { - if ("none" === layoutClassName) { - current = !1; - break a; - } - finishedWork.flags &= -5; - updateClassName = layoutClassName; - } else if (0 === (finishedWork.flags & 4)) { - if ("none" === layoutClassName) { - viewTransitionHostInstanceIdx = 0; - cancelViewTransitionHostInstances( - current, - finishedWork.child, - !0 - ); - current = !1; - break a; - } - updateClassName = layoutClassName; - } - layoutClassName = getViewTransitionName( - root, - finishedWork.stateNode - ); - viewTransitionHostInstanceIdx = 0; - root = current.memoizedState; - current = measureViewTransitionHostInstances( - current, + i = 0 !== (finishedWork.flags & 4); + var prevContextChanged = viewTransitionContextChanged$1, + prevCancelableChildren = pushViewTransitionCancelableScope(); + viewTransitionContextChanged$1 = !1; + recursivelyTraverseAfterMutationEffects(root, finishedWork); + viewTransitionContextChanged$1 && (finishedWork.flags |= 4); + root = measureUpdateViewTransition(current, finishedWork, !1); + 0 !== (finishedWork.flags & 4) && root + ? ((root = finishedWork.memoizedProps), + scheduleViewTransitionEvent( finishedWork, - finishedWork.child, - layoutClassName, - updateClassName, - root, - !0 - ); - viewTransitionHostInstanceIdx !== - (null === root ? 0 : root.length) && (finishedWork.flags |= 32); - } - 0 !== (finishedWork.flags & 4) && current - ? ((current = finishedWork.memoizedProps), - scheduleViewTransitionEvent( - finishedWork, - i || viewTransitionContextChanged - ? current.onUpdate - : current.onLayout - ), - (viewTransitionCancelableChildren = instance)) - : null !== instance && - (instance.push.apply(instance, viewTransitionCancelableChildren), - (viewTransitionCancelableChildren = instance)); - viewTransitionContextChanged = - 0 !== (finishedWork.flags & 32) ? !0 : oldName; - } + i || viewTransitionContextChanged$1 + ? root.onUpdate + : root.onLayout + ), + (viewTransitionCancelableChildren = prevCancelableChildren)) + : null !== prevCancelableChildren && + (prevCancelableChildren.push.apply( + prevCancelableChildren, + viewTransitionCancelableChildren + ), + (viewTransitionCancelableChildren = prevCancelableChildren)); + viewTransitionContextChanged$1 = + 0 !== (finishedWork.flags & 32) ? !0 : prevContextChanged; break; default: recursivelyTraverseAfterMutationEffects(root, finishedWork); @@ -9771,7 +9775,7 @@ function commitPassiveMountOnFiber( null === finishedWork.alternate && null !== finishedWork.return && null !== finishedWork.return.alternate && - restoreEnterViewTransitions(finishedWork); + restoreEnterOrExitViewTransitions(finishedWork); var flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -9859,7 +9863,7 @@ function commitPassiveMountOnFiber( ? (isViewTransitionEligible && null !== id && null === id.memoizedState && - restoreExitViewTransitions(id), + restoreEnterOrExitViewTransitions(id), _finishedWork$memoize2._visibility & 4 ? recursivelyTraversePassiveMountEffects( finishedRoot, @@ -9874,7 +9878,7 @@ function commitPassiveMountOnFiber( : (isViewTransitionEligible && null !== id && null !== id.memoizedState && - restoreEnterViewTransitions(finishedWork), + restoreEnterOrExitViewTransitions(finishedWork), _finishedWork$memoize2._visibility & 4 ? recursivelyTraversePassiveMountEffects( finishedRoot, @@ -9906,9 +9910,7 @@ function commitPassiveMountOnFiber( isViewTransitionEligible && ((isViewTransitionEligible = finishedWork.alternate), null !== isViewTransitionEligible && - 0 !== (finishedWork.subtreeFlags & 8246) && - ((finishedWork.memoizedState = null), - restoreViewTransitionOnHostInstances( + (restoreViewTransitionOnHostInstances( isViewTransitionEligible.child, !0 ), @@ -10365,6 +10367,13 @@ function createFiberFromTypeAndProps( : 5; else a: switch (type) { + case REACT_ACTIVITY_TYPE: + return ( + (type = createFiberImplClass(31, pendingProps, key, mode)), + (type.elementType = REACT_ACTIVITY_TYPE), + (type.lanes = lanes), + type + ); case REACT_FRAGMENT_TYPE: return createFiberFromFragment(pendingProps.children, mode, lanes, key); case REACT_STRICT_MODE_TYPE: @@ -10392,15 +10401,18 @@ function createFiberFromTypeAndProps( (type.lanes = lanes), type ); - case REACT_OFFSCREEN_TYPE: - return createFiberFromOffscreen(pendingProps, mode, lanes, key); case REACT_LEGACY_HIDDEN_TYPE: case REACT_VIEW_TRANSITION_TYPE: return ( (type = createFiberImplClass(30, pendingProps, key, mode)), (type.elementType = REACT_VIEW_TRANSITION_TYPE), (type.lanes = lanes), - (type.stateNode = { autoName: null, paired: null, ref: null }), + (type.stateNode = { + autoName: null, + paired: null, + clones: null, + ref: null + }), type ); default: @@ -10443,7 +10455,6 @@ function createFiberFromFragment(elements, mode, lanes, key) { } function createFiberFromOffscreen(pendingProps, mode, lanes, key) { pendingProps = createFiberImplClass(22, pendingProps, key, mode); - pendingProps.elementType = REACT_OFFSCREEN_TYPE; pendingProps.lanes = lanes; var primaryChildInstance = { _visibility: 1, @@ -10748,14 +10759,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) { break; case "collapsed": lastTailNode = renderState.tail; - for (var lastTailNode$138 = null; null !== lastTailNode; ) - null !== lastTailNode.alternate && (lastTailNode$138 = lastTailNode), + for (var lastTailNode$139 = null; null !== lastTailNode; ) + null !== lastTailNode.alternate && (lastTailNode$139 = lastTailNode), (lastTailNode = lastTailNode.sibling); - null === lastTailNode$138 + null === lastTailNode$139 ? hasRenderedATailFallback || null === renderState.tail ? (renderState.tail = null) : (renderState.tail.sibling = null) - : (lastTailNode$138.sibling = null); + : (lastTailNode$139.sibling = null); } } function bubbleProperties(completedWork) { @@ -10765,19 +10776,19 @@ function bubbleProperties(completedWork) { newChildLanes = 0, subtreeFlags = 0; if (didBailout) - for (var child$139 = completedWork.child; null !== child$139; ) - (newChildLanes |= child$139.lanes | child$139.childLanes), - (subtreeFlags |= child$139.subtreeFlags & 65011712), - (subtreeFlags |= child$139.flags & 65011712), - (child$139.return = completedWork), - (child$139 = child$139.sibling); + for (var child$140 = completedWork.child; null !== child$140; ) + (newChildLanes |= child$140.lanes | child$140.childLanes), + (subtreeFlags |= child$140.subtreeFlags & 65011712), + (subtreeFlags |= child$140.flags & 65011712), + (child$140.return = completedWork), + (child$140 = child$140.sibling); else - for (child$139 = completedWork.child; null !== child$139; ) - (newChildLanes |= child$139.lanes | child$139.childLanes), - (subtreeFlags |= child$139.subtreeFlags), - (subtreeFlags |= child$139.flags), - (child$139.return = completedWork), - (child$139 = child$139.sibling); + for (child$140 = completedWork.child; null !== child$140; ) + (newChildLanes |= child$140.lanes | child$140.childLanes), + (subtreeFlags |= child$140.subtreeFlags), + (subtreeFlags |= child$140.flags), + (child$140.return = completedWork), + (child$140 = child$140.sibling); completedWork.subtreeFlags |= subtreeFlags; completedWork.childLanes = newChildLanes; return didBailout; @@ -10786,6 +10797,7 @@ function completeWork(current, workInProgress, renderLanes) { var newProps = workInProgress.pendingProps; popTreeContext(workInProgress); switch (workInProgress.tag) { + case 31: case 16: case 15: case 0: @@ -11058,11 +11070,11 @@ function completeWork(current, workInProgress, renderLanes) { null !== newProps.alternate.memoizedState && null !== newProps.alternate.memoizedState.cachePool && (type = newProps.alternate.memoizedState.cachePool.pool); - var cache$152 = null; + var cache$153 = null; null !== newProps.memoizedState && null !== newProps.memoizedState.cachePool && - (cache$152 = newProps.memoizedState.cachePool.pool); - cache$152 !== type && (newProps.flags |= 2048); + (cache$153 = newProps.memoizedState.cachePool.pool); + cache$153 !== type && (newProps.flags |= 2048); } renderLanes !== current && renderLanes && @@ -11087,8 +11099,8 @@ function completeWork(current, workInProgress, renderLanes) { type = workInProgress.memoizedState; if (null === type) return bubbleProperties(workInProgress), null; newProps = 0 !== (workInProgress.flags & 128); - cache$152 = type.rendering; - if (null === cache$152) + cache$153 = type.rendering; + if (null === cache$153) if (newProps) cutOffTailIfNeeded(type, !1); else { if ( @@ -11096,11 +11108,11 @@ function completeWork(current, workInProgress, renderLanes) { (null !== current && 0 !== (current.flags & 128)) ) for (current = workInProgress.child; null !== current; ) { - cache$152 = findFirstSuspended(current); - if (null !== cache$152) { + cache$153 = findFirstSuspended(current); + if (null !== cache$153) { workInProgress.flags |= 128; cutOffTailIfNeeded(type, !1); - current = cache$152.updateQueue; + current = cache$153.updateQueue; workInProgress.updateQueue = current; scheduleRetryEffect(workInProgress, current); workInProgress.subtreeFlags = 0; @@ -11125,7 +11137,7 @@ function completeWork(current, workInProgress, renderLanes) { } else { if (!newProps) - if (((current = findFirstSuspended(cache$152)), null !== current)) { + if (((current = findFirstSuspended(cache$153)), null !== current)) { if ( ((workInProgress.flags |= 128), (newProps = !0), @@ -11135,7 +11147,7 @@ function completeWork(current, workInProgress, renderLanes) { cutOffTailIfNeeded(type, !0), null === type.tail && "hidden" === type.tailMode && - !cache$152.alternate && + !cache$153.alternate && !isHydrating) ) return bubbleProperties(workInProgress), null; @@ -11148,13 +11160,13 @@ function completeWork(current, workInProgress, renderLanes) { cutOffTailIfNeeded(type, !1), (workInProgress.lanes = 4194304)); type.isBackwards - ? ((cache$152.sibling = workInProgress.child), - (workInProgress.child = cache$152)) + ? ((cache$153.sibling = workInProgress.child), + (workInProgress.child = cache$153)) : ((current = type.last), null !== current - ? (current.sibling = cache$152) - : (workInProgress.child = cache$152), - (type.last = cache$152)); + ? (current.sibling = cache$153) + : (workInProgress.child = cache$153), + (type.last = cache$153)); } if (null !== type.tail) return ( @@ -11316,122 +11328,545 @@ function unwindInterruptedWork(current, interruptedWork) { popProvider(CacheContext); } } -var unhideHostChildren = !1; -function recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone) { +var viewTransitionContextChanged = !1; +function applyViewTransitionToClones(name, className, clones) { + for (var i = 0; i < clones.length; i++) + applyViewTransitionName( + clones[i], + 0 === i ? name : name + "_" + i, + className + ); +} +function trackDeletedPairViewTransitions(deletion) { + if ( + null !== appearingViewTransitions && + 0 !== appearingViewTransitions.size + ) { + var pairs = appearingViewTransitions; + if (0 !== (deletion.subtreeFlags & 18874368)) + for (deletion = deletion.child; null !== deletion; ) { + if (22 !== deletion.tag || null !== deletion.memoizedState) { + if (30 === deletion.tag && 0 !== (deletion.flags & 18874368)) { + var props = deletion.memoizedProps, + name = props.name; + if (null != name && "auto" !== name) { + var pair = pairs.get(name); + if (void 0 !== pair) { + pairs.delete(name); + props = getViewTransitionClassName( + props.className, + props.share + ); + if ("none" !== props) { + var newInstance = deletion.stateNode; + pair.paired = newInstance; + newInstance.paired = pair; + pair = pair.clones; + null !== pair && + applyViewTransitionToClones(name, props, pair); + } + if (0 === pairs.size) break; + } + } + } + trackDeletedPairViewTransitions(deletion); + } + deletion = deletion.sibling; + } + } +} +function trackEnterViewTransitions(deletion) { + if (30 === deletion.tag) { + var props = deletion.memoizedProps, + name = getViewTransitionName(props, deletion.stateNode), + pair = + null !== appearingViewTransitions + ? appearingViewTransitions.get(name) + : void 0; + props = getViewTransitionClassName( + props.className, + void 0 !== pair ? props.share : props.enter + ); + if ("none" !== props && void 0 !== pair) { + appearingViewTransitions.delete(name); + var newInstance = deletion.stateNode; + pair.paired = newInstance; + newInstance.paired = pair; + pair = pair.clones; + null !== pair && applyViewTransitionToClones(name, props, pair); + } + trackDeletedPairViewTransitions(deletion); + } else if (0 !== (deletion.subtreeFlags & 33554432)) + for (deletion = deletion.child; null !== deletion; ) + trackEnterViewTransitions(deletion), (deletion = deletion.sibling); + else trackDeletedPairViewTransitions(deletion); +} +function applyAppearingPairViewTransition(child) { + if (0 !== (child.flags & 18874368)) { + var state = child.stateNode; + if (state.paired) { + var props = child.memoizedProps; + if (null == props.name || "auto" === props.name) + throw Error(formatProdErrorMessage(544)); + child = props.name; + props = getViewTransitionClassName(props.className, props.share); + "none" !== props && + ((state = state.clones), + null !== state && applyViewTransitionToClones(child, props, state)); + } + } +} +function applyExitViewTransition(placement) { + var state = placement.stateNode, + props = placement.memoizedProps; + placement = getViewTransitionName(props, state); + props = getViewTransitionClassName( + props.className, + state.paired ? props.share : props.exit + ); + "none" !== props && + ((state = state.clones), + null !== state && applyViewTransitionToClones(placement, props, state)); +} +function recursivelyInsertNew( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase +) { + if ( + 7 !== visitPhase || + null !== parentViewTransition || + 0 !== (parentFiber.subtreeFlags & 18874368) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) + recursivelyInsertNewFiber( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase + ), + (parentFiber = parentFiber.sibling); +} +function recursivelyInsertNewFiber( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase +) { + switch (finishedWork.tag) { + case 26: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + break; + case 27: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + break; + case 5: + var instance = finishedWork.stateNode; + 7 !== visitPhase + ? (appendChild(hostParentClone, instance), + (viewTransitionMutationContext = !0), + recursivelyInsertNew(finishedWork, instance, null, 7)) + : recursivelyInsertNew(finishedWork, instance, null, visitPhase); + null !== parentViewTransition && + (null === parentViewTransition.clones + ? (parentViewTransition.clones = [instance]) + : parentViewTransition.clones.push(instance)); + break; + case 6: + finishedWork = finishedWork.stateNode; + if (null === finishedWork) throw Error(formatProdErrorMessage(162)); + 7 !== visitPhase && + (appendChild(hostParentClone, finishedWork), + (viewTransitionMutationContext = !0)); + break; + case 4: + break; + case 22: + null === finishedWork.memoizedState && + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + break; + case 30: + parentViewTransition = pushMutationContext(); + instance = finishedWork.stateNode; + instance.clones = null; + recursivelyInsertNew( + finishedWork, + hostParentClone, + instance, + 5 === visitPhase ? 6 : visitPhase + ); + 5 === visitPhase + ? applyExitViewTransition(finishedWork) + : (7 === visitPhase || 6 === visitPhase) && + applyAppearingPairViewTransition(finishedWork); + viewTransitionMutationContext = parentViewTransition; + break; + default: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + } +} +function recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase +) { for (parentFiber = parentFiber.child; null !== parentFiber; ) { switch (parentFiber.tag) { case 5: - var clone = parentFiber.stateNode.cloneNode(!0); - appendChild(hostParentClone, clone); - unhideHostChildren && unhideInstance(clone, parentFiber.memoizedProps); + var instance = parentFiber.stateNode; + switch (visitPhase) { + case 1: + case 2: + case 3: + var nextPhase = 0 !== (parentFiber.subtreeFlags & 18874368) ? 3 : 4; + break; + default: + nextPhase = 4; + } + 4 !== nextPhase + ? ((instance = instance.cloneNode(!1)), + recursivelyInsertClonesFromExistingTree( + parentFiber, + instance, + null, + nextPhase + )) + : (instance = instance.cloneNode(!0)); + appendChild(hostParentClone, instance); + null !== parentViewTransition && + (null === parentViewTransition.clones + ? (parentViewTransition.clones = [instance]) + : parentViewTransition.clones.push(instance)); + if (1 === visitPhase || 2 === visitPhase) + unhideInstance(instance, parentFiber.memoizedProps), + (viewTransitionMutationContext = !0); break; case 6: - clone = parentFiber.stateNode; - if (null === clone) throw Error(formatProdErrorMessage(162)); - clone = clone.cloneNode(!1); - appendChild(hostParentClone, clone); - unhideHostChildren && (clone.nodeValue = parentFiber.memoizedProps); + nextPhase = parentFiber.stateNode; + if (null === nextPhase) throw Error(formatProdErrorMessage(162)); + nextPhase = nextPhase.cloneNode(!1); + appendChild(hostParentClone, nextPhase); + if (1 === visitPhase || 2 === visitPhase) + (nextPhase.nodeValue = parentFiber.memoizedProps), + (viewTransitionMutationContext = !0); break; case 4: break; case 22: null === parentFiber.memoizedState && - recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase + ); break; case 30: - clone = pushMutationContext(); - recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); - viewTransitionMutationContext = clone; + nextPhase = pushMutationContext(); + instance = parentFiber.stateNode; + instance.clones = null; + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone, + instance, + 1 === visitPhase ? 2 : 0 === visitPhase ? 4 : visitPhase + ); + if (1 === visitPhase) applyExitViewTransition(parentFiber); + else if (3 === visitPhase || 2 === visitPhase) + applyAppearingPairViewTransition(parentFiber); + else if (0 === visitPhase) { + var state = parentFiber.stateNode, + props = parentFiber.memoizedProps; + instance = getViewTransitionName(props, state); + props = getViewTransitionClassName(props.className, props.layout); + "none" !== props && + ((state = state.clones), + null !== state && + applyViewTransitionToClones(instance, props, state)); + } + viewTransitionMutationContext = nextPhase; break; default: - recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase + ); } parentFiber = parentFiber.sibling; } } -function recursivelyInsertClones(parentFiber, hostParentClone$jscomp$0) { +function recursivelyInsertClones( + parentFiber, + hostParentClone, + parentViewTransition$jscomp$0, + visitPhase$jscomp$0 +) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + trackEnterViewTransitions(deletions[i]), + (viewTransitionMutationContext = !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) appendChild(hostParentClone, clone); - else { - null === finishedWork.child + deletions = parentFiber; + i = hostParentClone; + var parentViewTransition = parentViewTransition$jscomp$0, + visitPhase = visitPhase$jscomp$0; + var nextPhase = deletions.alternate; + if (null === nextPhase) + recursivelyInsertNewFiber(deletions, i, parentViewTransition, 5); + else { + var nextPhase$171 = deletions.flags; + switch (deletions.tag) { + case 26: + recursivelyInsertClones( + deletions, + i, + parentViewTransition, + visitPhase + ); + break; + case 27: + recursivelyInsertClones( + deletions, + i, + parentViewTransition, + visitPhase + ); + break; + case 5: + var clone = deletions.stateNode; + null === deletions.child ? ((clone = clone.cloneNode(!0)), - finishedWork.flags & 32 && setTextContent(clone, "")) + deletions.flags & 32 && + (setTextContent(clone, ""), + (viewTransitionMutationContext = !0))) : (clone = clone.cloneNode(!1)); - if (flags & 4) { - flags = clone; - var newProps = finishedWork.memoizedProps; + if (nextPhase$171 & 4) { + nextPhase$171 = clone; + var newProps = deletions.memoizedProps; updateProperties( - flags, - finishedWork.type, - current.memoizedProps, + nextPhase$171, + deletions.type, + nextPhase.memoizedProps, newProps ); - flags[internalPropsKey] = newProps; + nextPhase$171[internalPropsKey] = newProps; } - unhideHostChildren - ? ((unhideHostChildren = !1), - recursivelyInsertClones(finishedWork, clone), - appendChild(hostParentClone, clone), - (unhideHostChildren = !0), - unhideInstance(clone, finishedWork.memoizedProps)) - : (recursivelyInsertClones(finishedWork, clone), - appendChild(hostParentClone, clone)); - } - break; - case 6: - clone = finishedWork.stateNode; - if (null === clone) throw Error(formatProdErrorMessage(162)); - null === current - ? appendChild(hostParentClone, clone) - : ((clone = clone.cloneNode(!1)), - flags & 4 && (clone.nodeValue = current.memoizedProps), - appendChild(hostParentClone, 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); + 1 === visitPhase || 2 === visitPhase + ? (recursivelyInsertClones(deletions, clone, null, 3), + appendChild(i, clone), + unhideInstance(clone, deletions.memoizedProps), + (viewTransitionMutationContext = !0)) + : (recursivelyInsertClones(deletions, clone, null, visitPhase), + appendChild(i, clone)); + null !== parentViewTransition && + (null === parentViewTransition.clones + ? (parentViewTransition.clones = [clone]) + : parentViewTransition.clones.push(clone)); + break; + case 6: + parentViewTransition = deletions.stateNode; + if (null === parentViewTransition) + throw Error(formatProdErrorMessage(162)); + parentViewTransition = parentViewTransition.cloneNode(!1); + nextPhase$171 & 4 && + ((parentViewTransition.nodeValue = nextPhase.memoizedProps), + (viewTransitionMutationContext = !0)); + appendChild(i, parentViewTransition); + if (1 === visitPhase || 2 === visitPhase) + (parentViewTransition.nodeValue = deletions.memoizedProps), + (viewTransitionMutationContext = !0); + break; + case 4: + break; + case 22: + null === deletions.memoizedState + ? ((nextPhase = + 0 === visitPhase && 0 !== (nextPhase$171 & 8192) + ? 1 + : visitPhase), + recursivelyInsertClones( + deletions, + i, + parentViewTransition, + nextPhase + )) + : null !== nextPhase && + null === nextPhase.memoizedState && + (trackEnterViewTransitions(nextPhase), + (viewTransitionMutationContext = !0)); + break; + case 30: + parentViewTransition = pushMutationContext(); + clone = deletions.stateNode; + clone.clones = null; + nextPhase$171 = 1 === visitPhase ? 2 : visitPhase; + recursivelyInsertClones(deletions, i, clone, nextPhase$171); + viewTransitionMutationContext && (deletions.flags |= 4); + if (1 === visitPhase) applyExitViewTransition(deletions); + else if (3 === visitPhase || 2 === visitPhase) + applyAppearingPairViewTransition(deletions); + else if (0 === visitPhase) + b: { + i = deletions.stateNode; + nextPhase = nextPhase.memoizedProps; + deletions = getViewTransitionName(deletions.memoizedProps, i); + visitPhase = getViewTransitionClassName( + nextPhase.className, + nextPhase.update + ); + if ( + "none" === visitPhase && + ((visitPhase = getViewTransitionClassName( + nextPhase.className, + nextPhase.layout + )), + "none" === visitPhase) + ) + break b; + i = i.clones; + null !== i && + applyViewTransitionToClones(deletions, visitPhase, i); + } + viewTransitionMutationContext = parentViewTransition; + break; + default: + recursivelyInsertClones( + deletions, + i, + parentViewTransition, + visitPhase + ); + } } parentFiber = parentFiber.sibling; } else recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone$jscomp$0 + hostParentClone, + parentViewTransition$jscomp$0, + visitPhase$jscomp$0 ); } +function recursivelyApplyViewTransitions(parentFiber) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + commitEnterViewTransitions(deletions[i], !0); + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + deletions = parentFiber; + i = deletions.alternate; + if (null !== i) { + var flags = deletions.flags; + switch (deletions.tag) { + case 4: + break; + case 22: + flags & 8192 && + null !== deletions.memoizedState && + null !== i && + null === i.memoizedState && + commitEnterViewTransitions(i, !0); + break; + case 30: + flags = viewTransitionContextChanged; + var prevCancelableChildren = pushViewTransitionCancelableScope(); + viewTransitionContextChanged = !1; + recursivelyApplyViewTransitions(deletions); + viewTransitionContextChanged && (deletions.flags |= 4); + i = measureUpdateViewTransition(i, deletions, !0); + 0 !== (deletions.flags & 4) && i + ? (viewTransitionCancelableChildren = prevCancelableChildren) + : null !== prevCancelableChildren && + (prevCancelableChildren.push.apply( + prevCancelableChildren, + viewTransitionCancelableChildren + ), + (viewTransitionCancelableChildren = prevCancelableChildren)); + viewTransitionContextChanged = + 0 !== (deletions.flags & 32) ? !0 : flags; + deletions.stateNode.clones = null; + break; + default: + recursivelyApplyViewTransitions(deletions); + } + } + parentFiber = parentFiber.sibling; + } + else measureNestedViewTransitions(parentFiber, !0); +} +function recursivelyRestoreViewTransitions(parentFiber) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + restoreEnterOrExitViewTransitions(deletions[i]); + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) + restoreViewTransitionsOnFiber(parentFiber), + (parentFiber = parentFiber.sibling); + else restoreNestedViewTransitions(parentFiber); +} +function restoreViewTransitionsOnFiber(finishedWork) { + var current = finishedWork.alternate; + if (null === current) restoreEnterOrExitViewTransitions(finishedWork); + else { + var flags = finishedWork.flags; + switch (finishedWork.tag) { + case 4: + break; + case 22: + flags & 8192 && + (null === finishedWork.memoizedState + ? restoreEnterOrExitViewTransitions(finishedWork) + : null !== current && + null === current.memoizedState && + restoreEnterOrExitViewTransitions(current)); + break; + case 30: + restoreViewTransitionOnHostInstances(current.child, !0); + recursivelyRestoreViewTransitions(finishedWork); + break; + default: + recursivelyRestoreViewTransitions(finishedWork); + } + } +} var DefaultAsyncDispatcher = { getCacheForType: function (resourceType) { var cache = readContext(CacheContext), @@ -12011,8 +12446,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) { workLoopSync(); exitStatus = workInProgressRootExitStatus; break; - } catch (thrownValue$173) { - handleThrow(root, thrownValue$173); + } catch (thrownValue$176) { + handleThrow(root, thrownValue$176); } while (1); lanes && root.shellSuspendCounter++; @@ -12127,8 +12562,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrentByScheduler(); break; - } catch (thrownValue$175) { - handleThrow(root, thrownValue$175); + } catch (thrownValue$178) { + handleThrow(root, thrownValue$178); } while (1); lastContextDependency = currentlyRenderingFiber$1 = null; @@ -12633,7 +13068,6 @@ function commitGestureOnRoot(root, finishedWork) { var prevExecutionContext = executionContext; executionContext |= 4; try { - unhideHostChildren = !1; var rootContainer = root.containerInfo, documentElement = 9 === rootContainer.nodeType @@ -12716,26 +13150,26 @@ function commitGestureOnRoot(root, finishedWork) { } var rotate = computedStyle.rotate; if ("none" !== rotate && "" !== rotate) { - var parts$250 = rotate.split(" "); + var parts$253 = rotate.split(" "); transform = - 1 === parts$250.length - ? "rotate(" + parts$250[0] + ") " + transform - : 2 === parts$250.length + 1 === parts$253.length + ? "rotate(" + parts$253[0] + ") " + transform + : 2 === parts$253.length ? "rotate" + - parts$250[0].toUpperCase() + + parts$253[0].toUpperCase() + "(" + - parts$250[1] + + parts$253[1] + ") " + transform - : "rotate3d(" + parts$250.join(", ") + ") " + transform; + : "rotate3d(" + parts$253.join(", ") + ") " + transform; } var translate = computedStyle.translate; if ("none" !== translate && "" !== translate) { - var parts$251 = translate.split(" "); + var parts$254 = translate.split(" "); transform = - (3 === parts$251.length ? "translate3d" : "translate") + + (3 === parts$254.length ? "translate3d" : "translate") + "(" + - parts$251.join(", ") + + parts$254.join(", ") + ") " + transform; } @@ -12750,7 +13184,7 @@ function commitGestureOnRoot(root, finishedWork) { containerInstance.nextSibling ); root.gestureClone = clone; - recursivelyInsertClones(finishedWork, clone); + recursivelyInsertClones(finishedWork, clone, null, 0); } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -12776,6 +13210,7 @@ function flushGestureMutations() { if (6 === pendingEffectsStatus) { pendingEffectsStatus = 0; var root = pendingEffectsRoot, + finishedWork = pendingFinishedWork, prevTransition = ReactSharedInternals.T; ReactSharedInternals.T = null; var previousPriority = ReactDOMSharedInternals.p; @@ -12783,6 +13218,9 @@ function flushGestureMutations() { var prevExecutionContext = executionContext; executionContext |= 4; try { + viewTransitionContextChanged = !1; + pushViewTransitionCancelableScope(); + recursivelyApplyViewTransitions(finishedWork); var rootClone = root.gestureClone; if (null !== rootClone) { root.gestureClone = null; @@ -12798,6 +13236,19 @@ function flushGestureMutations() { containerParent.removeChild(rootClone); containerInstance.style.viewTransitionName = "root"; } + if (!viewTransitionContextChanged) { + finishedWork = viewTransitionCancelableChildren; + if (null !== finishedWork) + for (rootClone = 0; rootClone < finishedWork.length; rootClone += 3) + cancelViewTransitionName( + finishedWork[rootClone], + finishedWork[rootClone + 1], + finishedWork[rootClone + 2] + ); + restoreRootViewTransitionName(root.containerInfo); + cancelRootViewTransitionName(root.containerInfo); + } + viewTransitionCancelableChildren = null; } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -12810,7 +13261,8 @@ function flushGestureAnimations() { flushGestureMutations(); if (7 === pendingEffectsStatus) { pendingEffectsStatus = 0; - var root = pendingEffectsRoot; + var root = pendingEffectsRoot, + finishedWork = pendingFinishedWork; pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; var prevTransition = ReactSharedInternals.T; @@ -12820,7 +13272,8 @@ function flushGestureAnimations() { var prevExecutionContext = executionContext; executionContext |= 4; try { - restoreRootViewTransitionName(root.containerInfo); + restoreViewTransitionsOnFiber(finishedWork), + restoreRootViewTransitionName(root.containerInfo); } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -13024,14 +13477,14 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { isFlushingWork = !0; do { var didPerformSomeWork = !1; - for (var root$181 = firstScheduledRoot; null !== root$181; ) { + for (var root$184 = firstScheduledRoot; null !== root$184; ) { if (!onlyLegacy) if (0 !== syncTransitionLanes) { - var pendingLanes = root$181.pendingLanes; + var pendingLanes = root$184.pendingLanes; if (0 === pendingLanes) var JSCompiler_inline_result = 0; else { - var suspendedLanes = root$181.suspendedLanes, - pingedLanes = root$181.pingedLanes; + var suspendedLanes = root$184.suspendedLanes, + pingedLanes = root$184.pingedLanes; JSCompiler_inline_result = (1 << (31 - clz32(42 | syncTransitionLanes) + 1)) - 1; JSCompiler_inline_result &= @@ -13045,21 +13498,21 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { } 0 !== JSCompiler_inline_result && ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$181, JSCompiler_inline_result)); + performSyncWorkOnRoot(root$184, JSCompiler_inline_result)); } else (JSCompiler_inline_result = workInProgressRootRenderLanes), (JSCompiler_inline_result = getNextLanes( - root$181, - root$181 === workInProgressRoot ? JSCompiler_inline_result : 0, - null !== root$181.cancelPendingCommit || - -1 !== root$181.timeoutHandle + root$184, + root$184 === workInProgressRoot ? JSCompiler_inline_result : 0, + null !== root$184.cancelPendingCommit || + -1 !== root$184.timeoutHandle )), (0 === (JSCompiler_inline_result & 3) && 64 !== JSCompiler_inline_result) || - checkIfRootIsPrerendering(root$181, JSCompiler_inline_result) || + checkIfRootIsPrerendering(root$184, JSCompiler_inline_result) || ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$181, JSCompiler_inline_result)); - root$181 = root$181.next; + performSyncWorkOnRoot(root$184, JSCompiler_inline_result)); + root$184 = root$184.next; } } while (didPerformSomeWork); isFlushingWork = !1; @@ -13335,20 +13788,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) { (nativeEventTarget[internalScrollTimer] = targetInst)); } for ( - var i$jscomp$inline_1644 = 0; - i$jscomp$inline_1644 < simpleEventPluginEvents.length; - i$jscomp$inline_1644++ + var i$jscomp$inline_1689 = 0; + i$jscomp$inline_1689 < simpleEventPluginEvents.length; + i$jscomp$inline_1689++ ) { - var eventName$jscomp$inline_1645 = - simpleEventPluginEvents[i$jscomp$inline_1644], - domEventName$jscomp$inline_1646 = - eventName$jscomp$inline_1645.toLowerCase(), - capitalizedEvent$jscomp$inline_1647 = - eventName$jscomp$inline_1645[0].toUpperCase() + - eventName$jscomp$inline_1645.slice(1); + var eventName$jscomp$inline_1690 = + simpleEventPluginEvents[i$jscomp$inline_1689], + domEventName$jscomp$inline_1691 = + eventName$jscomp$inline_1690.toLowerCase(), + capitalizedEvent$jscomp$inline_1692 = + eventName$jscomp$inline_1690[0].toUpperCase() + + eventName$jscomp$inline_1690.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1646, - "on" + capitalizedEvent$jscomp$inline_1647 + domEventName$jscomp$inline_1691, + "on" + capitalizedEvent$jscomp$inline_1692 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -14596,34 +15049,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$195 = props[hasSrc]; - if (null != propValue$195) + var propValue$198 = props[hasSrc]; + if (null != propValue$198) switch (hasSrc) { case "name": - hasSrcSet = propValue$195; + hasSrcSet = propValue$198; break; case "type": - propValue = propValue$195; + propValue = propValue$198; break; case "checked": - checked = propValue$195; + checked = propValue$198; break; case "defaultChecked": - defaultChecked = propValue$195; + defaultChecked = propValue$198; break; case "value": - propKey = propValue$195; + propKey = propValue$198; break; case "defaultValue": - defaultValue = propValue$195; + defaultValue = propValue$198; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$195) + if (null != propValue$198) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$195, props, null); + setProp(domElement, tag, hasSrc, propValue$198, props, null); } } initInput( @@ -14762,14 +15215,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$195 in props) - props.hasOwnProperty(propValue$195) && - ((hasSrc = props[propValue$195]), + for (propValue$198 in props) + props.hasOwnProperty(propValue$198) && + ((hasSrc = props[propValue$198]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$195, + propValue$198, hasSrc, props, void 0 @@ -14817,14 +15270,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$212 in nextProps) { - var propKey = nextProps[propKey$212]; - lastProp = lastProps[propKey$212]; + for (var propKey$215 in nextProps) { + var propKey = nextProps[propKey$215]; + lastProp = lastProps[propKey$215]; if ( - nextProps.hasOwnProperty(propKey$212) && + nextProps.hasOwnProperty(propKey$215) && (null != propKey || null != lastProp) ) - switch (propKey$212) { + switch (propKey$215) { case "type": propKey !== lastProp && (viewTransitionMutationContext = !0); type = propKey; @@ -14859,7 +15312,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$212, + propKey$215, propKey, nextProps, lastProp @@ -14878,7 +15331,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$212 = null; + propKey = value = defaultValue = propKey$215 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -14910,7 +15363,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (name) { case "value": type !== lastDefaultValue && (viewTransitionMutationContext = !0); - propKey$212 = type; + propKey$215 = type; break; case "defaultValue": type !== lastDefaultValue && (viewTransitionMutationContext = !0); @@ -14933,15 +15386,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$212 - ? updateOptions(domElement, !!lastProps, propKey$212, !1) + null != propKey$215 + ? updateOptions(domElement, !!lastProps, propKey$215, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$212 = null; + propKey = propKey$215 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -14966,7 +15419,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (value) { case "value": name !== type && (viewTransitionMutationContext = !0); - propKey$212 = name; + propKey$215 = name; break; case "defaultValue": name !== type && (viewTransitionMutationContext = !0); @@ -14981,17 +15434,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$212, propKey); + updateTextarea(domElement, propKey$215, propKey); return; case "option": - for (var propKey$228 in lastProps) + for (var propKey$231 in lastProps) if ( - ((propKey$212 = lastProps[propKey$228]), - lastProps.hasOwnProperty(propKey$228) && - null != propKey$212 && - !nextProps.hasOwnProperty(propKey$228)) + ((propKey$215 = lastProps[propKey$231]), + lastProps.hasOwnProperty(propKey$231) && + null != propKey$215 && + !nextProps.hasOwnProperty(propKey$231)) ) - switch (propKey$228) { + switch (propKey$231) { case "selected": domElement.selected = !1; break; @@ -14999,34 +15452,34 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$228, + propKey$231, null, nextProps, - propKey$212 + propKey$215 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$212 = nextProps[lastDefaultValue]), + ((propKey$215 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$212 !== propKey && - (null != propKey$212 || null != propKey)) + propKey$215 !== propKey && + (null != propKey$215 || null != propKey)) ) switch (lastDefaultValue) { case "selected": - propKey$212 !== propKey && (viewTransitionMutationContext = !0); + propKey$215 !== propKey && (viewTransitionMutationContext = !0); domElement.selected = - propKey$212 && - "function" !== typeof propKey$212 && - "symbol" !== typeof propKey$212; + propKey$215 && + "function" !== typeof propKey$215 && + "symbol" !== typeof propKey$215; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$212, + propKey$215, nextProps, propKey ); @@ -15047,24 +15500,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - 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 (var propKey$236 in lastProps) + (propKey$215 = lastProps[propKey$236]), + lastProps.hasOwnProperty(propKey$236) && + null != propKey$215 && + !nextProps.hasOwnProperty(propKey$236) && + setProp(domElement, tag, propKey$236, null, nextProps, propKey$215); for (checked in nextProps) if ( - ((propKey$212 = nextProps[checked]), + ((propKey$215 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$212 !== propKey && - (null != propKey$212 || null != propKey)) + propKey$215 !== propKey && + (null != propKey$215 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$212) + if (null != propKey$215) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -15072,7 +15525,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$212, + propKey$215, nextProps, propKey ); @@ -15080,49 +15533,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$238 in lastProps) - (propKey$212 = lastProps[propKey$238]), - lastProps.hasOwnProperty(propKey$238) && - void 0 !== propKey$212 && - !nextProps.hasOwnProperty(propKey$238) && + for (var propKey$241 in lastProps) + (propKey$215 = lastProps[propKey$241]), + lastProps.hasOwnProperty(propKey$241) && + void 0 !== propKey$215 && + !nextProps.hasOwnProperty(propKey$241) && setPropOnCustomElement( domElement, tag, - propKey$238, + propKey$241, void 0, nextProps, - propKey$212 + propKey$215 ); for (defaultChecked in nextProps) - (propKey$212 = nextProps[defaultChecked]), + (propKey$215 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$212 === propKey || - (void 0 === propKey$212 && void 0 === propKey) || + propKey$215 === propKey || + (void 0 === propKey$215 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$212, + propKey$215, nextProps, propKey ); return; } } - 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 (var propKey$246 in lastProps) + (propKey$215 = lastProps[propKey$246]), + lastProps.hasOwnProperty(propKey$246) && + null != propKey$215 && + !nextProps.hasOwnProperty(propKey$246) && + setProp(domElement, tag, propKey$246, null, nextProps, propKey$215); for (lastProp in nextProps) - (propKey$212 = nextProps[lastProp]), + (propKey$215 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$212 === propKey || - (null == propKey$212 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$212, nextProps, propKey); + propKey$215 === propKey || + (null == propKey$215 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$215, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -15268,6 +15721,10 @@ function unhideInstance(instance, props) { instance.style.display = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } +function applyViewTransitionName(instance, name, className) { + instance.style.viewTransitionName = name; + null != className && (instance.style.viewTransitionClass = className); +} function restoreViewTransitionName(instance, props) { props = props.style; var viewTransitionName = @@ -15293,6 +15750,40 @@ function restoreViewTransitionName(instance, props) { instance.style.viewTransitionClass = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } +function cancelViewTransitionName(instance, oldName, props) { + restoreViewTransitionName(instance, props); + instance = instance.ownerDocument.documentElement; + null !== instance && + instance.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(" + oldName + ")" + } + ); +} +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 @@ -15307,27 +15798,43 @@ function restoreRootViewTransitionName(rootContainer) { "none" === rootContainer.style.viewTransitionName && (rootContainer.style.viewTransitionName = ""); } -function measureInstance(instance) { - var ownerWindow = instance.ownerDocument.defaultView, - rect = instance.getBoundingClientRect(); - instance = getComputedStyle(instance); +function createMeasurement(rect, computedStyle, element) { + element = element.ownerDocument.defaultView; return { rect: rect, - abs: "absolute" === instance.position || "fixed" === instance.position, + abs: + "absolute" === computedStyle.position || + "fixed" === computedStyle.position, clip: - "none" !== instance.clipPath || - "visible" !== instance.overflow || - "none" !== instance.filter || - "none" !== instance.mask || - "none" !== instance.mask || - "0px" !== instance.borderRadius, + "none" !== computedStyle.clipPath || + "visible" !== computedStyle.overflow || + "none" !== computedStyle.filter || + "none" !== computedStyle.mask || + "none" !== computedStyle.mask || + "0px" !== computedStyle.borderRadius, view: 0 <= rect.bottom && 0 <= rect.right && - rect.top <= ownerWindow.innerHeight && - rect.left <= ownerWindow.innerWidth + rect.top <= element.innerHeight && + rect.left <= element.innerWidth }; } +function measureInstance(instance) { + var rect = instance.getBoundingClientRect(), + computedStyle = getComputedStyle(instance); + return createMeasurement(rect, computedStyle, instance); +} +function measureClonedInstance(instance) { + var measuredRect = instance.getBoundingClientRect(); + measuredRect = new DOMRect( + measuredRect.x + 2e4, + measuredRect.y + 2e4, + measuredRect.width, + measuredRect.height + ); + var computedStyle = getComputedStyle(instance); + return createMeasurement(measuredRect, computedStyle, instance); +} function cancelAllViewTransitionAnimations(scope) { for ( var animations = scope.getAnimations({ subtree: !0 }), i = 0; @@ -15538,17 +16045,17 @@ function startGestureTransition( var anim = animations[i]; if ("running" === anim.playState) { pseudoElement = anim.effect; - var pseudoElement$253 = pseudoElement.pseudoElement; + var pseudoElement$256 = pseudoElement.pseudoElement; if ( - null != pseudoElement$253 && - pseudoElement$253.startsWith("::view-transition") && + null != pseudoElement$256 && + pseudoElement$256.startsWith("::view-transition") && pseudoElement.target === documentElement ) { anim.cancel(); var isGeneratedGroupAnim = !1, isExitGroupAnim = !1; - if (pseudoElement$253.startsWith("::view-transition-group")) { - var groupName = pseudoElement$253.slice(23); + if (pseudoElement$256.startsWith("::view-transition-group")) { + var groupName = pseudoElement$256.slice(23); foundNews.has(groupName) ? ((anim = anim.animationName), (isGeneratedGroupAnim = @@ -15559,22 +16066,22 @@ function startGestureTransition( animateGesture( pseudoElement.getKeyframes(), pseudoElement.target, - pseudoElement$253, + pseudoElement$256, 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), + pseudoElement$256.startsWith("::view-transition-old") && + ((pseudoElement$256 = pseudoElement$256.slice(21)), + foundGroups.has(pseudoElement$256) || + foundNews.has(pseudoElement$256) || + (foundGroups.add(pseudoElement$256), animateGesture( [{}, {}], pseudoElement.target, - "::view-transition-group" + pseudoElement$253, + "::view-transition-group" + pseudoElement$256, timeline, rangeStart, rangeEnd, @@ -16172,26 +16679,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$256 = getResourcesFromRoot( + var styles$259 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$257 = styles$256.get(type); - resource$257 || + resource$260 = styles$259.get(type); + resource$260 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$257 = { + (resource$260 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$256.set(type, resource$257), - (styles$256 = JSCompiler_inline_result.querySelector( + styles$259.set(type, resource$260), + (styles$259 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$256._p && - ((resource$257.instance = styles$256), - (resource$257.state.loading = 5)), + !styles$259._p && + ((resource$260.instance = styles$259), + (resource$260.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -16204,16 +16711,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$256 || + styles$259 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$257.state + resource$260.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$257; + return resource$260; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -16310,37 +16817,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$262 = hoistableRoot.querySelector( + var instance$265 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$262) + if (instance$265) return ( (resource.state.loading |= 4), - (resource.instance = instance$262), - markNodeAsHoistable(instance$262), - instance$262 + (resource.instance = instance$265), + markNodeAsHoistable(instance$265), + instance$265 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$262 = ( + instance$265 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$262); - var linkInstance = instance$262; + markNodeAsHoistable(instance$265); + var linkInstance = instance$265; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$262, "link", instance); + setInitialProperties(instance$265, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$262, props.precedence, hoistableRoot); - return (resource.instance = instance$262); + insertStylesheet(instance$265, props.precedence, hoistableRoot); + return (resource.instance = instance$265); case "script": - instance$262 = getScriptKey(props.src); + instance$265 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$262) + getScriptSelectorFromKey(instance$265) )) ) return ( @@ -16349,7 +16856,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$262))) + if ((styleProps = preloadPropsMap.get(instance$265))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -17369,16 +17876,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_1905 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1950 = React.version; if ( - "19.1.0-experimental-5398b711-20250314" !== - isomorphicReactPackageVersion$jscomp$inline_1905 + "19.1.0-experimental-c69a5fc5-20250318" !== + isomorphicReactPackageVersion$jscomp$inline_1950 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1905, - "19.1.0-experimental-5398b711-20250314" + isomorphicReactPackageVersion$jscomp$inline_1950, + "19.1.0-experimental-c69a5fc5-20250318" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -17398,24 +17905,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2498 = { +var internals$jscomp$inline_2569 = { bundleType: 0, - version: "19.1.0-experimental-5398b711-20250314", + version: "19.1.0-experimental-c69a5fc5-20250318", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-5398b711-20250314" + reconcilerVersion: "19.1.0-experimental-c69a5fc5-20250318" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2499 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2570 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2499.isDisabled && - hook$jscomp$inline_2499.supportsFiber + !hook$jscomp$inline_2570.isDisabled && + hook$jscomp$inline_2570.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2499.inject( - internals$jscomp$inline_2498 + (rendererID = hook$jscomp$inline_2570.inject( + internals$jscomp$inline_2569 )), - (injectedHook = hook$jscomp$inline_2499); + (injectedHook = hook$jscomp$inline_2570); } catch (err) {} } exports.createRoot = function (container, options) { @@ -17507,4 +18014,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.1.0-experimental-5398b711-20250314"; +exports.version = "19.1.0-experimental-c69a5fc5-20250318"; 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 fc529d79968f5..593423c843ac3 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 @@ -254,8 +254,6 @@ switch (type) { case REACT_FRAGMENT_TYPE: return "Fragment"; - case REACT_PORTAL_TYPE: - return "Portal"; case REACT_PROFILER_TYPE: return "Profiler"; case REACT_STRICT_MODE_TYPE: @@ -264,6 +262,8 @@ return "Suspense"; case REACT_SUSPENSE_LIST_TYPE: return "SuspenseList"; + case REACT_ACTIVITY_TYPE: + return "Activity"; case REACT_VIEW_TRANSITION_TYPE: return "ViewTransition"; } @@ -275,6 +275,8 @@ ), type.$$typeof) ) { + case REACT_PORTAL_TYPE: + return "Portal"; case REACT_CONTEXT_TYPE: return (type.displayName || "Context") + ".Provider"; case REACT_CONSUMER_TYPE: @@ -312,6 +314,8 @@ function getComponentNameFromFiber(fiber) { var type = fiber.type; switch (fiber.tag) { + case 31: + return "Activity"; case 24: return "Cache"; case 9: @@ -1371,6 +1375,8 @@ return describeNativeComponentFrame(fiber.type.render, !1); case 1: return describeNativeComponentFrame(fiber.type, !0); + case 31: + return describeBuiltInComponentFrame("Activity"); case 30: return describeBuiltInComponentFrame("ViewTransition"); default: @@ -1430,8 +1436,11 @@ case 19: info += describeBuiltInComponentFrame("SuspenseList"); break; + case 31: + info += describeBuiltInComponentFrame("Activity"); + break; case 30: - info += describeBuiltInComponentFrame("SuspenseList"); + info += describeBuiltInComponentFrame("ViewTransition"); break; case 0: case 15: @@ -9545,33 +9554,33 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_2734; - var JSCompiler_object_inline_stack_2733 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_2802; + var JSCompiler_object_inline_stack_2801 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_message_2731 = !1; + var JSCompiler_object_inline_message_2799 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_2734 = didSuspend) || - (JSCompiler_object_inline_componentStack_2734 = + (JSCompiler_object_inline_componentStack_2802 = didSuspend) || + (JSCompiler_object_inline_componentStack_2802 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_2734 && - ((JSCompiler_object_inline_message_2731 = !0), + JSCompiler_object_inline_componentStack_2802 && + ((JSCompiler_object_inline_message_2799 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_2734 = + JSCompiler_object_inline_componentStack_2802 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_message_2731 + JSCompiler_object_inline_message_2799 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_digest_2732 = nextHydratableInstance; + var JSCompiler_object_inline_digest_2800 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2732)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2800)) { c: { - var instance = JSCompiler_object_inline_digest_2732; + var instance = JSCompiler_object_inline_digest_2800; for ( JSCompiler_temp = rootOrSingletonContext; 8 !== instance.nodeType; @@ -9613,87 +9622,87 @@ JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_digest_2732 + JSCompiler_object_inline_digest_2800 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_digest_2732 = workInProgress.memoizedState; + JSCompiler_object_inline_digest_2800 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_digest_2732 && - ((JSCompiler_object_inline_digest_2732 = - JSCompiler_object_inline_digest_2732.dehydrated), - null !== JSCompiler_object_inline_digest_2732) + null !== JSCompiler_object_inline_digest_2800 && + ((JSCompiler_object_inline_digest_2800 = + JSCompiler_object_inline_digest_2800.dehydrated), + null !== JSCompiler_object_inline_digest_2800) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2732) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2800) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_digest_2732 = - JSCompiler_object_inline_stack_2733.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2733.fallback; - if (JSCompiler_object_inline_message_2731) + JSCompiler_object_inline_digest_2800 = + JSCompiler_object_inline_stack_2801.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2801.fallback; + if (JSCompiler_object_inline_message_2799) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2733 = + (JSCompiler_object_inline_stack_2801 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2732, + JSCompiler_object_inline_digest_2800, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2731 = workInProgress.child), - (JSCompiler_object_inline_message_2731.memoizedState = + (JSCompiler_object_inline_message_2799 = workInProgress.child), + (JSCompiler_object_inline_message_2799.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2731.childLanes = + (JSCompiler_object_inline_message_2799.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2734, + JSCompiler_object_inline_componentStack_2802, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2733 + JSCompiler_object_inline_stack_2801 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2733.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2801.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2733 = + (JSCompiler_object_inline_stack_2801 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2732, + JSCompiler_object_inline_digest_2800, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2731 = workInProgress.child), - (JSCompiler_object_inline_message_2731.memoizedState = + (JSCompiler_object_inline_message_2799 = workInProgress.child), + (JSCompiler_object_inline_message_2799.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2731.childLanes = + (JSCompiler_object_inline_message_2799.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2734, + JSCompiler_object_inline_componentStack_2802, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2733 + JSCompiler_object_inline_stack_2801 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_digest_2732 + JSCompiler_object_inline_digest_2800 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_digest_2732 = prevState.dehydrated), - null !== JSCompiler_object_inline_digest_2732) + ((JSCompiler_object_inline_digest_2800 = prevState.dehydrated), + null !== JSCompiler_object_inline_digest_2800) ) { if (didSuspend) workInProgress.flags & 256 @@ -9710,94 +9719,94 @@ (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2731 = - JSCompiler_object_inline_stack_2733.fallback), - (JSCompiler_object_inline_digest_2732 = workInProgress.mode), - (JSCompiler_object_inline_stack_2733 = + (JSCompiler_object_inline_message_2799 = + JSCompiler_object_inline_stack_2801.fallback), + (JSCompiler_object_inline_digest_2800 = workInProgress.mode), + (JSCompiler_object_inline_stack_2801 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2733.children + children: JSCompiler_object_inline_stack_2801.children }, - JSCompiler_object_inline_digest_2732 + JSCompiler_object_inline_digest_2800 )), - (JSCompiler_object_inline_message_2731 = + (JSCompiler_object_inline_message_2799 = createFiberFromFragment( - JSCompiler_object_inline_message_2731, - JSCompiler_object_inline_digest_2732, + JSCompiler_object_inline_message_2799, + JSCompiler_object_inline_digest_2800, renderLanes, null )), - (JSCompiler_object_inline_message_2731.flags |= 2), - (JSCompiler_object_inline_stack_2733.return = workInProgress), - (JSCompiler_object_inline_message_2731.return = workInProgress), - (JSCompiler_object_inline_stack_2733.sibling = - JSCompiler_object_inline_message_2731), - (workInProgress.child = JSCompiler_object_inline_stack_2733), + (JSCompiler_object_inline_message_2799.flags |= 2), + (JSCompiler_object_inline_stack_2801.return = workInProgress), + (JSCompiler_object_inline_message_2799.return = workInProgress), + (JSCompiler_object_inline_stack_2801.sibling = + JSCompiler_object_inline_message_2799), + (workInProgress.child = JSCompiler_object_inline_stack_2801), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2733 = workInProgress.child), - (JSCompiler_object_inline_stack_2733.memoizedState = + (JSCompiler_object_inline_stack_2801 = workInProgress.child), + (JSCompiler_object_inline_stack_2801.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2733.childLanes = + (JSCompiler_object_inline_stack_2801.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2734, + JSCompiler_object_inline_componentStack_2802, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - (workInProgress = JSCompiler_object_inline_message_2731)); + (workInProgress = JSCompiler_object_inline_message_2799)); 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_2732)) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2800)) ) { - JSCompiler_object_inline_componentStack_2734 = - JSCompiler_object_inline_digest_2732.nextSibling && - JSCompiler_object_inline_digest_2732.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_2734) { - JSCompiler_temp = JSCompiler_object_inline_componentStack_2734.dgst; - var message = JSCompiler_object_inline_componentStack_2734.msg; - instance = JSCompiler_object_inline_componentStack_2734.stck; + JSCompiler_object_inline_componentStack_2802 = + JSCompiler_object_inline_digest_2800.nextSibling && + JSCompiler_object_inline_digest_2800.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_2802) { + JSCompiler_temp = JSCompiler_object_inline_componentStack_2802.dgst; + var message = JSCompiler_object_inline_componentStack_2802.msg; + instance = JSCompiler_object_inline_componentStack_2802.stck; var componentStack = - JSCompiler_object_inline_componentStack_2734.cstck; + JSCompiler_object_inline_componentStack_2802.cstck; } - JSCompiler_object_inline_message_2731 = message; - JSCompiler_object_inline_digest_2732 = JSCompiler_temp; - JSCompiler_object_inline_stack_2733 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2734 = + JSCompiler_object_inline_message_2799 = message; + JSCompiler_object_inline_digest_2800 = JSCompiler_temp; + JSCompiler_object_inline_stack_2801 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2802 = componentStack; - "POSTPONE" !== JSCompiler_object_inline_digest_2732 && - ((JSCompiler_object_inline_componentStack_2734 = - JSCompiler_object_inline_message_2731 - ? Error(JSCompiler_object_inline_message_2731) + "POSTPONE" !== JSCompiler_object_inline_digest_2800 && + ((JSCompiler_object_inline_componentStack_2802 = + JSCompiler_object_inline_message_2799 + ? Error(JSCompiler_object_inline_message_2799) : 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_2734.stack = - JSCompiler_object_inline_stack_2733 || ""), - (JSCompiler_object_inline_componentStack_2734.digest = - JSCompiler_object_inline_digest_2732), - (JSCompiler_object_inline_stack_2733 = + (JSCompiler_object_inline_componentStack_2802.stack = + JSCompiler_object_inline_stack_2801 || ""), + (JSCompiler_object_inline_componentStack_2802.digest = + JSCompiler_object_inline_digest_2800), + (JSCompiler_object_inline_stack_2801 = void 0 === JSCompiler_temp ? null : JSCompiler_temp), - (JSCompiler_object_inline_message_2731 = { - value: JSCompiler_object_inline_componentStack_2734, + (JSCompiler_object_inline_message_2799 = { + value: JSCompiler_object_inline_componentStack_2802, source: null, - stack: JSCompiler_object_inline_stack_2733 + stack: JSCompiler_object_inline_stack_2801 }), - "string" === typeof JSCompiler_object_inline_stack_2733 && + "string" === typeof JSCompiler_object_inline_stack_2801 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2734, - JSCompiler_object_inline_message_2731 + JSCompiler_object_inline_componentStack_2802, + JSCompiler_object_inline_message_2799 ), - queueHydrationError(JSCompiler_object_inline_message_2731)); + queueHydrationError(JSCompiler_object_inline_message_2799)); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9811,44 +9820,44 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_2734 = + (JSCompiler_object_inline_componentStack_2802 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_2734) + didReceiveUpdate || JSCompiler_object_inline_componentStack_2802) ) { - JSCompiler_object_inline_componentStack_2734 = workInProgressRoot; + JSCompiler_object_inline_componentStack_2802 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_2734 && - ((JSCompiler_object_inline_stack_2733 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2733 = - 0 !== (JSCompiler_object_inline_stack_2733 & 42) + null !== JSCompiler_object_inline_componentStack_2802 && + ((JSCompiler_object_inline_stack_2801 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2801 = + 0 !== (JSCompiler_object_inline_stack_2801 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2733 + JSCompiler_object_inline_stack_2801 )), - (JSCompiler_object_inline_stack_2733 = + (JSCompiler_object_inline_stack_2801 = 0 !== - (JSCompiler_object_inline_stack_2733 & - (JSCompiler_object_inline_componentStack_2734.suspendedLanes | + (JSCompiler_object_inline_stack_2801 & + (JSCompiler_object_inline_componentStack_2802.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2733), - 0 !== JSCompiler_object_inline_stack_2733 && - JSCompiler_object_inline_stack_2733 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2801), + 0 !== JSCompiler_object_inline_stack_2801 && + JSCompiler_object_inline_stack_2801 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2733), + ((prevState.retryLane = JSCompiler_object_inline_stack_2801), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2733 + JSCompiler_object_inline_stack_2801 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_2734, + JSCompiler_object_inline_componentStack_2802, current, - JSCompiler_object_inline_stack_2733 + JSCompiler_object_inline_stack_2801 ), SelectiveHydrationException) ); - JSCompiler_object_inline_digest_2732.data === + JSCompiler_object_inline_digest_2800.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9856,14 +9865,14 @@ renderLanes ); } else - JSCompiler_object_inline_digest_2732.data === + JSCompiler_object_inline_digest_2800.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_digest_2732.nextSibling + JSCompiler_object_inline_digest_2800.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9881,54 +9890,54 @@ (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2733.children + JSCompiler_object_inline_stack_2801.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_message_2731) + if (JSCompiler_object_inline_message_2799) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2731 = - JSCompiler_object_inline_stack_2733.fallback), - (JSCompiler_object_inline_digest_2732 = workInProgress.mode), + (JSCompiler_object_inline_message_2799 = + JSCompiler_object_inline_stack_2801.fallback), + (JSCompiler_object_inline_digest_2800 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2733 = createWorkInProgress( + (JSCompiler_object_inline_stack_2801 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2733.children + children: JSCompiler_object_inline_stack_2801.children } )), - (JSCompiler_object_inline_stack_2733.subtreeFlags = + (JSCompiler_object_inline_stack_2801.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_message_2731 = createWorkInProgress( + ? (JSCompiler_object_inline_message_2799 = createWorkInProgress( instance, - JSCompiler_object_inline_message_2731 + JSCompiler_object_inline_message_2799 )) - : ((JSCompiler_object_inline_message_2731 = createFiberFromFragment( - JSCompiler_object_inline_message_2731, - JSCompiler_object_inline_digest_2732, + : ((JSCompiler_object_inline_message_2799 = createFiberFromFragment( + JSCompiler_object_inline_message_2799, + JSCompiler_object_inline_digest_2800, renderLanes, null )), - (JSCompiler_object_inline_message_2731.flags |= 2)), - (JSCompiler_object_inline_message_2731.return = workInProgress), - (JSCompiler_object_inline_stack_2733.return = workInProgress), - (JSCompiler_object_inline_stack_2733.sibling = - JSCompiler_object_inline_message_2731), - (workInProgress.child = JSCompiler_object_inline_stack_2733), - (JSCompiler_object_inline_stack_2733 = - JSCompiler_object_inline_message_2731), - (JSCompiler_object_inline_message_2731 = workInProgress.child), - (JSCompiler_object_inline_digest_2732 = current.child.memoizedState), - null === JSCompiler_object_inline_digest_2732 - ? (JSCompiler_object_inline_digest_2732 = + (JSCompiler_object_inline_message_2799.flags |= 2)), + (JSCompiler_object_inline_message_2799.return = workInProgress), + (JSCompiler_object_inline_stack_2801.return = workInProgress), + (JSCompiler_object_inline_stack_2801.sibling = + JSCompiler_object_inline_message_2799), + (workInProgress.child = JSCompiler_object_inline_stack_2801), + (JSCompiler_object_inline_stack_2801 = + JSCompiler_object_inline_message_2799), + (JSCompiler_object_inline_message_2799 = workInProgress.child), + (JSCompiler_object_inline_digest_2800 = current.child.memoizedState), + null === JSCompiler_object_inline_digest_2800 + ? (JSCompiler_object_inline_digest_2800 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_digest_2732.cachePool), + JSCompiler_object_inline_digest_2800.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9936,38 +9945,38 @@ ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_digest_2732 = { + (JSCompiler_object_inline_digest_2800 = { baseLanes: - JSCompiler_object_inline_digest_2732.baseLanes | renderLanes, + JSCompiler_object_inline_digest_2800.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_message_2731.memoizedState = - JSCompiler_object_inline_digest_2732), - (JSCompiler_object_inline_message_2731.childLanes = + (JSCompiler_object_inline_message_2799.memoizedState = + JSCompiler_object_inline_digest_2800), + (JSCompiler_object_inline_message_2799.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2734, + JSCompiler_object_inline_componentStack_2802, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2733 + JSCompiler_object_inline_stack_2801 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2733.children + children: JSCompiler_object_inline_stack_2801.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_2734 = + ((JSCompiler_object_inline_componentStack_2802 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_2734 + null === JSCompiler_object_inline_componentStack_2802 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_2734.push(current)); + : JSCompiler_object_inline_componentStack_2802.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -10532,10 +10541,10 @@ current.$$typeof === REACT_LAZY_TYPE && (workInProgress = " Did you wrap a component in React.lazy() more than once?"); - renderLanes = getComponentNameFromType(current) || current; + current = getComponentNameFromType(current) || current; throw Error( "Element type is invalid. Received a promise that resolves to: " + - renderLanes + + current + ". Lazy element type must resolve to a class or function." + workInProgress ); @@ -10643,15 +10652,15 @@ didSuspendOrErrorDEV = !1; hydrationDiffRootDEV = null; rootOrSingletonContext = !0; - renderLanes = mountChildFibers( + current = mountChildFibers( workInProgress, null, returnFiber, renderLanes ); - for (workInProgress.child = renderLanes; renderLanes; ) - (renderLanes.flags = (renderLanes.flags & -3) | 4096), - (renderLanes = renderLanes.sibling); + for (workInProgress.child = current; current; ) + (current.flags = (current.flags & -3) | 4096), + (current = current.sibling); } else { resetHydrationState(); @@ -10677,26 +10686,26 @@ return ( markRef(current, workInProgress), null === current - ? (renderLanes = getResource( + ? (current = getResource( workInProgress.type, null, workInProgress.pendingProps, null )) - ? (workInProgress.memoizedState = renderLanes) + ? (workInProgress.memoizedState = current) : isHydrating || - ((renderLanes = workInProgress.type), - (current = workInProgress.pendingProps), + ((current = workInProgress.type), + (renderLanes = workInProgress.pendingProps), (returnFiber = requiredContext( rootInstanceStackCursor.current )), (returnFiber = getOwnerDocumentFromRootContainer( returnFiber - ).createElement(renderLanes)), + ).createElement(current)), (returnFiber[internalInstanceKey] = workInProgress), - (returnFiber[internalPropsKey] = current), - setInitialProperties(returnFiber, renderLanes, current), + (returnFiber[internalPropsKey] = renderLanes), + setInitialProperties(returnFiber, current, renderLanes), markNodeAsHoistable(returnFiber), (workInProgress.stateNode = returnFiber)) : (workInProgress.memoizedState = getResource( @@ -10825,21 +10834,21 @@ return ( null === current && isHydrating && - ((renderLanes = workInProgress.pendingProps), - (current = getHostContext()), - (returnFiber = current.ancestorInfo.current), - (renderLanes = + ((current = workInProgress.pendingProps), + (renderLanes = getHostContext()), + (returnFiber = renderLanes.ancestorInfo.current), + (current = null != returnFiber ? validateTextNesting( - renderLanes, + current, returnFiber.tag, - current.ancestorInfo.implicitRootScope + renderLanes.ancestorInfo.implicitRootScope ) : !0), - (current = nextHydratableInstance), - (returnFiber = !current) || + (renderLanes = nextHydratableInstance), + (returnFiber = !renderLanes) || ((returnFiber = canHydrateTextInstance( - current, + renderLanes, workInProgress.pendingProps, rootOrSingletonContext )), @@ -10851,8 +10860,8 @@ : (returnFiber = !1), (returnFiber = !returnFiber)), returnFiber && - (renderLanes && - warnNonHydratedInstance(workInProgress, current), + (current && + warnNonHydratedInstance(workInProgress, renderLanes), throwOnHydrationMismatch(workInProgress))), null ); @@ -10989,6 +10998,30 @@ workInProgress, renderLanes ); + case 31: + return ( + (returnFiber = workInProgress.pendingProps), + (renderLanes = workInProgress.mode), + (returnFiber = { + mode: returnFiber.mode, + children: returnFiber.children + }), + null === current + ? ((current = mountWorkInProgressOffscreenFiber( + returnFiber, + renderLanes + )), + (current.ref = workInProgress.ref), + (workInProgress.child = current), + (current.return = workInProgress), + (workInProgress = current)) + : ((current = createWorkInProgress(current.child, returnFiber)), + (current.ref = workInProgress.ref), + (workInProgress.child = current), + (current.return = workInProgress), + (workInProgress = current)), + workInProgress + ); case 22: return updateOffscreenComponent(current, workInProgress, renderLanes); case 24: @@ -11051,20 +11084,21 @@ (prevSibling = workInProgress.stateNode), null != returnFiber.name && "auto" !== returnFiber.name ? (workInProgress.flags |= null === current ? 18882560 : 18874368) - : null === prevSibling.autoName && - ((prevState = workInProgressRoot.identifierPrefix), - isHydrating - ? ((nextState = getTreeId()), - (prevState = - "\u00ab" + prevState + "T" + nextState + "\u00bb")) - : ((nextState = globalClientIdCounter++), - (prevState = - "\u00ab" + - prevState + - "t" + - nextState.toString(32) + - "\u00bb")), - (prevSibling.autoName = prevState)), + : (null === prevSibling.autoName && + ((prevState = workInProgressRoot.identifierPrefix), + isHydrating + ? ((nextState = getTreeId()), + (prevState = + "\u00ab" + prevState + "T" + nextState + "\u00bb")) + : ((nextState = globalClientIdCounter++), + (prevState = + "\u00ab" + + prevState + + "t" + + nextState.toString(32) + + "\u00bb")), + (prevSibling.autoName = prevState)), + isHydrating && pushMaterializedTreeId(workInProgress)), null !== current && current.memoizedProps.name !== returnFiber.name ? (workInProgress.flags |= 4194816) : markRef(current, workInProgress), @@ -11674,12 +11708,33 @@ captureCommitPhaseError(finishedWork, finishedWork.return, error); } } + function pushViewTransitionCancelableScope() { + var prevChildren = viewTransitionCancelableChildren; + viewTransitionCancelableChildren = null; + return prevChildren; + } function applyViewTransitionToHostInstances( child, name, className, collectMeasurements, stopAtNestedViewTransitions + ) { + viewTransitionHostInstanceIdx = 0; + return applyViewTransitionToHostInstancesRecursive( + child, + name, + className, + collectMeasurements, + stopAtNestedViewTransitions + ); + } + function applyViewTransitionToHostInstancesRecursive( + child, + name, + className, + collectMeasurements, + stopAtNestedViewTransitions ) { for (var inViewport = !1; null !== child; ) { if (5 === child.tag) { @@ -11691,17 +11746,17 @@ measurement.view && (inViewport = !0); } else inViewport || (measureInstance(instance).view && (inViewport = !0)); - measurement = className; - instance.style.viewTransitionName = + applyViewTransitionName( + instance, 0 === viewTransitionHostInstanceIdx ? name - : name + "_" + viewTransitionHostInstanceIdx; - null != measurement && - (instance.style.viewTransitionClass = measurement); + : name + "_" + viewTransitionHostInstanceIdx, + className + ); viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) (30 === child.tag && stopAtNestedViewTransitions) || - (applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstancesRecursive( child.child, name, className, @@ -11747,19 +11802,19 @@ var name = props.name; props = getViewTransitionClassName(props.className, props.share); "none" !== props && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( placement.child, name, props, null, !1 - ) || restoreViewTransitionOnHostInstances(placement.child, !1)); + ) || + restoreViewTransitionOnHostInstances(placement.child, !1)); } placement = placement.sibling; } } - function commitEnterViewTransitions(placement) { + function commitEnterViewTransitions(placement, gesture) { if (30 === placement.tag) { var state = placement.stateNode, props = placement.memoizedProps, @@ -11769,22 +11824,22 @@ state.paired ? props.share : props.enter ); "none" !== className - ? ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + ? applyViewTransitionToHostInstances( placement.child, name, className, null, !1 ) - ? (commitAppearingPairViewTransitions(placement), - state.paired || - scheduleViewTransitionEvent(placement, props.onEnter)) - : restoreViewTransitionOnHostInstances(placement.child, !1)) + ? (commitAppearingPairViewTransitions(placement), + state.paired || + gesture || + scheduleViewTransitionEvent(placement, props.onEnter)) + : restoreViewTransitionOnHostInstances(placement.child, !1) : commitAppearingPairViewTransitions(placement); } else if (0 !== (placement.subtreeFlags & 33554432)) for (placement = placement.child; null !== placement; ) - commitEnterViewTransitions(placement), + commitEnterViewTransitions(placement, gesture), (placement = placement.sibling); else commitAppearingPairViewTransitions(placement); } @@ -11808,15 +11863,16 @@ props.share ); "none" !== className && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( deletion.child, name, className, null, !1 ) - ? ((pair.paired = deletion.stateNode), + ? ((className = deletion.stateNode), + (pair.paired = className), + (className.paired = pair), scheduleViewTransitionEvent(deletion, props.onShare)) : restoreViewTransitionOnHostInstances( deletion.child, @@ -11846,8 +11902,7 @@ void 0 !== pair ? props.share : props.exit ); "none" !== className && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( deletion.child, name, className, @@ -11855,7 +11910,9 @@ !1 ) ? void 0 !== pair - ? ((pair.paired = deletion.stateNode), + ? ((className = deletion.stateNode), + (pair.paired = className), + (className.paired = pair), appearingViewTransitions.delete(name), scheduleViewTransitionEvent(deletion, props.onShare)) : scheduleViewTransitionEvent(deletion, props.onExit) @@ -11876,14 +11933,13 @@ name = getViewTransitionName(props, changedParent.stateNode); props = getViewTransitionClassName(props.className, props.layout); "none" !== props && - ((viewTransitionHostInstanceIdx = 0), applyViewTransitionToHostInstances( changedParent.child, name, props, (changedParent.memoizedState = []), !1 - )); + ); } else 0 !== (changedParent.subtreeFlags & 33554432) && commitNestedViewTransitions(changedParent); @@ -11905,48 +11961,32 @@ parent = parent.sibling; } } - function restoreEnterViewTransitions(placement) { - if (30 === placement.tag) - (placement.stateNode.paired = null), - restoreViewTransitionOnHostInstances(placement.child, !1), - restorePairedViewTransitions(placement); - else if (0 !== (placement.subtreeFlags & 33554432)) - for (placement = placement.child; null !== placement; ) - restoreEnterViewTransitions(placement), - (placement = placement.sibling); - else restorePairedViewTransitions(placement); - } - function restoreExitViewTransitions(deletion) { - if (30 === deletion.tag) - (deletion.stateNode.paired = null), - restoreViewTransitionOnHostInstances(deletion.child, !1), - restorePairedViewTransitions(deletion); - else if (0 !== (deletion.subtreeFlags & 33554432)) - for (deletion = deletion.child; null !== deletion; ) - restoreExitViewTransitions(deletion), (deletion = deletion.sibling); - else restorePairedViewTransitions(deletion); + function restoreEnterOrExitViewTransitions(fiber) { + if (30 === fiber.tag) + (fiber.stateNode.paired = null), + restoreViewTransitionOnHostInstances(fiber.child, !1), + restorePairedViewTransitions(fiber); + else if (0 !== (fiber.subtreeFlags & 33554432)) + for (fiber = fiber.child; null !== fiber; ) + restoreEnterOrExitViewTransitions(fiber), (fiber = fiber.sibling); + else restorePairedViewTransitions(fiber); } function restoreNestedViewTransitions(changedParent) { for (changedParent = changedParent.child; null !== changedParent; ) 30 === changedParent.tag - ? ((changedParent.memoizedState = null), - restoreViewTransitionOnHostInstances(changedParent.child, !1)) + ? restoreViewTransitionOnHostInstances(changedParent.child, !1) : 0 !== (changedParent.subtreeFlags & 33554432) && restoreNestedViewTransitions(changedParent), (changedParent = changedParent.sibling); } - function cancelViewTransitionHostInstances( - currentViewTransition, + function cancelViewTransitionHostInstancesRecursive( child, + oldName, stopAtNestedViewTransitions ) { for (; null !== child; ) { if (5 === child.tag) { - var instance = child.stateNode, - oldName = getViewTransitionName( - currentViewTransition.memoizedProps, - currentViewTransition.stateNode - ); + var instance = child.stateNode; null === viewTransitionCancelableChildren && (viewTransitionCancelableChildren = []); viewTransitionCancelableChildren.push( @@ -11957,19 +11997,19 @@ viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) (30 === child.tag && stopAtNestedViewTransitions) || - cancelViewTransitionHostInstances( - currentViewTransition, + cancelViewTransitionHostInstancesRecursive( child.child, + oldName, stopAtNestedViewTransitions ); child = child.sibling; } } - function measureViewTransitionHostInstances( - currentViewTransition, + function measureViewTransitionHostInstancesRecursive( parentViewTransition, child, - name, + newName, + oldName, className, previousMeasurements, stopAtNestedViewTransitions @@ -12009,36 +12049,30 @@ nextMeasurement && (parentViewTransition.flags |= 32); } else parentViewTransition.flags |= 32; 0 !== (parentViewTransition.flags & 4) && - ((nextMeasurement = instance), - (previousMeasurement = className), - (nextMeasurement.style.viewTransitionName = + applyViewTransitionName( + instance, 0 === viewTransitionHostInstanceIdx - ? name - : name + "_" + viewTransitionHostInstanceIdx), - null != previousMeasurement && - (nextMeasurement.style.viewTransitionClass = - previousMeasurement)); + ? newName + : newName + "_" + viewTransitionHostInstanceIdx, + className + ); (inViewport && 0 !== (parentViewTransition.flags & 4)) || - ((nextMeasurement = getViewTransitionName( - currentViewTransition.memoizedProps, - currentViewTransition.stateNode - )), - null === viewTransitionCancelableChildren && + (null === viewTransitionCancelableChildren && (viewTransitionCancelableChildren = []), viewTransitionCancelableChildren.push( instance, - nextMeasurement, + oldName, child.memoizedProps )); viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) 30 === child.tag && stopAtNestedViewTransitions ? (parentViewTransition.flags |= child.flags & 32) - : measureViewTransitionHostInstances( - currentViewTransition, + : measureViewTransitionHostInstancesRecursive( parentViewTransition, child.child, - name, + newName, + oldName, className, previousMeasurements, stopAtNestedViewTransitions @@ -12047,34 +12081,93 @@ } return inViewport; } - function measureNestedViewTransitions(changedParent) { + function measureUpdateViewTransition(current, finishedWork, gesture) { + var oldFiber = gesture ? finishedWork : current, + newFiber = gesture ? current : finishedWork, + props = newFiber.memoizedProps, + state = newFiber.stateNode, + newName = getViewTransitionName(props, state); + current = getViewTransitionName(oldFiber.memoizedProps, state); + var updateClassName = getViewTransitionClassName( + props.className, + props.update + ); + props = getViewTransitionClassName(props.className, props.layout); + if ("none" === updateClassName) { + if ("none" === props) return !1; + finishedWork.flags &= -5; + updateClassName = props; + } else if (0 === (finishedWork.flags & 4)) { + if ("none" === props) + return ( + (finishedWork = oldFiber.child), + (viewTransitionHostInstanceIdx = 0), + cancelViewTransitionHostInstancesRecursive( + finishedWork, + current, + !0 + ), + !1 + ); + updateClassName = props; + } + gesture + ? ((oldFiber = state.clones), + (gesture = + null === oldFiber ? null : oldFiber.map(measureClonedInstance))) + : ((gesture = oldFiber.memoizedState), (oldFiber.memoizedState = null)); + oldFiber = newFiber.child; + viewTransitionHostInstanceIdx = 0; + current = measureViewTransitionHostInstancesRecursive( + finishedWork, + oldFiber, + newName, + current, + updateClassName, + gesture, + !0 + ); + viewTransitionHostInstanceIdx !== + (null === gesture ? 0 : gesture.length) && (finishedWork.flags |= 32); + return current; + } + function measureNestedViewTransitions(changedParent, gesture) { for (changedParent = changedParent.child; null !== changedParent; ) { if (30 === changedParent.tag) { - var current = changedParent.alternate; - if (null !== current) { - var props = changedParent.memoizedProps, - name = getViewTransitionName(props, changedParent.stateNode), - className = getViewTransitionClassName( - props.className, - props.layout - ); - viewTransitionHostInstanceIdx = 0; - current = measureViewTransitionHostInstances( - current, - changedParent, - changedParent.child, - name, - className, - changedParent.memoizedState, - !1 + var props = changedParent.memoizedProps, + state = changedParent.stateNode, + name = getViewTransitionName(props, state), + className = getViewTransitionClassName( + props.className, + props.layout ); - 0 !== (changedParent.flags & 4) && - current && - scheduleViewTransitionEvent(changedParent, props.onLayout); - } + if (gesture) { + state = state.clones; + var previousMeasurements = + null === state ? null : state.map(measureClonedInstance); + } else + (previousMeasurements = changedParent.memoizedState), + (changedParent.memoizedState = null); + state = changedParent; + var child = changedParent.child, + newName = name; + viewTransitionHostInstanceIdx = 0; + className = measureViewTransitionHostInstancesRecursive( + state, + child, + newName, + name, + className, + previousMeasurements, + !1 + ); + 0 !== (changedParent.flags & 4) && + className && + (gesture || + scheduleViewTransitionEvent(changedParent, props.onLayout)); } else 0 !== (changedParent.subtreeFlags & 33554432) && - measureNestedViewTransitions(changedParent); + measureNestedViewTransitions(changedParent, gesture); changedParent = changedParent.sibling; } } @@ -12154,7 +12247,7 @@ _enabled = !1; committedLanes = (committedLanes & 335544064) === committedLanes; nextEffect = firstChild; - for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { + for (firstChild = committedLanes ? 9270 : 1028; null !== nextEffect; ) { root = nextEffect; if ( committedLanes && @@ -12260,11 +12353,7 @@ case 17: break; case 30: - if ( - isViewTransitionEligible && - null !== current && - 0 !== (finishedWork.subtreeFlags & 8246) - ) + if (isViewTransitionEligible && null !== current) a: { isViewTransitionEligible = current; current = finishedWork; @@ -12286,7 +12375,6 @@ "none" === flags) ) break a; - viewTransitionHostInstanceIdx = 0; applyViewTransitionToHostInstances( isViewTransitionEligible.child, finishedWork, @@ -13257,6 +13345,7 @@ instance, lanes.memoizedProps ); + viewTransitionMutationContext = !0; } catch (error) { captureCommitPhaseError(lanes, lanes.return, error); } @@ -13355,66 +13444,33 @@ } } function recursivelyTraverseAfterMutationEffects(root, parentFiber) { - if (parentFiber.subtreeFlags & 9238) + if (parentFiber.subtreeFlags & 9270) for (parentFiber = parentFiber.child; null !== parentFiber; ) commitAfterMutationEffectsOnFiber(parentFiber, root), (parentFiber = parentFiber.sibling); - else measureNestedViewTransitions(parentFiber); + else measureNestedViewTransitions(parentFiber, !1); } function commitAfterMutationEffectsOnFiber(finishedWork, root) { var current = finishedWork.alternate; - if (null === current) commitEnterViewTransitions(finishedWork); + if (null === current) commitEnterViewTransitions(finishedWork, !1); else switch (finishedWork.tag) { case 3: - viewTransitionContextChanged = !1; - viewTransitionCancelableChildren = null; + viewTransitionContextChanged$1 = !1; + pushViewTransitionCancelableScope(); recursivelyTraverseAfterMutationEffects(root, finishedWork); - if (!viewTransitionContextChanged) { + if (!viewTransitionContextChanged$1) { finishedWork = viewTransitionCancelableChildren; - viewTransitionCancelableChildren = null; if (null !== finishedWork) - for (var i = 0; i < finishedWork.length; i += 3) { - var instance = finishedWork[i], - oldName = finishedWork[i + 1]; - restoreViewTransitionName(instance, finishedWork[i + 2]); - instance = instance.ownerDocument.documentElement; - null !== instance && - instance.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: - "::view-transition-group(" + oldName + ")" - } - ); - } - 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" - } - )); + for (var i = 0; i < finishedWork.length; i += 3) + cancelViewTransitionName( + finishedWork[i], + finishedWork[i + 1], + finishedWork[i + 2] + ); + cancelRootViewTransitionName(root.containerInfo); } + viewTransitionCancelableChildren = null; break; case 5: recursivelyTraverseAfterMutationEffects(root, finishedWork); @@ -13422,85 +13478,34 @@ case 22: null === finishedWork.memoizedState && (null !== current.memoizedState - ? commitEnterViewTransitions(finishedWork) + ? commitEnterViewTransitions(finishedWork, !1) : recursivelyTraverseAfterMutationEffects(root, finishedWork)); break; case 30: - if (0 !== (finishedWork.subtreeFlags & 8246)) { - i = 0 !== (finishedWork.flags & 4); - oldName = viewTransitionContextChanged; - instance = viewTransitionCancelableChildren; - viewTransitionContextChanged = !1; - viewTransitionCancelableChildren = null; - recursivelyTraverseAfterMutationEffects(root, finishedWork); - viewTransitionContextChanged && (finishedWork.flags |= 4); - a: { - root = finishedWork.memoizedProps; - var updateClassName = getViewTransitionClassName( - root.className, - root.update - ), - layoutClassName = getViewTransitionClassName( - root.className, - root.layout - ); - if ("none" === updateClassName) { - if ("none" === layoutClassName) { - current = !1; - break a; - } - finishedWork.flags &= -5; - updateClassName = layoutClassName; - } else if (0 === (finishedWork.flags & 4)) { - if ("none" === layoutClassName) { - viewTransitionHostInstanceIdx = 0; - cancelViewTransitionHostInstances( - current, - finishedWork.child, - !0 - ); - current = !1; - break a; - } - updateClassName = layoutClassName; - } - layoutClassName = getViewTransitionName( - root, - finishedWork.stateNode - ); - viewTransitionHostInstanceIdx = 0; - root = current.memoizedState; - current = measureViewTransitionHostInstances( - current, + i = 0 !== (finishedWork.flags & 4); + var prevContextChanged = viewTransitionContextChanged$1, + prevCancelableChildren = pushViewTransitionCancelableScope(); + viewTransitionContextChanged$1 = !1; + recursivelyTraverseAfterMutationEffects(root, finishedWork); + viewTransitionContextChanged$1 && (finishedWork.flags |= 4); + root = measureUpdateViewTransition(current, finishedWork, !1); + 0 !== (finishedWork.flags & 4) && root + ? ((root = finishedWork.memoizedProps), + scheduleViewTransitionEvent( finishedWork, - finishedWork.child, - layoutClassName, - updateClassName, - root, - !0 - ); - viewTransitionHostInstanceIdx !== - (null === root ? 0 : root.length) && - (finishedWork.flags |= 32); - } - 0 !== (finishedWork.flags & 4) && current - ? ((current = finishedWork.memoizedProps), - scheduleViewTransitionEvent( - finishedWork, - i || viewTransitionContextChanged - ? current.onUpdate - : current.onLayout - ), - (viewTransitionCancelableChildren = instance)) - : null !== instance && - (instance.push.apply( - instance, - viewTransitionCancelableChildren - ), - (viewTransitionCancelableChildren = instance)); - viewTransitionContextChanged = - 0 !== (finishedWork.flags & 32) ? !0 : oldName; - } + i || viewTransitionContextChanged$1 + ? root.onUpdate + : root.onLayout + ), + (viewTransitionCancelableChildren = prevCancelableChildren)) + : null !== prevCancelableChildren && + (prevCancelableChildren.push.apply( + prevCancelableChildren, + viewTransitionCancelableChildren + ), + (viewTransitionCancelableChildren = prevCancelableChildren)); + viewTransitionContextChanged$1 = + 0 !== (finishedWork.flags & 32) ? !0 : prevContextChanged; break; default: recursivelyTraverseAfterMutationEffects(root, finishedWork); @@ -13818,7 +13823,7 @@ null === finishedWork.alternate && null !== finishedWork.return && null !== finishedWork.return.alternate && - restoreEnterViewTransitions(finishedWork); + restoreEnterOrExitViewTransitions(finishedWork); var flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -13975,7 +13980,7 @@ ? (isViewTransitionEligible && null !== wasInHydratedSubtree && null === wasInHydratedSubtree.memoizedState && - restoreExitViewTransitions(wasInHydratedSubtree), + restoreEnterOrExitViewTransitions(wasInHydratedSubtree), prevEffectDuration._visibility & OffscreenPassiveEffectsConnected ? recursivelyTraversePassiveMountEffects( finishedRoot, @@ -13994,7 +13999,7 @@ : (isViewTransitionEligible && null !== wasInHydratedSubtree && null !== wasInHydratedSubtree.memoizedState && - restoreEnterViewTransitions(finishedWork), + restoreEnterOrExitViewTransitions(finishedWork), prevEffectDuration._visibility & OffscreenPassiveEffectsConnected ? recursivelyTraversePassiveMountEffects( finishedRoot, @@ -14034,9 +14039,7 @@ isViewTransitionEligible && ((isViewTransitionEligible = finishedWork.alternate), null !== isViewTransitionEligible && - 0 !== (finishedWork.subtreeFlags & 8246) && - ((finishedWork.memoizedState = null), - restoreViewTransitionOnHostInstances( + (restoreViewTransitionOnHostInstances( isViewTransitionEligible.child, !0 ), @@ -14679,6 +14682,13 @@ : 5); else a: switch (type) { + case REACT_ACTIVITY_TYPE: + return ( + (key = createFiber(31, pendingProps, key, mode)), + (key.elementType = REACT_ACTIVITY_TYPE), + (key.lanes = lanes), + key + ); case REACT_FRAGMENT_TYPE: return createFiberFromFragment( pendingProps.children, @@ -14720,15 +14730,18 @@ (key.lanes = lanes), key ); - case REACT_OFFSCREEN_TYPE: - return createFiberFromOffscreen(pendingProps, mode, lanes, key); case REACT_LEGACY_HIDDEN_TYPE: case REACT_VIEW_TRANSITION_TYPE: return ( (key = createFiber(30, pendingProps, key, mode)), (key.elementType = REACT_VIEW_TRANSITION_TYPE), (key.lanes = lanes), - (key.stateNode = { autoName: null, paired: null, ref: null }), + (key.stateNode = { + autoName: null, + paired: null, + clones: null, + ref: null + }), key ); default: @@ -14812,7 +14825,6 @@ } function createFiberFromOffscreen(pendingProps, mode, lanes, key) { pendingProps = createFiber(22, pendingProps, key, mode); - pendingProps.elementType = REACT_OFFSCREEN_TYPE; pendingProps.lanes = lanes; var primaryChildInstance = { _visibility: OffscreenVisible, @@ -15288,6 +15300,7 @@ var newProps = workInProgress.pendingProps; popTreeContext(workInProgress); switch (workInProgress.tag) { + case 31: case 16: case 15: case 0: @@ -15957,27 +15970,271 @@ popProvider(CacheContext, interruptedWork); } } + function applyViewTransitionToClones(name, className, clones) { + for (var i = 0; i < clones.length; i++) + applyViewTransitionName( + clones[i], + 0 === i ? name : name + "_" + i, + className + ); + } + function trackDeletedPairViewTransitions(deletion) { + if ( + null !== appearingViewTransitions && + 0 !== appearingViewTransitions.size + ) { + var pairs = appearingViewTransitions; + if (0 !== (deletion.subtreeFlags & 18874368)) + for (deletion = deletion.child; null !== deletion; ) { + if (22 !== deletion.tag || null !== deletion.memoizedState) { + if (30 === deletion.tag && 0 !== (deletion.flags & 18874368)) { + var props = deletion.memoizedProps, + name = props.name; + if (null != name && "auto" !== name) { + var pair = pairs.get(name); + if (void 0 !== pair) { + pairs.delete(name); + props = getViewTransitionClassName( + props.className, + props.share + ); + if ("none" !== props) { + var newInstance = deletion.stateNode; + pair.paired = newInstance; + newInstance.paired = pair; + pair = pair.clones; + null !== pair && + applyViewTransitionToClones(name, props, pair); + } + if (0 === pairs.size) break; + } + } + } + trackDeletedPairViewTransitions(deletion); + } + deletion = deletion.sibling; + } + } + } + function trackEnterViewTransitions(deletion) { + if (30 === deletion.tag) { + var props = deletion.memoizedProps, + name = getViewTransitionName(props, deletion.stateNode), + pair = + null !== appearingViewTransitions + ? appearingViewTransitions.get(name) + : void 0; + props = getViewTransitionClassName( + props.className, + void 0 !== pair ? props.share : props.enter + ); + if ("none" !== props && void 0 !== pair) { + appearingViewTransitions.delete(name); + var newInstance = deletion.stateNode; + pair.paired = newInstance; + newInstance.paired = pair; + pair = pair.clones; + null !== pair && applyViewTransitionToClones(name, props, pair); + } + trackDeletedPairViewTransitions(deletion); + } else if (0 !== (deletion.subtreeFlags & 33554432)) + for (deletion = deletion.child; null !== deletion; ) + trackEnterViewTransitions(deletion), (deletion = deletion.sibling); + else trackDeletedPairViewTransitions(deletion); + } + function applyAppearingPairViewTransition(child) { + if (0 !== (child.flags & 18874368)) { + var state = child.stateNode; + if (state.paired) { + var props = child.memoizedProps; + if (null == props.name || "auto" === props.name) + throw Error( + "Found a pair with an auto name. This is a bug in React." + ); + child = props.name; + props = getViewTransitionClassName(props.className, props.share); + "none" !== props && + ((state = state.clones), + null !== state && applyViewTransitionToClones(child, props, state)); + } + } + } + function applyExitViewTransition(placement) { + var state = placement.stateNode, + props = placement.memoizedProps; + placement = getViewTransitionName(props, state); + props = getViewTransitionClassName( + props.className, + state.paired ? props.share : props.exit + ); + "none" !== props && + ((state = state.clones), + null !== state && applyViewTransitionToClones(placement, props, state)); + } + function recursivelyInsertNew( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase + ) { + if ( + visitPhase !== INSERT_APPEARING_PAIR || + null !== parentViewTransition || + 0 !== (parentFiber.subtreeFlags & 18874368) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) + recursivelyInsertNewFiber( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase + ), + (parentFiber = parentFiber.sibling); + } + function recursivelyInsertNewFiber( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ) { + switch (finishedWork.tag) { + case 26: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + break; + case 27: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + finishedWork.flags & 4 && + 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 + ); + break; + case 5: + var instance = finishedWork.stateNode; + visitPhase !== INSERT_APPEARING_PAIR + ? (appendChild(hostParentClone, instance), + (viewTransitionMutationContext = !0), + recursivelyInsertNew( + finishedWork, + instance, + null, + INSERT_APPEARING_PAIR + )) + : recursivelyInsertNew(finishedWork, instance, null, visitPhase); + null !== parentViewTransition && + (null === parentViewTransition.clones + ? (parentViewTransition.clones = [instance]) + : parentViewTransition.clones.push(instance)); + break; + case 6: + finishedWork = finishedWork.stateNode; + if (null === finishedWork) + throw Error( + "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue." + ); + visitPhase !== INSERT_APPEARING_PAIR && + (appendChild(hostParentClone, finishedWork), + (viewTransitionMutationContext = !0)); + break; + case 4: + break; + case 22: + null === finishedWork.memoizedState && + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + break; + case 30: + parentViewTransition = pushMutationContext(); + instance = finishedWork.stateNode; + instance.clones = null; + recursivelyInsertNew( + finishedWork, + hostParentClone, + instance, + visitPhase === INSERT_EXIT ? INSERT_APPEND : visitPhase + ); + visitPhase === INSERT_EXIT + ? applyExitViewTransition(finishedWork) + : (visitPhase === INSERT_APPEARING_PAIR || + visitPhase === INSERT_APPEND) && + applyAppearingPairViewTransition(finishedWork); + viewTransitionMutationContext = parentViewTransition; + break; + default: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + } + } function recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone + hostParentClone, + parentViewTransition, + visitPhase ) { for (parentFiber = parentFiber.child; null !== parentFiber; ) { switch (parentFiber.tag) { case 5: - var clone = parentFiber.stateNode.cloneNode(!0); - appendChild(hostParentClone, clone); - unhideHostChildren && - unhideInstance(clone, parentFiber.memoizedProps); + var instance = parentFiber.stateNode; + switch (visitPhase) { + case CLONE_EXIT: + case CLONE_UNHIDE: + case CLONE_APPEARING_PAIR: + var _nextPhase = + 0 !== (parentFiber.subtreeFlags & 18874368) + ? CLONE_APPEARING_PAIR + : CLONE_UNCHANGED; + break; + default: + _nextPhase = CLONE_UNCHANGED; + } + _nextPhase !== CLONE_UNCHANGED + ? ((instance = instance.cloneNode(!1)), + recursivelyInsertClonesFromExistingTree( + parentFiber, + instance, + null, + _nextPhase + )) + : (instance = instance.cloneNode(!0)); + appendChild(hostParentClone, instance); + null !== parentViewTransition && + (null === parentViewTransition.clones + ? (parentViewTransition.clones = [instance]) + : parentViewTransition.clones.push(instance)); + if (visitPhase === CLONE_EXIT || visitPhase === CLONE_UNHIDE) + unhideInstance(instance, parentFiber.memoizedProps), + (viewTransitionMutationContext = !0); break; case 6: - clone = parentFiber.stateNode; - if (null === clone) + _nextPhase = parentFiber.stateNode; + if (null === _nextPhase) 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); - appendChild(hostParentClone, clone); - unhideHostChildren && (clone.nodeValue = parentFiber.memoizedProps); + _nextPhase = _nextPhase.cloneNode(!1); + appendChild(hostParentClone, _nextPhase); + if (visitPhase === CLONE_EXIT || visitPhase === CLONE_UNHIDE) + (_nextPhase.nodeValue = parentFiber.memoizedProps), + (viewTransitionMutationContext = !0); break; case 4: break; @@ -15985,145 +16242,361 @@ null === parentFiber.memoizedState && recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone + hostParentClone, + parentViewTransition, + visitPhase ); break; case 30: - clone = pushMutationContext(); + _nextPhase = pushMutationContext(); + instance = parentFiber.stateNode; + instance.clones = null; recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone + hostParentClone, + instance, + visitPhase === CLONE_EXIT + ? CLONE_UNHIDE + : visitPhase === CLONE_UPDATE + ? CLONE_UNCHANGED + : visitPhase ); - viewTransitionMutationContext = clone; + if (visitPhase === CLONE_EXIT) applyExitViewTransition(parentFiber); + else if ( + visitPhase === CLONE_APPEARING_PAIR || + visitPhase === CLONE_UNHIDE + ) + applyAppearingPairViewTransition(parentFiber); + else if (visitPhase === CLONE_UPDATE) { + var state = parentFiber.stateNode, + props = parentFiber.memoizedProps; + instance = getViewTransitionName(props, state); + props = getViewTransitionClassName(props.className, props.layout); + "none" !== props && + ((state = state.clones), + null !== state && + applyViewTransitionToClones(instance, props, state)); + } + viewTransitionMutationContext = _nextPhase; break; default: recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone + hostParentClone, + parentViewTransition, + visitPhase ); } parentFiber = parentFiber.sibling; } } - function recursivelyInsertClones(parentFiber, hostParentClone$jscomp$0) { + function recursivelyInsertClones( + parentFiber, + hostParentClone$jscomp$0, + parentViewTransition, + visitPhase$jscomp$0 + ) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + trackEnterViewTransitions(deletions[i]), + (viewTransitionMutationContext = !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(); + deletions = parentFiber; + var hostParentClone = hostParentClone$jscomp$0; + var nextPhase = parentViewTransition; + var visitPhase = visitPhase$jscomp$0; + i = deletions.alternate; + if (null === i) + recursivelyInsertNewFiber( + deletions, + hostParentClone, + nextPhase, + INSERT_EXIT + ); + else { + var flags = deletions.flags; + switch (deletions.tag) { + case 26: + recursivelyInsertClones( + deletions, + hostParentClone, + nextPhase, + visitPhase + ); + break; + case 27: + recursivelyInsertClones( + deletions, + hostParentClone, + nextPhase, + visitPhase + ); + if (flags & 4) { + hostParentClone = deletions.memoizedProps; + i = i.memoizedProps; + visitPhase = deletions.stateNode; + flags = deletions.type; + nextPhase = pushMutationContext(); try { commitUpdate( + visitPhase, flags, - clone, - current, + i, hostParentClone, - finishedWork + deletions ), 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 + deletions.type, + deletions.type ), commitUpdate( + visitPhase, flags, - clone, hostParentClone, - current, - finishedWork + i, + deletions ); } finally { - viewTransitionMutationContext = prev; + viewTransitionMutationContext = nextPhase; } } - break; - case 5: - clone = finishedWork.stateNode; - null === current - ? appendChild(hostParentClone, clone) - : (null === finishedWork.child - ? ((clone = clone.cloneNode(!0)), - finishedWork.flags & 32 && resetTextContent(clone)) - : (clone = clone.cloneNode(!1)), - flags & 4 && - commitUpdate( + break; + case 5: + var clone = deletions.stateNode; + null === deletions.child + ? ((clone = clone.cloneNode(!0)), + deletions.flags & 32 && + (resetTextContent(clone), + (viewTransitionMutationContext = !0))) + : (clone = clone.cloneNode(!1)); + flags & 4 && + commitUpdate( + clone, + deletions.type, + i.memoizedProps, + deletions.memoizedProps + ); + visitPhase === CLONE_EXIT || visitPhase === CLONE_UNHIDE + ? (recursivelyInsertClones( + deletions, clone, - finishedWork.type, - current.memoizedProps, - finishedWork.memoizedProps + null, + CLONE_APPEARING_PAIR ), - unhideHostChildren - ? ((unhideHostChildren = !1), - recursivelyInsertClones(finishedWork, clone), - appendChild(hostParentClone, clone), - (unhideHostChildren = !0), - unhideInstance(clone, finishedWork.memoizedProps)) - : (recursivelyInsertClones(finishedWork, clone), - appendChild(hostParentClone, 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." + appendChild(hostParentClone, clone), + unhideInstance(clone, deletions.memoizedProps), + (viewTransitionMutationContext = !0)) + : (recursivelyInsertClones( + deletions, + clone, + null, + visitPhase + ), + appendChild(hostParentClone, clone)); + null !== nextPhase && + (null === nextPhase.clones + ? (nextPhase.clones = [clone]) + : nextPhase.clones.push(clone)); + break; + case 6: + nextPhase = deletions.stateNode; + if (null === nextPhase) + throw Error( + "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue." + ); + nextPhase = nextPhase.cloneNode(!1); + flags & 4 && + ((nextPhase.nodeValue = i.memoizedProps), + (viewTransitionMutationContext = !0)); + appendChild(hostParentClone, nextPhase); + if (visitPhase === CLONE_EXIT || visitPhase === CLONE_UNHIDE) + (nextPhase.nodeValue = deletions.memoizedProps), + (viewTransitionMutationContext = !0); + break; + case 4: + break; + case 22: + null === deletions.memoizedState + ? ((i = + visitPhase === CLONE_UPDATE && 0 !== (flags & 8192) + ? CLONE_EXIT + : visitPhase), + recursivelyInsertClones( + deletions, + hostParentClone, + nextPhase, + i + )) + : null !== i && + null === i.memoizedState && + (trackEnterViewTransitions(i), + (viewTransitionMutationContext = !0)); + break; + case 30: + flags = pushMutationContext(); + clone = deletions.stateNode; + clone.clones = null; + nextPhase = + visitPhase === CLONE_EXIT ? CLONE_UNHIDE : visitPhase; + recursivelyInsertClones( + deletions, + hostParentClone, + clone, + nextPhase ); - null === current - ? appendChild(hostParentClone, clone) - : ((clone = clone.cloneNode(!1)), - flags & 4 && (clone.nodeValue = current.memoizedProps), - appendChild(hostParentClone, 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); + viewTransitionMutationContext && (deletions.flags |= 4); + if (visitPhase === CLONE_EXIT) + applyExitViewTransition(deletions); + else if ( + visitPhase === CLONE_APPEARING_PAIR || + visitPhase === CLONE_UNHIDE + ) + applyAppearingPairViewTransition(deletions); + else if (visitPhase === CLONE_UPDATE) + b: { + hostParentClone = deletions.stateNode; + i = i.memoizedProps; + deletions = getViewTransitionName( + deletions.memoizedProps, + hostParentClone + ); + visitPhase = getViewTransitionClassName( + i.className, + i.update + ); + if ( + "none" === visitPhase && + ((visitPhase = getViewTransitionClassName( + i.className, + i.layout + )), + "none" === visitPhase) + ) + break b; + i = hostParentClone.clones; + null !== i && + applyViewTransitionToClones(deletions, visitPhase, i); + } + viewTransitionMutationContext = flags; + break; + default: + recursivelyInsertClones( + deletions, + hostParentClone, + nextPhase, + visitPhase + ); + } } parentFiber = parentFiber.sibling; } else recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone$jscomp$0 + hostParentClone$jscomp$0, + parentViewTransition, + visitPhase$jscomp$0 ); } + function recursivelyApplyViewTransitions(parentFiber) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + commitEnterViewTransitions(deletions[i], !0); + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + deletions = parentFiber; + i = deletions.alternate; + if (null !== i) { + var flags = deletions.flags; + switch (deletions.tag) { + case 4: + break; + case 22: + flags & 8192 && + null !== deletions.memoizedState && + null !== i && + null === i.memoizedState && + commitEnterViewTransitions(i, !0); + break; + case 30: + flags = viewTransitionContextChanged; + var prevCancelableChildren = + pushViewTransitionCancelableScope(); + viewTransitionContextChanged = !1; + recursivelyApplyViewTransitions(deletions); + viewTransitionContextChanged && (deletions.flags |= 4); + i = measureUpdateViewTransition(i, deletions, !0); + 0 !== (deletions.flags & 4) && i + ? (viewTransitionCancelableChildren = prevCancelableChildren) + : null !== prevCancelableChildren && + (prevCancelableChildren.push.apply( + prevCancelableChildren, + viewTransitionCancelableChildren + ), + (viewTransitionCancelableChildren = + prevCancelableChildren)); + viewTransitionContextChanged = + 0 !== (deletions.flags & 32) ? !0 : flags; + deletions.stateNode.clones = null; + break; + default: + recursivelyApplyViewTransitions(deletions); + } + } + parentFiber = parentFiber.sibling; + } + else measureNestedViewTransitions(parentFiber, !0); + } + function recursivelyRestoreViewTransitions(parentFiber) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + restoreEnterOrExitViewTransitions(deletions[i]); + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) + restoreViewTransitionsOnFiber(parentFiber), + (parentFiber = parentFiber.sibling); + else restoreNestedViewTransitions(parentFiber); + } + function restoreViewTransitionsOnFiber(finishedWork) { + var current = finishedWork.alternate; + if (null === current) restoreEnterOrExitViewTransitions(finishedWork); + else { + var flags = finishedWork.flags; + switch (finishedWork.tag) { + case 4: + break; + case 22: + flags & 8192 && + (null === finishedWork.memoizedState + ? restoreEnterOrExitViewTransitions(finishedWork) + : null !== current && + null === current.memoizedState && + restoreEnterOrExitViewTransitions(current)); + break; + case 30: + restoreViewTransitionOnHostInstances(current.child, !0); + recursivelyRestoreViewTransitions(finishedWork); + break; + default: + recursivelyRestoreViewTransitions(finishedWork); + } + } + } function onCommitRoot() { commitHooks.forEach(function (commitHook) { return commitHook(); @@ -17839,7 +18312,6 @@ var prevExecutionContext = executionContext; executionContext |= CommitContext; try { - unhideHostChildren = !1; didWarnForRootClone || ((didWarnForRootClone = !0), console.warn( @@ -17964,7 +18436,7 @@ containerInstance.nextSibling ); root.gestureClone = clone; - recursivelyInsertClones(finishedWork, clone); + recursivelyInsertClones(finishedWork, clone, null, CLONE_UPDATE); } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -17990,6 +18462,7 @@ if (pendingEffectsStatus === PENDING_GESTURE_MUTATION_PHASE) { pendingEffectsStatus = NO_PENDING_EFFECTS; var root = pendingEffectsRoot, + finishedWork = pendingFinishedWork, prevTransition = ReactSharedInternals.T; ReactSharedInternals.T = null; var previousPriority = ReactDOMSharedInternals.p; @@ -17997,6 +18470,9 @@ var prevExecutionContext = executionContext; executionContext |= CommitContext; try { + viewTransitionContextChanged = !1; + pushViewTransitionCancelableScope(); + recursivelyApplyViewTransitions(finishedWork); var rootClone = root.gestureClone; if (null !== rootClone) { root.gestureClone = null; @@ -18015,6 +18491,23 @@ containerParent.removeChild(rootClone); containerInstance.style.viewTransitionName = "root"; } + if (!viewTransitionContextChanged) { + finishedWork = viewTransitionCancelableChildren; + if (null !== finishedWork) + for ( + rootClone = 0; + rootClone < finishedWork.length; + rootClone += 3 + ) + cancelViewTransitionName( + finishedWork[rootClone], + finishedWork[rootClone + 1], + finishedWork[rootClone + 2] + ); + restoreRootViewTransitionName(root.containerInfo); + cancelRootViewTransitionName(root.containerInfo); + } + viewTransitionCancelableChildren = null; } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -18027,7 +18520,8 @@ flushGestureMutations(); if (pendingEffectsStatus === PENDING_GESTURE_ANIMATION_PHASE) { pendingEffectsStatus = NO_PENDING_EFFECTS; - var root = pendingEffectsRoot; + var root = pendingEffectsRoot, + finishedWork = pendingFinishedWork; pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; var prevTransition = ReactSharedInternals.T; @@ -18037,7 +18531,8 @@ var prevExecutionContext = executionContext; executionContext |= CommitContext; try { - restoreRootViewTransitionName(root.containerInfo); + restoreViewTransitionsOnFiber(finishedWork), + restoreRootViewTransitionName(root.containerInfo); } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -21978,6 +22473,10 @@ function unhideTextInstance(textInstance, text) { textInstance.nodeValue = text; } + function applyViewTransitionName(instance, name, className) { + instance.style.viewTransitionName = name; + null != className && (instance.style.viewTransitionClass = className); + } function restoreViewTransitionName(instance, props) { props = props[STYLE]; var viewTransitionName = @@ -22003,6 +22502,40 @@ instance.style.viewTransitionClass = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } + function cancelViewTransitionName(instance, oldName, props) { + restoreViewTransitionName(instance, props); + instance = instance.ownerDocument.documentElement; + null !== instance && + instance.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(" + oldName + ")" + } + ); + } + 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 @@ -22017,27 +22550,43 @@ "none" === rootContainer.style.viewTransitionName && (rootContainer.style.viewTransitionName = ""); } - function measureInstance(instance) { - var ownerWindow = instance.ownerDocument.defaultView, - rect = instance.getBoundingClientRect(); - instance = getComputedStyle(instance); + function createMeasurement(rect, computedStyle, element) { + element = element.ownerDocument.defaultView; return { rect: rect, - abs: "absolute" === instance.position || "fixed" === instance.position, + abs: + "absolute" === computedStyle.position || + "fixed" === computedStyle.position, clip: - "none" !== instance.clipPath || - "visible" !== instance.overflow || - "none" !== instance.filter || - "none" !== instance.mask || - "none" !== instance.mask || - "0px" !== instance.borderRadius, + "none" !== computedStyle.clipPath || + "visible" !== computedStyle.overflow || + "none" !== computedStyle.filter || + "none" !== computedStyle.mask || + "none" !== computedStyle.mask || + "0px" !== computedStyle.borderRadius, view: 0 <= rect.bottom && 0 <= rect.right && - rect.top <= ownerWindow.innerHeight && - rect.left <= ownerWindow.innerWidth + rect.top <= element.innerHeight && + rect.left <= element.innerWidth }; } + function measureInstance(instance) { + var rect = instance.getBoundingClientRect(), + computedStyle = getComputedStyle(instance); + return createMeasurement(rect, computedStyle, instance); + } + function measureClonedInstance(instance) { + var measuredRect = instance.getBoundingClientRect(); + measuredRect = new DOMRect( + measuredRect.x + 2e4, + measuredRect.y + 2e4, + measuredRect.width, + measuredRect.height + ); + var computedStyle = getComputedStyle(instance); + return createMeasurement(measuredRect, computedStyle, instance); + } function cancelAllViewTransitionAnimations(scope) { for ( var animations = scope.getAnimations({ subtree: !0 }), i = 0; @@ -24218,7 +24767,7 @@ REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"); Symbol.for("react.scope"); - var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"), + var REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"); Symbol.for("react.tracing_marker"); var REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"), @@ -27306,7 +27855,7 @@ nextEffect = null, inProgressLanes = null, inProgressRoot = null, - viewTransitionContextChanged = !1, + viewTransitionContextChanged$1 = !1, hostParent = null, hostParentIsContainer = !1, currentHoistableRoot = null, @@ -27332,7 +27881,15 @@ ), globalClientIdCounter = 0, didWarnForRootClone = !1, - unhideHostChildren = !1, + viewTransitionContextChanged = !1, + CLONE_UPDATE = 0, + CLONE_EXIT = 1, + CLONE_UNHIDE = 2, + CLONE_APPEARING_PAIR = 3, + CLONE_UNCHANGED = 4, + INSERT_EXIT = 5, + INSERT_APPEND = 6, + INSERT_APPEARING_PAIR = 7, DefaultAsyncDispatcher = { getCacheForType: function (resourceType) { var cache = readContext(CacheContext), @@ -28015,11 +28572,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-5398b711-20250314" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-c69a5fc5-20250318" !== 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-5398b711-20250314\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-c69a5fc5-20250318\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -28056,10 +28613,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.1.0-experimental-5398b711-20250314", + version: "19.1.0-experimental-c69a5fc5-20250318", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-5398b711-20250314" + reconcilerVersion: "19.1.0-experimental-c69a5fc5-20250318" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -28531,7 +29088,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-experimental-5398b711-20250314"; + exports.version = "19.1.0-experimental-c69a5fc5-20250318"; "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 5088a94632617..6e79e4becd02d 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 @@ -162,7 +162,7 @@ var assign = Object.assign, REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"); Symbol.for("react.scope"); -var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"), +var REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"); Symbol.for("react.tracing_marker"); var REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"), @@ -188,8 +188,6 @@ function getComponentNameFromType(type) { switch (type) { case REACT_FRAGMENT_TYPE: return "Fragment"; - case REACT_PORTAL_TYPE: - return "Portal"; case REACT_PROFILER_TYPE: return "Profiler"; case REACT_STRICT_MODE_TYPE: @@ -198,11 +196,15 @@ function getComponentNameFromType(type) { return "Suspense"; case REACT_SUSPENSE_LIST_TYPE: return "SuspenseList"; + case REACT_ACTIVITY_TYPE: + return "Activity"; case REACT_VIEW_TRANSITION_TYPE: return "ViewTransition"; } if ("object" === typeof type) switch (type.$$typeof) { + case REACT_PORTAL_TYPE: + return "Portal"; case REACT_CONTEXT_TYPE: return (type.displayName || "Context") + ".Provider"; case REACT_CONSUMER_TYPE: @@ -233,6 +235,8 @@ function getComponentNameFromType(type) { function getComponentNameFromFiber(fiber) { var type = fiber.type; switch (fiber.tag) { + case 31: + return "Activity"; case 24: return "Cache"; case 9: @@ -1061,6 +1065,8 @@ function describeFiber(fiber) { return describeNativeComponentFrame(fiber.type.render, !1); case 1: return describeNativeComponentFrame(fiber.type, !0); + case 31: + return describeBuiltInComponentFrame("Activity"); case 30: return describeBuiltInComponentFrame("ViewTransition"); default: @@ -8014,6 +8020,30 @@ function beginWork(current, workInProgress, renderLanes) { ); case 19: return updateSuspenseListComponent(current, workInProgress, renderLanes); + case 31: + return ( + (lazyComponent = workInProgress.pendingProps), + (renderLanes = workInProgress.mode), + (lazyComponent = { + mode: lazyComponent.mode, + children: lazyComponent.children + }), + null === current + ? ((renderLanes = mountWorkInProgressOffscreenFiber( + lazyComponent, + renderLanes + )), + (renderLanes.ref = workInProgress.ref), + (workInProgress.child = renderLanes), + (renderLanes.return = workInProgress), + (workInProgress = renderLanes)) + : ((renderLanes = createWorkInProgress(current.child, lazyComponent)), + (renderLanes.ref = workInProgress.ref), + (workInProgress.child = renderLanes), + (renderLanes.return = workInProgress), + (workInProgress = renderLanes)), + workInProgress + ); case 22: return updateOffscreenComponent(current, workInProgress, renderLanes); case 24: @@ -8072,19 +8102,21 @@ function beginWork(current, workInProgress, renderLanes) { (init = workInProgress.stateNode), null != lazyComponent.name && "auto" !== lazyComponent.name ? (workInProgress.flags |= null === current ? 18882560 : 18874368) - : null === init.autoName && - ((prevState = workInProgressRoot.identifierPrefix), - isHydrating - ? ((nextState = getTreeId()), - (prevState = "\u00ab" + prevState + "T" + nextState + "\u00bb")) - : ((nextState = globalClientIdCounter++), - (prevState = - "\u00ab" + - prevState + - "t" + - nextState.toString(32) + - "\u00bb")), - (init.autoName = prevState)), + : (null === init.autoName && + ((prevState = workInProgressRoot.identifierPrefix), + isHydrating + ? ((nextState = getTreeId()), + (prevState = + "\u00ab" + prevState + "T" + nextState + "\u00bb")) + : ((nextState = globalClientIdCounter++), + (prevState = + "\u00ab" + + prevState + + "t" + + nextState.toString(32) + + "\u00bb")), + (init.autoName = prevState)), + isHydrating && pushMaterializedTreeId(workInProgress)), null !== current && current.memoizedProps.name !== lazyComponent.name ? (workInProgress.flags |= 4194816) : markRef(current, workInProgress), @@ -8248,8 +8280,8 @@ function safelyCallComponentWillUnmount( } else try { instance.componentWillUnmount(); - } catch (error$123) { - captureCommitPhaseError(current, nearestMountedAncestor, error$123); + } catch (error$124) { + captureCommitPhaseError(current, nearestMountedAncestor, error$124); } } function safelyAttachRef(current, nearestMountedAncestor) { @@ -8315,8 +8347,8 @@ function safelyDetachRef(current, nearestMountedAncestor) { recordEffectDuration(current); } else ref(null); - } catch (error$124) { - captureCommitPhaseError(current, nearestMountedAncestor, error$124); + } catch (error$125) { + captureCommitPhaseError(current, nearestMountedAncestor, error$125); } else ref.current = null; } @@ -8500,14 +8532,35 @@ function commitHostSingletonAcquisition(finishedWork) { } var shouldStartViewTransition = !1, appearingViewTransitions = null, - viewTransitionCancelableChildren = null, - viewTransitionHostInstanceIdx = 0; + viewTransitionCancelableChildren = null; +function pushViewTransitionCancelableScope() { + var prevChildren = viewTransitionCancelableChildren; + viewTransitionCancelableChildren = null; + return prevChildren; +} +var viewTransitionHostInstanceIdx = 0; function applyViewTransitionToHostInstances( child, name, className, collectMeasurements, stopAtNestedViewTransitions +) { + viewTransitionHostInstanceIdx = 0; + return applyViewTransitionToHostInstancesRecursive( + child, + name, + className, + collectMeasurements, + stopAtNestedViewTransitions + ); +} +function applyViewTransitionToHostInstancesRecursive( + child, + name, + className, + collectMeasurements, + stopAtNestedViewTransitions ) { for (var inViewport = !1; null !== child; ) { if (5 === child.tag) { @@ -8519,16 +8572,17 @@ function applyViewTransitionToHostInstances( measurement.view && (inViewport = !0); } else inViewport || (measureInstance(instance).view && (inViewport = !0)); - measurement = className; - instance.style.viewTransitionName = + applyViewTransitionName( + instance, 0 === viewTransitionHostInstanceIdx ? name - : name + "_" + viewTransitionHostInstanceIdx; - null != measurement && (instance.style.viewTransitionClass = measurement); + : name + "_" + viewTransitionHostInstanceIdx, + className + ); viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) (30 === child.tag && stopAtNestedViewTransitions) || - (applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstancesRecursive( child.child, name, className, @@ -8572,19 +8626,19 @@ function commitAppearingPairViewTransitions(placement) { var name = props.name; props = getViewTransitionClassName(props.className, props.share); "none" !== props && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( placement.child, name, props, null, !1 - ) || restoreViewTransitionOnHostInstances(placement.child, !1)); + ) || + restoreViewTransitionOnHostInstances(placement.child, !1)); } placement = placement.sibling; } } -function commitEnterViewTransitions(placement) { +function commitEnterViewTransitions(placement, gesture) { if (30 === placement.tag) { var state = placement.stateNode, props = placement.memoizedProps, @@ -8594,22 +8648,23 @@ function commitEnterViewTransitions(placement) { state.paired ? props.share : props.enter ); "none" !== className - ? ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + ? applyViewTransitionToHostInstances( placement.child, name, className, null, !1 ) - ? (commitAppearingPairViewTransitions(placement), - state.paired || - scheduleViewTransitionEvent(placement, props.onEnter)) - : restoreViewTransitionOnHostInstances(placement.child, !1)) + ? (commitAppearingPairViewTransitions(placement), + state.paired || + gesture || + scheduleViewTransitionEvent(placement, props.onEnter)) + : restoreViewTransitionOnHostInstances(placement.child, !1) : commitAppearingPairViewTransitions(placement); } else if (0 !== (placement.subtreeFlags & 33554432)) for (placement = placement.child; null !== placement; ) - commitEnterViewTransitions(placement), (placement = placement.sibling); + commitEnterViewTransitions(placement, gesture), + (placement = placement.sibling); else commitAppearingPairViewTransitions(placement); } function commitDeletedPairViewTransitions(deletion) { @@ -8632,15 +8687,16 @@ function commitDeletedPairViewTransitions(deletion) { props.share ); "none" !== className && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( deletion.child, name, className, null, !1 ) - ? ((pair.paired = deletion.stateNode), + ? ((className = deletion.stateNode), + (pair.paired = className), + (className.paired = pair), scheduleViewTransitionEvent(deletion, props.onShare)) : restoreViewTransitionOnHostInstances(deletion.child, !1)); pairs.delete(name); @@ -8667,8 +8723,7 @@ function commitExitViewTransitions(deletion) { void 0 !== pair ? props.share : props.exit ); "none" !== className && - ((viewTransitionHostInstanceIdx = 0), - applyViewTransitionToHostInstances( + (applyViewTransitionToHostInstances( deletion.child, name, className, @@ -8676,7 +8731,9 @@ function commitExitViewTransitions(deletion) { !1 ) ? void 0 !== pair - ? ((pair.paired = deletion.stateNode), + ? ((className = deletion.stateNode), + (pair.paired = className), + (className.paired = pair), appearingViewTransitions.delete(name), scheduleViewTransitionEvent(deletion, props.onShare)) : scheduleViewTransitionEvent(deletion, props.onExit) @@ -8697,14 +8754,13 @@ function commitNestedViewTransitions(changedParent) { name = getViewTransitionName(props, changedParent.stateNode); props = getViewTransitionClassName(props.className, props.layout); "none" !== props && - ((viewTransitionHostInstanceIdx = 0), applyViewTransitionToHostInstances( changedParent.child, name, props, (changedParent.memoizedState = []), !1 - )); + ); } else 0 !== (changedParent.subtreeFlags & 33554432) && commitNestedViewTransitions(changedParent); @@ -8726,47 +8782,32 @@ function restorePairedViewTransitions(parent) { parent = parent.sibling; } } -function restoreEnterViewTransitions(placement) { - if (30 === placement.tag) - (placement.stateNode.paired = null), - restoreViewTransitionOnHostInstances(placement.child, !1), - restorePairedViewTransitions(placement); - else if (0 !== (placement.subtreeFlags & 33554432)) - for (placement = placement.child; null !== placement; ) - restoreEnterViewTransitions(placement), (placement = placement.sibling); - else restorePairedViewTransitions(placement); -} -function restoreExitViewTransitions(deletion) { - if (30 === deletion.tag) - (deletion.stateNode.paired = null), - restoreViewTransitionOnHostInstances(deletion.child, !1), - restorePairedViewTransitions(deletion); - else if (0 !== (deletion.subtreeFlags & 33554432)) - for (deletion = deletion.child; null !== deletion; ) - restoreExitViewTransitions(deletion), (deletion = deletion.sibling); - else restorePairedViewTransitions(deletion); +function restoreEnterOrExitViewTransitions(fiber) { + if (30 === fiber.tag) + (fiber.stateNode.paired = null), + restoreViewTransitionOnHostInstances(fiber.child, !1), + restorePairedViewTransitions(fiber); + else if (0 !== (fiber.subtreeFlags & 33554432)) + for (fiber = fiber.child; null !== fiber; ) + restoreEnterOrExitViewTransitions(fiber), (fiber = fiber.sibling); + else restorePairedViewTransitions(fiber); } function restoreNestedViewTransitions(changedParent) { for (changedParent = changedParent.child; null !== changedParent; ) 30 === changedParent.tag - ? ((changedParent.memoizedState = null), - restoreViewTransitionOnHostInstances(changedParent.child, !1)) + ? restoreViewTransitionOnHostInstances(changedParent.child, !1) : 0 !== (changedParent.subtreeFlags & 33554432) && restoreNestedViewTransitions(changedParent), (changedParent = changedParent.sibling); } -function cancelViewTransitionHostInstances( - currentViewTransition, +function cancelViewTransitionHostInstancesRecursive( child, + oldName, stopAtNestedViewTransitions ) { for (; null !== child; ) { if (5 === child.tag) { - var instance = child.stateNode, - oldName = getViewTransitionName( - currentViewTransition.memoizedProps, - currentViewTransition.stateNode - ); + var instance = child.stateNode; null === viewTransitionCancelableChildren && (viewTransitionCancelableChildren = []); viewTransitionCancelableChildren.push( @@ -8777,19 +8818,19 @@ function cancelViewTransitionHostInstances( viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) (30 === child.tag && stopAtNestedViewTransitions) || - cancelViewTransitionHostInstances( - currentViewTransition, + cancelViewTransitionHostInstancesRecursive( child.child, + oldName, stopAtNestedViewTransitions ); child = child.sibling; } } -function measureViewTransitionHostInstances( - currentViewTransition, +function measureViewTransitionHostInstancesRecursive( parentViewTransition, child, - name, + newName, + oldName, className, previousMeasurements, stopAtNestedViewTransitions @@ -8828,35 +8869,30 @@ function measureViewTransitionHostInstances( nextMeasurement && (parentViewTransition.flags |= 32); } else parentViewTransition.flags |= 32; 0 !== (parentViewTransition.flags & 4) && - ((nextMeasurement = instance), - (previousMeasurement = className), - (nextMeasurement.style.viewTransitionName = + applyViewTransitionName( + instance, 0 === viewTransitionHostInstanceIdx - ? name - : name + "_" + viewTransitionHostInstanceIdx), - null != previousMeasurement && - (nextMeasurement.style.viewTransitionClass = previousMeasurement)); + ? newName + : newName + "_" + viewTransitionHostInstanceIdx, + className + ); (inViewport && 0 !== (parentViewTransition.flags & 4)) || - ((nextMeasurement = getViewTransitionName( - currentViewTransition.memoizedProps, - currentViewTransition.stateNode - )), - null === viewTransitionCancelableChildren && + (null === viewTransitionCancelableChildren && (viewTransitionCancelableChildren = []), viewTransitionCancelableChildren.push( instance, - nextMeasurement, + oldName, child.memoizedProps )); viewTransitionHostInstanceIdx++; } else if (22 !== child.tag || null === child.memoizedState) 30 === child.tag && stopAtNestedViewTransitions ? (parentViewTransition.flags |= child.flags & 32) - : measureViewTransitionHostInstances( - currentViewTransition, + : measureViewTransitionHostInstancesRecursive( parentViewTransition, child.child, - name, + newName, + oldName, className, previousMeasurements, stopAtNestedViewTransitions @@ -8865,31 +8901,84 @@ function measureViewTransitionHostInstances( } return inViewport; } -function measureNestedViewTransitions(changedParent) { +function measureUpdateViewTransition(current, finishedWork, gesture) { + var oldFiber = gesture ? finishedWork : current, + newFiber = gesture ? current : finishedWork, + props = newFiber.memoizedProps, + state = newFiber.stateNode, + newName = getViewTransitionName(props, state); + current = getViewTransitionName(oldFiber.memoizedProps, state); + var updateClassName = getViewTransitionClassName( + props.className, + props.update + ); + props = getViewTransitionClassName(props.className, props.layout); + if ("none" === updateClassName) { + if ("none" === props) return !1; + finishedWork.flags &= -5; + updateClassName = props; + } else if (0 === (finishedWork.flags & 4)) { + if ("none" === props) + return ( + (finishedWork = oldFiber.child), + (viewTransitionHostInstanceIdx = 0), + cancelViewTransitionHostInstancesRecursive(finishedWork, current, !0), + !1 + ); + updateClassName = props; + } + gesture + ? ((oldFiber = state.clones), + (gesture = + null === oldFiber ? null : oldFiber.map(measureClonedInstance))) + : ((gesture = oldFiber.memoizedState), (oldFiber.memoizedState = null)); + oldFiber = newFiber.child; + viewTransitionHostInstanceIdx = 0; + current = measureViewTransitionHostInstancesRecursive( + finishedWork, + oldFiber, + newName, + current, + updateClassName, + gesture, + !0 + ); + viewTransitionHostInstanceIdx !== (null === gesture ? 0 : gesture.length) && + (finishedWork.flags |= 32); + return current; +} +function measureNestedViewTransitions(changedParent, gesture) { for (changedParent = changedParent.child; null !== changedParent; ) { if (30 === changedParent.tag) { - var current = changedParent.alternate; - if (null !== current) { - var props = changedParent.memoizedProps, - name = getViewTransitionName(props, changedParent.stateNode), - className = getViewTransitionClassName(props.className, props.layout); - viewTransitionHostInstanceIdx = 0; - current = measureViewTransitionHostInstances( - current, - changedParent, - changedParent.child, - name, - className, - changedParent.memoizedState, - !1 - ); - 0 !== (changedParent.flags & 4) && - current && - scheduleViewTransitionEvent(changedParent, props.onLayout); - } + var props = changedParent.memoizedProps, + state = changedParent.stateNode, + name = getViewTransitionName(props, state), + className = getViewTransitionClassName(props.className, props.layout); + if (gesture) { + state = state.clones; + var previousMeasurements = + null === state ? null : state.map(measureClonedInstance); + } else + (previousMeasurements = changedParent.memoizedState), + (changedParent.memoizedState = null); + state = changedParent; + var child = changedParent.child; + viewTransitionHostInstanceIdx = 0; + name = measureViewTransitionHostInstancesRecursive( + state, + child, + name, + name, + className, + previousMeasurements, + !1 + ); + 0 !== (changedParent.flags & 4) && + name && + (gesture || scheduleViewTransitionEvent(changedParent, props.onLayout)); } else 0 !== (changedParent.subtreeFlags & 33554432) && - measureNestedViewTransitions(changedParent); + measureNestedViewTransitions(changedParent, gesture); changedParent = changedParent.sibling; } } @@ -8900,7 +8989,7 @@ var offscreenSubtreeIsHidden = !1, nextEffect = null, inProgressLanes = null, inProgressRoot = null, - viewTransitionContextChanged = !1; + viewTransitionContextChanged$1 = !1; function commitBeforeMutationEffects(root, firstChild, committedLanes) { root = root.containerInfo; eventsEnabled = _enabled; @@ -8974,7 +9063,7 @@ function commitBeforeMutationEffects(root, firstChild, committedLanes) { _enabled = !1; committedLanes = (committedLanes & 335544064) === committedLanes; nextEffect = firstChild; - for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { + for (firstChild = committedLanes ? 9270 : 1028; null !== nextEffect; ) { root = nextEffect; if ( committedLanes && @@ -9091,11 +9180,7 @@ function commitBeforeMutationEffects_complete( case 17: break; case 30: - if ( - isViewTransitionEligible && - null !== current && - 0 !== (fiber.subtreeFlags & 8246) - ) + if (isViewTransitionEligible && null !== current) a: { isViewTransitionEligible = getViewTransitionName( current.memoizedProps, @@ -9115,7 +9200,6 @@ function commitBeforeMutationEffects_complete( "none" === instance) ) break a; - viewTransitionHostInstanceIdx = 0; applyViewTransitionToHostInstances( current.child, isViewTransitionEligible, @@ -9163,11 +9247,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { } else try { finishedRoot.componentDidMount(); - } catch (error$120) { + } catch (error$121) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$120 + error$121 ); } else { @@ -9184,11 +9268,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { current, finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } catch (error$121) { + } catch (error$122) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$121 + error$122 ); } recordEffectDuration(); @@ -9199,11 +9283,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { current, finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } catch (error$122) { + } catch (error$123) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$122 + error$123 ); } } @@ -9946,9 +10030,10 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { if (null === current) { lanes = root; try { - lanes.stateNode.nodeValue = hoistableRoot + (lanes.stateNode.nodeValue = hoistableRoot ? "" - : lanes.memoizedProps; + : lanes.memoizedProps), + (viewTransitionMutationContext = !0); } catch (error) { captureCommitPhaseError(lanes, lanes.return, error); } @@ -10047,20 +10132,20 @@ function commitReconciliationEffects(finishedWork) { insertOrAppendPlacementNode(finishedWork, before, parent); break; case 5: - var parent$125 = hostParentFiber.stateNode; + var parent$126 = hostParentFiber.stateNode; hostParentFiber.flags & 32 && - (setTextContent(parent$125, ""), (hostParentFiber.flags &= -33)); - var before$126 = getHostSibling(finishedWork); - insertOrAppendPlacementNode(finishedWork, before$126, parent$125); + (setTextContent(parent$126, ""), (hostParentFiber.flags &= -33)); + var before$127 = getHostSibling(finishedWork); + insertOrAppendPlacementNode(finishedWork, before$127, parent$126); break; case 3: case 4: - var parent$127 = hostParentFiber.stateNode.containerInfo, - before$128 = getHostSibling(finishedWork); + var parent$128 = hostParentFiber.stateNode.containerInfo, + before$129 = getHostSibling(finishedWork); insertOrAppendPlacementNodeIntoContainer( finishedWork, - before$128, - parent$127 + before$129, + parent$128 ); break; default: @@ -10083,65 +10168,33 @@ function recursivelyResetForms(parentFiber) { } } function recursivelyTraverseAfterMutationEffects(root, parentFiber) { - if (parentFiber.subtreeFlags & 9238) + if (parentFiber.subtreeFlags & 9270) for (parentFiber = parentFiber.child; null !== parentFiber; ) commitAfterMutationEffectsOnFiber(parentFiber, root), (parentFiber = parentFiber.sibling); - else measureNestedViewTransitions(parentFiber); + else measureNestedViewTransitions(parentFiber, !1); } function commitAfterMutationEffectsOnFiber(finishedWork, root) { var current = finishedWork.alternate; - if (null === current) commitEnterViewTransitions(finishedWork); + if (null === current) commitEnterViewTransitions(finishedWork, !1); else switch (finishedWork.tag) { case 3: - viewTransitionContextChanged = !1; - viewTransitionCancelableChildren = null; + viewTransitionContextChanged$1 = !1; + pushViewTransitionCancelableScope(); recursivelyTraverseAfterMutationEffects(root, finishedWork); - if (!viewTransitionContextChanged) { + if (!viewTransitionContextChanged$1) { finishedWork = viewTransitionCancelableChildren; - viewTransitionCancelableChildren = null; if (null !== finishedWork) - for (var i = 0; i < finishedWork.length; i += 3) { - var instance = finishedWork[i], - oldName = finishedWork[i + 1]; - restoreViewTransitionName(instance, finishedWork[i + 2]); - instance = instance.ownerDocument.documentElement; - null !== instance && - instance.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(" + oldName + ")" - } - ); - } - 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" - } - )); + for (var i = 0; i < finishedWork.length; i += 3) + cancelViewTransitionName( + finishedWork[i], + finishedWork[i + 1], + finishedWork[i + 2] + ); + cancelRootViewTransitionName(root.containerInfo); } + viewTransitionCancelableChildren = null; break; case 5: recursivelyTraverseAfterMutationEffects(root, finishedWork); @@ -10149,81 +10202,34 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { case 22: null === finishedWork.memoizedState && (null !== current.memoizedState - ? commitEnterViewTransitions(finishedWork) + ? commitEnterViewTransitions(finishedWork, !1) : recursivelyTraverseAfterMutationEffects(root, finishedWork)); break; case 30: - if (0 !== (finishedWork.subtreeFlags & 8246)) { - i = 0 !== (finishedWork.flags & 4); - oldName = viewTransitionContextChanged; - instance = viewTransitionCancelableChildren; - viewTransitionContextChanged = !1; - viewTransitionCancelableChildren = null; - recursivelyTraverseAfterMutationEffects(root, finishedWork); - viewTransitionContextChanged && (finishedWork.flags |= 4); - a: { - root = finishedWork.memoizedProps; - var updateClassName = getViewTransitionClassName( - root.className, - root.update - ), - layoutClassName = getViewTransitionClassName( - root.className, - root.layout - ); - if ("none" === updateClassName) { - if ("none" === layoutClassName) { - current = !1; - break a; - } - finishedWork.flags &= -5; - updateClassName = layoutClassName; - } else if (0 === (finishedWork.flags & 4)) { - if ("none" === layoutClassName) { - viewTransitionHostInstanceIdx = 0; - cancelViewTransitionHostInstances( - current, - finishedWork.child, - !0 - ); - current = !1; - break a; - } - updateClassName = layoutClassName; - } - layoutClassName = getViewTransitionName( - root, - finishedWork.stateNode - ); - viewTransitionHostInstanceIdx = 0; - root = current.memoizedState; - current = measureViewTransitionHostInstances( - current, + i = 0 !== (finishedWork.flags & 4); + var prevContextChanged = viewTransitionContextChanged$1, + prevCancelableChildren = pushViewTransitionCancelableScope(); + viewTransitionContextChanged$1 = !1; + recursivelyTraverseAfterMutationEffects(root, finishedWork); + viewTransitionContextChanged$1 && (finishedWork.flags |= 4); + root = measureUpdateViewTransition(current, finishedWork, !1); + 0 !== (finishedWork.flags & 4) && root + ? ((root = finishedWork.memoizedProps), + scheduleViewTransitionEvent( finishedWork, - finishedWork.child, - layoutClassName, - updateClassName, - root, - !0 - ); - viewTransitionHostInstanceIdx !== - (null === root ? 0 : root.length) && (finishedWork.flags |= 32); - } - 0 !== (finishedWork.flags & 4) && current - ? ((current = finishedWork.memoizedProps), - scheduleViewTransitionEvent( - finishedWork, - i || viewTransitionContextChanged - ? current.onUpdate - : current.onLayout - ), - (viewTransitionCancelableChildren = instance)) - : null !== instance && - (instance.push.apply(instance, viewTransitionCancelableChildren), - (viewTransitionCancelableChildren = instance)); - viewTransitionContextChanged = - 0 !== (finishedWork.flags & 32) ? !0 : oldName; - } + i || viewTransitionContextChanged$1 + ? root.onUpdate + : root.onLayout + ), + (viewTransitionCancelableChildren = prevCancelableChildren)) + : null !== prevCancelableChildren && + (prevCancelableChildren.push.apply( + prevCancelableChildren, + viewTransitionCancelableChildren + ), + (viewTransitionCancelableChildren = prevCancelableChildren)); + viewTransitionContextChanged$1 = + 0 !== (finishedWork.flags & 32) ? !0 : prevContextChanged; break; default: recursivelyTraverseAfterMutationEffects(root, finishedWork); @@ -10518,7 +10524,7 @@ function commitPassiveMountOnFiber( null === finishedWork.alternate && null !== finishedWork.return && null !== finishedWork.return.alternate && - restoreEnterViewTransitions(finishedWork); + restoreEnterOrExitViewTransitions(finishedWork); var flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -10674,7 +10680,7 @@ function commitPassiveMountOnFiber( ? (isViewTransitionEligible && null !== wasInHydratedSubtree && null === wasInHydratedSubtree.memoizedState && - restoreExitViewTransitions(wasInHydratedSubtree), + restoreEnterOrExitViewTransitions(wasInHydratedSubtree), prevEffectDuration._visibility & 4 ? recursivelyTraversePassiveMountEffects( finishedRoot, @@ -10693,7 +10699,7 @@ function commitPassiveMountOnFiber( : (isViewTransitionEligible && null !== wasInHydratedSubtree && null !== wasInHydratedSubtree.memoizedState && - restoreEnterViewTransitions(finishedWork), + restoreEnterOrExitViewTransitions(finishedWork), prevEffectDuration._visibility & 4 ? recursivelyTraversePassiveMountEffects( finishedRoot, @@ -10729,9 +10735,7 @@ function commitPassiveMountOnFiber( isViewTransitionEligible && ((isViewTransitionEligible = finishedWork.alternate), null !== isViewTransitionEligible && - 0 !== (finishedWork.subtreeFlags & 8246) && - ((finishedWork.memoizedState = null), - restoreViewTransitionOnHostInstances( + (restoreViewTransitionOnHostInstances( isViewTransitionEligible.child, !0 ), @@ -11311,6 +11315,13 @@ function createFiberFromTypeAndProps( : 5; else a: switch (type) { + case REACT_ACTIVITY_TYPE: + return ( + (type = createFiberImplClass(31, pendingProps, key, mode)), + (type.elementType = REACT_ACTIVITY_TYPE), + (type.lanes = lanes), + type + ); case REACT_FRAGMENT_TYPE: return createFiberFromFragment(pendingProps.children, mode, lanes, key); case REACT_STRICT_MODE_TYPE: @@ -11339,15 +11350,18 @@ function createFiberFromTypeAndProps( (type.lanes = lanes), type ); - case REACT_OFFSCREEN_TYPE: - return createFiberFromOffscreen(pendingProps, mode, lanes, key); case REACT_LEGACY_HIDDEN_TYPE: case REACT_VIEW_TRANSITION_TYPE: return ( (type = createFiberImplClass(30, pendingProps, key, mode)), (type.elementType = REACT_VIEW_TRANSITION_TYPE), (type.lanes = lanes), - (type.stateNode = { autoName: null, paired: null, ref: null }), + (type.stateNode = { + autoName: null, + paired: null, + clones: null, + ref: null + }), type ); default: @@ -11390,7 +11404,6 @@ function createFiberFromFragment(elements, mode, lanes, key) { } function createFiberFromOffscreen(pendingProps, mode, lanes, key) { pendingProps = createFiberImplClass(22, pendingProps, key, mode); - pendingProps.elementType = REACT_OFFSCREEN_TYPE; pendingProps.lanes = lanes; var primaryChildInstance = { _visibility: 1, @@ -11695,14 +11708,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) { break; case "collapsed": lastTailNode = renderState.tail; - for (var lastTailNode$153 = null; null !== lastTailNode; ) - null !== lastTailNode.alternate && (lastTailNode$153 = lastTailNode), + for (var lastTailNode$154 = null; null !== lastTailNode; ) + null !== lastTailNode.alternate && (lastTailNode$154 = lastTailNode), (lastTailNode = lastTailNode.sibling); - null === lastTailNode$153 + null === lastTailNode$154 ? hasRenderedATailFallback || null === renderState.tail ? (renderState.tail = null) : (renderState.tail.sibling = null) - : (lastTailNode$153.sibling = null); + : (lastTailNode$154.sibling = null); } } function bubbleProperties(completedWork) { @@ -11714,53 +11727,53 @@ function bubbleProperties(completedWork) { if (didBailout) if (0 !== (completedWork.mode & 2)) { for ( - var treeBaseDuration$155 = completedWork.selfBaseDuration, - child$156 = completedWork.child; - null !== child$156; + var treeBaseDuration$156 = completedWork.selfBaseDuration, + child$157 = completedWork.child; + null !== child$157; ) - (newChildLanes |= child$156.lanes | child$156.childLanes), - (subtreeFlags |= child$156.subtreeFlags & 65011712), - (subtreeFlags |= child$156.flags & 65011712), - (treeBaseDuration$155 += child$156.treeBaseDuration), - (child$156 = child$156.sibling); - completedWork.treeBaseDuration = treeBaseDuration$155; + (newChildLanes |= child$157.lanes | child$157.childLanes), + (subtreeFlags |= child$157.subtreeFlags & 65011712), + (subtreeFlags |= child$157.flags & 65011712), + (treeBaseDuration$156 += child$157.treeBaseDuration), + (child$157 = child$157.sibling); + completedWork.treeBaseDuration = treeBaseDuration$156; } else for ( - treeBaseDuration$155 = completedWork.child; - null !== treeBaseDuration$155; + treeBaseDuration$156 = completedWork.child; + null !== treeBaseDuration$156; ) (newChildLanes |= - treeBaseDuration$155.lanes | treeBaseDuration$155.childLanes), - (subtreeFlags |= treeBaseDuration$155.subtreeFlags & 65011712), - (subtreeFlags |= treeBaseDuration$155.flags & 65011712), - (treeBaseDuration$155.return = completedWork), - (treeBaseDuration$155 = treeBaseDuration$155.sibling); + treeBaseDuration$156.lanes | treeBaseDuration$156.childLanes), + (subtreeFlags |= treeBaseDuration$156.subtreeFlags & 65011712), + (subtreeFlags |= treeBaseDuration$156.flags & 65011712), + (treeBaseDuration$156.return = completedWork), + (treeBaseDuration$156 = treeBaseDuration$156.sibling); else if (0 !== (completedWork.mode & 2)) { - treeBaseDuration$155 = completedWork.actualDuration; - child$156 = completedWork.selfBaseDuration; + treeBaseDuration$156 = completedWork.actualDuration; + child$157 = completedWork.selfBaseDuration; for (var child = completedWork.child; null !== child; ) (newChildLanes |= child.lanes | child.childLanes), (subtreeFlags |= child.subtreeFlags), (subtreeFlags |= child.flags), - (treeBaseDuration$155 += child.actualDuration), - (child$156 += child.treeBaseDuration), + (treeBaseDuration$156 += child.actualDuration), + (child$157 += child.treeBaseDuration), (child = child.sibling); - completedWork.actualDuration = treeBaseDuration$155; - completedWork.treeBaseDuration = child$156; + completedWork.actualDuration = treeBaseDuration$156; + completedWork.treeBaseDuration = child$157; } else for ( - treeBaseDuration$155 = completedWork.child; - null !== treeBaseDuration$155; + treeBaseDuration$156 = completedWork.child; + null !== treeBaseDuration$156; ) (newChildLanes |= - treeBaseDuration$155.lanes | treeBaseDuration$155.childLanes), - (subtreeFlags |= treeBaseDuration$155.subtreeFlags), - (subtreeFlags |= treeBaseDuration$155.flags), - (treeBaseDuration$155.return = completedWork), - (treeBaseDuration$155 = treeBaseDuration$155.sibling); + treeBaseDuration$156.lanes | treeBaseDuration$156.childLanes), + (subtreeFlags |= treeBaseDuration$156.subtreeFlags), + (subtreeFlags |= treeBaseDuration$156.flags), + (treeBaseDuration$156.return = completedWork), + (treeBaseDuration$156 = treeBaseDuration$156.sibling); completedWork.subtreeFlags |= subtreeFlags; completedWork.childLanes = newChildLanes; return didBailout; @@ -11769,6 +11782,7 @@ function completeWork(current, workInProgress, renderLanes) { var newProps = workInProgress.pendingProps; popTreeContext(workInProgress); switch (workInProgress.tag) { + case 31: case 16: case 15: case 0: @@ -12057,11 +12071,11 @@ function completeWork(current, workInProgress, renderLanes) { null !== newProps.alternate.memoizedState && null !== newProps.alternate.memoizedState.cachePool && (type = newProps.alternate.memoizedState.cachePool.pool); - var cache$172 = null; + var cache$173 = null; null !== newProps.memoizedState && null !== newProps.memoizedState.cachePool && - (cache$172 = newProps.memoizedState.cachePool.pool); - cache$172 !== type && (newProps.flags |= 2048); + (cache$173 = newProps.memoizedState.cachePool.pool); + cache$173 !== type && (newProps.flags |= 2048); } renderLanes !== current && renderLanes && @@ -12091,8 +12105,8 @@ function completeWork(current, workInProgress, renderLanes) { type = workInProgress.memoizedState; if (null === type) return bubbleProperties(workInProgress), null; newProps = 0 !== (workInProgress.flags & 128); - cache$172 = type.rendering; - if (null === cache$172) + cache$173 = type.rendering; + if (null === cache$173) if (newProps) cutOffTailIfNeeded(type, !1); else { if ( @@ -12100,11 +12114,11 @@ function completeWork(current, workInProgress, renderLanes) { (null !== current && 0 !== (current.flags & 128)) ) for (current = workInProgress.child; null !== current; ) { - cache$172 = findFirstSuspended(current); - if (null !== cache$172) { + cache$173 = findFirstSuspended(current); + if (null !== cache$173) { workInProgress.flags |= 128; cutOffTailIfNeeded(type, !1); - current = cache$172.updateQueue; + current = cache$173.updateQueue; workInProgress.updateQueue = current; scheduleRetryEffect(workInProgress, current); workInProgress.subtreeFlags = 0; @@ -12129,7 +12143,7 @@ function completeWork(current, workInProgress, renderLanes) { } else { if (!newProps) - if (((current = findFirstSuspended(cache$172)), null !== current)) { + if (((current = findFirstSuspended(cache$173)), null !== current)) { if ( ((workInProgress.flags |= 128), (newProps = !0), @@ -12139,7 +12153,7 @@ function completeWork(current, workInProgress, renderLanes) { cutOffTailIfNeeded(type, !0), null === type.tail && "hidden" === type.tailMode && - !cache$172.alternate && + !cache$173.alternate && !isHydrating) ) return bubbleProperties(workInProgress), null; @@ -12152,13 +12166,13 @@ function completeWork(current, workInProgress, renderLanes) { cutOffTailIfNeeded(type, !1), (workInProgress.lanes = 4194304)); type.isBackwards - ? ((cache$172.sibling = workInProgress.child), - (workInProgress.child = cache$172)) + ? ((cache$173.sibling = workInProgress.child), + (workInProgress.child = cache$173)) : ((current = type.last), null !== current - ? (current.sibling = cache$172) - : (workInProgress.child = cache$172), - (type.last = cache$172)); + ? (current.sibling = cache$173) + : (workInProgress.child = cache$173), + (type.last = cache$173)); } if (null !== type.tail) return ( @@ -12329,122 +12343,545 @@ function unwindInterruptedWork(current, interruptedWork) { popProvider(CacheContext); } } -var unhideHostChildren = !1; -function recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone) { +var viewTransitionContextChanged = !1; +function applyViewTransitionToClones(name, className, clones) { + for (var i = 0; i < clones.length; i++) + applyViewTransitionName( + clones[i], + 0 === i ? name : name + "_" + i, + className + ); +} +function trackDeletedPairViewTransitions(deletion) { + if ( + null !== appearingViewTransitions && + 0 !== appearingViewTransitions.size + ) { + var pairs = appearingViewTransitions; + if (0 !== (deletion.subtreeFlags & 18874368)) + for (deletion = deletion.child; null !== deletion; ) { + if (22 !== deletion.tag || null !== deletion.memoizedState) { + if (30 === deletion.tag && 0 !== (deletion.flags & 18874368)) { + var props = deletion.memoizedProps, + name = props.name; + if (null != name && "auto" !== name) { + var pair = pairs.get(name); + if (void 0 !== pair) { + pairs.delete(name); + props = getViewTransitionClassName( + props.className, + props.share + ); + if ("none" !== props) { + var newInstance = deletion.stateNode; + pair.paired = newInstance; + newInstance.paired = pair; + pair = pair.clones; + null !== pair && + applyViewTransitionToClones(name, props, pair); + } + if (0 === pairs.size) break; + } + } + } + trackDeletedPairViewTransitions(deletion); + } + deletion = deletion.sibling; + } + } +} +function trackEnterViewTransitions(deletion) { + if (30 === deletion.tag) { + var props = deletion.memoizedProps, + name = getViewTransitionName(props, deletion.stateNode), + pair = + null !== appearingViewTransitions + ? appearingViewTransitions.get(name) + : void 0; + props = getViewTransitionClassName( + props.className, + void 0 !== pair ? props.share : props.enter + ); + if ("none" !== props && void 0 !== pair) { + appearingViewTransitions.delete(name); + var newInstance = deletion.stateNode; + pair.paired = newInstance; + newInstance.paired = pair; + pair = pair.clones; + null !== pair && applyViewTransitionToClones(name, props, pair); + } + trackDeletedPairViewTransitions(deletion); + } else if (0 !== (deletion.subtreeFlags & 33554432)) + for (deletion = deletion.child; null !== deletion; ) + trackEnterViewTransitions(deletion), (deletion = deletion.sibling); + else trackDeletedPairViewTransitions(deletion); +} +function applyAppearingPairViewTransition(child) { + if (0 !== (child.flags & 18874368)) { + var state = child.stateNode; + if (state.paired) { + var props = child.memoizedProps; + if (null == props.name || "auto" === props.name) + throw Error(formatProdErrorMessage(544)); + child = props.name; + props = getViewTransitionClassName(props.className, props.share); + "none" !== props && + ((state = state.clones), + null !== state && applyViewTransitionToClones(child, props, state)); + } + } +} +function applyExitViewTransition(placement) { + var state = placement.stateNode, + props = placement.memoizedProps; + placement = getViewTransitionName(props, state); + props = getViewTransitionClassName( + props.className, + state.paired ? props.share : props.exit + ); + "none" !== props && + ((state = state.clones), + null !== state && applyViewTransitionToClones(placement, props, state)); +} +function recursivelyInsertNew( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase +) { + if ( + 7 !== visitPhase || + null !== parentViewTransition || + 0 !== (parentFiber.subtreeFlags & 18874368) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) + recursivelyInsertNewFiber( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase + ), + (parentFiber = parentFiber.sibling); +} +function recursivelyInsertNewFiber( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase +) { + switch (finishedWork.tag) { + case 26: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + break; + case 27: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + break; + case 5: + var instance = finishedWork.stateNode; + 7 !== visitPhase + ? (appendChild(hostParentClone, instance), + (viewTransitionMutationContext = !0), + recursivelyInsertNew(finishedWork, instance, null, 7)) + : recursivelyInsertNew(finishedWork, instance, null, visitPhase); + null !== parentViewTransition && + (null === parentViewTransition.clones + ? (parentViewTransition.clones = [instance]) + : parentViewTransition.clones.push(instance)); + break; + case 6: + finishedWork = finishedWork.stateNode; + if (null === finishedWork) throw Error(formatProdErrorMessage(162)); + 7 !== visitPhase && + (appendChild(hostParentClone, finishedWork), + (viewTransitionMutationContext = !0)); + break; + case 4: + break; + case 22: + null === finishedWork.memoizedState && + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + break; + case 30: + parentViewTransition = pushMutationContext(); + instance = finishedWork.stateNode; + instance.clones = null; + recursivelyInsertNew( + finishedWork, + hostParentClone, + instance, + 5 === visitPhase ? 6 : visitPhase + ); + 5 === visitPhase + ? applyExitViewTransition(finishedWork) + : (7 === visitPhase || 6 === visitPhase) && + applyAppearingPairViewTransition(finishedWork); + viewTransitionMutationContext = parentViewTransition; + break; + default: + recursivelyInsertNew( + finishedWork, + hostParentClone, + parentViewTransition, + visitPhase + ); + } +} +function recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase +) { for (parentFiber = parentFiber.child; null !== parentFiber; ) { switch (parentFiber.tag) { case 5: - var clone = parentFiber.stateNode.cloneNode(!0); - appendChild(hostParentClone, clone); - unhideHostChildren && unhideInstance(clone, parentFiber.memoizedProps); + var instance = parentFiber.stateNode; + switch (visitPhase) { + case 1: + case 2: + case 3: + var nextPhase = 0 !== (parentFiber.subtreeFlags & 18874368) ? 3 : 4; + break; + default: + nextPhase = 4; + } + 4 !== nextPhase + ? ((instance = instance.cloneNode(!1)), + recursivelyInsertClonesFromExistingTree( + parentFiber, + instance, + null, + nextPhase + )) + : (instance = instance.cloneNode(!0)); + appendChild(hostParentClone, instance); + null !== parentViewTransition && + (null === parentViewTransition.clones + ? (parentViewTransition.clones = [instance]) + : parentViewTransition.clones.push(instance)); + if (1 === visitPhase || 2 === visitPhase) + unhideInstance(instance, parentFiber.memoizedProps), + (viewTransitionMutationContext = !0); break; case 6: - clone = parentFiber.stateNode; - if (null === clone) throw Error(formatProdErrorMessage(162)); - clone = clone.cloneNode(!1); - appendChild(hostParentClone, clone); - unhideHostChildren && (clone.nodeValue = parentFiber.memoizedProps); + nextPhase = parentFiber.stateNode; + if (null === nextPhase) throw Error(formatProdErrorMessage(162)); + nextPhase = nextPhase.cloneNode(!1); + appendChild(hostParentClone, nextPhase); + if (1 === visitPhase || 2 === visitPhase) + (nextPhase.nodeValue = parentFiber.memoizedProps), + (viewTransitionMutationContext = !0); break; case 4: break; case 22: null === parentFiber.memoizedState && - recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase + ); break; case 30: - clone = pushMutationContext(); - recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); - viewTransitionMutationContext = clone; + nextPhase = pushMutationContext(); + instance = parentFiber.stateNode; + instance.clones = null; + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone, + instance, + 1 === visitPhase ? 2 : 0 === visitPhase ? 4 : visitPhase + ); + if (1 === visitPhase) applyExitViewTransition(parentFiber); + else if (3 === visitPhase || 2 === visitPhase) + applyAppearingPairViewTransition(parentFiber); + else if (0 === visitPhase) { + var state = parentFiber.stateNode, + props = parentFiber.memoizedProps; + instance = getViewTransitionName(props, state); + props = getViewTransitionClassName(props.className, props.layout); + "none" !== props && + ((state = state.clones), + null !== state && + applyViewTransitionToClones(instance, props, state)); + } + viewTransitionMutationContext = nextPhase; break; default: - recursivelyInsertClonesFromExistingTree(parentFiber, hostParentClone); + recursivelyInsertClonesFromExistingTree( + parentFiber, + hostParentClone, + parentViewTransition, + visitPhase + ); } parentFiber = parentFiber.sibling; } } -function recursivelyInsertClones(parentFiber, hostParentClone$jscomp$0) { +function recursivelyInsertClones( + parentFiber, + hostParentClone, + parentViewTransition$jscomp$0, + visitPhase$jscomp$0 +) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + trackEnterViewTransitions(deletions[i]), + (viewTransitionMutationContext = !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) appendChild(hostParentClone, clone); - else { - null === finishedWork.child + deletions = parentFiber; + i = hostParentClone; + var parentViewTransition = parentViewTransition$jscomp$0, + visitPhase = visitPhase$jscomp$0; + var nextPhase = deletions.alternate; + if (null === nextPhase) + recursivelyInsertNewFiber(deletions, i, parentViewTransition, 5); + else { + var nextPhase$191 = deletions.flags; + switch (deletions.tag) { + case 26: + recursivelyInsertClones( + deletions, + i, + parentViewTransition, + visitPhase + ); + break; + case 27: + recursivelyInsertClones( + deletions, + i, + parentViewTransition, + visitPhase + ); + break; + case 5: + var clone = deletions.stateNode; + null === deletions.child ? ((clone = clone.cloneNode(!0)), - finishedWork.flags & 32 && setTextContent(clone, "")) + deletions.flags & 32 && + (setTextContent(clone, ""), + (viewTransitionMutationContext = !0))) : (clone = clone.cloneNode(!1)); - if (flags & 4) { - flags = clone; - var newProps = finishedWork.memoizedProps; + if (nextPhase$191 & 4) { + nextPhase$191 = clone; + var newProps = deletions.memoizedProps; updateProperties( - flags, - finishedWork.type, - current.memoizedProps, + nextPhase$191, + deletions.type, + nextPhase.memoizedProps, newProps ); - flags[internalPropsKey] = newProps; + nextPhase$191[internalPropsKey] = newProps; } - unhideHostChildren - ? ((unhideHostChildren = !1), - recursivelyInsertClones(finishedWork, clone), - appendChild(hostParentClone, clone), - (unhideHostChildren = !0), - unhideInstance(clone, finishedWork.memoizedProps)) - : (recursivelyInsertClones(finishedWork, clone), - appendChild(hostParentClone, clone)); - } - break; - case 6: - clone = finishedWork.stateNode; - if (null === clone) throw Error(formatProdErrorMessage(162)); - null === current - ? appendChild(hostParentClone, clone) - : ((clone = clone.cloneNode(!1)), - flags & 4 && (clone.nodeValue = current.memoizedProps), - appendChild(hostParentClone, 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); + 1 === visitPhase || 2 === visitPhase + ? (recursivelyInsertClones(deletions, clone, null, 3), + appendChild(i, clone), + unhideInstance(clone, deletions.memoizedProps), + (viewTransitionMutationContext = !0)) + : (recursivelyInsertClones(deletions, clone, null, visitPhase), + appendChild(i, clone)); + null !== parentViewTransition && + (null === parentViewTransition.clones + ? (parentViewTransition.clones = [clone]) + : parentViewTransition.clones.push(clone)); + break; + case 6: + parentViewTransition = deletions.stateNode; + if (null === parentViewTransition) + throw Error(formatProdErrorMessage(162)); + parentViewTransition = parentViewTransition.cloneNode(!1); + nextPhase$191 & 4 && + ((parentViewTransition.nodeValue = nextPhase.memoizedProps), + (viewTransitionMutationContext = !0)); + appendChild(i, parentViewTransition); + if (1 === visitPhase || 2 === visitPhase) + (parentViewTransition.nodeValue = deletions.memoizedProps), + (viewTransitionMutationContext = !0); + break; + case 4: + break; + case 22: + null === deletions.memoizedState + ? ((nextPhase = + 0 === visitPhase && 0 !== (nextPhase$191 & 8192) + ? 1 + : visitPhase), + recursivelyInsertClones( + deletions, + i, + parentViewTransition, + nextPhase + )) + : null !== nextPhase && + null === nextPhase.memoizedState && + (trackEnterViewTransitions(nextPhase), + (viewTransitionMutationContext = !0)); + break; + case 30: + parentViewTransition = pushMutationContext(); + clone = deletions.stateNode; + clone.clones = null; + nextPhase$191 = 1 === visitPhase ? 2 : visitPhase; + recursivelyInsertClones(deletions, i, clone, nextPhase$191); + viewTransitionMutationContext && (deletions.flags |= 4); + if (1 === visitPhase) applyExitViewTransition(deletions); + else if (3 === visitPhase || 2 === visitPhase) + applyAppearingPairViewTransition(deletions); + else if (0 === visitPhase) + b: { + i = deletions.stateNode; + nextPhase = nextPhase.memoizedProps; + deletions = getViewTransitionName(deletions.memoizedProps, i); + visitPhase = getViewTransitionClassName( + nextPhase.className, + nextPhase.update + ); + if ( + "none" === visitPhase && + ((visitPhase = getViewTransitionClassName( + nextPhase.className, + nextPhase.layout + )), + "none" === visitPhase) + ) + break b; + i = i.clones; + null !== i && + applyViewTransitionToClones(deletions, visitPhase, i); + } + viewTransitionMutationContext = parentViewTransition; + break; + default: + recursivelyInsertClones( + deletions, + i, + parentViewTransition, + visitPhase + ); + } } parentFiber = parentFiber.sibling; } else recursivelyInsertClonesFromExistingTree( parentFiber, - hostParentClone$jscomp$0 + hostParentClone, + parentViewTransition$jscomp$0, + visitPhase$jscomp$0 ); } +function recursivelyApplyViewTransitions(parentFiber) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + commitEnterViewTransitions(deletions[i], !0); + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + deletions = parentFiber; + i = deletions.alternate; + if (null !== i) { + var flags = deletions.flags; + switch (deletions.tag) { + case 4: + break; + case 22: + flags & 8192 && + null !== deletions.memoizedState && + null !== i && + null === i.memoizedState && + commitEnterViewTransitions(i, !0); + break; + case 30: + flags = viewTransitionContextChanged; + var prevCancelableChildren = pushViewTransitionCancelableScope(); + viewTransitionContextChanged = !1; + recursivelyApplyViewTransitions(deletions); + viewTransitionContextChanged && (deletions.flags |= 4); + i = measureUpdateViewTransition(i, deletions, !0); + 0 !== (deletions.flags & 4) && i + ? (viewTransitionCancelableChildren = prevCancelableChildren) + : null !== prevCancelableChildren && + (prevCancelableChildren.push.apply( + prevCancelableChildren, + viewTransitionCancelableChildren + ), + (viewTransitionCancelableChildren = prevCancelableChildren)); + viewTransitionContextChanged = + 0 !== (deletions.flags & 32) ? !0 : flags; + deletions.stateNode.clones = null; + break; + default: + recursivelyApplyViewTransitions(deletions); + } + } + parentFiber = parentFiber.sibling; + } + else measureNestedViewTransitions(parentFiber, !0); +} +function recursivelyRestoreViewTransitions(parentFiber) { + var deletions = parentFiber.deletions; + if (null !== deletions) + for (var i = 0; i < deletions.length; i++) + restoreEnterOrExitViewTransitions(deletions[i]); + if ( + null === parentFiber.alternate || + 0 !== (parentFiber.subtreeFlags & 13878) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) + restoreViewTransitionsOnFiber(parentFiber), + (parentFiber = parentFiber.sibling); + else restoreNestedViewTransitions(parentFiber); +} +function restoreViewTransitionsOnFiber(finishedWork) { + var current = finishedWork.alternate; + if (null === current) restoreEnterOrExitViewTransitions(finishedWork); + else { + var flags = finishedWork.flags; + switch (finishedWork.tag) { + case 4: + break; + case 22: + flags & 8192 && + (null === finishedWork.memoizedState + ? restoreEnterOrExitViewTransitions(finishedWork) + : null !== current && + null === current.memoizedState && + restoreEnterOrExitViewTransitions(current)); + break; + case 30: + restoreViewTransitionOnHostInstances(current.child, !0); + recursivelyRestoreViewTransitions(finishedWork); + break; + default: + recursivelyRestoreViewTransitions(finishedWork); + } + } +} var DefaultAsyncDispatcher = { getCacheForType: function (resourceType) { var cache = readContext(CacheContext), @@ -13237,8 +13674,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) { workLoopSync(); memoizedUpdaters = workInProgressRootExitStatus; break; - } catch (thrownValue$195) { - handleThrow(root, thrownValue$195); + } catch (thrownValue$198) { + handleThrow(root, thrownValue$198); } while (1); lanes && root.shellSuspendCounter++; @@ -13359,8 +13796,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrentByScheduler(); break; - } catch (thrownValue$197) { - handleThrow(root, thrownValue$197); + } catch (thrownValue$200) { + handleThrow(root, thrownValue$200); } while (1); lastContextDependency = currentlyRenderingFiber$1 = null; @@ -13973,7 +14410,6 @@ function commitGestureOnRoot(root, finishedWork) { var prevExecutionContext = executionContext; executionContext |= 4; try { - unhideHostChildren = !1; var rootContainer = root.containerInfo, documentElement = 9 === rootContainer.nodeType @@ -14056,26 +14492,26 @@ function commitGestureOnRoot(root, finishedWork) { } var rotate = computedStyle.rotate; if ("none" !== rotate && "" !== rotate) { - var parts$272 = rotate.split(" "); + var parts$275 = rotate.split(" "); transform = - 1 === parts$272.length - ? "rotate(" + parts$272[0] + ") " + transform - : 2 === parts$272.length + 1 === parts$275.length + ? "rotate(" + parts$275[0] + ") " + transform + : 2 === parts$275.length ? "rotate" + - parts$272[0].toUpperCase() + + parts$275[0].toUpperCase() + "(" + - parts$272[1] + + parts$275[1] + ") " + transform - : "rotate3d(" + parts$272.join(", ") + ") " + transform; + : "rotate3d(" + parts$275.join(", ") + ") " + transform; } var translate = computedStyle.translate; if ("none" !== translate && "" !== translate) { - var parts$273 = translate.split(" "); + var parts$276 = translate.split(" "); transform = - (3 === parts$273.length ? "translate3d" : "translate") + + (3 === parts$276.length ? "translate3d" : "translate") + "(" + - parts$273.join(", ") + + parts$276.join(", ") + ") " + transform; } @@ -14090,7 +14526,7 @@ function commitGestureOnRoot(root, finishedWork) { containerInstance.nextSibling ); root.gestureClone = clone; - recursivelyInsertClones(finishedWork, clone); + recursivelyInsertClones(finishedWork, clone, null, 0); } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -14116,6 +14552,7 @@ function flushGestureMutations() { if (6 === pendingEffectsStatus) { pendingEffectsStatus = 0; var root = pendingEffectsRoot, + finishedWork = pendingFinishedWork, prevTransition = ReactSharedInternals.T; ReactSharedInternals.T = null; var previousPriority = ReactDOMSharedInternals.p; @@ -14123,6 +14560,9 @@ function flushGestureMutations() { var prevExecutionContext = executionContext; executionContext |= 4; try { + viewTransitionContextChanged = !1; + pushViewTransitionCancelableScope(); + recursivelyApplyViewTransitions(finishedWork); var rootClone = root.gestureClone; if (null !== rootClone) { root.gestureClone = null; @@ -14138,6 +14578,19 @@ function flushGestureMutations() { containerParent.removeChild(rootClone); containerInstance.style.viewTransitionName = "root"; } + if (!viewTransitionContextChanged) { + finishedWork = viewTransitionCancelableChildren; + if (null !== finishedWork) + for (rootClone = 0; rootClone < finishedWork.length; rootClone += 3) + cancelViewTransitionName( + finishedWork[rootClone], + finishedWork[rootClone + 1], + finishedWork[rootClone + 2] + ); + restoreRootViewTransitionName(root.containerInfo); + cancelRootViewTransitionName(root.containerInfo); + } + viewTransitionCancelableChildren = null; } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -14150,7 +14603,8 @@ function flushGestureAnimations() { flushGestureMutations(); if (7 === pendingEffectsStatus) { pendingEffectsStatus = 0; - var root = pendingEffectsRoot; + var root = pendingEffectsRoot, + finishedWork = pendingFinishedWork; pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; var prevTransition = ReactSharedInternals.T; @@ -14160,7 +14614,8 @@ function flushGestureAnimations() { var prevExecutionContext = executionContext; executionContext |= 4; try { - restoreRootViewTransitionName(root.containerInfo); + restoreViewTransitionsOnFiber(finishedWork), + restoreRootViewTransitionName(root.containerInfo); } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), @@ -14417,14 +14872,14 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { isFlushingWork = !0; do { var didPerformSomeWork = !1; - for (var root$203 = firstScheduledRoot; null !== root$203; ) { + for (var root$206 = firstScheduledRoot; null !== root$206; ) { if (!onlyLegacy) if (0 !== syncTransitionLanes) { - var pendingLanes = root$203.pendingLanes; + var pendingLanes = root$206.pendingLanes; if (0 === pendingLanes) var JSCompiler_inline_result = 0; else { - var suspendedLanes = root$203.suspendedLanes, - pingedLanes = root$203.pingedLanes; + var suspendedLanes = root$206.suspendedLanes, + pingedLanes = root$206.pingedLanes; JSCompiler_inline_result = (1 << (31 - clz32(42 | syncTransitionLanes) + 1)) - 1; JSCompiler_inline_result &= @@ -14438,21 +14893,21 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { } 0 !== JSCompiler_inline_result && ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$203, JSCompiler_inline_result)); + performSyncWorkOnRoot(root$206, JSCompiler_inline_result)); } else (JSCompiler_inline_result = workInProgressRootRenderLanes), (JSCompiler_inline_result = getNextLanes( - root$203, - root$203 === workInProgressRoot ? JSCompiler_inline_result : 0, - null !== root$203.cancelPendingCommit || - -1 !== root$203.timeoutHandle + root$206, + root$206 === workInProgressRoot ? JSCompiler_inline_result : 0, + null !== root$206.cancelPendingCommit || + -1 !== root$206.timeoutHandle )), (0 === (JSCompiler_inline_result & 3) && 64 !== JSCompiler_inline_result) || - checkIfRootIsPrerendering(root$203, JSCompiler_inline_result) || + checkIfRootIsPrerendering(root$206, JSCompiler_inline_result) || ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$203, JSCompiler_inline_result)); - root$203 = root$203.next; + performSyncWorkOnRoot(root$206, JSCompiler_inline_result)); + root$206 = root$206.next; } } while (didPerformSomeWork); isFlushingWork = !1; @@ -14736,20 +15191,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) { (nativeEventTarget[internalScrollTimer] = targetInst)); } for ( - var i$jscomp$inline_1792 = 0; - i$jscomp$inline_1792 < simpleEventPluginEvents.length; - i$jscomp$inline_1792++ + var i$jscomp$inline_1837 = 0; + i$jscomp$inline_1837 < simpleEventPluginEvents.length; + i$jscomp$inline_1837++ ) { - var eventName$jscomp$inline_1793 = - simpleEventPluginEvents[i$jscomp$inline_1792], - domEventName$jscomp$inline_1794 = - eventName$jscomp$inline_1793.toLowerCase(), - capitalizedEvent$jscomp$inline_1795 = - eventName$jscomp$inline_1793[0].toUpperCase() + - eventName$jscomp$inline_1793.slice(1); + var eventName$jscomp$inline_1838 = + simpleEventPluginEvents[i$jscomp$inline_1837], + domEventName$jscomp$inline_1839 = + eventName$jscomp$inline_1838.toLowerCase(), + capitalizedEvent$jscomp$inline_1840 = + eventName$jscomp$inline_1838[0].toUpperCase() + + eventName$jscomp$inline_1838.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1794, - "on" + capitalizedEvent$jscomp$inline_1795 + domEventName$jscomp$inline_1839, + "on" + capitalizedEvent$jscomp$inline_1840 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -15997,34 +16452,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$217 = props[hasSrc]; - if (null != propValue$217) + var propValue$220 = props[hasSrc]; + if (null != propValue$220) switch (hasSrc) { case "name": - hasSrcSet = propValue$217; + hasSrcSet = propValue$220; break; case "type": - propValue = propValue$217; + propValue = propValue$220; break; case "checked": - checked = propValue$217; + checked = propValue$220; break; case "defaultChecked": - defaultChecked = propValue$217; + defaultChecked = propValue$220; break; case "value": - propKey = propValue$217; + propKey = propValue$220; break; case "defaultValue": - defaultValue = propValue$217; + defaultValue = propValue$220; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$217) + if (null != propValue$220) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$217, props, null); + setProp(domElement, tag, hasSrc, propValue$220, props, null); } } initInput( @@ -16163,14 +16618,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$217 in props) - props.hasOwnProperty(propValue$217) && - ((hasSrc = props[propValue$217]), + for (propValue$220 in props) + props.hasOwnProperty(propValue$220) && + ((hasSrc = props[propValue$220]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$217, + propValue$220, hasSrc, props, void 0 @@ -16218,14 +16673,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$234 in nextProps) { - var propKey = nextProps[propKey$234]; - lastProp = lastProps[propKey$234]; + for (var propKey$237 in nextProps) { + var propKey = nextProps[propKey$237]; + lastProp = lastProps[propKey$237]; if ( - nextProps.hasOwnProperty(propKey$234) && + nextProps.hasOwnProperty(propKey$237) && (null != propKey || null != lastProp) ) - switch (propKey$234) { + switch (propKey$237) { case "type": propKey !== lastProp && (viewTransitionMutationContext = !0); type = propKey; @@ -16260,7 +16715,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$234, + propKey$237, propKey, nextProps, lastProp @@ -16279,7 +16734,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$234 = null; + propKey = value = defaultValue = propKey$237 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -16311,7 +16766,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (name) { case "value": type !== lastDefaultValue && (viewTransitionMutationContext = !0); - propKey$234 = type; + propKey$237 = type; break; case "defaultValue": type !== lastDefaultValue && (viewTransitionMutationContext = !0); @@ -16334,15 +16789,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$234 - ? updateOptions(domElement, !!lastProps, propKey$234, !1) + null != propKey$237 + ? updateOptions(domElement, !!lastProps, propKey$237, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$234 = null; + propKey = propKey$237 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -16367,7 +16822,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (value) { case "value": name !== type && (viewTransitionMutationContext = !0); - propKey$234 = name; + propKey$237 = name; break; case "defaultValue": name !== type && (viewTransitionMutationContext = !0); @@ -16382,17 +16837,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$234, propKey); + updateTextarea(domElement, propKey$237, propKey); return; case "option": - for (var propKey$250 in lastProps) + for (var propKey$253 in lastProps) if ( - ((propKey$234 = lastProps[propKey$250]), - lastProps.hasOwnProperty(propKey$250) && - null != propKey$234 && - !nextProps.hasOwnProperty(propKey$250)) + ((propKey$237 = lastProps[propKey$253]), + lastProps.hasOwnProperty(propKey$253) && + null != propKey$237 && + !nextProps.hasOwnProperty(propKey$253)) ) - switch (propKey$250) { + switch (propKey$253) { case "selected": domElement.selected = !1; break; @@ -16400,34 +16855,34 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$250, + propKey$253, null, nextProps, - propKey$234 + propKey$237 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$234 = nextProps[lastDefaultValue]), + ((propKey$237 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$234 !== propKey && - (null != propKey$234 || null != propKey)) + propKey$237 !== propKey && + (null != propKey$237 || null != propKey)) ) switch (lastDefaultValue) { case "selected": - propKey$234 !== propKey && (viewTransitionMutationContext = !0); + propKey$237 !== propKey && (viewTransitionMutationContext = !0); domElement.selected = - propKey$234 && - "function" !== typeof propKey$234 && - "symbol" !== typeof propKey$234; + propKey$237 && + "function" !== typeof propKey$237 && + "symbol" !== typeof propKey$237; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$234, + propKey$237, nextProps, propKey ); @@ -16448,24 +16903,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - 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 (var propKey$258 in lastProps) + (propKey$237 = lastProps[propKey$258]), + lastProps.hasOwnProperty(propKey$258) && + null != propKey$237 && + !nextProps.hasOwnProperty(propKey$258) && + setProp(domElement, tag, propKey$258, null, nextProps, propKey$237); for (checked in nextProps) if ( - ((propKey$234 = nextProps[checked]), + ((propKey$237 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$234 !== propKey && - (null != propKey$234 || null != propKey)) + propKey$237 !== propKey && + (null != propKey$237 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$234) + if (null != propKey$237) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -16473,7 +16928,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$234, + propKey$237, nextProps, propKey ); @@ -16481,49 +16936,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$260 in lastProps) - (propKey$234 = lastProps[propKey$260]), - lastProps.hasOwnProperty(propKey$260) && - void 0 !== propKey$234 && - !nextProps.hasOwnProperty(propKey$260) && + for (var propKey$263 in lastProps) + (propKey$237 = lastProps[propKey$263]), + lastProps.hasOwnProperty(propKey$263) && + void 0 !== propKey$237 && + !nextProps.hasOwnProperty(propKey$263) && setPropOnCustomElement( domElement, tag, - propKey$260, + propKey$263, void 0, nextProps, - propKey$234 + propKey$237 ); for (defaultChecked in nextProps) - (propKey$234 = nextProps[defaultChecked]), + (propKey$237 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$234 === propKey || - (void 0 === propKey$234 && void 0 === propKey) || + propKey$237 === propKey || + (void 0 === propKey$237 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$234, + propKey$237, nextProps, propKey ); return; } } - 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 (var propKey$268 in lastProps) + (propKey$237 = lastProps[propKey$268]), + lastProps.hasOwnProperty(propKey$268) && + null != propKey$237 && + !nextProps.hasOwnProperty(propKey$268) && + setProp(domElement, tag, propKey$268, null, nextProps, propKey$237); for (lastProp in nextProps) - (propKey$234 = nextProps[lastProp]), + (propKey$237 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$234 === propKey || - (null == propKey$234 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$234, nextProps, propKey); + propKey$237 === propKey || + (null == propKey$237 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$237, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -16678,6 +17133,10 @@ function unhideInstance(instance, props) { instance.style.display = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } +function applyViewTransitionName(instance, name, className) { + instance.style.viewTransitionName = name; + null != className && (instance.style.viewTransitionClass = className); +} function restoreViewTransitionName(instance, props) { props = props.style; var viewTransitionName = @@ -16703,6 +17162,40 @@ function restoreViewTransitionName(instance, props) { instance.style.viewTransitionClass = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } +function cancelViewTransitionName(instance, oldName, props) { + restoreViewTransitionName(instance, props); + instance = instance.ownerDocument.documentElement; + null !== instance && + instance.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(" + oldName + ")" + } + ); +} +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 @@ -16717,27 +17210,43 @@ function restoreRootViewTransitionName(rootContainer) { "none" === rootContainer.style.viewTransitionName && (rootContainer.style.viewTransitionName = ""); } -function measureInstance(instance) { - var ownerWindow = instance.ownerDocument.defaultView, - rect = instance.getBoundingClientRect(); - instance = getComputedStyle(instance); +function createMeasurement(rect, computedStyle, element) { + element = element.ownerDocument.defaultView; return { rect: rect, - abs: "absolute" === instance.position || "fixed" === instance.position, + abs: + "absolute" === computedStyle.position || + "fixed" === computedStyle.position, clip: - "none" !== instance.clipPath || - "visible" !== instance.overflow || - "none" !== instance.filter || - "none" !== instance.mask || - "none" !== instance.mask || - "0px" !== instance.borderRadius, + "none" !== computedStyle.clipPath || + "visible" !== computedStyle.overflow || + "none" !== computedStyle.filter || + "none" !== computedStyle.mask || + "none" !== computedStyle.mask || + "0px" !== computedStyle.borderRadius, view: 0 <= rect.bottom && 0 <= rect.right && - rect.top <= ownerWindow.innerHeight && - rect.left <= ownerWindow.innerWidth + rect.top <= element.innerHeight && + rect.left <= element.innerWidth }; } +function measureInstance(instance) { + var rect = instance.getBoundingClientRect(), + computedStyle = getComputedStyle(instance); + return createMeasurement(rect, computedStyle, instance); +} +function measureClonedInstance(instance) { + var measuredRect = instance.getBoundingClientRect(); + measuredRect = new DOMRect( + measuredRect.x + 2e4, + measuredRect.y + 2e4, + measuredRect.width, + measuredRect.height + ); + var computedStyle = getComputedStyle(instance); + return createMeasurement(measuredRect, computedStyle, instance); +} function cancelAllViewTransitionAnimations(scope) { for ( var animations = scope.getAnimations({ subtree: !0 }), i = 0; @@ -16948,17 +17457,17 @@ function startGestureTransition( var anim = animations[i]; if ("running" === anim.playState) { pseudoElement = anim.effect; - var pseudoElement$275 = pseudoElement.pseudoElement; + var pseudoElement$278 = pseudoElement.pseudoElement; if ( - null != pseudoElement$275 && - pseudoElement$275.startsWith("::view-transition") && + null != pseudoElement$278 && + pseudoElement$278.startsWith("::view-transition") && pseudoElement.target === documentElement ) { anim.cancel(); var isGeneratedGroupAnim = !1, isExitGroupAnim = !1; - if (pseudoElement$275.startsWith("::view-transition-group")) { - var groupName = pseudoElement$275.slice(23); + if (pseudoElement$278.startsWith("::view-transition-group")) { + var groupName = pseudoElement$278.slice(23); foundNews.has(groupName) ? ((anim = anim.animationName), (isGeneratedGroupAnim = @@ -16969,22 +17478,22 @@ function startGestureTransition( animateGesture( pseudoElement.getKeyframes(), pseudoElement.target, - pseudoElement$275, + pseudoElement$278, 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), + pseudoElement$278.startsWith("::view-transition-old") && + ((pseudoElement$278 = pseudoElement$278.slice(21)), + foundGroups.has(pseudoElement$278) || + foundNews.has(pseudoElement$278) || + (foundGroups.add(pseudoElement$278), animateGesture( [{}, {}], pseudoElement.target, - "::view-transition-group" + pseudoElement$275, + "::view-transition-group" + pseudoElement$278, timeline, rangeStart, rangeEnd, @@ -17582,26 +18091,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$278 = getResourcesFromRoot( + var styles$281 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$279 = styles$278.get(type); - resource$279 || + resource$282 = styles$281.get(type); + resource$282 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$279 = { + (resource$282 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$278.set(type, resource$279), - (styles$278 = JSCompiler_inline_result.querySelector( + styles$281.set(type, resource$282), + (styles$281 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$278._p && - ((resource$279.instance = styles$278), - (resource$279.state.loading = 5)), + !styles$281._p && + ((resource$282.instance = styles$281), + (resource$282.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -17614,16 +18123,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$278 || + styles$281 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$279.state + resource$282.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$279; + return resource$282; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -17720,37 +18229,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$284 = hoistableRoot.querySelector( + var instance$287 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$284) + if (instance$287) return ( (resource.state.loading |= 4), - (resource.instance = instance$284), - markNodeAsHoistable(instance$284), - instance$284 + (resource.instance = instance$287), + markNodeAsHoistable(instance$287), + instance$287 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$284 = ( + instance$287 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$284); - var linkInstance = instance$284; + markNodeAsHoistable(instance$287); + var linkInstance = instance$287; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$284, "link", instance); + setInitialProperties(instance$287, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$284, props.precedence, hoistableRoot); - return (resource.instance = instance$284); + insertStylesheet(instance$287, props.precedence, hoistableRoot); + return (resource.instance = instance$287); case "script": - instance$284 = getScriptKey(props.src); + instance$287 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$284) + getScriptSelectorFromKey(instance$287) )) ) return ( @@ -17759,7 +18268,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$284))) + if ((styleProps = preloadPropsMap.get(instance$287))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -18796,16 +19305,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_2053 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_2098 = React.version; if ( - "19.1.0-experimental-5398b711-20250314" !== - isomorphicReactPackageVersion$jscomp$inline_2053 + "19.1.0-experimental-c69a5fc5-20250318" !== + isomorphicReactPackageVersion$jscomp$inline_2098 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_2053, - "19.1.0-experimental-5398b711-20250314" + isomorphicReactPackageVersion$jscomp$inline_2098, + "19.1.0-experimental-c69a5fc5-20250318" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -18825,24 +19334,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2639 = { +var internals$jscomp$inline_2710 = { bundleType: 0, - version: "19.1.0-experimental-5398b711-20250314", + version: "19.1.0-experimental-c69a5fc5-20250318", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-5398b711-20250314" + reconcilerVersion: "19.1.0-experimental-c69a5fc5-20250318" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2640 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2711 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2640.isDisabled && - hook$jscomp$inline_2640.supportsFiber + !hook$jscomp$inline_2711.isDisabled && + hook$jscomp$inline_2711.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2640.inject( - internals$jscomp$inline_2639 + (rendererID = hook$jscomp$inline_2711.inject( + internals$jscomp$inline_2710 )), - (injectedHook = hook$jscomp$inline_2640); + (injectedHook = hook$jscomp$inline_2711); } catch (err) {} } function noop() {} @@ -19095,7 +19604,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-experimental-5398b711-20250314"; +exports.version = "19.1.0-experimental-c69a5fc5-20250318"; "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 322638f791404..60237e7c2d2da 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 @@ -3603,8 +3603,6 @@ switch (type) { case REACT_FRAGMENT_TYPE: return "Fragment"; - case REACT_PORTAL_TYPE: - return "Portal"; case REACT_PROFILER_TYPE: return "Profiler"; case REACT_STRICT_MODE_TYPE: @@ -3613,6 +3611,8 @@ return "Suspense"; case REACT_SUSPENSE_LIST_TYPE: return "SuspenseList"; + case REACT_ACTIVITY_TYPE: + return "Activity"; case REACT_VIEW_TRANSITION_TYPE: return "ViewTransition"; } @@ -3624,6 +3624,8 @@ ), type.$$typeof) ) { + case REACT_PORTAL_TYPE: + return "Portal"; case REACT_CONTEXT_TYPE: return (type.displayName || "Context") + ".Provider"; case REACT_CONSUMER_TYPE: @@ -5443,7 +5445,7 @@ renderNodeDestructive(request, task, props.children, -1); task.keyPath = prevKeyPath$jscomp$1; return; - case REACT_OFFSCREEN_TYPE: + case REACT_ACTIVITY_TYPE: if ("hidden" !== props.mode) { var prevKeyPath$jscomp$2 = task.keyPath; task.keyPath = keyPath; @@ -5458,10 +5460,17 @@ task.keyPath = _prevKeyPath3; return; case REACT_VIEW_TRANSITION_TYPE: - var _prevKeyPath4 = task.keyPath; + var prevKeyPath$jscomp$3 = task.keyPath; task.keyPath = keyPath; - renderNodeDestructive(request, task, props.children, -1); - task.keyPath = _prevKeyPath4; + if (null != props.name && "auto" !== props.name) + renderNodeDestructive(request, task, props.children, -1); + else { + var prevTreeContext = task.treeContext; + task.treeContext = pushTreeContext(prevTreeContext, 1, 0); + renderNode(request, task, props.children, -1); + task.treeContext = prevTreeContext; + } + task.keyPath = prevKeyPath$jscomp$3; return; case REACT_SCOPE_TYPE: throw Error( @@ -5478,7 +5487,7 @@ task.keyPath = _prevKeyPath; } } else { - var prevKeyPath$jscomp$3 = task.keyPath, + var prevKeyPath$jscomp$4 = task.keyPath, parentBoundary = task.blockedBoundary, parentPreamble = task.blockedPreamble, parentHoistableState = task.hoistableState, @@ -5559,7 +5568,7 @@ } finally { (task.blockedSegment = parentSegment), (task.blockedPreamble = parentPreamble), - (task.keyPath = prevKeyPath$jscomp$3); + (task.keyPath = prevKeyPath$jscomp$4); } var suspendedPrimaryTask = createRenderTask( request, @@ -5649,7 +5658,7 @@ (task.blockedPreamble = parentPreamble), (task.hoistableState = parentHoistableState), (task.blockedSegment = parentSegment), - (task.keyPath = prevKeyPath$jscomp$3); + (task.keyPath = prevKeyPath$jscomp$4); } var suspendedFallbackTask = createRenderTask( request, @@ -5710,7 +5719,7 @@ var value$jscomp$0 = props.value, children$jscomp$1 = props.children; var prevSnapshot = task.context; - var prevKeyPath$jscomp$4 = task.keyPath; + var prevKeyPath$jscomp$5 = task.keyPath; var prevValue = type._currentValue2; type._currentValue2 = value$jscomp$0; void 0 !== type._currentRenderer2 && @@ -5753,7 +5762,7 @@ var JSCompiler_inline_result$jscomp$0 = (currentActiveSnapshot = prevSnapshot$jscomp$0.parent); task.context = JSCompiler_inline_result$jscomp$0; - task.keyPath = prevKeyPath$jscomp$4; + task.keyPath = prevKeyPath$jscomp$5; prevSnapshot !== task.context && console.error( "Popping the context provider did not return back to the original snapshot. This is a bug in React." @@ -5767,10 +5776,10 @@ "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it." ); var newChildren = render(context$jscomp$0._currentValue2), - prevKeyPath$jscomp$5 = task.keyPath; + prevKeyPath$jscomp$6 = task.keyPath; task.keyPath = keyPath; renderNodeDestructive(request, task, newChildren, -1); - task.keyPath = prevKeyPath$jscomp$5; + task.keyPath = prevKeyPath$jscomp$6; return; case REACT_LAZY_TYPE: var Component = callLazyInitInDEV(type); @@ -8147,7 +8156,7 @@ REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_SCOPE_TYPE = Symbol.for("react.scope"), - REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"), + REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"), REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"), REACT_POSTPONE_TYPE = Symbol.for("react.postpone"), @@ -9600,5 +9609,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-5398b711-20250314"; + exports.version = "19.1.0-experimental-c69a5fc5-20250318"; })(); 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 f9d9e801b251c..40acaef85d98c 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 @@ -64,7 +64,7 @@ var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_SCOPE_TYPE = Symbol.for("react.scope"), - REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"), + REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"), REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"), REACT_POSTPONE_TYPE = Symbol.for("react.postpone"), @@ -2748,17 +2748,17 @@ function createRenderState(resumableState, generateStaticMarkup) { "\x3c/script>" ); bootstrapScriptContent = idPrefix + "P:"; - var JSCompiler_object_inline_segmentPrefix_1704 = idPrefix + "S:"; + var JSCompiler_object_inline_segmentPrefix_1712 = idPrefix + "S:"; idPrefix += "B:"; - var JSCompiler_object_inline_preamble_1707 = createPreambleState(), - JSCompiler_object_inline_preconnects_1717 = new Set(), - JSCompiler_object_inline_fontPreloads_1718 = new Set(), - JSCompiler_object_inline_highImagePreloads_1719 = new Set(), - JSCompiler_object_inline_styles_1720 = new Map(), - JSCompiler_object_inline_bootstrapScripts_1721 = new Set(), - JSCompiler_object_inline_scripts_1722 = new Set(), - JSCompiler_object_inline_bulkPreloads_1723 = new Set(), - JSCompiler_object_inline_preloads_1724 = { + var JSCompiler_object_inline_preamble_1715 = createPreambleState(), + JSCompiler_object_inline_preconnects_1725 = new Set(), + JSCompiler_object_inline_fontPreloads_1726 = new Set(), + JSCompiler_object_inline_highImagePreloads_1727 = new Set(), + JSCompiler_object_inline_styles_1728 = new Map(), + JSCompiler_object_inline_bootstrapScripts_1729 = new Set(), + JSCompiler_object_inline_scripts_1730 = new Set(), + JSCompiler_object_inline_bulkPreloads_1731 = new Set(), + JSCompiler_object_inline_preloads_1732 = { images: new Map(), stylesheets: new Map(), scripts: new Map(), @@ -2795,7 +2795,7 @@ function createRenderState(resumableState, generateStaticMarkup) { scriptConfig.moduleScriptResources[href] = null; scriptConfig = []; pushLinkImpl(scriptConfig, props); - JSCompiler_object_inline_bootstrapScripts_1721.add(scriptConfig); + JSCompiler_object_inline_bootstrapScripts_1729.add(scriptConfig); bootstrapChunks.push('