From 9d3ed27e04f1b1820890df6e45129b3c825e9e65 Mon Sep 17 00:00:00 2001 From: rickhanlonii Date: Fri, 13 Sep 2024 13:25:39 -0700 Subject: [PATCH] Call cleanup of insertion effects when hidden (#30954) Insertion effects do not unmount when a subtree is removed while offscreen. Current behavior for an insertion effect is if the component goes - *visible -> removed:* calls insertion effect cleanup - *visible -> offscreen -> removed:* insertion effect cleanup is never called This makes it so we always call insertion effect cleanup when removing the component. Likely also fixes https://github.com/facebook/react/issues/26670 --------- Co-authored-by: Rick Hanlon DiffTrain build for [d3d4d3a46b014ab0f6edc443c19fcdba09105f20](https://github.com/facebook/react/commit/d3d4d3a46b014ab0f6edc443c19fcdba09105f20) --- compiled/facebook-www/REVISION | 2 +- compiled/facebook-www/REVISION_TRANSFORMS | 2 +- compiled/facebook-www/React-dev.classic.js | 2 +- compiled/facebook-www/React-dev.modern.js | 2 +- compiled/facebook-www/React-prod.classic.js | 2 +- compiled/facebook-www/React-prod.modern.js | 2 +- .../facebook-www/React-profiling.classic.js | 2 +- .../facebook-www/React-profiling.modern.js | 2 +- compiled/facebook-www/ReactART-dev.classic.js | 144 +++-- compiled/facebook-www/ReactART-dev.modern.js | 144 +++-- .../facebook-www/ReactART-prod.classic.js | 121 +++-- compiled/facebook-www/ReactART-prod.modern.js | 119 +++-- compiled/facebook-www/ReactDOM-dev.classic.js | 503 ++++++++++-------- compiled/facebook-www/ReactDOM-dev.modern.js | 475 +++++++++-------- .../facebook-www/ReactDOM-prod.classic.js | 433 ++++++++------- compiled/facebook-www/ReactDOM-prod.modern.js | 405 +++++++------- .../ReactDOM-profiling.classic.js | 498 +++++++++-------- .../facebook-www/ReactDOM-profiling.modern.js | 470 ++++++++-------- .../ReactDOMServer-dev.classic.js | 2 +- .../facebook-www/ReactDOMServer-dev.modern.js | 2 +- .../ReactDOMServer-prod.classic.js | 2 +- .../ReactDOMServer-prod.modern.js | 2 +- .../ReactDOMTesting-dev.classic.js | 503 ++++++++++-------- .../ReactDOMTesting-dev.modern.js | 475 +++++++++-------- .../ReactDOMTesting-prod.classic.js | 441 ++++++++------- .../ReactDOMTesting-prod.modern.js | 413 +++++++------- .../ReactReconciler-dev.classic.js | 139 +++-- .../ReactReconciler-dev.modern.js | 139 +++-- .../ReactReconciler-prod.classic.js | 129 +++-- .../ReactReconciler-prod.modern.js | 127 +++-- .../ReactTestRenderer-dev.classic.js | 26 +- .../ReactTestRenderer-dev.modern.js | 26 +- compiled/facebook-www/VERSION_CLASSIC | 2 +- compiled/facebook-www/VERSION_MODERN | 2 +- 34 files changed, 3254 insertions(+), 2504 deletions(-) diff --git a/compiled/facebook-www/REVISION b/compiled/facebook-www/REVISION index b795b69a88623..c992fb345e32d 100644 --- a/compiled/facebook-www/REVISION +++ b/compiled/facebook-www/REVISION @@ -1 +1 @@ -94e4acaa1477e65cac02ba86058cde0afe4c8f1f +d3d4d3a46b014ab0f6edc443c19fcdba09105f20 diff --git a/compiled/facebook-www/REVISION_TRANSFORMS b/compiled/facebook-www/REVISION_TRANSFORMS index b795b69a88623..c992fb345e32d 100644 --- a/compiled/facebook-www/REVISION_TRANSFORMS +++ b/compiled/facebook-www/REVISION_TRANSFORMS @@ -1 +1 @@ -94e4acaa1477e65cac02ba86058cde0afe4c8f1f +d3d4d3a46b014ab0f6edc443c19fcdba09105f20 diff --git a/compiled/facebook-www/React-dev.classic.js b/compiled/facebook-www/React-dev.classic.js index 287b2e7b73926..17e622f270550 100644 --- a/compiled/facebook-www/React-dev.classic.js +++ b/compiled/facebook-www/React-dev.classic.js @@ -2001,7 +2001,7 @@ __DEV__ && exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.0.0-www-classic-94e4acaa-20240913"; + exports.version = "19.0.0-www-classic-d3d4d3a4-20240913"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/React-dev.modern.js b/compiled/facebook-www/React-dev.modern.js index 117b250320085..61674e1b0cf8d 100644 --- a/compiled/facebook-www/React-dev.modern.js +++ b/compiled/facebook-www/React-dev.modern.js @@ -1981,7 +1981,7 @@ __DEV__ && exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.0.0-www-modern-94e4acaa-20240913"; + exports.version = "19.0.0-www-modern-d3d4d3a4-20240913"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/React-prod.classic.js b/compiled/facebook-www/React-prod.classic.js index adafda2930882..17a27d2cb2a5d 100644 --- a/compiled/facebook-www/React-prod.classic.js +++ b/compiled/facebook-www/React-prod.classic.js @@ -665,4 +665,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-www-classic-94e4acaa-20240913"; +exports.version = "19.0.0-www-classic-d3d4d3a4-20240913"; diff --git a/compiled/facebook-www/React-prod.modern.js b/compiled/facebook-www/React-prod.modern.js index 1f152b62fa913..e7131fb1509c1 100644 --- a/compiled/facebook-www/React-prod.modern.js +++ b/compiled/facebook-www/React-prod.modern.js @@ -665,4 +665,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-www-modern-94e4acaa-20240913"; +exports.version = "19.0.0-www-modern-d3d4d3a4-20240913"; diff --git a/compiled/facebook-www/React-profiling.classic.js b/compiled/facebook-www/React-profiling.classic.js index e79afe96e7aa5..730b158874382 100644 --- a/compiled/facebook-www/React-profiling.classic.js +++ b/compiled/facebook-www/React-profiling.classic.js @@ -669,7 +669,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-www-classic-94e4acaa-20240913"; +exports.version = "19.0.0-www-classic-d3d4d3a4-20240913"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/React-profiling.modern.js b/compiled/facebook-www/React-profiling.modern.js index 2fbbb491fcf6a..2356b1ddb06d9 100644 --- a/compiled/facebook-www/React-profiling.modern.js +++ b/compiled/facebook-www/React-profiling.modern.js @@ -669,7 +669,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-www-modern-94e4acaa-20240913"; +exports.version = "19.0.0-www-modern-d3d4d3a4-20240913"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactART-dev.classic.js b/compiled/facebook-www/ReactART-dev.classic.js index f42e12c927d01..e715c2eb97bcc 100644 --- a/compiled/facebook-www/ReactART-dev.classic.js +++ b/compiled/facebook-www/ReactART-dev.classic.js @@ -9786,9 +9786,7 @@ __DEV__ && markComponentLayoutEffectUnmountStarted(finishedWork)), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0), - runWithFiberInDEV( - finishedWork, - callDestroyInDEV, + safelyCallDestroy( finishedWork, nearestMountedAncestor, destroy @@ -10028,6 +10026,15 @@ __DEV__ && } else ref.current = null; } + function safelyCallDestroy(current, nearestMountedAncestor, destroy) { + runWithFiberInDEV( + current, + callDestroyInDEV, + current, + nearestMountedAncestor, + destroy + ); + } function commitProfiler(finishedWork, current, commitTime, effectDuration) { var _finishedWork$memoize = finishedWork.memoizedProps, onCommit = _finishedWork$memoize.onCommit; @@ -10816,7 +10823,54 @@ __DEV__ && case 11: case 14: case 15: - if ( + if (enableHiddenSubtreeInsertionEffectCleanup) { + if ( + ((_prevHostParent = deletedFiber.updateQueue), + null !== _prevHostParent && + ((_prevHostParent = _prevHostParent.lastEffect), + null !== _prevHostParent)) + ) { + _prevHostParentIsContainer = _prevHostParent = + _prevHostParent.next; + do { + var tag = _prevHostParentIsContainer.tag, + inst = _prevHostParentIsContainer.inst, + destroy = inst.destroy; + void 0 !== destroy && + ((tag & Insertion) !== NoFlags + ? ((isRunningInsertionEffect = !0), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + (isRunningInsertionEffect = !1)) + : offscreenSubtreeWasHidden || + (tag & Layout) === NoFlags || + (enableSchedulingProfiler && + markComponentLayoutEffectUnmountStarted(deletedFiber), + shouldProfile(deletedFiber) + ? (startLayoutEffectTimer(), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + recordLayoutEffectDuration(deletedFiber)) + : ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )), + enableSchedulingProfiler && + markComponentLayoutEffectUnmountStopped())); + _prevHostParentIsContainer = _prevHostParentIsContainer.next; + } while (_prevHostParentIsContainer !== _prevHostParent); + } + } else if ( !offscreenSubtreeWasHidden && ((_prevHostParent = deletedFiber.updateQueue), null !== _prevHostParent && @@ -10824,46 +10878,40 @@ __DEV__ && null !== _prevHostParent)) ) { _prevHostParentIsContainer = _prevHostParent = _prevHostParent.next; - do { - var tag = _prevHostParentIsContainer.tag, - inst = _prevHostParentIsContainer.inst, - destroy = inst.destroy; - void 0 !== destroy && - ((tag & Insertion) !== NoFlags - ? ((inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - )) - : (tag & Layout) !== NoFlags && - (enableSchedulingProfiler && - markComponentLayoutEffectUnmountStarted(deletedFiber), - shouldProfile(deletedFiber) - ? (startLayoutEffectTimer(), - (inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - ), - recordLayoutEffectDuration(deletedFiber)) - : ((inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - )), - enableSchedulingProfiler && - markComponentLayoutEffectUnmountStopped())); - _prevHostParentIsContainer = _prevHostParentIsContainer.next; - } while (_prevHostParentIsContainer !== _prevHostParent); + do + (tag = _prevHostParentIsContainer.tag), + (inst = _prevHostParentIsContainer.inst), + (destroy = inst.destroy), + void 0 !== destroy && + ((tag & Insertion) !== NoFlags + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : (tag & Layout) !== NoFlags && + (enableSchedulingProfiler && + markComponentLayoutEffectUnmountStarted(deletedFiber), + shouldProfile(deletedFiber) + ? (startLayoutEffectTimer(), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + recordLayoutEffectDuration(deletedFiber)) + : ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )), + enableSchedulingProfiler && + markComponentLayoutEffectUnmountStopped())), + (_prevHostParentIsContainer = _prevHostParentIsContainer.next); + while (_prevHostParentIsContainer !== _prevHostParent); } recursivelyTraverseDeletionEffects( finishedRoot, @@ -14863,6 +14911,8 @@ __DEV__ && enableRenderableContext = dynamicFeatureFlags.enableRenderableContext, enableRetryLaneExpiration = dynamicFeatureFlags.enableRetryLaneExpiration, enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing, + enableHiddenSubtreeInsertionEffectCleanup = + dynamicFeatureFlags.enableHiddenSubtreeInsertionEffectCleanup, renameElementSymbol = dynamicFeatureFlags.renameElementSymbol, retryLaneExpirationMs = dynamicFeatureFlags.retryLaneExpirationMs, syncLaneExpirationMs = dynamicFeatureFlags.syncLaneExpirationMs, @@ -17062,11 +17112,11 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.0.0-www-classic-94e4acaa-20240913", + version: "19.0.0-www-classic-d3d4d3a4-20240913", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-94e4acaa-20240913" + reconcilerVersion: "19.0.0-www-classic-d3d4d3a4-20240913" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -17100,7 +17150,7 @@ __DEV__ && exports.Shape = Shape; exports.Surface = Surface; exports.Text = Text; - exports.version = "19.0.0-www-classic-94e4acaa-20240913"; + exports.version = "19.0.0-www-classic-d3d4d3a4-20240913"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactART-dev.modern.js b/compiled/facebook-www/ReactART-dev.modern.js index 377dc9294380d..40d26dd9166d4 100644 --- a/compiled/facebook-www/ReactART-dev.modern.js +++ b/compiled/facebook-www/ReactART-dev.modern.js @@ -9418,9 +9418,7 @@ __DEV__ && markComponentLayoutEffectUnmountStarted(finishedWork)), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0), - runWithFiberInDEV( - finishedWork, - callDestroyInDEV, + safelyCallDestroy( finishedWork, nearestMountedAncestor, destroy @@ -9650,6 +9648,15 @@ __DEV__ && } else ref.current = null; } + function safelyCallDestroy(current, nearestMountedAncestor, destroy) { + runWithFiberInDEV( + current, + callDestroyInDEV, + current, + nearestMountedAncestor, + destroy + ); + } function commitProfiler(finishedWork, current, commitTime, effectDuration) { var _finishedWork$memoize = finishedWork.memoizedProps, onCommit = _finishedWork$memoize.onCommit; @@ -10433,7 +10440,54 @@ __DEV__ && case 11: case 14: case 15: - if ( + if (enableHiddenSubtreeInsertionEffectCleanup) { + if ( + ((_prevHostParent = deletedFiber.updateQueue), + null !== _prevHostParent && + ((_prevHostParent = _prevHostParent.lastEffect), + null !== _prevHostParent)) + ) { + _prevHostParentIsContainer = _prevHostParent = + _prevHostParent.next; + do { + var tag = _prevHostParentIsContainer.tag, + inst = _prevHostParentIsContainer.inst, + destroy = inst.destroy; + void 0 !== destroy && + ((tag & Insertion) !== NoFlags + ? ((isRunningInsertionEffect = !0), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + (isRunningInsertionEffect = !1)) + : offscreenSubtreeWasHidden || + (tag & Layout) === NoFlags || + (enableSchedulingProfiler && + markComponentLayoutEffectUnmountStarted(deletedFiber), + shouldProfile(deletedFiber) + ? (startLayoutEffectTimer(), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + recordLayoutEffectDuration(deletedFiber)) + : ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )), + enableSchedulingProfiler && + markComponentLayoutEffectUnmountStopped())); + _prevHostParentIsContainer = _prevHostParentIsContainer.next; + } while (_prevHostParentIsContainer !== _prevHostParent); + } + } else if ( !offscreenSubtreeWasHidden && ((_prevHostParent = deletedFiber.updateQueue), null !== _prevHostParent && @@ -10441,46 +10495,40 @@ __DEV__ && null !== _prevHostParent)) ) { _prevHostParentIsContainer = _prevHostParent = _prevHostParent.next; - do { - var tag = _prevHostParentIsContainer.tag, - inst = _prevHostParentIsContainer.inst, - destroy = inst.destroy; - void 0 !== destroy && - ((tag & Insertion) !== NoFlags - ? ((inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - )) - : (tag & Layout) !== NoFlags && - (enableSchedulingProfiler && - markComponentLayoutEffectUnmountStarted(deletedFiber), - shouldProfile(deletedFiber) - ? (startLayoutEffectTimer(), - (inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - ), - recordLayoutEffectDuration(deletedFiber)) - : ((inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - )), - enableSchedulingProfiler && - markComponentLayoutEffectUnmountStopped())); - _prevHostParentIsContainer = _prevHostParentIsContainer.next; - } while (_prevHostParentIsContainer !== _prevHostParent); + do + (tag = _prevHostParentIsContainer.tag), + (inst = _prevHostParentIsContainer.inst), + (destroy = inst.destroy), + void 0 !== destroy && + ((tag & Insertion) !== NoFlags + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : (tag & Layout) !== NoFlags && + (enableSchedulingProfiler && + markComponentLayoutEffectUnmountStarted(deletedFiber), + shouldProfile(deletedFiber) + ? (startLayoutEffectTimer(), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + recordLayoutEffectDuration(deletedFiber)) + : ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )), + enableSchedulingProfiler && + markComponentLayoutEffectUnmountStopped())), + (_prevHostParentIsContainer = _prevHostParentIsContainer.next); + while (_prevHostParentIsContainer !== _prevHostParent); } recursivelyTraverseDeletionEffects( finishedRoot, @@ -14305,6 +14353,8 @@ __DEV__ && enableRenderableContext = dynamicFeatureFlags.enableRenderableContext, enableRetryLaneExpiration = dynamicFeatureFlags.enableRetryLaneExpiration, enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing, + enableHiddenSubtreeInsertionEffectCleanup = + dynamicFeatureFlags.enableHiddenSubtreeInsertionEffectCleanup, renameElementSymbol = dynamicFeatureFlags.renameElementSymbol, retryLaneExpirationMs = dynamicFeatureFlags.retryLaneExpirationMs, syncLaneExpirationMs = dynamicFeatureFlags.syncLaneExpirationMs, @@ -16508,11 +16558,11 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.0.0-www-modern-94e4acaa-20240913", + version: "19.0.0-www-modern-d3d4d3a4-20240913", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-94e4acaa-20240913" + reconcilerVersion: "19.0.0-www-modern-d3d4d3a4-20240913" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -16546,7 +16596,7 @@ __DEV__ && exports.Shape = Shape; exports.Surface = Surface; exports.Text = Text; - exports.version = "19.0.0-www-modern-94e4acaa-20240913"; + exports.version = "19.0.0-www-modern-d3d4d3a4-20240913"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactART-prod.classic.js b/compiled/facebook-www/ReactART-prod.classic.js index db827ff2507e2..1fd21627e61d8 100644 --- a/compiled/facebook-www/ReactART-prod.classic.js +++ b/compiled/facebook-www/ReactART-prod.classic.js @@ -79,6 +79,8 @@ var dynamicFeatureFlags = require("ReactFeatureFlags"), enableRenderableContext = dynamicFeatureFlags.enableRenderableContext, enableRetryLaneExpiration = dynamicFeatureFlags.enableRetryLaneExpiration, enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing, + enableHiddenSubtreeInsertionEffectCleanup = + dynamicFeatureFlags.enableHiddenSubtreeInsertionEffectCleanup, renameElementSymbol = dynamicFeatureFlags.renameElementSymbol, retryLaneExpirationMs = dynamicFeatureFlags.retryLaneExpirationMs, syncLaneExpirationMs = dynamicFeatureFlags.syncLaneExpirationMs, @@ -7769,33 +7771,62 @@ function commitDeletionEffectsOnFiber( case 11: case 14: case 15: - if ( + if (enableHiddenSubtreeInsertionEffectCleanup) { + if ( + ((child = deletedFiber.updateQueue), + null !== child && ((child = child.lastEffect), null !== child)) + ) { + child$jscomp$0 = child = child.next; + do { + prevHostParent = child$jscomp$0.tag; + prevHostParentIsContainer = child$jscomp$0.inst; + var destroy = prevHostParentIsContainer.destroy; + void 0 !== destroy && + (0 !== (prevHostParent & 2) + ? ((prevHostParentIsContainer.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : offscreenSubtreeWasHidden || + 0 === (prevHostParent & 4) || + ((prevHostParentIsContainer.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ))); + child$jscomp$0 = child$jscomp$0.next; + } while (child$jscomp$0 !== child); + } + } else if ( !offscreenSubtreeWasHidden && ((child = deletedFiber.updateQueue), null !== child && ((child = child.lastEffect), null !== child)) ) { child$jscomp$0 = child = child.next; - do { - prevHostParent = child$jscomp$0.tag; - prevHostParentIsContainer = child$jscomp$0.inst; - var destroy = prevHostParentIsContainer.destroy; - void 0 !== destroy && - (0 !== (prevHostParent & 2) - ? ((prevHostParentIsContainer.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - )) - : 0 !== (prevHostParent & 4) && - ((prevHostParentIsContainer.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - ))); - child$jscomp$0 = child$jscomp$0.next; - } while (child$jscomp$0 !== child); + do + (prevHostParent = child$jscomp$0.tag), + (prevHostParentIsContainer = child$jscomp$0.inst), + (destroy = prevHostParentIsContainer.destroy), + void 0 !== destroy && + (0 !== (prevHostParent & 2) + ? ((prevHostParentIsContainer.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : 0 !== (prevHostParent & 4) && + ((prevHostParentIsContainer.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ))), + (child$jscomp$0 = child$jscomp$0.next); + while (child$jscomp$0 !== child); } recursivelyTraverseDeletionEffects( finishedRoot, @@ -8656,9 +8687,9 @@ function recursivelyTraverseReconnectPassiveEffects( ); break; case 22: - var instance$140 = finishedWork.stateNode; + var instance$147 = finishedWork.stateNode; null !== finishedWork.memoizedState - ? instance$140._visibility & 4 + ? instance$147._visibility & 4 ? recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -8671,7 +8702,7 @@ function recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork ) - : ((instance$140._visibility |= 4), + : ((instance$147._visibility |= 4), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -8679,7 +8710,7 @@ function recursivelyTraverseReconnectPassiveEffects( committedTransitions, includeWorkInProgressEffects )) - : ((instance$140._visibility |= 4), + : ((instance$147._visibility |= 4), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -8692,7 +8723,7 @@ function recursivelyTraverseReconnectPassiveEffects( commitOffscreenPassiveMountEffects( finishedWork.alternate, finishedWork, - instance$140 + instance$147 ); break; case 24: @@ -8786,12 +8817,12 @@ function accumulateSuspenseyCommitOnFiber(fiber) { break; case 22: if (null === fiber.memoizedState) { - var current$145 = fiber.alternate; - null !== current$145 && null !== current$145.memoizedState - ? ((current$145 = suspenseyCommitFlag), + var current$152 = fiber.alternate; + null !== current$152 && null !== current$152.memoizedState + ? ((current$152 = suspenseyCommitFlag), (suspenseyCommitFlag = 16777216), recursivelyAccumulateSuspenseyCommit(fiber), - (suspenseyCommitFlag = current$145)) + (suspenseyCommitFlag = current$152)) : recursivelyAccumulateSuspenseyCommit(fiber); } break; @@ -9656,8 +9687,8 @@ function renderRootSync(root, lanes) { } workLoopSync(); break; - } catch (thrownValue$151) { - handleThrow(root, thrownValue$151); + } catch (thrownValue$158) { + handleThrow(root, thrownValue$158); } while (1); lanes && root.shellSuspendCounter++; @@ -9772,8 +9803,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrent(); break; - } catch (thrownValue$153) { - handleThrow(root, thrownValue$153); + } catch (thrownValue$160) { + handleThrow(root, thrownValue$160); } while (1); resetContextDependencies(); @@ -10850,27 +10881,27 @@ var slice = Array.prototype.slice, }; return Text; })(React.Component); -var internals$jscomp$inline_1417 = { +var internals$jscomp$inline_1424 = { bundleType: 0, - version: "19.0.0-www-classic-94e4acaa-20240913", + version: "19.0.0-www-classic-d3d4d3a4-20240913", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: function () { return null; }, - reconcilerVersion: "19.0.0-www-classic-94e4acaa-20240913" + reconcilerVersion: "19.0.0-www-classic-d3d4d3a4-20240913" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_1418 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_1425 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_1418.isDisabled && - hook$jscomp$inline_1418.supportsFiber + !hook$jscomp$inline_1425.isDisabled && + hook$jscomp$inline_1425.supportsFiber ) try { - (rendererID = hook$jscomp$inline_1418.inject( - internals$jscomp$inline_1417 + (rendererID = hook$jscomp$inline_1425.inject( + internals$jscomp$inline_1424 )), - (injectedHook = hook$jscomp$inline_1418); + (injectedHook = hook$jscomp$inline_1425); } catch (err) {} } var Path = Mode$1.Path; @@ -10884,4 +10915,4 @@ exports.RadialGradient = RadialGradient; exports.Shape = TYPES.SHAPE; exports.Surface = Surface; exports.Text = Text; -exports.version = "19.0.0-www-classic-94e4acaa-20240913"; +exports.version = "19.0.0-www-classic-d3d4d3a4-20240913"; diff --git a/compiled/facebook-www/ReactART-prod.modern.js b/compiled/facebook-www/ReactART-prod.modern.js index 652a8bd785558..18804f03eb150 100644 --- a/compiled/facebook-www/ReactART-prod.modern.js +++ b/compiled/facebook-www/ReactART-prod.modern.js @@ -77,6 +77,8 @@ var dynamicFeatureFlags = require("ReactFeatureFlags"), enableRenderableContext = dynamicFeatureFlags.enableRenderableContext, enableRetryLaneExpiration = dynamicFeatureFlags.enableRetryLaneExpiration, enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing, + enableHiddenSubtreeInsertionEffectCleanup = + dynamicFeatureFlags.enableHiddenSubtreeInsertionEffectCleanup, renameElementSymbol = dynamicFeatureFlags.renameElementSymbol, retryLaneExpirationMs = dynamicFeatureFlags.retryLaneExpirationMs, syncLaneExpirationMs = dynamicFeatureFlags.syncLaneExpirationMs, @@ -7373,33 +7375,62 @@ function commitDeletionEffectsOnFiber( case 11: case 14: case 15: - if ( + if (enableHiddenSubtreeInsertionEffectCleanup) { + if ( + ((child = deletedFiber.updateQueue), + null !== child && ((child = child.lastEffect), null !== child)) + ) { + child$jscomp$0 = child = child.next; + do { + prevHostParent = child$jscomp$0.tag; + prevHostParentIsContainer = child$jscomp$0.inst; + var destroy = prevHostParentIsContainer.destroy; + void 0 !== destroy && + (0 !== (prevHostParent & 2) + ? ((prevHostParentIsContainer.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : offscreenSubtreeWasHidden || + 0 === (prevHostParent & 4) || + ((prevHostParentIsContainer.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ))); + child$jscomp$0 = child$jscomp$0.next; + } while (child$jscomp$0 !== child); + } + } else if ( !offscreenSubtreeWasHidden && ((child = deletedFiber.updateQueue), null !== child && ((child = child.lastEffect), null !== child)) ) { child$jscomp$0 = child = child.next; - do { - prevHostParent = child$jscomp$0.tag; - prevHostParentIsContainer = child$jscomp$0.inst; - var destroy = prevHostParentIsContainer.destroy; - void 0 !== destroy && - (0 !== (prevHostParent & 2) - ? ((prevHostParentIsContainer.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - )) - : 0 !== (prevHostParent & 4) && - ((prevHostParentIsContainer.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - ))); - child$jscomp$0 = child$jscomp$0.next; - } while (child$jscomp$0 !== child); + do + (prevHostParent = child$jscomp$0.tag), + (prevHostParentIsContainer = child$jscomp$0.inst), + (destroy = prevHostParentIsContainer.destroy), + void 0 !== destroy && + (0 !== (prevHostParent & 2) + ? ((prevHostParentIsContainer.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : 0 !== (prevHostParent & 4) && + ((prevHostParentIsContainer.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ))), + (child$jscomp$0 = child$jscomp$0.next); + while (child$jscomp$0 !== child); } recursivelyTraverseDeletionEffects( finishedRoot, @@ -8240,9 +8271,9 @@ function recursivelyTraverseReconnectPassiveEffects( ); break; case 22: - var instance$131 = finishedWork.stateNode; + var instance$138 = finishedWork.stateNode; null !== finishedWork.memoizedState - ? instance$131._visibility & 4 + ? instance$138._visibility & 4 ? recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -8254,7 +8285,7 @@ function recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork ) - : ((instance$131._visibility |= 4), + : ((instance$138._visibility |= 4), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -8267,7 +8298,7 @@ function recursivelyTraverseReconnectPassiveEffects( commitOffscreenPassiveMountEffects( finishedWork.alternate, finishedWork, - instance$131 + instance$138 ); break; case 24: @@ -8361,12 +8392,12 @@ function accumulateSuspenseyCommitOnFiber(fiber) { break; case 22: if (null === fiber.memoizedState) { - var current$136 = fiber.alternate; - null !== current$136 && null !== current$136.memoizedState - ? ((current$136 = suspenseyCommitFlag), + var current$143 = fiber.alternate; + null !== current$143 && null !== current$143.memoizedState + ? ((current$143 = suspenseyCommitFlag), (suspenseyCommitFlag = 16777216), recursivelyAccumulateSuspenseyCommit(fiber), - (suspenseyCommitFlag = current$136)) + (suspenseyCommitFlag = current$143)) : recursivelyAccumulateSuspenseyCommit(fiber); } break; @@ -9222,8 +9253,8 @@ function renderRootSync(root, lanes) { } workLoopSync(); break; - } catch (thrownValue$142) { - handleThrow(root, thrownValue$142); + } catch (thrownValue$149) { + handleThrow(root, thrownValue$149); } while (1); lanes && root.shellSuspendCounter++; @@ -9338,8 +9369,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrent(); break; - } catch (thrownValue$144) { - handleThrow(root, thrownValue$144); + } catch (thrownValue$151) { + handleThrow(root, thrownValue$151); } while (1); resetContextDependencies(); @@ -10364,27 +10395,27 @@ var slice = Array.prototype.slice, }; return Text; })(React.Component); -var internals$jscomp$inline_1409 = { +var internals$jscomp$inline_1416 = { bundleType: 0, - version: "19.0.0-www-modern-94e4acaa-20240913", + version: "19.0.0-www-modern-d3d4d3a4-20240913", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: function () { return null; }, - reconcilerVersion: "19.0.0-www-modern-94e4acaa-20240913" + reconcilerVersion: "19.0.0-www-modern-d3d4d3a4-20240913" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_1410 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_1417 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_1410.isDisabled && - hook$jscomp$inline_1410.supportsFiber + !hook$jscomp$inline_1417.isDisabled && + hook$jscomp$inline_1417.supportsFiber ) try { - (rendererID = hook$jscomp$inline_1410.inject( - internals$jscomp$inline_1409 + (rendererID = hook$jscomp$inline_1417.inject( + internals$jscomp$inline_1416 )), - (injectedHook = hook$jscomp$inline_1410); + (injectedHook = hook$jscomp$inline_1417); } catch (err) {} } var Path = Mode$1.Path; @@ -10398,4 +10429,4 @@ exports.RadialGradient = RadialGradient; exports.Shape = TYPES.SHAPE; exports.Surface = Surface; exports.Text = Text; -exports.version = "19.0.0-www-modern-94e4acaa-20240913"; +exports.version = "19.0.0-www-modern-d3d4d3a4-20240913"; diff --git a/compiled/facebook-www/ReactDOM-dev.classic.js b/compiled/facebook-www/ReactDOM-dev.classic.js index 9e36e7bab3fa6..385013d3f0f98 100644 --- a/compiled/facebook-www/ReactDOM-dev.classic.js +++ b/compiled/facebook-www/ReactDOM-dev.classic.js @@ -9199,32 +9199,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2414; - var JSCompiler_object_inline_stack_2415 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2402; + var JSCompiler_object_inline_stack_2403 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2416 = !1; + var JSCompiler_object_inline_componentStack_2404 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2414 = didSuspend) || - (JSCompiler_object_inline_digest_2414 = + (JSCompiler_object_inline_digest_2402 = didSuspend) || + (JSCompiler_object_inline_digest_2402 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2414 && - ((JSCompiler_object_inline_componentStack_2416 = !0), + JSCompiler_object_inline_digest_2402 && + ((JSCompiler_object_inline_componentStack_2404 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2414 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2402 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2416 + JSCompiler_object_inline_componentStack_2404 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2413 = nextHydratableInstance; + var JSCompiler_object_inline_message_2401 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2413)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2401)) { c: { - var instance = JSCompiler_object_inline_message_2413; + var instance = JSCompiler_object_inline_message_2401; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -9265,19 +9265,19 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2413 + JSCompiler_object_inline_message_2401 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2413 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2401 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2413 && - ((JSCompiler_object_inline_message_2413 = - JSCompiler_object_inline_message_2413.dehydrated), - null !== JSCompiler_object_inline_message_2413) + null !== JSCompiler_object_inline_message_2401 && + ((JSCompiler_object_inline_message_2401 = + JSCompiler_object_inline_message_2401.dehydrated), + null !== JSCompiler_object_inline_message_2401) ) return ( - JSCompiler_object_inline_message_2413.data === + JSCompiler_object_inline_message_2401.data === SUSPENSE_FALLBACK_START_DATA ? (workInProgress.lanes = 16) : (workInProgress.lanes = 536870912), @@ -9285,27 +9285,27 @@ __DEV__ && ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2413 = - JSCompiler_object_inline_stack_2415.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2415.fallback; - if (JSCompiler_object_inline_componentStack_2416) + JSCompiler_object_inline_message_2401 = + JSCompiler_object_inline_stack_2403.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2403.fallback; + if (JSCompiler_object_inline_componentStack_2404) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2415 = + (JSCompiler_object_inline_stack_2403 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2413, + JSCompiler_object_inline_message_2401, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2416 = + (JSCompiler_object_inline_componentStack_2404 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2416.memoizedState = + (JSCompiler_object_inline_componentStack_2404.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2416.childLanes = + (JSCompiler_object_inline_componentStack_2404.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2414, + JSCompiler_object_inline_digest_2402, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9318,9 +9318,9 @@ __DEV__ && ? markerInstanceStack.current : null), (current = - JSCompiler_object_inline_componentStack_2416.updateQueue), + JSCompiler_object_inline_componentStack_2404.updateQueue), null === current - ? (JSCompiler_object_inline_componentStack_2416.updateQueue = + ? (JSCompiler_object_inline_componentStack_2404.updateQueue = { transitions: workInProgress, markerInstances: renderLanes, @@ -9328,46 +9328,46 @@ __DEV__ && }) : ((current.transitions = workInProgress), (current.markerInstances = renderLanes)))), - JSCompiler_object_inline_stack_2415 + JSCompiler_object_inline_stack_2403 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2415.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2403.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2415 = + (JSCompiler_object_inline_stack_2403 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2413, + JSCompiler_object_inline_message_2401, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2416 = + (JSCompiler_object_inline_componentStack_2404 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2416.memoizedState = + (JSCompiler_object_inline_componentStack_2404.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2416.childLanes = + (JSCompiler_object_inline_componentStack_2404.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2414, + JSCompiler_object_inline_digest_2402, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2415 + JSCompiler_object_inline_stack_2403 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2413 + JSCompiler_object_inline_message_2401 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2413 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2413) + ((JSCompiler_object_inline_message_2401 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2401) ) { if (didSuspend) workInProgress.flags & 256 @@ -9384,32 +9384,32 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2416 = - JSCompiler_object_inline_stack_2415.fallback), - (JSCompiler_object_inline_message_2413 = workInProgress.mode), - (JSCompiler_object_inline_stack_2415 = createFiberFromOffscreen( + (JSCompiler_object_inline_componentStack_2404 = + JSCompiler_object_inline_stack_2403.fallback), + (JSCompiler_object_inline_message_2401 = workInProgress.mode), + (JSCompiler_object_inline_stack_2403 = createFiberFromOffscreen( { mode: "visible", - children: JSCompiler_object_inline_stack_2415.children + children: JSCompiler_object_inline_stack_2403.children }, - JSCompiler_object_inline_message_2413, + JSCompiler_object_inline_message_2401, 0, null )), - (JSCompiler_object_inline_componentStack_2416 = + (JSCompiler_object_inline_componentStack_2404 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2416, - JSCompiler_object_inline_message_2413, + JSCompiler_object_inline_componentStack_2404, + JSCompiler_object_inline_message_2401, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2416.flags |= 2), - (JSCompiler_object_inline_stack_2415.return = workInProgress), - (JSCompiler_object_inline_componentStack_2416.return = + (JSCompiler_object_inline_componentStack_2404.flags |= 2), + (JSCompiler_object_inline_stack_2403.return = workInProgress), + (JSCompiler_object_inline_componentStack_2404.return = workInProgress), - (JSCompiler_object_inline_stack_2415.sibling = - JSCompiler_object_inline_componentStack_2416), - (workInProgress.child = JSCompiler_object_inline_stack_2415), + (JSCompiler_object_inline_stack_2403.sibling = + JSCompiler_object_inline_componentStack_2404), + (workInProgress.child = JSCompiler_object_inline_stack_2403), (disableLegacyMode || (workInProgress.mode & ConcurrentMode) !== NoMode) && reconcileChildFibers( @@ -9418,63 +9418,63 @@ __DEV__ && null, renderLanes ), - (JSCompiler_object_inline_stack_2415 = workInProgress.child), - (JSCompiler_object_inline_stack_2415.memoizedState = + (JSCompiler_object_inline_stack_2403 = workInProgress.child), + (JSCompiler_object_inline_stack_2403.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2415.childLanes = + (JSCompiler_object_inline_stack_2403.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2414, + JSCompiler_object_inline_digest_2402, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2416)); + JSCompiler_object_inline_componentStack_2404)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && error$jscomp$0( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - JSCompiler_object_inline_message_2413.data === + JSCompiler_object_inline_message_2401.data === SUSPENSE_FALLBACK_START_DATA) ) { - JSCompiler_object_inline_digest_2414 = - JSCompiler_object_inline_message_2413.nextSibling && - JSCompiler_object_inline_message_2413.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2414) { - JSCompiler_temp = JSCompiler_object_inline_digest_2414.dgst; - var message = JSCompiler_object_inline_digest_2414.msg; - instance = JSCompiler_object_inline_digest_2414.stck; - var componentStack = JSCompiler_object_inline_digest_2414.cstck; + JSCompiler_object_inline_digest_2402 = + JSCompiler_object_inline_message_2401.nextSibling && + JSCompiler_object_inline_message_2401.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2402) { + JSCompiler_temp = JSCompiler_object_inline_digest_2402.dgst; + var message = JSCompiler_object_inline_digest_2402.msg; + instance = JSCompiler_object_inline_digest_2402.stck; + var componentStack = JSCompiler_object_inline_digest_2402.cstck; } - JSCompiler_object_inline_message_2413 = message; - JSCompiler_object_inline_digest_2414 = JSCompiler_temp; - JSCompiler_object_inline_stack_2415 = instance; - JSCompiler_object_inline_componentStack_2416 = componentStack; - JSCompiler_object_inline_message_2413 = - JSCompiler_object_inline_message_2413 - ? Error(JSCompiler_object_inline_message_2413) + JSCompiler_object_inline_message_2401 = message; + JSCompiler_object_inline_digest_2402 = JSCompiler_temp; + JSCompiler_object_inline_stack_2403 = instance; + JSCompiler_object_inline_componentStack_2404 = componentStack; + JSCompiler_object_inline_message_2401 = + JSCompiler_object_inline_message_2401 + ? Error(JSCompiler_object_inline_message_2401) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_message_2413.stack = - JSCompiler_object_inline_stack_2415 || ""; - JSCompiler_object_inline_message_2413.digest = - JSCompiler_object_inline_digest_2414; - JSCompiler_object_inline_digest_2414 = - void 0 === JSCompiler_object_inline_componentStack_2416 + JSCompiler_object_inline_message_2401.stack = + JSCompiler_object_inline_stack_2403 || ""; + JSCompiler_object_inline_message_2401.digest = + JSCompiler_object_inline_digest_2402; + JSCompiler_object_inline_digest_2402 = + void 0 === JSCompiler_object_inline_componentStack_2404 ? null - : JSCompiler_object_inline_componentStack_2416; - "string" === typeof JSCompiler_object_inline_digest_2414 && + : JSCompiler_object_inline_componentStack_2404; + "string" === typeof JSCompiler_object_inline_digest_2402 && CapturedStacks.set( - JSCompiler_object_inline_message_2413, - JSCompiler_object_inline_digest_2414 + JSCompiler_object_inline_message_2401, + JSCompiler_object_inline_digest_2402 ); queueHydrationError({ - value: JSCompiler_object_inline_message_2413, + value: JSCompiler_object_inline_message_2401, source: null, - stack: JSCompiler_object_inline_digest_2414 + stack: JSCompiler_object_inline_digest_2402 }); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9489,25 +9489,25 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2414 = + (JSCompiler_object_inline_digest_2402 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2414) + didReceiveUpdate || JSCompiler_object_inline_digest_2402) ) { - JSCompiler_object_inline_digest_2414 = workInProgressRoot; - if (null !== JSCompiler_object_inline_digest_2414) { - JSCompiler_object_inline_stack_2415 = renderLanes & -renderLanes; - if (0 !== (JSCompiler_object_inline_stack_2415 & 42)) - JSCompiler_object_inline_stack_2415 = 1; + JSCompiler_object_inline_digest_2402 = workInProgressRoot; + if (null !== JSCompiler_object_inline_digest_2402) { + JSCompiler_object_inline_stack_2403 = renderLanes & -renderLanes; + if (0 !== (JSCompiler_object_inline_stack_2403 & 42)) + JSCompiler_object_inline_stack_2403 = 1; else - switch (JSCompiler_object_inline_stack_2415) { + switch (JSCompiler_object_inline_stack_2403) { case 2: - JSCompiler_object_inline_stack_2415 = 1; + JSCompiler_object_inline_stack_2403 = 1; break; case 8: - JSCompiler_object_inline_stack_2415 = 4; + JSCompiler_object_inline_stack_2403 = 4; break; case 32: - JSCompiler_object_inline_stack_2415 = 16; + JSCompiler_object_inline_stack_2403 = 16; break; case 128: case 256: @@ -9528,40 +9528,40 @@ __DEV__ && case 8388608: case 16777216: case 33554432: - JSCompiler_object_inline_stack_2415 = 64; + JSCompiler_object_inline_stack_2403 = 64; break; case 268435456: - JSCompiler_object_inline_stack_2415 = 134217728; + JSCompiler_object_inline_stack_2403 = 134217728; break; default: - JSCompiler_object_inline_stack_2415 = 0; + JSCompiler_object_inline_stack_2403 = 0; } - JSCompiler_object_inline_stack_2415 = + JSCompiler_object_inline_stack_2403 = 0 !== - (JSCompiler_object_inline_stack_2415 & - (JSCompiler_object_inline_digest_2414.suspendedLanes | + (JSCompiler_object_inline_stack_2403 & + (JSCompiler_object_inline_digest_2402.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2415; + : JSCompiler_object_inline_stack_2403; if ( - 0 !== JSCompiler_object_inline_stack_2415 && - JSCompiler_object_inline_stack_2415 !== prevState.retryLane + 0 !== JSCompiler_object_inline_stack_2403 && + JSCompiler_object_inline_stack_2403 !== prevState.retryLane ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2415), + ((prevState.retryLane = JSCompiler_object_inline_stack_2403), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2415 + JSCompiler_object_inline_stack_2403 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2414, + JSCompiler_object_inline_digest_2402, current, - JSCompiler_object_inline_stack_2415 + JSCompiler_object_inline_stack_2403 ), SelectiveHydrationException) ); } - JSCompiler_object_inline_message_2413.data === + JSCompiler_object_inline_message_2401.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9569,7 +9569,7 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2413.data === + JSCompiler_object_inline_message_2401.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 128), (workInProgress.child = current.child), @@ -9577,12 +9577,12 @@ __DEV__ && null, current )), - (JSCompiler_object_inline_message_2413._reactRetry = + (JSCompiler_object_inline_message_2401._reactRetry = workInProgress), (workInProgress = null)) : ((renderLanes = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2413.nextSibling + JSCompiler_object_inline_message_2401.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9600,73 +9600,73 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2415.children + JSCompiler_object_inline_stack_2403.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2416) + if (JSCompiler_object_inline_componentStack_2404) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2416 = - JSCompiler_object_inline_stack_2415.fallback), - (JSCompiler_object_inline_message_2413 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2404 = + JSCompiler_object_inline_stack_2403.fallback), + (JSCompiler_object_inline_message_2401 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), (componentStack = { mode: "hidden", - children: JSCompiler_object_inline_stack_2415.children + children: JSCompiler_object_inline_stack_2403.children }), disableLegacyMode || - (JSCompiler_object_inline_message_2413 & ConcurrentMode) !== NoMode || + (JSCompiler_object_inline_message_2401 & ConcurrentMode) !== NoMode || workInProgress.child === JSCompiler_temp - ? ((JSCompiler_object_inline_stack_2415 = createWorkInProgress( + ? ((JSCompiler_object_inline_stack_2403 = createWorkInProgress( JSCompiler_temp, componentStack )), - (JSCompiler_object_inline_stack_2415.subtreeFlags = + (JSCompiler_object_inline_stack_2403.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280)) - : ((JSCompiler_object_inline_stack_2415 = workInProgress.child), - (JSCompiler_object_inline_stack_2415.childLanes = 0), - (JSCompiler_object_inline_stack_2415.pendingProps = + : ((JSCompiler_object_inline_stack_2403 = workInProgress.child), + (JSCompiler_object_inline_stack_2403.childLanes = 0), + (JSCompiler_object_inline_stack_2403.pendingProps = componentStack), workInProgress.mode & ProfileMode && - ((JSCompiler_object_inline_stack_2415.actualDuration = -0), - (JSCompiler_object_inline_stack_2415.actualStartTime = -1.1), - (JSCompiler_object_inline_stack_2415.selfBaseDuration = + ((JSCompiler_object_inline_stack_2403.actualDuration = -0), + (JSCompiler_object_inline_stack_2403.actualStartTime = -1.1), + (JSCompiler_object_inline_stack_2403.selfBaseDuration = JSCompiler_temp.selfBaseDuration), - (JSCompiler_object_inline_stack_2415.treeBaseDuration = + (JSCompiler_object_inline_stack_2403.treeBaseDuration = JSCompiler_temp.treeBaseDuration)), (workInProgress.deletions = null)), null !== instance - ? (JSCompiler_object_inline_componentStack_2416 = + ? (JSCompiler_object_inline_componentStack_2404 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2416 + JSCompiler_object_inline_componentStack_2404 )) - : ((JSCompiler_object_inline_componentStack_2416 = + : ((JSCompiler_object_inline_componentStack_2404 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2416, - JSCompiler_object_inline_message_2413, + JSCompiler_object_inline_componentStack_2404, + JSCompiler_object_inline_message_2401, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2416.flags |= 2)), - (JSCompiler_object_inline_componentStack_2416.return = + (JSCompiler_object_inline_componentStack_2404.flags |= 2)), + (JSCompiler_object_inline_componentStack_2404.return = workInProgress), - (JSCompiler_object_inline_stack_2415.return = workInProgress), - (JSCompiler_object_inline_stack_2415.sibling = - JSCompiler_object_inline_componentStack_2416), - (workInProgress.child = JSCompiler_object_inline_stack_2415), - (JSCompiler_object_inline_stack_2415 = - JSCompiler_object_inline_componentStack_2416), - (JSCompiler_object_inline_componentStack_2416 = workInProgress.child), - (JSCompiler_object_inline_message_2413 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2413 - ? (JSCompiler_object_inline_message_2413 = + (JSCompiler_object_inline_stack_2403.return = workInProgress), + (JSCompiler_object_inline_stack_2403.sibling = + JSCompiler_object_inline_componentStack_2404), + (workInProgress.child = JSCompiler_object_inline_stack_2403), + (JSCompiler_object_inline_stack_2403 = + JSCompiler_object_inline_componentStack_2404), + (JSCompiler_object_inline_componentStack_2404 = workInProgress.child), + (JSCompiler_object_inline_message_2401 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2401 + ? (JSCompiler_object_inline_message_2401 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2413.cachePool), + JSCompiler_object_inline_message_2401.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9674,34 +9674,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2413 = { + (JSCompiler_object_inline_message_2401 = { baseLanes: - JSCompiler_object_inline_message_2413.baseLanes | renderLanes, + JSCompiler_object_inline_message_2401.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2416.memoizedState = - JSCompiler_object_inline_message_2413), + (JSCompiler_object_inline_componentStack_2404.memoizedState = + JSCompiler_object_inline_message_2401), enableTransitionTracing && - ((JSCompiler_object_inline_message_2413 = enableTransitionTracing + ((JSCompiler_object_inline_message_2401 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2413 && + null !== JSCompiler_object_inline_message_2401 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2416.updateQueue), + JSCompiler_object_inline_componentStack_2404.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2416.updateQueue = { - transitions: JSCompiler_object_inline_message_2413, + ? (JSCompiler_object_inline_componentStack_2404.updateQueue = { + transitions: JSCompiler_object_inline_message_2401, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2416.updateQueue = + ? (JSCompiler_object_inline_componentStack_2404.updateQueue = { - transitions: JSCompiler_object_inline_message_2413, + transitions: JSCompiler_object_inline_message_2401, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -9709,41 +9709,41 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2413), + JSCompiler_object_inline_message_2401), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2416.childLanes = + (JSCompiler_object_inline_componentStack_2404.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2414, + JSCompiler_object_inline_digest_2402, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2415 + JSCompiler_object_inline_stack_2403 ); pushPrimaryTreeSuspenseHandler(workInProgress); - JSCompiler_object_inline_digest_2414 = current.child; - current = JSCompiler_object_inline_digest_2414.sibling; - JSCompiler_object_inline_digest_2414 = createWorkInProgress( - JSCompiler_object_inline_digest_2414, + JSCompiler_object_inline_digest_2402 = current.child; + current = JSCompiler_object_inline_digest_2402.sibling; + JSCompiler_object_inline_digest_2402 = createWorkInProgress( + JSCompiler_object_inline_digest_2402, { mode: "visible", - children: JSCompiler_object_inline_stack_2415.children + children: JSCompiler_object_inline_stack_2403.children } ); disableLegacyMode || (workInProgress.mode & ConcurrentMode) !== NoMode || - (JSCompiler_object_inline_digest_2414.lanes = renderLanes); - JSCompiler_object_inline_digest_2414.return = workInProgress; - JSCompiler_object_inline_digest_2414.sibling = null; + (JSCompiler_object_inline_digest_2402.lanes = renderLanes); + JSCompiler_object_inline_digest_2402.return = workInProgress; + JSCompiler_object_inline_digest_2402.sibling = null; null !== current && ((renderLanes = workInProgress.deletions), null === renderLanes ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) : renderLanes.push(current)); - workInProgress.child = JSCompiler_object_inline_digest_2414; + workInProgress.child = JSCompiler_object_inline_digest_2402; workInProgress.memoizedState = null; - return JSCompiler_object_inline_digest_2414; + return JSCompiler_object_inline_digest_2402; } function mountSuspensePrimaryChildren(workInProgress, primaryChildren) { primaryChildren = createFiberFromOffscreen( @@ -12462,9 +12462,7 @@ __DEV__ && markComponentLayoutEffectUnmountStarted(finishedWork)), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0), - runWithFiberInDEV( - finishedWork, - callDestroyInDEV, + safelyCallDestroy( finishedWork, nearestMountedAncestor, destroy @@ -12704,6 +12702,15 @@ __DEV__ && } else ref.current = null; } + function safelyCallDestroy(current, nearestMountedAncestor, destroy) { + runWithFiberInDEV( + current, + callDestroyInDEV, + current, + nearestMountedAncestor, + destroy + ); + } function commitProfiler(finishedWork, current, commitTime, effectDuration) { var _finishedWork$memoize = finishedWork.memoizedProps, onCommit = _finishedWork$memoize.onCommit; @@ -13671,7 +13678,53 @@ __DEV__ && case 11: case 14: case 15: - if ( + if (enableHiddenSubtreeInsertionEffectCleanup) { + if ( + ((prevHostParent = deletedFiber.updateQueue), + null !== prevHostParent && + ((prevHostParent = prevHostParent.lastEffect), + null !== prevHostParent)) + ) { + prevHostParentIsContainer = prevHostParent = prevHostParent.next; + do { + var tag = prevHostParentIsContainer.tag, + inst = prevHostParentIsContainer.inst, + destroy = inst.destroy; + void 0 !== destroy && + ((tag & Insertion) !== NoFlags + ? ((isRunningInsertionEffect = !0), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + (isRunningInsertionEffect = !1)) + : offscreenSubtreeWasHidden || + (tag & Layout) === NoFlags || + (enableSchedulingProfiler && + markComponentLayoutEffectUnmountStarted(deletedFiber), + shouldProfile(deletedFiber) + ? (startLayoutEffectTimer(), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + recordLayoutEffectDuration(deletedFiber)) + : ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )), + enableSchedulingProfiler && + markComponentLayoutEffectUnmountStopped())); + prevHostParentIsContainer = prevHostParentIsContainer.next; + } while (prevHostParentIsContainer !== prevHostParent); + } + } else if ( !offscreenSubtreeWasHidden && ((prevHostParent = deletedFiber.updateQueue), null !== prevHostParent && @@ -13679,46 +13732,40 @@ __DEV__ && null !== prevHostParent)) ) { prevHostParentIsContainer = prevHostParent = prevHostParent.next; - do { - var tag = prevHostParentIsContainer.tag, - inst = prevHostParentIsContainer.inst, - destroy = inst.destroy; - void 0 !== destroy && - ((tag & Insertion) !== NoFlags - ? ((inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - )) - : (tag & Layout) !== NoFlags && - (enableSchedulingProfiler && - markComponentLayoutEffectUnmountStarted(deletedFiber), - shouldProfile(deletedFiber) - ? (startLayoutEffectTimer(), - (inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - ), - recordLayoutEffectDuration(deletedFiber)) - : ((inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - )), - enableSchedulingProfiler && - markComponentLayoutEffectUnmountStopped())); - prevHostParentIsContainer = prevHostParentIsContainer.next; - } while (prevHostParentIsContainer !== prevHostParent); + do + (tag = prevHostParentIsContainer.tag), + (inst = prevHostParentIsContainer.inst), + (destroy = inst.destroy), + void 0 !== destroy && + ((tag & Insertion) !== NoFlags + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : (tag & Layout) !== NoFlags && + (enableSchedulingProfiler && + markComponentLayoutEffectUnmountStarted(deletedFiber), + shouldProfile(deletedFiber) + ? (startLayoutEffectTimer(), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + recordLayoutEffectDuration(deletedFiber)) + : ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )), + enableSchedulingProfiler && + markComponentLayoutEffectUnmountStopped())), + (prevHostParentIsContainer = prevHostParentIsContainer.next); + while (prevHostParentIsContainer !== prevHostParent); } recursivelyTraverseDeletionEffects( finishedRoot, @@ -24074,6 +24121,8 @@ __DEV__ && enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing, enableTrustedTypesIntegration = dynamicFeatureFlags.enableTrustedTypesIntegration, + enableHiddenSubtreeInsertionEffectCleanup = + dynamicFeatureFlags.enableHiddenSubtreeInsertionEffectCleanup, favorSafetyOverHydrationPerf = dynamicFeatureFlags.favorSafetyOverHydrationPerf, renameElementSymbol = dynamicFeatureFlags.renameElementSymbol, @@ -27802,11 +27851,11 @@ __DEV__ && : flushSyncErrorInBuildsThatSupportLegacyMode; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-www-classic-94e4acaa-20240913" !== isomorphicReactPackageVersion) + if ("19.0.0-www-classic-d3d4d3a4-20240913" !== 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.0.0-www-classic-94e4acaa-20240913\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-www-classic-d3d4d3a4-20240913\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -27850,11 +27899,11 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.0.0-www-classic-94e4acaa-20240913", + version: "19.0.0-www-classic-d3d4d3a4-20240913", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-94e4acaa-20240913" + reconcilerVersion: "19.0.0-www-classic-d3d4d3a4-20240913" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -28507,7 +28556,7 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.0.0-www-classic-94e4acaa-20240913"; + exports.version = "19.0.0-www-classic-d3d4d3a4-20240913"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOM-dev.modern.js b/compiled/facebook-www/ReactDOM-dev.modern.js index 6d5dffee3147b..f5aed69eec5aa 100644 --- a/compiled/facebook-www/ReactDOM-dev.modern.js +++ b/compiled/facebook-www/ReactDOM-dev.modern.js @@ -8884,32 +8884,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2435; - var JSCompiler_object_inline_stack_2436 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2423; + var JSCompiler_object_inline_stack_2424 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2437 = !1; + var JSCompiler_object_inline_componentStack_2425 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2435 = didSuspend) || - (JSCompiler_object_inline_digest_2435 = + (JSCompiler_object_inline_digest_2423 = didSuspend) || + (JSCompiler_object_inline_digest_2423 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2435 && - ((JSCompiler_object_inline_componentStack_2437 = !0), + JSCompiler_object_inline_digest_2423 && + ((JSCompiler_object_inline_componentStack_2425 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2435 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2423 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2437 + JSCompiler_object_inline_componentStack_2425 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2434 = nextHydratableInstance; + var JSCompiler_object_inline_message_2422 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2434)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2422)) { c: { - var instance = JSCompiler_object_inline_message_2434; + var instance = JSCompiler_object_inline_message_2422; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -8950,19 +8950,19 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2434 + JSCompiler_object_inline_message_2422 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2434 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2422 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2434 && - ((JSCompiler_object_inline_message_2434 = - JSCompiler_object_inline_message_2434.dehydrated), - null !== JSCompiler_object_inline_message_2434) + null !== JSCompiler_object_inline_message_2422 && + ((JSCompiler_object_inline_message_2422 = + JSCompiler_object_inline_message_2422.dehydrated), + null !== JSCompiler_object_inline_message_2422) ) return ( - JSCompiler_object_inline_message_2434.data === + JSCompiler_object_inline_message_2422.data === SUSPENSE_FALLBACK_START_DATA ? (workInProgress.lanes = 16) : (workInProgress.lanes = 536870912), @@ -8970,27 +8970,27 @@ __DEV__ && ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2434 = - JSCompiler_object_inline_stack_2436.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2436.fallback; - if (JSCompiler_object_inline_componentStack_2437) + JSCompiler_object_inline_message_2422 = + JSCompiler_object_inline_stack_2424.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2424.fallback; + if (JSCompiler_object_inline_componentStack_2425) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2436 = + (JSCompiler_object_inline_stack_2424 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2434, + JSCompiler_object_inline_message_2422, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2437 = + (JSCompiler_object_inline_componentStack_2425 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2437.memoizedState = + (JSCompiler_object_inline_componentStack_2425.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2437.childLanes = + (JSCompiler_object_inline_componentStack_2425.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2435, + JSCompiler_object_inline_digest_2423, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9003,9 +9003,9 @@ __DEV__ && ? markerInstanceStack.current : null), (renderLanes = - JSCompiler_object_inline_componentStack_2437.updateQueue), + JSCompiler_object_inline_componentStack_2425.updateQueue), null === renderLanes - ? (JSCompiler_object_inline_componentStack_2437.updateQueue = + ? (JSCompiler_object_inline_componentStack_2425.updateQueue = { transitions: workInProgress, markerInstances: current, @@ -9013,46 +9013,46 @@ __DEV__ && }) : ((renderLanes.transitions = workInProgress), (renderLanes.markerInstances = current)))), - JSCompiler_object_inline_stack_2436 + JSCompiler_object_inline_stack_2424 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2436.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2424.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2436 = + (JSCompiler_object_inline_stack_2424 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2434, + JSCompiler_object_inline_message_2422, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2437 = + (JSCompiler_object_inline_componentStack_2425 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2437.memoizedState = + (JSCompiler_object_inline_componentStack_2425.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2437.childLanes = + (JSCompiler_object_inline_componentStack_2425.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2435, + JSCompiler_object_inline_digest_2423, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2436 + JSCompiler_object_inline_stack_2424 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2434 + JSCompiler_object_inline_message_2422 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2434 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2434) + ((JSCompiler_object_inline_message_2422 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2422) ) { if (didSuspend) workInProgress.flags & 256 @@ -9069,94 +9069,94 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2437 = - JSCompiler_object_inline_stack_2436.fallback), - (JSCompiler_object_inline_message_2434 = workInProgress.mode), - (JSCompiler_object_inline_stack_2436 = + (JSCompiler_object_inline_componentStack_2425 = + JSCompiler_object_inline_stack_2424.fallback), + (JSCompiler_object_inline_message_2422 = workInProgress.mode), + (JSCompiler_object_inline_stack_2424 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2436.children + children: JSCompiler_object_inline_stack_2424.children }, - JSCompiler_object_inline_message_2434 + JSCompiler_object_inline_message_2422 )), - (JSCompiler_object_inline_componentStack_2437 = + (JSCompiler_object_inline_componentStack_2425 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2437, - JSCompiler_object_inline_message_2434, + JSCompiler_object_inline_componentStack_2425, + JSCompiler_object_inline_message_2422, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2437.flags |= 2), - (JSCompiler_object_inline_stack_2436.return = workInProgress), - (JSCompiler_object_inline_componentStack_2437.return = + (JSCompiler_object_inline_componentStack_2425.flags |= 2), + (JSCompiler_object_inline_stack_2424.return = workInProgress), + (JSCompiler_object_inline_componentStack_2425.return = workInProgress), - (JSCompiler_object_inline_stack_2436.sibling = - JSCompiler_object_inline_componentStack_2437), - (workInProgress.child = JSCompiler_object_inline_stack_2436), + (JSCompiler_object_inline_stack_2424.sibling = + JSCompiler_object_inline_componentStack_2425), + (workInProgress.child = JSCompiler_object_inline_stack_2424), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2436 = workInProgress.child), - (JSCompiler_object_inline_stack_2436.memoizedState = + (JSCompiler_object_inline_stack_2424 = workInProgress.child), + (JSCompiler_object_inline_stack_2424.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2436.childLanes = + (JSCompiler_object_inline_stack_2424.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2435, + JSCompiler_object_inline_digest_2423, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2437)); + JSCompiler_object_inline_componentStack_2425)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && error$jscomp$0( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - JSCompiler_object_inline_message_2434.data === + JSCompiler_object_inline_message_2422.data === SUSPENSE_FALLBACK_START_DATA) ) { - JSCompiler_object_inline_digest_2435 = - JSCompiler_object_inline_message_2434.nextSibling && - JSCompiler_object_inline_message_2434.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2435) { - JSCompiler_temp = JSCompiler_object_inline_digest_2435.dgst; - var message = JSCompiler_object_inline_digest_2435.msg; - instance = JSCompiler_object_inline_digest_2435.stck; - var componentStack = JSCompiler_object_inline_digest_2435.cstck; + JSCompiler_object_inline_digest_2423 = + JSCompiler_object_inline_message_2422.nextSibling && + JSCompiler_object_inline_message_2422.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2423) { + JSCompiler_temp = JSCompiler_object_inline_digest_2423.dgst; + var message = JSCompiler_object_inline_digest_2423.msg; + instance = JSCompiler_object_inline_digest_2423.stck; + var componentStack = JSCompiler_object_inline_digest_2423.cstck; } - JSCompiler_object_inline_message_2434 = message; - JSCompiler_object_inline_digest_2435 = JSCompiler_temp; - JSCompiler_object_inline_stack_2436 = instance; - JSCompiler_object_inline_componentStack_2437 = componentStack; - JSCompiler_object_inline_message_2434 = - JSCompiler_object_inline_message_2434 - ? Error(JSCompiler_object_inline_message_2434) + JSCompiler_object_inline_message_2422 = message; + JSCompiler_object_inline_digest_2423 = JSCompiler_temp; + JSCompiler_object_inline_stack_2424 = instance; + JSCompiler_object_inline_componentStack_2425 = componentStack; + JSCompiler_object_inline_message_2422 = + JSCompiler_object_inline_message_2422 + ? Error(JSCompiler_object_inline_message_2422) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_message_2434.stack = - JSCompiler_object_inline_stack_2436 || ""; - JSCompiler_object_inline_message_2434.digest = - JSCompiler_object_inline_digest_2435; - JSCompiler_object_inline_digest_2435 = - void 0 === JSCompiler_object_inline_componentStack_2437 + JSCompiler_object_inline_message_2422.stack = + JSCompiler_object_inline_stack_2424 || ""; + JSCompiler_object_inline_message_2422.digest = + JSCompiler_object_inline_digest_2423; + JSCompiler_object_inline_digest_2423 = + void 0 === JSCompiler_object_inline_componentStack_2425 ? null - : JSCompiler_object_inline_componentStack_2437; - "string" === typeof JSCompiler_object_inline_digest_2435 && + : JSCompiler_object_inline_componentStack_2425; + "string" === typeof JSCompiler_object_inline_digest_2423 && CapturedStacks.set( - JSCompiler_object_inline_message_2434, - JSCompiler_object_inline_digest_2435 + JSCompiler_object_inline_message_2422, + JSCompiler_object_inline_digest_2423 ); queueHydrationError({ - value: JSCompiler_object_inline_message_2434, + value: JSCompiler_object_inline_message_2422, source: null, - stack: JSCompiler_object_inline_digest_2435 + stack: JSCompiler_object_inline_digest_2423 }); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9171,25 +9171,25 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2435 = + (JSCompiler_object_inline_digest_2423 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2435) + didReceiveUpdate || JSCompiler_object_inline_digest_2423) ) { - JSCompiler_object_inline_digest_2435 = workInProgressRoot; - if (null !== JSCompiler_object_inline_digest_2435) { - JSCompiler_object_inline_stack_2436 = renderLanes & -renderLanes; - if (0 !== (JSCompiler_object_inline_stack_2436 & 42)) - JSCompiler_object_inline_stack_2436 = 1; + JSCompiler_object_inline_digest_2423 = workInProgressRoot; + if (null !== JSCompiler_object_inline_digest_2423) { + JSCompiler_object_inline_stack_2424 = renderLanes & -renderLanes; + if (0 !== (JSCompiler_object_inline_stack_2424 & 42)) + JSCompiler_object_inline_stack_2424 = 1; else - switch (JSCompiler_object_inline_stack_2436) { + switch (JSCompiler_object_inline_stack_2424) { case 2: - JSCompiler_object_inline_stack_2436 = 1; + JSCompiler_object_inline_stack_2424 = 1; break; case 8: - JSCompiler_object_inline_stack_2436 = 4; + JSCompiler_object_inline_stack_2424 = 4; break; case 32: - JSCompiler_object_inline_stack_2436 = 16; + JSCompiler_object_inline_stack_2424 = 16; break; case 128: case 256: @@ -9210,40 +9210,40 @@ __DEV__ && case 8388608: case 16777216: case 33554432: - JSCompiler_object_inline_stack_2436 = 64; + JSCompiler_object_inline_stack_2424 = 64; break; case 268435456: - JSCompiler_object_inline_stack_2436 = 134217728; + JSCompiler_object_inline_stack_2424 = 134217728; break; default: - JSCompiler_object_inline_stack_2436 = 0; + JSCompiler_object_inline_stack_2424 = 0; } - JSCompiler_object_inline_stack_2436 = + JSCompiler_object_inline_stack_2424 = 0 !== - (JSCompiler_object_inline_stack_2436 & - (JSCompiler_object_inline_digest_2435.suspendedLanes | + (JSCompiler_object_inline_stack_2424 & + (JSCompiler_object_inline_digest_2423.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2436; + : JSCompiler_object_inline_stack_2424; if ( - 0 !== JSCompiler_object_inline_stack_2436 && - JSCompiler_object_inline_stack_2436 !== prevState.retryLane + 0 !== JSCompiler_object_inline_stack_2424 && + JSCompiler_object_inline_stack_2424 !== prevState.retryLane ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2436), + ((prevState.retryLane = JSCompiler_object_inline_stack_2424), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2436 + JSCompiler_object_inline_stack_2424 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2435, + JSCompiler_object_inline_digest_2423, current, - JSCompiler_object_inline_stack_2436 + JSCompiler_object_inline_stack_2424 ), SelectiveHydrationException) ); } - JSCompiler_object_inline_message_2434.data === + JSCompiler_object_inline_message_2422.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9251,7 +9251,7 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2434.data === + JSCompiler_object_inline_message_2422.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 128), (workInProgress.child = current.child), @@ -9259,12 +9259,12 @@ __DEV__ && null, current )), - (JSCompiler_object_inline_message_2434._reactRetry = + (JSCompiler_object_inline_message_2422._reactRetry = workInProgress), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2434.nextSibling + JSCompiler_object_inline_message_2422.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9282,57 +9282,57 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2436.children + JSCompiler_object_inline_stack_2424.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2437) + if (JSCompiler_object_inline_componentStack_2425) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2437 = - JSCompiler_object_inline_stack_2436.fallback), - (JSCompiler_object_inline_message_2434 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2425 = + JSCompiler_object_inline_stack_2424.fallback), + (JSCompiler_object_inline_message_2422 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2436 = createWorkInProgress( + (JSCompiler_object_inline_stack_2424 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2436.children + children: JSCompiler_object_inline_stack_2424.children } )), - (JSCompiler_object_inline_stack_2436.subtreeFlags = + (JSCompiler_object_inline_stack_2424.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280), null !== instance - ? (JSCompiler_object_inline_componentStack_2437 = + ? (JSCompiler_object_inline_componentStack_2425 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2437 + JSCompiler_object_inline_componentStack_2425 )) - : ((JSCompiler_object_inline_componentStack_2437 = + : ((JSCompiler_object_inline_componentStack_2425 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2437, - JSCompiler_object_inline_message_2434, + JSCompiler_object_inline_componentStack_2425, + JSCompiler_object_inline_message_2422, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2437.flags |= 2)), - (JSCompiler_object_inline_componentStack_2437.return = + (JSCompiler_object_inline_componentStack_2425.flags |= 2)), + (JSCompiler_object_inline_componentStack_2425.return = workInProgress), - (JSCompiler_object_inline_stack_2436.return = workInProgress), - (JSCompiler_object_inline_stack_2436.sibling = - JSCompiler_object_inline_componentStack_2437), - (workInProgress.child = JSCompiler_object_inline_stack_2436), - (JSCompiler_object_inline_stack_2436 = - JSCompiler_object_inline_componentStack_2437), - (JSCompiler_object_inline_componentStack_2437 = workInProgress.child), - (JSCompiler_object_inline_message_2434 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2434 - ? (JSCompiler_object_inline_message_2434 = + (JSCompiler_object_inline_stack_2424.return = workInProgress), + (JSCompiler_object_inline_stack_2424.sibling = + JSCompiler_object_inline_componentStack_2425), + (workInProgress.child = JSCompiler_object_inline_stack_2424), + (JSCompiler_object_inline_stack_2424 = + JSCompiler_object_inline_componentStack_2425), + (JSCompiler_object_inline_componentStack_2425 = workInProgress.child), + (JSCompiler_object_inline_message_2422 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2422 + ? (JSCompiler_object_inline_message_2422 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2434.cachePool), + JSCompiler_object_inline_message_2422.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9340,34 +9340,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2434 = { + (JSCompiler_object_inline_message_2422 = { baseLanes: - JSCompiler_object_inline_message_2434.baseLanes | renderLanes, + JSCompiler_object_inline_message_2422.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2437.memoizedState = - JSCompiler_object_inline_message_2434), + (JSCompiler_object_inline_componentStack_2425.memoizedState = + JSCompiler_object_inline_message_2422), enableTransitionTracing && - ((JSCompiler_object_inline_message_2434 = enableTransitionTracing + ((JSCompiler_object_inline_message_2422 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2434 && + null !== JSCompiler_object_inline_message_2422 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2437.updateQueue), + JSCompiler_object_inline_componentStack_2425.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2437.updateQueue = { - transitions: JSCompiler_object_inline_message_2434, + ? (JSCompiler_object_inline_componentStack_2425.updateQueue = { + transitions: JSCompiler_object_inline_message_2422, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2437.updateQueue = + ? (JSCompiler_object_inline_componentStack_2425.updateQueue = { - transitions: JSCompiler_object_inline_message_2434, + transitions: JSCompiler_object_inline_message_2422, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -9375,32 +9375,32 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2434), + JSCompiler_object_inline_message_2422), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2437.childLanes = + (JSCompiler_object_inline_componentStack_2425.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2435, + JSCompiler_object_inline_digest_2423, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2436 + JSCompiler_object_inline_stack_2424 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2436.children + children: JSCompiler_object_inline_stack_2424.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2435 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2435 + ((JSCompiler_object_inline_digest_2423 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2423 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2435.push(current)); + : JSCompiler_object_inline_digest_2423.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -12024,9 +12024,7 @@ __DEV__ && markComponentLayoutEffectUnmountStarted(finishedWork)), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0), - runWithFiberInDEV( - finishedWork, - callDestroyInDEV, + safelyCallDestroy( finishedWork, nearestMountedAncestor, destroy @@ -12256,6 +12254,15 @@ __DEV__ && } else ref.current = null; } + function safelyCallDestroy(current, nearestMountedAncestor, destroy) { + runWithFiberInDEV( + current, + callDestroyInDEV, + current, + nearestMountedAncestor, + destroy + ); + } function commitProfiler(finishedWork, current, commitTime, effectDuration) { var _finishedWork$memoize = finishedWork.memoizedProps, onCommit = _finishedWork$memoize.onCommit; @@ -13230,7 +13237,53 @@ __DEV__ && case 11: case 14: case 15: - if ( + if (enableHiddenSubtreeInsertionEffectCleanup) { + if ( + ((prevHostParent = deletedFiber.updateQueue), + null !== prevHostParent && + ((prevHostParent = prevHostParent.lastEffect), + null !== prevHostParent)) + ) { + prevHostParentIsContainer = prevHostParent = prevHostParent.next; + do { + var tag = prevHostParentIsContainer.tag, + inst = prevHostParentIsContainer.inst, + destroy = inst.destroy; + void 0 !== destroy && + ((tag & Insertion) !== NoFlags + ? ((isRunningInsertionEffect = !0), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + (isRunningInsertionEffect = !1)) + : offscreenSubtreeWasHidden || + (tag & Layout) === NoFlags || + (enableSchedulingProfiler && + markComponentLayoutEffectUnmountStarted(deletedFiber), + shouldProfile(deletedFiber) + ? (startLayoutEffectTimer(), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + recordLayoutEffectDuration(deletedFiber)) + : ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )), + enableSchedulingProfiler && + markComponentLayoutEffectUnmountStopped())); + prevHostParentIsContainer = prevHostParentIsContainer.next; + } while (prevHostParentIsContainer !== prevHostParent); + } + } else if ( !offscreenSubtreeWasHidden && ((prevHostParent = deletedFiber.updateQueue), null !== prevHostParent && @@ -13238,46 +13291,40 @@ __DEV__ && null !== prevHostParent)) ) { prevHostParentIsContainer = prevHostParent = prevHostParent.next; - do { - var tag = prevHostParentIsContainer.tag, - inst = prevHostParentIsContainer.inst, - destroy = inst.destroy; - void 0 !== destroy && - ((tag & Insertion) !== NoFlags - ? ((inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - )) - : (tag & Layout) !== NoFlags && - (enableSchedulingProfiler && - markComponentLayoutEffectUnmountStarted(deletedFiber), - shouldProfile(deletedFiber) - ? (startLayoutEffectTimer(), - (inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - ), - recordLayoutEffectDuration(deletedFiber)) - : ((inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - )), - enableSchedulingProfiler && - markComponentLayoutEffectUnmountStopped())); - prevHostParentIsContainer = prevHostParentIsContainer.next; - } while (prevHostParentIsContainer !== prevHostParent); + do + (tag = prevHostParentIsContainer.tag), + (inst = prevHostParentIsContainer.inst), + (destroy = inst.destroy), + void 0 !== destroy && + ((tag & Insertion) !== NoFlags + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : (tag & Layout) !== NoFlags && + (enableSchedulingProfiler && + markComponentLayoutEffectUnmountStarted(deletedFiber), + shouldProfile(deletedFiber) + ? (startLayoutEffectTimer(), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + recordLayoutEffectDuration(deletedFiber)) + : ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )), + enableSchedulingProfiler && + markComponentLayoutEffectUnmountStopped())), + (prevHostParentIsContainer = prevHostParentIsContainer.next); + while (prevHostParentIsContainer !== prevHostParent); } recursivelyTraverseDeletionEffects( finishedRoot, @@ -23198,6 +23245,8 @@ __DEV__ && enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing, enableTrustedTypesIntegration = dynamicFeatureFlags.enableTrustedTypesIntegration, + enableHiddenSubtreeInsertionEffectCleanup = + dynamicFeatureFlags.enableHiddenSubtreeInsertionEffectCleanup, favorSafetyOverHydrationPerf = dynamicFeatureFlags.favorSafetyOverHydrationPerf, renameElementSymbol = dynamicFeatureFlags.renameElementSymbol, @@ -26919,11 +26968,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-www-modern-94e4acaa-20240913" !== isomorphicReactPackageVersion) + if ("19.0.0-www-modern-d3d4d3a4-20240913" !== 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.0.0-www-modern-94e4acaa-20240913\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-www-modern-d3d4d3a4-20240913\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -26966,11 +27015,11 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.0.0-www-modern-94e4acaa-20240913", + version: "19.0.0-www-modern-d3d4d3a4-20240913", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-94e4acaa-20240913" + reconcilerVersion: "19.0.0-www-modern-d3d4d3a4-20240913" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -27575,7 +27624,7 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.0.0-www-modern-94e4acaa-20240913"; + exports.version = "19.0.0-www-modern-d3d4d3a4-20240913"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOM-prod.classic.js b/compiled/facebook-www/ReactDOM-prod.classic.js index 2d5cb7d9fa4be..d73486c728113 100644 --- a/compiled/facebook-www/ReactDOM-prod.classic.js +++ b/compiled/facebook-www/ReactDOM-prod.classic.js @@ -54,6 +54,8 @@ var dynamicFeatureFlags = require("ReactFeatureFlags"), enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing, enableTrustedTypesIntegration = dynamicFeatureFlags.enableTrustedTypesIntegration, + enableHiddenSubtreeInsertionEffectCleanup = + dynamicFeatureFlags.enableHiddenSubtreeInsertionEffectCleanup, favorSafetyOverHydrationPerf = dynamicFeatureFlags.favorSafetyOverHydrationPerf, renameElementSymbol = dynamicFeatureFlags.renameElementSymbol, @@ -8696,7 +8698,7 @@ function commitBeforeMutationEffects(root, firstChild) { selection = selection.focusOffset; try { JSCompiler_temp.nodeType, focusNode.nodeType; - } catch (e$222) { + } catch (e$229) { JSCompiler_temp = null; break a; } @@ -9338,7 +9340,38 @@ function commitDeletionEffectsOnFiber( case 11: case 14: case 15: - if ( + if (enableHiddenSubtreeInsertionEffectCleanup) { + if ( + ((prevHostParent = deletedFiber.updateQueue), + null !== prevHostParent && + ((prevHostParent = prevHostParent.lastEffect), + null !== prevHostParent)) + ) { + prevHostParentIsContainer = prevHostParent = prevHostParent.next; + do { + prevHostParentIsContainer$180 = prevHostParentIsContainer.tag; + var inst = prevHostParentIsContainer.inst, + destroy = inst.destroy; + void 0 !== destroy && + (0 !== (prevHostParentIsContainer$180 & 2) + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : offscreenSubtreeWasHidden || + 0 === (prevHostParentIsContainer$180 & 4) || + ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ))); + prevHostParentIsContainer = prevHostParentIsContainer.next; + } while (prevHostParentIsContainer !== prevHostParent); + } + } else if ( !offscreenSubtreeWasHidden && ((prevHostParent = deletedFiber.updateQueue), null !== prevHostParent && @@ -9346,27 +9379,27 @@ function commitDeletionEffectsOnFiber( null !== prevHostParent)) ) { prevHostParentIsContainer = prevHostParent = prevHostParent.next; - do { - prevHostParentIsContainer$180 = prevHostParentIsContainer.tag; - var inst = prevHostParentIsContainer.inst, - destroy = inst.destroy; - void 0 !== destroy && - (0 !== (prevHostParentIsContainer$180 & 2) - ? ((inst.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - )) - : 0 !== (prevHostParentIsContainer$180 & 4) && - ((inst.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - ))); - prevHostParentIsContainer = prevHostParentIsContainer.next; - } while (prevHostParentIsContainer !== prevHostParent); + do + (prevHostParentIsContainer$180 = prevHostParentIsContainer.tag), + (inst = prevHostParentIsContainer.inst), + (destroy = inst.destroy), + void 0 !== destroy && + (0 !== (prevHostParentIsContainer$180 & 2) + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : 0 !== (prevHostParentIsContainer$180 & 4) && + ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ))), + (prevHostParentIsContainer = prevHostParentIsContainer.next); + while (prevHostParentIsContainer !== prevHostParent); } recursivelyTraverseDeletionEffects( finishedRoot, @@ -9426,15 +9459,15 @@ function commitDeletionEffectsOnFiber( } function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) { if (null === finishedWork.memoizedState) { - var current$183 = finishedWork.alternate; + var current$190 = finishedWork.alternate; if ( - null !== current$183 && - ((current$183 = current$183.memoizedState), - null !== current$183 && - ((current$183 = current$183.dehydrated), null !== current$183)) + null !== current$190 && + ((current$190 = current$190.memoizedState), + null !== current$190 && + ((current$190 = current$190.dehydrated), null !== current$190)) ) { try { - retryIfBlockedOn(current$183); + retryIfBlockedOn(current$190); } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); } @@ -9442,7 +9475,7 @@ function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) { var hydrationCallbacks = finishedRoot.hydrationCallbacks; if (null !== hydrationCallbacks) { var onHydrated = hydrationCallbacks.onHydrated; - onHydrated && onHydrated(current$183); + onHydrated && onHydrated(current$190); } } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); @@ -10082,7 +10115,7 @@ function recursivelyTraverseReappearLayoutEffects( includeWorkInProgressEffects = includeWorkInProgressEffects && 0 !== (parentFiber.subtreeFlags & 8772); for (parentFiber = parentFiber.child; null !== parentFiber; ) { - var current$190 = parentFiber.alternate, + var current$197 = parentFiber.alternate, finishedRoot = finishedRoot$jscomp$0, finishedWork = parentFiber, flags = finishedWork.flags; @@ -10103,18 +10136,18 @@ function recursivelyTraverseReappearLayoutEffects( finishedWork, includeWorkInProgressEffects ); - current$190 = finishedWork; - finishedRoot = current$190.stateNode; + current$197 = finishedWork; + finishedRoot = current$197.stateNode; if ("function" === typeof finishedRoot.componentDidMount) try { finishedRoot.componentDidMount(); } catch (error) { - captureCommitPhaseError(current$190, current$190.return, error); + captureCommitPhaseError(current$197, current$197.return, error); } - current$190 = finishedWork; - finishedRoot = current$190.updateQueue; + current$197 = finishedWork; + finishedRoot = current$197.updateQueue; if (null !== finishedRoot) { - var instance = current$190.stateNode; + var instance = current$197.stateNode; try { var hiddenCallbacks = finishedRoot.shared.hiddenCallbacks; if (null !== hiddenCallbacks) @@ -10125,7 +10158,7 @@ function recursivelyTraverseReappearLayoutEffects( ) callCallback(hiddenCallbacks[finishedRoot], instance); } catch (error) { - captureCommitPhaseError(current$190, current$190.return, error); + captureCommitPhaseError(current$197, current$197.return, error); } } includeWorkInProgressEffects && @@ -10142,7 +10175,7 @@ function recursivelyTraverseReappearLayoutEffects( includeWorkInProgressEffects ); includeWorkInProgressEffects && - null === current$190 && + null === current$197 && flags & 4 && commitHostMount(finishedWork); safelyAttachRef(finishedWork, finishedWork.return); @@ -10499,9 +10532,9 @@ function recursivelyTraverseReconnectPassiveEffects( ); break; case 22: - var instance$197 = finishedWork.stateNode; + var instance$204 = finishedWork.stateNode; null !== finishedWork.memoizedState - ? instance$197._visibility & 4 + ? instance$204._visibility & 4 ? recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -10514,7 +10547,7 @@ function recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork ) - : ((instance$197._visibility |= 4), + : ((instance$204._visibility |= 4), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -10522,7 +10555,7 @@ function recursivelyTraverseReconnectPassiveEffects( committedTransitions, includeWorkInProgressEffects )) - : ((instance$197._visibility |= 4), + : ((instance$204._visibility |= 4), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -10535,7 +10568,7 @@ function recursivelyTraverseReconnectPassiveEffects( commitOffscreenPassiveMountEffects( finishedWork.alternate, finishedWork, - instance$197 + instance$204 ); break; case 24: @@ -11555,8 +11588,8 @@ function renderRootSync(root, lanes) { } workLoopSync(); break; - } catch (thrownValue$208) { - handleThrow(root, thrownValue$208); + } catch (thrownValue$215) { + handleThrow(root, thrownValue$215); } while (1); lanes && root.shellSuspendCounter++; @@ -11671,8 +11704,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrent(); break; - } catch (thrownValue$210) { - handleThrow(root, thrownValue$210); + } catch (thrownValue$217) { + handleThrow(root, thrownValue$217); } while (1); resetContextDependencies(); @@ -12021,7 +12054,7 @@ function releaseRootPooledCache(root, remainingLanes) { } function flushPassiveEffects() { if (null !== rootWithPendingPassiveEffects) { - var root$217 = rootWithPendingPassiveEffects, + var root$224 = rootWithPendingPassiveEffects, remainingLanes = pendingPassiveEffectsRemainingLanes; pendingPassiveEffectsRemainingLanes = 0; var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes), @@ -12036,7 +12069,7 @@ function flushPassiveEffects() { } finally { (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition), - releaseRootPooledCache(root$217, remainingLanes); + releaseRootPooledCache(root$224, remainingLanes); } } return !1; @@ -13355,19 +13388,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$383; + var JSCompiler_inline_result$jscomp$390; if (canUseDOM) { - var isSupported$jscomp$inline_1546 = "oninput" in document; - if (!isSupported$jscomp$inline_1546) { - var element$jscomp$inline_1547 = document.createElement("div"); - element$jscomp$inline_1547.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_1546 = - "function" === typeof element$jscomp$inline_1547.oninput; + var isSupported$jscomp$inline_1553 = "oninput" in document; + if (!isSupported$jscomp$inline_1553) { + var element$jscomp$inline_1554 = document.createElement("div"); + element$jscomp$inline_1554.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_1553 = + "function" === typeof element$jscomp$inline_1554.oninput; } - JSCompiler_inline_result$jscomp$383 = isSupported$jscomp$inline_1546; - } else JSCompiler_inline_result$jscomp$383 = !1; + JSCompiler_inline_result$jscomp$390 = isSupported$jscomp$inline_1553; + } else JSCompiler_inline_result$jscomp$390 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$383 && + JSCompiler_inline_result$jscomp$390 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -13778,20 +13811,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1587 = 0; - i$jscomp$inline_1587 < simpleEventPluginEvents.length; - i$jscomp$inline_1587++ + var i$jscomp$inline_1594 = 0; + i$jscomp$inline_1594 < simpleEventPluginEvents.length; + i$jscomp$inline_1594++ ) { - var eventName$jscomp$inline_1588 = - simpleEventPluginEvents[i$jscomp$inline_1587], - domEventName$jscomp$inline_1589 = - eventName$jscomp$inline_1588.toLowerCase(), - capitalizedEvent$jscomp$inline_1590 = - eventName$jscomp$inline_1588[0].toUpperCase() + - eventName$jscomp$inline_1588.slice(1); + var eventName$jscomp$inline_1595 = + simpleEventPluginEvents[i$jscomp$inline_1594], + domEventName$jscomp$inline_1596 = + eventName$jscomp$inline_1595.toLowerCase(), + capitalizedEvent$jscomp$inline_1597 = + eventName$jscomp$inline_1595[0].toUpperCase() + + eventName$jscomp$inline_1595.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1589, - "on" + capitalizedEvent$jscomp$inline_1590 + domEventName$jscomp$inline_1596, + "on" + capitalizedEvent$jscomp$inline_1597 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -15084,34 +15117,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$236 = props[hasSrc]; - if (null != propValue$236) + var propValue$243 = props[hasSrc]; + if (null != propValue$243) switch (hasSrc) { case "name": - hasSrcSet = propValue$236; + hasSrcSet = propValue$243; break; case "type": - propValue = propValue$236; + propValue = propValue$243; break; case "checked": - checked = propValue$236; + checked = propValue$243; break; case "defaultChecked": - defaultChecked = propValue$236; + defaultChecked = propValue$243; break; case "value": - propKey = propValue$236; + propKey = propValue$243; break; case "defaultValue": - defaultValue = propValue$236; + defaultValue = propValue$243; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$236) + if (null != propValue$243) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$236, props, null); + setProp(domElement, tag, hasSrc, propValue$243, props, null); } } initInput( @@ -15248,14 +15281,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$236 in props) - props.hasOwnProperty(propValue$236) && - ((hasSrc = props[propValue$236]), + for (propValue$243 in props) + props.hasOwnProperty(propValue$243) && + ((hasSrc = props[propValue$243]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$236, + propValue$243, hasSrc, props, void 0 @@ -15303,14 +15336,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$253 in nextProps) { - var propKey = nextProps[propKey$253]; - lastProp = lastProps[propKey$253]; + for (var propKey$260 in nextProps) { + var propKey = nextProps[propKey$260]; + lastProp = lastProps[propKey$260]; if ( - nextProps.hasOwnProperty(propKey$253) && + nextProps.hasOwnProperty(propKey$260) && (null != propKey || null != lastProp) ) - switch (propKey$253) { + switch (propKey$260) { case "type": type = propKey; break; @@ -15339,7 +15372,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$253, + propKey$260, propKey, nextProps, lastProp @@ -15358,7 +15391,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$253 = null; + propKey = value = defaultValue = propKey$260 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -15389,7 +15422,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (name) { case "value": - propKey$253 = type; + propKey$260 = type; break; case "defaultValue": defaultValue = type; @@ -15410,15 +15443,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$253 - ? updateOptions(domElement, !!lastProps, propKey$253, !1) + null != propKey$260 + ? updateOptions(domElement, !!lastProps, propKey$260, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$253 = null; + propKey = propKey$260 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -15442,7 +15475,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (value) { case "value": - propKey$253 = name; + propKey$260 = name; break; case "defaultValue": propKey = name; @@ -15456,17 +15489,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$253, propKey); + updateTextarea(domElement, propKey$260, propKey); return; case "option": - for (var propKey$269 in lastProps) + for (var propKey$276 in lastProps) if ( - ((propKey$253 = lastProps[propKey$269]), - lastProps.hasOwnProperty(propKey$269) && - null != propKey$253 && - !nextProps.hasOwnProperty(propKey$269)) + ((propKey$260 = lastProps[propKey$276]), + lastProps.hasOwnProperty(propKey$276) && + null != propKey$260 && + !nextProps.hasOwnProperty(propKey$276)) ) - switch (propKey$269) { + switch (propKey$276) { case "selected": domElement.selected = !1; break; @@ -15474,33 +15507,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$269, + propKey$276, null, nextProps, - propKey$253 + propKey$260 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$253 = nextProps[lastDefaultValue]), + ((propKey$260 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$253 !== propKey && - (null != propKey$253 || null != propKey)) + propKey$260 !== propKey && + (null != propKey$260 || null != propKey)) ) switch (lastDefaultValue) { case "selected": domElement.selected = - propKey$253 && - "function" !== typeof propKey$253 && - "symbol" !== typeof propKey$253; + propKey$260 && + "function" !== typeof propKey$260 && + "symbol" !== typeof propKey$260; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$253, + propKey$260, nextProps, propKey ); @@ -15521,24 +15554,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$274 in lastProps) - (propKey$253 = lastProps[propKey$274]), - lastProps.hasOwnProperty(propKey$274) && - null != propKey$253 && - !nextProps.hasOwnProperty(propKey$274) && - setProp(domElement, tag, propKey$274, null, nextProps, propKey$253); + for (var propKey$281 in lastProps) + (propKey$260 = lastProps[propKey$281]), + lastProps.hasOwnProperty(propKey$281) && + null != propKey$260 && + !nextProps.hasOwnProperty(propKey$281) && + setProp(domElement, tag, propKey$281, null, nextProps, propKey$260); for (checked in nextProps) if ( - ((propKey$253 = nextProps[checked]), + ((propKey$260 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$253 !== propKey && - (null != propKey$253 || null != propKey)) + propKey$260 !== propKey && + (null != propKey$260 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$253) + if (null != propKey$260) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -15546,7 +15579,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$253, + propKey$260, nextProps, propKey ); @@ -15554,49 +15587,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$279 in lastProps) - (propKey$253 = lastProps[propKey$279]), - lastProps.hasOwnProperty(propKey$279) && - void 0 !== propKey$253 && - !nextProps.hasOwnProperty(propKey$279) && + for (var propKey$286 in lastProps) + (propKey$260 = lastProps[propKey$286]), + lastProps.hasOwnProperty(propKey$286) && + void 0 !== propKey$260 && + !nextProps.hasOwnProperty(propKey$286) && setPropOnCustomElement( domElement, tag, - propKey$279, + propKey$286, void 0, nextProps, - propKey$253 + propKey$260 ); for (defaultChecked in nextProps) - (propKey$253 = nextProps[defaultChecked]), + (propKey$260 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$253 === propKey || - (void 0 === propKey$253 && void 0 === propKey) || + propKey$260 === propKey || + (void 0 === propKey$260 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$253, + propKey$260, nextProps, propKey ); return; } } - for (var propKey$284 in lastProps) - (propKey$253 = lastProps[propKey$284]), - lastProps.hasOwnProperty(propKey$284) && - null != propKey$253 && - !nextProps.hasOwnProperty(propKey$284) && - setProp(domElement, tag, propKey$284, null, nextProps, propKey$253); + for (var propKey$291 in lastProps) + (propKey$260 = lastProps[propKey$291]), + lastProps.hasOwnProperty(propKey$291) && + null != propKey$260 && + !nextProps.hasOwnProperty(propKey$291) && + setProp(domElement, tag, propKey$291, null, nextProps, propKey$260); for (lastProp in nextProps) - (propKey$253 = nextProps[lastProp]), + (propKey$260 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$253 === propKey || - (null == propKey$253 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$253, nextProps, propKey); + propKey$260 === propKey || + (null == propKey$260 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$260, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -16191,26 +16224,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$292 = getResourcesFromRoot( + var styles$299 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$293 = styles$292.get(type); - resource$293 || + resource$300 = styles$299.get(type); + resource$300 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$293 = { + (resource$300 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$292.set(type, resource$293), - (styles$292 = JSCompiler_inline_result.querySelector( + styles$299.set(type, resource$300), + (styles$299 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$292._p && - ((resource$293.instance = styles$292), - (resource$293.state.loading = 5)), + !styles$299._p && + ((resource$300.instance = styles$299), + (resource$300.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -16223,16 +16256,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$292 || + styles$299 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$293.state + resource$300.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$293; + return resource$300; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -16329,37 +16362,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$298 = hoistableRoot.querySelector( + var instance$305 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$298) + if (instance$305) return ( (resource.state.loading |= 4), - (resource.instance = instance$298), - markNodeAsHoistable(instance$298), - instance$298 + (resource.instance = instance$305), + markNodeAsHoistable(instance$305), + instance$305 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$298 = ( + instance$305 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$298); - var linkInstance = instance$298; + markNodeAsHoistable(instance$305); + var linkInstance = instance$305; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$298, "link", instance); + setInitialProperties(instance$305, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$298, props.precedence, hoistableRoot); - return (resource.instance = instance$298); + insertStylesheet(instance$305, props.precedence, hoistableRoot); + return (resource.instance = instance$305); case "script": - instance$298 = getScriptKey(props.src); + instance$305 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$298) + getScriptSelectorFromKey(instance$305) )) ) return ( @@ -16368,7 +16401,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$298))) + if ((styleProps = preloadPropsMap.get(instance$305))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -17400,16 +17433,16 @@ function getCrossOriginStringAs(as, input) { if ("string" === typeof input) return "use-credentials" === input ? input : ""; } -var isomorphicReactPackageVersion$jscomp$inline_1760 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1767 = React.version; if ( - "19.0.0-www-classic-94e4acaa-20240913" !== - isomorphicReactPackageVersion$jscomp$inline_1760 + "19.0.0-www-classic-d3d4d3a4-20240913" !== + isomorphicReactPackageVersion$jscomp$inline_1767 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1760, - "19.0.0-www-classic-94e4acaa-20240913" + isomorphicReactPackageVersion$jscomp$inline_1767, + "19.0.0-www-classic-d3d4d3a4-20240913" ) ); function flushSyncFromReconciler(fn) { @@ -17452,25 +17485,25 @@ Internals.Events = [ return fn(a); } ]; -var internals$jscomp$inline_2254 = { +var internals$jscomp$inline_2261 = { bundleType: 0, - version: "19.0.0-www-classic-94e4acaa-20240913", + version: "19.0.0-www-classic-d3d4d3a4-20240913", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-94e4acaa-20240913" + reconcilerVersion: "19.0.0-www-classic-d3d4d3a4-20240913" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2255 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2262 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2255.isDisabled && - hook$jscomp$inline_2255.supportsFiber + !hook$jscomp$inline_2262.isDisabled && + hook$jscomp$inline_2262.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2255.inject( - internals$jscomp$inline_2254 + (rendererID = hook$jscomp$inline_2262.inject( + internals$jscomp$inline_2261 )), - (injectedHook = hook$jscomp$inline_2255); + (injectedHook = hook$jscomp$inline_2262); } catch (err) {} } function ReactDOMRoot(internalRoot) { @@ -17544,11 +17577,11 @@ function legacyCreateRootFromDOMContainer( if ("function" === typeof callback) { var originalCallback = callback; callback = function () { - var instance = getPublicRootInstance(root$319); + var instance = getPublicRootInstance(root$326); originalCallback.call(instance); }; } - var root$319 = createHydrationContainer( + var root$326 = createHydrationContainer( initialChildren, callback, container, @@ -17563,23 +17596,23 @@ function legacyCreateRootFromDOMContainer( null, null ); - container._reactRootContainer = root$319; - container[internalContainerInstanceKey] = root$319.current; + container._reactRootContainer = root$326; + container[internalContainerInstanceKey] = root$326.current; listenToAllSupportedEvents( 8 === container.nodeType ? container.parentNode : container ); flushSyncWork$1(); - return root$319; + return root$326; } clearContainer(container); if ("function" === typeof callback) { - var originalCallback$320 = callback; + var originalCallback$327 = callback; callback = function () { - var instance = getPublicRootInstance(root$321); - originalCallback$320.call(instance); + var instance = getPublicRootInstance(root$328); + originalCallback$327.call(instance); }; } - var root$321 = createFiberRoot( + var root$328 = createFiberRoot( container, 0, !1, @@ -17593,14 +17626,14 @@ function legacyCreateRootFromDOMContainer( null, null ); - container._reactRootContainer = root$321; - container[internalContainerInstanceKey] = root$321.current; + container._reactRootContainer = root$328; + container[internalContainerInstanceKey] = root$328.current; listenToAllSupportedEvents( 8 === container.nodeType ? container.parentNode : container ); - updateContainerSync(initialChildren, root$321, parentComponent, callback); + updateContainerSync(initialChildren, root$328, parentComponent, callback); flushSyncWork$1(); - return root$321; + return root$328; } function legacyRenderSubtreeIntoContainer( parentComponent, @@ -17914,4 +17947,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-classic-94e4acaa-20240913"; +exports.version = "19.0.0-www-classic-d3d4d3a4-20240913"; diff --git a/compiled/facebook-www/ReactDOM-prod.modern.js b/compiled/facebook-www/ReactDOM-prod.modern.js index c70bfca68daec..b68a542e188fc 100644 --- a/compiled/facebook-www/ReactDOM-prod.modern.js +++ b/compiled/facebook-www/ReactDOM-prod.modern.js @@ -52,6 +52,8 @@ var dynamicFeatureFlags = require("ReactFeatureFlags"), enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing, enableTrustedTypesIntegration = dynamicFeatureFlags.enableTrustedTypesIntegration, + enableHiddenSubtreeInsertionEffectCleanup = + dynamicFeatureFlags.enableHiddenSubtreeInsertionEffectCleanup, favorSafetyOverHydrationPerf = dynamicFeatureFlags.favorSafetyOverHydrationPerf, renameElementSymbol = dynamicFeatureFlags.renameElementSymbol, @@ -8264,7 +8266,7 @@ function commitBeforeMutationEffects(root, firstChild) { selection = selection.focusOffset; try { JSCompiler_temp.nodeType, focusNode.nodeType; - } catch (e$213) { + } catch (e$220) { JSCompiler_temp = null; break a; } @@ -8916,7 +8918,38 @@ function commitDeletionEffectsOnFiber( case 11: case 14: case 15: - if ( + if (enableHiddenSubtreeInsertionEffectCleanup) { + if ( + ((prevHostParent = deletedFiber.updateQueue), + null !== prevHostParent && + ((prevHostParent = prevHostParent.lastEffect), + null !== prevHostParent)) + ) { + prevHostParentIsContainer = prevHostParent = prevHostParent.next; + do { + prevHostParentIsContainer$171 = prevHostParentIsContainer.tag; + var inst = prevHostParentIsContainer.inst, + destroy = inst.destroy; + void 0 !== destroy && + (0 !== (prevHostParentIsContainer$171 & 2) + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : offscreenSubtreeWasHidden || + 0 === (prevHostParentIsContainer$171 & 4) || + ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ))); + prevHostParentIsContainer = prevHostParentIsContainer.next; + } while (prevHostParentIsContainer !== prevHostParent); + } + } else if ( !offscreenSubtreeWasHidden && ((prevHostParent = deletedFiber.updateQueue), null !== prevHostParent && @@ -8924,27 +8957,27 @@ function commitDeletionEffectsOnFiber( null !== prevHostParent)) ) { prevHostParentIsContainer = prevHostParent = prevHostParent.next; - do { - prevHostParentIsContainer$171 = prevHostParentIsContainer.tag; - var inst = prevHostParentIsContainer.inst, - destroy = inst.destroy; - void 0 !== destroy && - (0 !== (prevHostParentIsContainer$171 & 2) - ? ((inst.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - )) - : 0 !== (prevHostParentIsContainer$171 & 4) && - ((inst.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - ))); - prevHostParentIsContainer = prevHostParentIsContainer.next; - } while (prevHostParentIsContainer !== prevHostParent); + do + (prevHostParentIsContainer$171 = prevHostParentIsContainer.tag), + (inst = prevHostParentIsContainer.inst), + (destroy = inst.destroy), + void 0 !== destroy && + (0 !== (prevHostParentIsContainer$171 & 2) + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : 0 !== (prevHostParentIsContainer$171 & 4) && + ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ))), + (prevHostParentIsContainer = prevHostParentIsContainer.next); + while (prevHostParentIsContainer !== prevHostParent); } recursivelyTraverseDeletionEffects( finishedRoot, @@ -8998,15 +9031,15 @@ function commitDeletionEffectsOnFiber( } function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) { if (null === finishedWork.memoizedState) { - var current$174 = finishedWork.alternate; + var current$181 = finishedWork.alternate; if ( - null !== current$174 && - ((current$174 = current$174.memoizedState), - null !== current$174 && - ((current$174 = current$174.dehydrated), null !== current$174)) + null !== current$181 && + ((current$181 = current$181.memoizedState), + null !== current$181 && + ((current$181 = current$181.dehydrated), null !== current$181)) ) { try { - retryIfBlockedOn(current$174); + retryIfBlockedOn(current$181); } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); } @@ -9014,7 +9047,7 @@ function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) { var hydrationCallbacks = finishedRoot.hydrationCallbacks; if (null !== hydrationCallbacks) { var onHydrated = hydrationCallbacks.onHydrated; - onHydrated && onHydrated(current$174); + onHydrated && onHydrated(current$181); } } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); @@ -9651,7 +9684,7 @@ function recursivelyTraverseReappearLayoutEffects( includeWorkInProgressEffects = includeWorkInProgressEffects && 0 !== (parentFiber.subtreeFlags & 8772); for (parentFiber = parentFiber.child; null !== parentFiber; ) { - var current$181 = parentFiber.alternate, + var current$188 = parentFiber.alternate, finishedRoot = finishedRoot$jscomp$0, finishedWork = parentFiber, flags = finishedWork.flags; @@ -9672,18 +9705,18 @@ function recursivelyTraverseReappearLayoutEffects( finishedWork, includeWorkInProgressEffects ); - current$181 = finishedWork; - finishedRoot = current$181.stateNode; + current$188 = finishedWork; + finishedRoot = current$188.stateNode; if ("function" === typeof finishedRoot.componentDidMount) try { finishedRoot.componentDidMount(); } catch (error) { - captureCommitPhaseError(current$181, current$181.return, error); + captureCommitPhaseError(current$188, current$188.return, error); } - current$181 = finishedWork; - finishedRoot = current$181.updateQueue; + current$188 = finishedWork; + finishedRoot = current$188.updateQueue; if (null !== finishedRoot) { - var instance = current$181.stateNode; + var instance = current$188.stateNode; try { var hiddenCallbacks = finishedRoot.shared.hiddenCallbacks; if (null !== hiddenCallbacks) @@ -9694,7 +9727,7 @@ function recursivelyTraverseReappearLayoutEffects( ) callCallback(hiddenCallbacks[finishedRoot], instance); } catch (error) { - captureCommitPhaseError(current$181, current$181.return, error); + captureCommitPhaseError(current$188, current$188.return, error); } } includeWorkInProgressEffects && @@ -9711,7 +9744,7 @@ function recursivelyTraverseReappearLayoutEffects( includeWorkInProgressEffects ); includeWorkInProgressEffects && - null === current$181 && + null === current$188 && flags & 4 && commitHostMount(finishedWork); safelyAttachRef(finishedWork, finishedWork.return); @@ -10057,9 +10090,9 @@ function recursivelyTraverseReconnectPassiveEffects( ); break; case 22: - var instance$188 = finishedWork.stateNode; + var instance$195 = finishedWork.stateNode; null !== finishedWork.memoizedState - ? instance$188._visibility & 4 + ? instance$195._visibility & 4 ? recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -10071,7 +10104,7 @@ function recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork ) - : ((instance$188._visibility |= 4), + : ((instance$195._visibility |= 4), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -10084,7 +10117,7 @@ function recursivelyTraverseReconnectPassiveEffects( commitOffscreenPassiveMountEffects( finishedWork.alternate, finishedWork, - instance$188 + instance$195 ); break; case 24: @@ -11082,8 +11115,8 @@ function renderRootSync(root, lanes) { } workLoopSync(); break; - } catch (thrownValue$199) { - handleThrow(root, thrownValue$199); + } catch (thrownValue$206) { + handleThrow(root, thrownValue$206); } while (1); lanes && root.shellSuspendCounter++; @@ -11198,8 +11231,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrent(); break; - } catch (thrownValue$201) { - handleThrow(root, thrownValue$201); + } catch (thrownValue$208) { + handleThrow(root, thrownValue$208); } while (1); resetContextDependencies(); @@ -11542,7 +11575,7 @@ function releaseRootPooledCache(root, remainingLanes) { } function flushPassiveEffects() { if (null !== rootWithPendingPassiveEffects) { - var root$208 = rootWithPendingPassiveEffects, + var root$215 = rootWithPendingPassiveEffects, remainingLanes = pendingPassiveEffectsRemainingLanes; pendingPassiveEffectsRemainingLanes = 0; var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes), @@ -11557,7 +11590,7 @@ function flushPassiveEffects() { } finally { (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition), - releaseRootPooledCache(root$208, remainingLanes); + releaseRootPooledCache(root$215, remainingLanes); } } return !1; @@ -12782,19 +12815,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$370; + var JSCompiler_inline_result$jscomp$377; if (canUseDOM) { - var isSupported$jscomp$inline_1517 = "oninput" in document; - if (!isSupported$jscomp$inline_1517) { - var element$jscomp$inline_1518 = document.createElement("div"); - element$jscomp$inline_1518.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_1517 = - "function" === typeof element$jscomp$inline_1518.oninput; + var isSupported$jscomp$inline_1524 = "oninput" in document; + if (!isSupported$jscomp$inline_1524) { + var element$jscomp$inline_1525 = document.createElement("div"); + element$jscomp$inline_1525.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_1524 = + "function" === typeof element$jscomp$inline_1525.oninput; } - JSCompiler_inline_result$jscomp$370 = isSupported$jscomp$inline_1517; - } else JSCompiler_inline_result$jscomp$370 = !1; + JSCompiler_inline_result$jscomp$377 = isSupported$jscomp$inline_1524; + } else JSCompiler_inline_result$jscomp$377 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$370 && + JSCompiler_inline_result$jscomp$377 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -13205,20 +13238,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1558 = 0; - i$jscomp$inline_1558 < simpleEventPluginEvents.length; - i$jscomp$inline_1558++ + var i$jscomp$inline_1565 = 0; + i$jscomp$inline_1565 < simpleEventPluginEvents.length; + i$jscomp$inline_1565++ ) { - var eventName$jscomp$inline_1559 = - simpleEventPluginEvents[i$jscomp$inline_1558], - domEventName$jscomp$inline_1560 = - eventName$jscomp$inline_1559.toLowerCase(), - capitalizedEvent$jscomp$inline_1561 = - eventName$jscomp$inline_1559[0].toUpperCase() + - eventName$jscomp$inline_1559.slice(1); + var eventName$jscomp$inline_1566 = + simpleEventPluginEvents[i$jscomp$inline_1565], + domEventName$jscomp$inline_1567 = + eventName$jscomp$inline_1566.toLowerCase(), + capitalizedEvent$jscomp$inline_1568 = + eventName$jscomp$inline_1566[0].toUpperCase() + + eventName$jscomp$inline_1566.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1560, - "on" + capitalizedEvent$jscomp$inline_1561 + domEventName$jscomp$inline_1567, + "on" + capitalizedEvent$jscomp$inline_1568 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -14507,34 +14540,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$227 = props[hasSrc]; - if (null != propValue$227) + var propValue$234 = props[hasSrc]; + if (null != propValue$234) switch (hasSrc) { case "name": - hasSrcSet = propValue$227; + hasSrcSet = propValue$234; break; case "type": - propKey = propValue$227; + propKey = propValue$234; break; case "checked": - checked = propValue$227; + checked = propValue$234; break; case "defaultChecked": - defaultChecked = propValue$227; + defaultChecked = propValue$234; break; case "value": - propValue = propValue$227; + propValue = propValue$234; break; case "defaultValue": - defaultValue = propValue$227; + defaultValue = propValue$234; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$227) + if (null != propValue$234) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$227, props, null); + setProp(domElement, tag, hasSrc, propValue$234, props, null); } } initInput( @@ -14670,14 +14703,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$227 in props) - props.hasOwnProperty(propValue$227) && - ((hasSrc = props[propValue$227]), + for (propValue$234 in props) + props.hasOwnProperty(propValue$234) && + ((hasSrc = props[propValue$234]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$227, + propValue$234, hasSrc, props, void 0 @@ -14725,14 +14758,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$244 in nextProps) { - var propKey = nextProps[propKey$244]; - lastProp = lastProps[propKey$244]; + for (var propKey$251 in nextProps) { + var propKey = nextProps[propKey$251]; + lastProp = lastProps[propKey$251]; if ( - nextProps.hasOwnProperty(propKey$244) && + nextProps.hasOwnProperty(propKey$251) && (null != propKey || null != lastProp) ) - switch (propKey$244) { + switch (propKey$251) { case "type": type = propKey; break; @@ -14761,7 +14794,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$244, + propKey$251, propKey, nextProps, lastProp @@ -14780,7 +14813,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$244 = null; + propKey = value = defaultValue = propKey$251 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -14811,7 +14844,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (name) { case "value": - propKey$244 = type; + propKey$251 = type; break; case "defaultValue": defaultValue = type; @@ -14832,15 +14865,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$244 - ? updateOptions(domElement, !!lastProps, propKey$244, !1) + null != propKey$251 + ? updateOptions(domElement, !!lastProps, propKey$251, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$244 = null; + propKey = propKey$251 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -14864,7 +14897,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (value) { case "value": - propKey$244 = name; + propKey$251 = name; break; case "defaultValue": propKey = name; @@ -14878,17 +14911,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$244, propKey); + updateTextarea(domElement, propKey$251, propKey); return; case "option": - for (var propKey$260 in lastProps) + for (var propKey$267 in lastProps) if ( - ((propKey$244 = lastProps[propKey$260]), - lastProps.hasOwnProperty(propKey$260) && - null != propKey$244 && - !nextProps.hasOwnProperty(propKey$260)) + ((propKey$251 = lastProps[propKey$267]), + lastProps.hasOwnProperty(propKey$267) && + null != propKey$251 && + !nextProps.hasOwnProperty(propKey$267)) ) - switch (propKey$260) { + switch (propKey$267) { case "selected": domElement.selected = !1; break; @@ -14896,33 +14929,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$260, + propKey$267, null, nextProps, - propKey$244 + propKey$251 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$244 = nextProps[lastDefaultValue]), + ((propKey$251 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$244 !== propKey && - (null != propKey$244 || null != propKey)) + propKey$251 !== propKey && + (null != propKey$251 || null != propKey)) ) switch (lastDefaultValue) { case "selected": domElement.selected = - propKey$244 && - "function" !== typeof propKey$244 && - "symbol" !== typeof propKey$244; + propKey$251 && + "function" !== typeof propKey$251 && + "symbol" !== typeof propKey$251; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$244, + propKey$251, nextProps, propKey ); @@ -14943,24 +14976,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$265 in lastProps) - (propKey$244 = lastProps[propKey$265]), - lastProps.hasOwnProperty(propKey$265) && - null != propKey$244 && - !nextProps.hasOwnProperty(propKey$265) && - setProp(domElement, tag, propKey$265, null, nextProps, propKey$244); + for (var propKey$272 in lastProps) + (propKey$251 = lastProps[propKey$272]), + lastProps.hasOwnProperty(propKey$272) && + null != propKey$251 && + !nextProps.hasOwnProperty(propKey$272) && + setProp(domElement, tag, propKey$272, null, nextProps, propKey$251); for (checked in nextProps) if ( - ((propKey$244 = nextProps[checked]), + ((propKey$251 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$244 !== propKey && - (null != propKey$244 || null != propKey)) + propKey$251 !== propKey && + (null != propKey$251 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$244) + if (null != propKey$251) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -14968,7 +15001,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$244, + propKey$251, nextProps, propKey ); @@ -14976,49 +15009,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$270 in lastProps) - (propKey$244 = lastProps[propKey$270]), - lastProps.hasOwnProperty(propKey$270) && - void 0 !== propKey$244 && - !nextProps.hasOwnProperty(propKey$270) && + for (var propKey$277 in lastProps) + (propKey$251 = lastProps[propKey$277]), + lastProps.hasOwnProperty(propKey$277) && + void 0 !== propKey$251 && + !nextProps.hasOwnProperty(propKey$277) && setPropOnCustomElement( domElement, tag, - propKey$270, + propKey$277, void 0, nextProps, - propKey$244 + propKey$251 ); for (defaultChecked in nextProps) - (propKey$244 = nextProps[defaultChecked]), + (propKey$251 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$244 === propKey || - (void 0 === propKey$244 && void 0 === propKey) || + propKey$251 === propKey || + (void 0 === propKey$251 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$244, + propKey$251, nextProps, propKey ); return; } } - for (var propKey$275 in lastProps) - (propKey$244 = lastProps[propKey$275]), - lastProps.hasOwnProperty(propKey$275) && - null != propKey$244 && - !nextProps.hasOwnProperty(propKey$275) && - setProp(domElement, tag, propKey$275, null, nextProps, propKey$244); + for (var propKey$282 in lastProps) + (propKey$251 = lastProps[propKey$282]), + lastProps.hasOwnProperty(propKey$282) && + null != propKey$251 && + !nextProps.hasOwnProperty(propKey$282) && + setProp(domElement, tag, propKey$282, null, nextProps, propKey$251); for (lastProp in nextProps) - (propKey$244 = nextProps[lastProp]), + (propKey$251 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$244 === propKey || - (null == propKey$244 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$244, nextProps, propKey); + propKey$251 === propKey || + (null == propKey$251 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$251, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -15596,26 +15629,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$283 = getResourcesFromRoot( + var styles$290 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$284 = styles$283.get(type); - resource$284 || + resource$291 = styles$290.get(type); + resource$291 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$284 = { + (resource$291 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$283.set(type, resource$284), - (styles$283 = JSCompiler_inline_result.querySelector( + styles$290.set(type, resource$291), + (styles$290 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$283._p && - ((resource$284.instance = styles$283), - (resource$284.state.loading = 5)), + !styles$290._p && + ((resource$291.instance = styles$290), + (resource$291.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -15628,16 +15661,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$283 || + styles$290 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$284.state + resource$291.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$284; + return resource$291; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -15734,37 +15767,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$289 = hoistableRoot.querySelector( + var instance$296 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$289) + if (instance$296) return ( (resource.state.loading |= 4), - (resource.instance = instance$289), - markNodeAsHoistable(instance$289), - instance$289 + (resource.instance = instance$296), + markNodeAsHoistable(instance$296), + instance$296 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$289 = ( + instance$296 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$289); - var linkInstance = instance$289; + markNodeAsHoistable(instance$296); + var linkInstance = instance$296; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$289, "link", instance); + setInitialProperties(instance$296, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$289, props.precedence, hoistableRoot); - return (resource.instance = instance$289); + insertStylesheet(instance$296, props.precedence, hoistableRoot); + return (resource.instance = instance$296); case "script": - instance$289 = getScriptKey(props.src); + instance$296 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$289) + getScriptSelectorFromKey(instance$296) )) ) return ( @@ -15773,7 +15806,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$289))) + if ((styleProps = preloadPropsMap.get(instance$296))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -16776,16 +16809,16 @@ function getCrossOriginStringAs(as, input) { if ("string" === typeof input) return "use-credentials" === input ? input : ""; } -var isomorphicReactPackageVersion$jscomp$inline_1731 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1738 = React.version; if ( - "19.0.0-www-modern-94e4acaa-20240913" !== - isomorphicReactPackageVersion$jscomp$inline_1731 + "19.0.0-www-modern-d3d4d3a4-20240913" !== + isomorphicReactPackageVersion$jscomp$inline_1738 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1731, - "19.0.0-www-modern-94e4acaa-20240913" + isomorphicReactPackageVersion$jscomp$inline_1738, + "19.0.0-www-modern-d3d4d3a4-20240913" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -16801,25 +16834,25 @@ Internals.Events = [ return fn(a); } ]; -var internals$jscomp$inline_2245 = { +var internals$jscomp$inline_2252 = { bundleType: 0, - version: "19.0.0-www-modern-94e4acaa-20240913", + version: "19.0.0-www-modern-d3d4d3a4-20240913", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-94e4acaa-20240913" + reconcilerVersion: "19.0.0-www-modern-d3d4d3a4-20240913" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2246 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2253 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2246.isDisabled && - hook$jscomp$inline_2246.supportsFiber + !hook$jscomp$inline_2253.isDisabled && + hook$jscomp$inline_2253.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2246.inject( - internals$jscomp$inline_2245 + (rendererID = hook$jscomp$inline_2253.inject( + internals$jscomp$inline_2252 )), - (injectedHook = hook$jscomp$inline_2246); + (injectedHook = hook$jscomp$inline_2253); } catch (err) {} } function ReactDOMRoot(internalRoot) { @@ -17170,4 +17203,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-modern-94e4acaa-20240913"; +exports.version = "19.0.0-www-modern-d3d4d3a4-20240913"; diff --git a/compiled/facebook-www/ReactDOM-profiling.classic.js b/compiled/facebook-www/ReactDOM-profiling.classic.js index ff2f9b8ed5e60..4a5ea1ce8958e 100644 --- a/compiled/facebook-www/ReactDOM-profiling.classic.js +++ b/compiled/facebook-www/ReactDOM-profiling.classic.js @@ -58,6 +58,8 @@ var dynamicFeatureFlags = require("ReactFeatureFlags"), enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing, enableTrustedTypesIntegration = dynamicFeatureFlags.enableTrustedTypesIntegration, + enableHiddenSubtreeInsertionEffectCleanup = + dynamicFeatureFlags.enableHiddenSubtreeInsertionEffectCleanup, favorSafetyOverHydrationPerf = dynamicFeatureFlags.favorSafetyOverHydrationPerf, renameElementSymbol = dynamicFeatureFlags.renameElementSymbol, @@ -9150,7 +9152,7 @@ function commitBeforeMutationEffects(root, firstChild) { selection = selection.focusOffset; try { JSCompiler_temp.nodeType, focusNode.nodeType; - } catch (e$239) { + } catch (e$246) { JSCompiler_temp = null; break a; } @@ -9851,7 +9853,51 @@ function commitDeletionEffectsOnFiber( case 11: case 14: case 15: - if ( + if (enableHiddenSubtreeInsertionEffectCleanup) { + if ( + ((prevHostParent = deletedFiber.updateQueue), + null !== prevHostParent && + ((prevHostParent = prevHostParent.lastEffect), + null !== prevHostParent)) + ) { + prevHostParentIsContainer = prevHostParent = prevHostParent.next; + do { + prevHostParentIsContainer$195 = prevHostParentIsContainer.tag; + var inst = prevHostParentIsContainer.inst, + destroy = inst.destroy; + void 0 !== destroy && + (0 !== (prevHostParentIsContainer$195 & 2) + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : offscreenSubtreeWasHidden || + 0 === (prevHostParentIsContainer$195 & 4) || + (enableSchedulingProfiler && + markComponentLayoutEffectUnmountStarted(deletedFiber), + shouldProfile(deletedFiber) + ? (startLayoutEffectTimer(), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + recordLayoutEffectDuration(deletedFiber)) + : ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )), + enableSchedulingProfiler && + markComponentLayoutEffectUnmountStopped())); + prevHostParentIsContainer = prevHostParentIsContainer.next; + } while (prevHostParentIsContainer !== prevHostParent); + } + } else if ( !offscreenSubtreeWasHidden && ((prevHostParent = deletedFiber.updateQueue), null !== prevHostParent && @@ -9859,40 +9905,40 @@ function commitDeletionEffectsOnFiber( null !== prevHostParent)) ) { prevHostParentIsContainer = prevHostParent = prevHostParent.next; - do { - prevHostParentIsContainer$195 = prevHostParentIsContainer.tag; - var inst = prevHostParentIsContainer.inst, - destroy = inst.destroy; - void 0 !== destroy && - (0 !== (prevHostParentIsContainer$195 & 2) - ? ((inst.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - )) - : 0 !== (prevHostParentIsContainer$195 & 4) && - (enableSchedulingProfiler && - markComponentLayoutEffectUnmountStarted(deletedFiber), - shouldProfile(deletedFiber) - ? (startLayoutEffectTimer(), - (inst.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - ), - recordLayoutEffectDuration(deletedFiber)) - : ((inst.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - )), - enableSchedulingProfiler && - markComponentLayoutEffectUnmountStopped())); - prevHostParentIsContainer = prevHostParentIsContainer.next; - } while (prevHostParentIsContainer !== prevHostParent); + do + (prevHostParentIsContainer$195 = prevHostParentIsContainer.tag), + (inst = prevHostParentIsContainer.inst), + (destroy = inst.destroy), + void 0 !== destroy && + (0 !== (prevHostParentIsContainer$195 & 2) + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : 0 !== (prevHostParentIsContainer$195 & 4) && + (enableSchedulingProfiler && + markComponentLayoutEffectUnmountStarted(deletedFiber), + shouldProfile(deletedFiber) + ? (startLayoutEffectTimer(), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + recordLayoutEffectDuration(deletedFiber)) + : ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )), + enableSchedulingProfiler && + markComponentLayoutEffectUnmountStopped())), + (prevHostParentIsContainer = prevHostParentIsContainer.next); + while (prevHostParentIsContainer !== prevHostParent); } recursivelyTraverseDeletionEffects( finishedRoot, @@ -9952,15 +9998,15 @@ function commitDeletionEffectsOnFiber( } function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) { if (null === finishedWork.memoizedState) { - var current$198 = finishedWork.alternate; + var current$205 = finishedWork.alternate; if ( - null !== current$198 && - ((current$198 = current$198.memoizedState), - null !== current$198 && - ((current$198 = current$198.dehydrated), null !== current$198)) + null !== current$205 && + ((current$205 = current$205.memoizedState), + null !== current$205 && + ((current$205 = current$205.dehydrated), null !== current$205)) ) { try { - retryIfBlockedOn(current$198); + retryIfBlockedOn(current$205); } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); } @@ -9968,7 +10014,7 @@ function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) { var hydrationCallbacks = finishedRoot.hydrationCallbacks; if (null !== hydrationCallbacks) { var onHydrated = hydrationCallbacks.onHydrated; - onHydrated && onHydrated(current$198); + onHydrated && onHydrated(current$205); } } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); @@ -10638,7 +10684,7 @@ function recursivelyTraverseReappearLayoutEffects( includeWorkInProgressEffects = includeWorkInProgressEffects && 0 !== (parentFiber.subtreeFlags & 8772); for (parentFiber = parentFiber.child; null !== parentFiber; ) { - var current$205 = parentFiber.alternate, + var current$212 = parentFiber.alternate, finishedRoot = finishedRoot$jscomp$0, finishedWork = parentFiber, flags = finishedWork.flags; @@ -10659,18 +10705,18 @@ function recursivelyTraverseReappearLayoutEffects( finishedWork, includeWorkInProgressEffects ); - current$205 = finishedWork; - finishedRoot = current$205.stateNode; + current$212 = finishedWork; + finishedRoot = current$212.stateNode; if ("function" === typeof finishedRoot.componentDidMount) try { finishedRoot.componentDidMount(); } catch (error) { - captureCommitPhaseError(current$205, current$205.return, error); + captureCommitPhaseError(current$212, current$212.return, error); } - current$205 = finishedWork; - finishedRoot = current$205.updateQueue; + current$212 = finishedWork; + finishedRoot = current$212.updateQueue; if (null !== finishedRoot) { - var instance = current$205.stateNode; + var instance = current$212.stateNode; try { var hiddenCallbacks = finishedRoot.shared.hiddenCallbacks; if (null !== hiddenCallbacks) @@ -10681,7 +10727,7 @@ function recursivelyTraverseReappearLayoutEffects( ) callCallback(hiddenCallbacks[finishedRoot], instance); } catch (error) { - captureCommitPhaseError(current$205, current$205.return, error); + captureCommitPhaseError(current$212, current$212.return, error); } } includeWorkInProgressEffects && @@ -10698,7 +10744,7 @@ function recursivelyTraverseReappearLayoutEffects( includeWorkInProgressEffects ); includeWorkInProgressEffects && - null === current$205 && + null === current$212 && flags & 4 && commitHostMount(finishedWork); safelyAttachRef(finishedWork, finishedWork.return); @@ -10714,7 +10760,7 @@ function recursivelyTraverseReappearLayoutEffects( flags = finishedWork.stateNode.effectDuration, commitProfilerUpdate( finishedWork, - current$205, + current$212, commitTime, flags ), @@ -11062,9 +11108,9 @@ function recursivelyTraverseReconnectPassiveEffects( ); break; case 22: - var instance$212 = finishedWork.stateNode; + var instance$219 = finishedWork.stateNode; null !== finishedWork.memoizedState - ? instance$212._visibility & 4 + ? instance$219._visibility & 4 ? recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -11077,7 +11123,7 @@ function recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork ) - : ((instance$212._visibility |= 4), + : ((instance$219._visibility |= 4), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -11085,7 +11131,7 @@ function recursivelyTraverseReconnectPassiveEffects( committedTransitions, includeWorkInProgressEffects )) - : ((instance$212._visibility |= 4), + : ((instance$219._visibility |= 4), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -11098,7 +11144,7 @@ function recursivelyTraverseReconnectPassiveEffects( commitOffscreenPassiveMountEffects( finishedWork.alternate, finishedWork, - instance$212 + instance$219 ); break; case 24: @@ -12162,8 +12208,8 @@ function renderRootSync(root, lanes) { } workLoopSync(); break; - } catch (thrownValue$223) { - handleThrow(root, thrownValue$223); + } catch (thrownValue$230) { + handleThrow(root, thrownValue$230); } while (1); lanes && root.shellSuspendCounter++; @@ -12289,8 +12335,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrent(); break; - } catch (thrownValue$225) { - handleThrow(root, thrownValue$225); + } catch (thrownValue$232) { + handleThrow(root, thrownValue$232); } while (1); resetContextDependencies(); @@ -12471,23 +12517,23 @@ function completeUnitOfWork(unitOfWork) { ); return; } - var current$229 = completedWork.alternate; + var current$236 = completedWork.alternate; unitOfWork = completedWork.return; 0 === (completedWork.mode & 2) - ? (current$229 = completeWork( - current$229, + ? (current$236 = completeWork( + current$236, completedWork, entangledRenderLanes )) : (startProfilerTimer(completedWork), - (current$229 = completeWork( - current$229, + (current$236 = completeWork( + current$236, completedWork, entangledRenderLanes )), stopProfilerTimerIfRunningAndRecordDelta(completedWork, !1)); - if (null !== current$229) { - workInProgress = current$229; + if (null !== current$236) { + workInProgress = current$236; return; } completedWork = completedWork.sibling; @@ -12707,7 +12753,7 @@ function releaseRootPooledCache(root, remainingLanes) { } function flushPassiveEffects() { if (null !== rootWithPendingPassiveEffects) { - var root$232 = rootWithPendingPassiveEffects, + var root$239 = rootWithPendingPassiveEffects, remainingLanes = pendingPassiveEffectsRemainingLanes; pendingPassiveEffectsRemainingLanes = 0; var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes), @@ -12722,7 +12768,7 @@ function flushPassiveEffects() { } finally { (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition), - releaseRootPooledCache(root$232, remainingLanes); + releaseRootPooledCache(root$239, remainingLanes); } } return !1; @@ -13567,9 +13613,9 @@ function attemptContinuousHydration(fiber) { function getLaneLabelMap() { if (enableSchedulingProfiler) { for ( - var map = new Map(), lane = 1, index$237 = 0; - 31 > index$237; - index$237++ + var map = new Map(), lane = 1, index$244 = 0; + 31 > index$244; + index$244++ ) { var label = getLabelForLane(lane); map.set(lane, label); @@ -14115,19 +14161,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$400; + var JSCompiler_inline_result$jscomp$407; if (canUseDOM) { - var isSupported$jscomp$inline_1636 = "oninput" in document; - if (!isSupported$jscomp$inline_1636) { - var element$jscomp$inline_1637 = document.createElement("div"); - element$jscomp$inline_1637.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_1636 = - "function" === typeof element$jscomp$inline_1637.oninput; + var isSupported$jscomp$inline_1643 = "oninput" in document; + if (!isSupported$jscomp$inline_1643) { + var element$jscomp$inline_1644 = document.createElement("div"); + element$jscomp$inline_1644.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_1643 = + "function" === typeof element$jscomp$inline_1644.oninput; } - JSCompiler_inline_result$jscomp$400 = isSupported$jscomp$inline_1636; - } else JSCompiler_inline_result$jscomp$400 = !1; + JSCompiler_inline_result$jscomp$407 = isSupported$jscomp$inline_1643; + } else JSCompiler_inline_result$jscomp$407 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$400 && + JSCompiler_inline_result$jscomp$407 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -14538,20 +14584,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1677 = 0; - i$jscomp$inline_1677 < simpleEventPluginEvents.length; - i$jscomp$inline_1677++ + var i$jscomp$inline_1684 = 0; + i$jscomp$inline_1684 < simpleEventPluginEvents.length; + i$jscomp$inline_1684++ ) { - var eventName$jscomp$inline_1678 = - simpleEventPluginEvents[i$jscomp$inline_1677], - domEventName$jscomp$inline_1679 = - eventName$jscomp$inline_1678.toLowerCase(), - capitalizedEvent$jscomp$inline_1680 = - eventName$jscomp$inline_1678[0].toUpperCase() + - eventName$jscomp$inline_1678.slice(1); + var eventName$jscomp$inline_1685 = + simpleEventPluginEvents[i$jscomp$inline_1684], + domEventName$jscomp$inline_1686 = + eventName$jscomp$inline_1685.toLowerCase(), + capitalizedEvent$jscomp$inline_1687 = + eventName$jscomp$inline_1685[0].toUpperCase() + + eventName$jscomp$inline_1685.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1679, - "on" + capitalizedEvent$jscomp$inline_1680 + domEventName$jscomp$inline_1686, + "on" + capitalizedEvent$jscomp$inline_1687 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -15844,34 +15890,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$253 = props[hasSrc]; - if (null != propValue$253) + var propValue$260 = props[hasSrc]; + if (null != propValue$260) switch (hasSrc) { case "name": - hasSrcSet = propValue$253; + hasSrcSet = propValue$260; break; case "type": - propValue = propValue$253; + propValue = propValue$260; break; case "checked": - checked = propValue$253; + checked = propValue$260; break; case "defaultChecked": - defaultChecked = propValue$253; + defaultChecked = propValue$260; break; case "value": - propKey = propValue$253; + propKey = propValue$260; break; case "defaultValue": - defaultValue = propValue$253; + defaultValue = propValue$260; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$253) + if (null != propValue$260) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$253, props, null); + setProp(domElement, tag, hasSrc, propValue$260, props, null); } } initInput( @@ -16008,14 +16054,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$253 in props) - props.hasOwnProperty(propValue$253) && - ((hasSrc = props[propValue$253]), + for (propValue$260 in props) + props.hasOwnProperty(propValue$260) && + ((hasSrc = props[propValue$260]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$253, + propValue$260, hasSrc, props, void 0 @@ -16063,14 +16109,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$270 in nextProps) { - var propKey = nextProps[propKey$270]; - lastProp = lastProps[propKey$270]; + for (var propKey$277 in nextProps) { + var propKey = nextProps[propKey$277]; + lastProp = lastProps[propKey$277]; if ( - nextProps.hasOwnProperty(propKey$270) && + nextProps.hasOwnProperty(propKey$277) && (null != propKey || null != lastProp) ) - switch (propKey$270) { + switch (propKey$277) { case "type": type = propKey; break; @@ -16099,7 +16145,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$270, + propKey$277, propKey, nextProps, lastProp @@ -16118,7 +16164,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$270 = null; + propKey = value = defaultValue = propKey$277 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -16149,7 +16195,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (name) { case "value": - propKey$270 = type; + propKey$277 = type; break; case "defaultValue": defaultValue = type; @@ -16170,15 +16216,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$270 - ? updateOptions(domElement, !!lastProps, propKey$270, !1) + null != propKey$277 + ? updateOptions(domElement, !!lastProps, propKey$277, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$270 = null; + propKey = propKey$277 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -16202,7 +16248,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (value) { case "value": - propKey$270 = name; + propKey$277 = name; break; case "defaultValue": propKey = name; @@ -16216,17 +16262,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$270, propKey); + updateTextarea(domElement, propKey$277, propKey); return; case "option": - for (var propKey$286 in lastProps) + for (var propKey$293 in lastProps) if ( - ((propKey$270 = lastProps[propKey$286]), - lastProps.hasOwnProperty(propKey$286) && - null != propKey$270 && - !nextProps.hasOwnProperty(propKey$286)) + ((propKey$277 = lastProps[propKey$293]), + lastProps.hasOwnProperty(propKey$293) && + null != propKey$277 && + !nextProps.hasOwnProperty(propKey$293)) ) - switch (propKey$286) { + switch (propKey$293) { case "selected": domElement.selected = !1; break; @@ -16234,33 +16280,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$286, + propKey$293, null, nextProps, - propKey$270 + propKey$277 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$270 = nextProps[lastDefaultValue]), + ((propKey$277 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$270 !== propKey && - (null != propKey$270 || null != propKey)) + propKey$277 !== propKey && + (null != propKey$277 || null != propKey)) ) switch (lastDefaultValue) { case "selected": domElement.selected = - propKey$270 && - "function" !== typeof propKey$270 && - "symbol" !== typeof propKey$270; + propKey$277 && + "function" !== typeof propKey$277 && + "symbol" !== typeof propKey$277; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$270, + propKey$277, nextProps, propKey ); @@ -16281,24 +16327,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$291 in lastProps) - (propKey$270 = lastProps[propKey$291]), - lastProps.hasOwnProperty(propKey$291) && - null != propKey$270 && - !nextProps.hasOwnProperty(propKey$291) && - setProp(domElement, tag, propKey$291, null, nextProps, propKey$270); + for (var propKey$298 in lastProps) + (propKey$277 = lastProps[propKey$298]), + lastProps.hasOwnProperty(propKey$298) && + null != propKey$277 && + !nextProps.hasOwnProperty(propKey$298) && + setProp(domElement, tag, propKey$298, null, nextProps, propKey$277); for (checked in nextProps) if ( - ((propKey$270 = nextProps[checked]), + ((propKey$277 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$270 !== propKey && - (null != propKey$270 || null != propKey)) + propKey$277 !== propKey && + (null != propKey$277 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$270) + if (null != propKey$277) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -16306,7 +16352,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$270, + propKey$277, nextProps, propKey ); @@ -16314,49 +16360,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$296 in lastProps) - (propKey$270 = lastProps[propKey$296]), - lastProps.hasOwnProperty(propKey$296) && - void 0 !== propKey$270 && - !nextProps.hasOwnProperty(propKey$296) && + for (var propKey$303 in lastProps) + (propKey$277 = lastProps[propKey$303]), + lastProps.hasOwnProperty(propKey$303) && + void 0 !== propKey$277 && + !nextProps.hasOwnProperty(propKey$303) && setPropOnCustomElement( domElement, tag, - propKey$296, + propKey$303, void 0, nextProps, - propKey$270 + propKey$277 ); for (defaultChecked in nextProps) - (propKey$270 = nextProps[defaultChecked]), + (propKey$277 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$270 === propKey || - (void 0 === propKey$270 && void 0 === propKey) || + propKey$277 === propKey || + (void 0 === propKey$277 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$270, + propKey$277, nextProps, propKey ); return; } } - for (var propKey$301 in lastProps) - (propKey$270 = lastProps[propKey$301]), - lastProps.hasOwnProperty(propKey$301) && - null != propKey$270 && - !nextProps.hasOwnProperty(propKey$301) && - setProp(domElement, tag, propKey$301, null, nextProps, propKey$270); + for (var propKey$308 in lastProps) + (propKey$277 = lastProps[propKey$308]), + lastProps.hasOwnProperty(propKey$308) && + null != propKey$277 && + !nextProps.hasOwnProperty(propKey$308) && + setProp(domElement, tag, propKey$308, null, nextProps, propKey$277); for (lastProp in nextProps) - (propKey$270 = nextProps[lastProp]), + (propKey$277 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$270 === propKey || - (null == propKey$270 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$270, nextProps, propKey); + propKey$277 === propKey || + (null == propKey$277 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$277, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -16951,26 +16997,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$309 = getResourcesFromRoot( + var styles$316 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$310 = styles$309.get(type); - resource$310 || + resource$317 = styles$316.get(type); + resource$317 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$310 = { + (resource$317 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$309.set(type, resource$310), - (styles$309 = JSCompiler_inline_result.querySelector( + styles$316.set(type, resource$317), + (styles$316 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$309._p && - ((resource$310.instance = styles$309), - (resource$310.state.loading = 5)), + !styles$316._p && + ((resource$317.instance = styles$316), + (resource$317.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -16983,16 +17029,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$309 || + styles$316 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$310.state + resource$317.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$310; + return resource$317; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -17089,37 +17135,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$315 = hoistableRoot.querySelector( + var instance$322 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$315) + if (instance$322) return ( (resource.state.loading |= 4), - (resource.instance = instance$315), - markNodeAsHoistable(instance$315), - instance$315 + (resource.instance = instance$322), + markNodeAsHoistable(instance$322), + instance$322 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$315 = ( + instance$322 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$315); - var linkInstance = instance$315; + markNodeAsHoistable(instance$322); + var linkInstance = instance$322; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$315, "link", instance); + setInitialProperties(instance$322, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$315, props.precedence, hoistableRoot); - return (resource.instance = instance$315); + insertStylesheet(instance$322, props.precedence, hoistableRoot); + return (resource.instance = instance$322); case "script": - instance$315 = getScriptKey(props.src); + instance$322 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$315) + getScriptSelectorFromKey(instance$322) )) ) return ( @@ -17128,7 +17174,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$315))) + if ((styleProps = preloadPropsMap.get(instance$322))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -18160,16 +18206,16 @@ function getCrossOriginStringAs(as, input) { if ("string" === typeof input) return "use-credentials" === input ? input : ""; } -var isomorphicReactPackageVersion$jscomp$inline_1850 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1857 = React.version; if ( - "19.0.0-www-classic-94e4acaa-20240913" !== - isomorphicReactPackageVersion$jscomp$inline_1850 + "19.0.0-www-classic-d3d4d3a4-20240913" !== + isomorphicReactPackageVersion$jscomp$inline_1857 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1850, - "19.0.0-www-classic-94e4acaa-20240913" + isomorphicReactPackageVersion$jscomp$inline_1857, + "19.0.0-www-classic-d3d4d3a4-20240913" ) ); function flushSyncFromReconciler(fn) { @@ -18212,28 +18258,28 @@ Internals.Events = [ return fn(a); } ]; -var internals$jscomp$inline_1857 = { +var internals$jscomp$inline_1864 = { bundleType: 0, - version: "19.0.0-www-classic-94e4acaa-20240913", + version: "19.0.0-www-classic-d3d4d3a4-20240913", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-94e4acaa-20240913" + reconcilerVersion: "19.0.0-www-classic-d3d4d3a4-20240913" }; enableSchedulingProfiler && - ((internals$jscomp$inline_1857.getLaneLabelMap = getLaneLabelMap), - (internals$jscomp$inline_1857.injectProfilingHooks = injectProfilingHooks)); + ((internals$jscomp$inline_1864.getLaneLabelMap = getLaneLabelMap), + (internals$jscomp$inline_1864.injectProfilingHooks = injectProfilingHooks)); if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2315 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2322 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2315.isDisabled && - hook$jscomp$inline_2315.supportsFiber + !hook$jscomp$inline_2322.isDisabled && + hook$jscomp$inline_2322.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2315.inject( - internals$jscomp$inline_1857 + (rendererID = hook$jscomp$inline_2322.inject( + internals$jscomp$inline_1864 )), - (injectedHook = hook$jscomp$inline_2315); + (injectedHook = hook$jscomp$inline_2322); } catch (err) {} } function ReactDOMRoot(internalRoot) { @@ -18307,11 +18353,11 @@ function legacyCreateRootFromDOMContainer( if ("function" === typeof callback) { var originalCallback = callback; callback = function () { - var instance = getPublicRootInstance(root$336); + var instance = getPublicRootInstance(root$343); originalCallback.call(instance); }; } - var root$336 = createHydrationContainer( + var root$343 = createHydrationContainer( initialChildren, callback, container, @@ -18326,23 +18372,23 @@ function legacyCreateRootFromDOMContainer( null, null ); - container._reactRootContainer = root$336; - container[internalContainerInstanceKey] = root$336.current; + container._reactRootContainer = root$343; + container[internalContainerInstanceKey] = root$343.current; listenToAllSupportedEvents( 8 === container.nodeType ? container.parentNode : container ); flushSyncWork$1(); - return root$336; + return root$343; } clearContainer(container); if ("function" === typeof callback) { - var originalCallback$337 = callback; + var originalCallback$344 = callback; callback = function () { - var instance = getPublicRootInstance(root$338); - originalCallback$337.call(instance); + var instance = getPublicRootInstance(root$345); + originalCallback$344.call(instance); }; } - var root$338 = createFiberRoot( + var root$345 = createFiberRoot( container, 0, !1, @@ -18356,14 +18402,14 @@ function legacyCreateRootFromDOMContainer( null, null ); - container._reactRootContainer = root$338; - container[internalContainerInstanceKey] = root$338.current; + container._reactRootContainer = root$345; + container[internalContainerInstanceKey] = root$345.current; listenToAllSupportedEvents( 8 === container.nodeType ? container.parentNode : container ); - updateContainerSync(initialChildren, root$338, parentComponent, callback); + updateContainerSync(initialChildren, root$345, parentComponent, callback); flushSyncWork$1(); - return root$338; + return root$345; } function legacyRenderSubtreeIntoContainer( parentComponent, @@ -18677,7 +18723,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-classic-94e4acaa-20240913"; +exports.version = "19.0.0-www-classic-d3d4d3a4-20240913"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOM-profiling.modern.js b/compiled/facebook-www/ReactDOM-profiling.modern.js index fe005c745928e..86ff8ca68a22d 100644 --- a/compiled/facebook-www/ReactDOM-profiling.modern.js +++ b/compiled/facebook-www/ReactDOM-profiling.modern.js @@ -56,6 +56,8 @@ var dynamicFeatureFlags = require("ReactFeatureFlags"), enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing, enableTrustedTypesIntegration = dynamicFeatureFlags.enableTrustedTypesIntegration, + enableHiddenSubtreeInsertionEffectCleanup = + dynamicFeatureFlags.enableHiddenSubtreeInsertionEffectCleanup, favorSafetyOverHydrationPerf = dynamicFeatureFlags.favorSafetyOverHydrationPerf, renameElementSymbol = dynamicFeatureFlags.renameElementSymbol, @@ -8701,7 +8703,7 @@ function commitBeforeMutationEffects(root, firstChild) { selection = selection.focusOffset; try { JSCompiler_temp.nodeType, focusNode.nodeType; - } catch (e$230) { + } catch (e$237) { JSCompiler_temp = null; break a; } @@ -9412,7 +9414,51 @@ function commitDeletionEffectsOnFiber( case 11: case 14: case 15: - if ( + if (enableHiddenSubtreeInsertionEffectCleanup) { + if ( + ((prevHostParent = deletedFiber.updateQueue), + null !== prevHostParent && + ((prevHostParent = prevHostParent.lastEffect), + null !== prevHostParent)) + ) { + prevHostParentIsContainer = prevHostParent = prevHostParent.next; + do { + prevHostParentIsContainer$186 = prevHostParentIsContainer.tag; + var inst = prevHostParentIsContainer.inst, + destroy = inst.destroy; + void 0 !== destroy && + (0 !== (prevHostParentIsContainer$186 & 2) + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : offscreenSubtreeWasHidden || + 0 === (prevHostParentIsContainer$186 & 4) || + (enableSchedulingProfiler && + markComponentLayoutEffectUnmountStarted(deletedFiber), + shouldProfile(deletedFiber) + ? (startLayoutEffectTimer(), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + recordLayoutEffectDuration(deletedFiber)) + : ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )), + enableSchedulingProfiler && + markComponentLayoutEffectUnmountStopped())); + prevHostParentIsContainer = prevHostParentIsContainer.next; + } while (prevHostParentIsContainer !== prevHostParent); + } + } else if ( !offscreenSubtreeWasHidden && ((prevHostParent = deletedFiber.updateQueue), null !== prevHostParent && @@ -9420,40 +9466,40 @@ function commitDeletionEffectsOnFiber( null !== prevHostParent)) ) { prevHostParentIsContainer = prevHostParent = prevHostParent.next; - do { - prevHostParentIsContainer$186 = prevHostParentIsContainer.tag; - var inst = prevHostParentIsContainer.inst, - destroy = inst.destroy; - void 0 !== destroy && - (0 !== (prevHostParentIsContainer$186 & 2) - ? ((inst.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - )) - : 0 !== (prevHostParentIsContainer$186 & 4) && - (enableSchedulingProfiler && - markComponentLayoutEffectUnmountStarted(deletedFiber), - shouldProfile(deletedFiber) - ? (startLayoutEffectTimer(), - (inst.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - ), - recordLayoutEffectDuration(deletedFiber)) - : ((inst.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - )), - enableSchedulingProfiler && - markComponentLayoutEffectUnmountStopped())); - prevHostParentIsContainer = prevHostParentIsContainer.next; - } while (prevHostParentIsContainer !== prevHostParent); + do + (prevHostParentIsContainer$186 = prevHostParentIsContainer.tag), + (inst = prevHostParentIsContainer.inst), + (destroy = inst.destroy), + void 0 !== destroy && + (0 !== (prevHostParentIsContainer$186 & 2) + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : 0 !== (prevHostParentIsContainer$186 & 4) && + (enableSchedulingProfiler && + markComponentLayoutEffectUnmountStarted(deletedFiber), + shouldProfile(deletedFiber) + ? (startLayoutEffectTimer(), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + recordLayoutEffectDuration(deletedFiber)) + : ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )), + enableSchedulingProfiler && + markComponentLayoutEffectUnmountStopped())), + (prevHostParentIsContainer = prevHostParentIsContainer.next); + while (prevHostParentIsContainer !== prevHostParent); } recursivelyTraverseDeletionEffects( finishedRoot, @@ -9507,15 +9553,15 @@ function commitDeletionEffectsOnFiber( } function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) { if (null === finishedWork.memoizedState) { - var current$189 = finishedWork.alternate; + var current$196 = finishedWork.alternate; if ( - null !== current$189 && - ((current$189 = current$189.memoizedState), - null !== current$189 && - ((current$189 = current$189.dehydrated), null !== current$189)) + null !== current$196 && + ((current$196 = current$196.memoizedState), + null !== current$196 && + ((current$196 = current$196.dehydrated), null !== current$196)) ) { try { - retryIfBlockedOn(current$189); + retryIfBlockedOn(current$196); } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); } @@ -9523,7 +9569,7 @@ function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) { var hydrationCallbacks = finishedRoot.hydrationCallbacks; if (null !== hydrationCallbacks) { var onHydrated = hydrationCallbacks.onHydrated; - onHydrated && onHydrated(current$189); + onHydrated && onHydrated(current$196); } } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); @@ -10190,7 +10236,7 @@ function recursivelyTraverseReappearLayoutEffects( includeWorkInProgressEffects = includeWorkInProgressEffects && 0 !== (parentFiber.subtreeFlags & 8772); for (parentFiber = parentFiber.child; null !== parentFiber; ) { - var current$196 = parentFiber.alternate, + var current$203 = parentFiber.alternate, finishedRoot = finishedRoot$jscomp$0, finishedWork = parentFiber, flags = finishedWork.flags; @@ -10211,18 +10257,18 @@ function recursivelyTraverseReappearLayoutEffects( finishedWork, includeWorkInProgressEffects ); - current$196 = finishedWork; - finishedRoot = current$196.stateNode; + current$203 = finishedWork; + finishedRoot = current$203.stateNode; if ("function" === typeof finishedRoot.componentDidMount) try { finishedRoot.componentDidMount(); } catch (error) { - captureCommitPhaseError(current$196, current$196.return, error); + captureCommitPhaseError(current$203, current$203.return, error); } - current$196 = finishedWork; - finishedRoot = current$196.updateQueue; + current$203 = finishedWork; + finishedRoot = current$203.updateQueue; if (null !== finishedRoot) { - var instance = current$196.stateNode; + var instance = current$203.stateNode; try { var hiddenCallbacks = finishedRoot.shared.hiddenCallbacks; if (null !== hiddenCallbacks) @@ -10233,7 +10279,7 @@ function recursivelyTraverseReappearLayoutEffects( ) callCallback(hiddenCallbacks[finishedRoot], instance); } catch (error) { - captureCommitPhaseError(current$196, current$196.return, error); + captureCommitPhaseError(current$203, current$203.return, error); } } includeWorkInProgressEffects && @@ -10250,7 +10296,7 @@ function recursivelyTraverseReappearLayoutEffects( includeWorkInProgressEffects ); includeWorkInProgressEffects && - null === current$196 && + null === current$203 && flags & 4 && commitHostMount(finishedWork); safelyAttachRef(finishedWork, finishedWork.return); @@ -10266,7 +10312,7 @@ function recursivelyTraverseReappearLayoutEffects( flags = finishedWork.stateNode.effectDuration, commitProfilerUpdate( finishedWork, - current$196, + current$203, commitTime, flags ), @@ -10603,9 +10649,9 @@ function recursivelyTraverseReconnectPassiveEffects( ); break; case 22: - var instance$203 = finishedWork.stateNode; + var instance$210 = finishedWork.stateNode; null !== finishedWork.memoizedState - ? instance$203._visibility & 4 + ? instance$210._visibility & 4 ? recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -10617,7 +10663,7 @@ function recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork ) - : ((instance$203._visibility |= 4), + : ((instance$210._visibility |= 4), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -10630,7 +10676,7 @@ function recursivelyTraverseReconnectPassiveEffects( commitOffscreenPassiveMountEffects( finishedWork.alternate, finishedWork, - instance$203 + instance$210 ); break; case 24: @@ -11672,8 +11718,8 @@ function renderRootSync(root, lanes) { } workLoopSync(); break; - } catch (thrownValue$214) { - handleThrow(root, thrownValue$214); + } catch (thrownValue$221) { + handleThrow(root, thrownValue$221); } while (1); lanes && root.shellSuspendCounter++; @@ -11799,8 +11845,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrent(); break; - } catch (thrownValue$216) { - handleThrow(root, thrownValue$216); + } catch (thrownValue$223) { + handleThrow(root, thrownValue$223); } while (1); resetContextDependencies(); @@ -11977,23 +12023,23 @@ function completeUnitOfWork(unitOfWork) { ); return; } - var current$220 = completedWork.alternate; + var current$227 = completedWork.alternate; unitOfWork = completedWork.return; 0 === (completedWork.mode & 2) - ? (current$220 = completeWork( - current$220, + ? (current$227 = completeWork( + current$227, completedWork, entangledRenderLanes )) : (startProfilerTimer(completedWork), - (current$220 = completeWork( - current$220, + (current$227 = completeWork( + current$227, completedWork, entangledRenderLanes )), stopProfilerTimerIfRunningAndRecordDelta(completedWork, !1)); - if (null !== current$220) { - workInProgress = current$220; + if (null !== current$227) { + workInProgress = current$227; return; } completedWork = completedWork.sibling; @@ -12211,7 +12257,7 @@ function releaseRootPooledCache(root, remainingLanes) { } function flushPassiveEffects() { if (null !== rootWithPendingPassiveEffects) { - var root$223 = rootWithPendingPassiveEffects, + var root$230 = rootWithPendingPassiveEffects, remainingLanes = pendingPassiveEffectsRemainingLanes; pendingPassiveEffectsRemainingLanes = 0; var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes), @@ -12226,7 +12272,7 @@ function flushPassiveEffects() { } finally { (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition), - releaseRootPooledCache(root$223, remainingLanes); + releaseRootPooledCache(root$230, remainingLanes); } } return !1; @@ -12949,9 +12995,9 @@ function attemptContinuousHydration(fiber) { function getLaneLabelMap() { if (enableSchedulingProfiler) { for ( - var map = new Map(), lane = 1, index$228 = 0; - 31 > index$228; - index$228++ + var map = new Map(), lane = 1, index$235 = 0; + 31 > index$235; + index$235++ ) { var label = getLabelForLane(lane); map.set(lane, label); @@ -13525,19 +13571,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$387; + var JSCompiler_inline_result$jscomp$394; if (canUseDOM) { - var isSupported$jscomp$inline_1607 = "oninput" in document; - if (!isSupported$jscomp$inline_1607) { - var element$jscomp$inline_1608 = document.createElement("div"); - element$jscomp$inline_1608.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_1607 = - "function" === typeof element$jscomp$inline_1608.oninput; + var isSupported$jscomp$inline_1614 = "oninput" in document; + if (!isSupported$jscomp$inline_1614) { + var element$jscomp$inline_1615 = document.createElement("div"); + element$jscomp$inline_1615.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_1614 = + "function" === typeof element$jscomp$inline_1615.oninput; } - JSCompiler_inline_result$jscomp$387 = isSupported$jscomp$inline_1607; - } else JSCompiler_inline_result$jscomp$387 = !1; + JSCompiler_inline_result$jscomp$394 = isSupported$jscomp$inline_1614; + } else JSCompiler_inline_result$jscomp$394 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$387 && + JSCompiler_inline_result$jscomp$394 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -13948,20 +13994,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1648 = 0; - i$jscomp$inline_1648 < simpleEventPluginEvents.length; - i$jscomp$inline_1648++ + var i$jscomp$inline_1655 = 0; + i$jscomp$inline_1655 < simpleEventPluginEvents.length; + i$jscomp$inline_1655++ ) { - var eventName$jscomp$inline_1649 = - simpleEventPluginEvents[i$jscomp$inline_1648], - domEventName$jscomp$inline_1650 = - eventName$jscomp$inline_1649.toLowerCase(), - capitalizedEvent$jscomp$inline_1651 = - eventName$jscomp$inline_1649[0].toUpperCase() + - eventName$jscomp$inline_1649.slice(1); + var eventName$jscomp$inline_1656 = + simpleEventPluginEvents[i$jscomp$inline_1655], + domEventName$jscomp$inline_1657 = + eventName$jscomp$inline_1656.toLowerCase(), + capitalizedEvent$jscomp$inline_1658 = + eventName$jscomp$inline_1656[0].toUpperCase() + + eventName$jscomp$inline_1656.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1650, - "on" + capitalizedEvent$jscomp$inline_1651 + domEventName$jscomp$inline_1657, + "on" + capitalizedEvent$jscomp$inline_1658 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -15250,34 +15296,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$244 = props[hasSrc]; - if (null != propValue$244) + var propValue$251 = props[hasSrc]; + if (null != propValue$251) switch (hasSrc) { case "name": - hasSrcSet = propValue$244; + hasSrcSet = propValue$251; break; case "type": - propKey = propValue$244; + propKey = propValue$251; break; case "checked": - checked = propValue$244; + checked = propValue$251; break; case "defaultChecked": - defaultChecked = propValue$244; + defaultChecked = propValue$251; break; case "value": - propValue = propValue$244; + propValue = propValue$251; break; case "defaultValue": - defaultValue = propValue$244; + defaultValue = propValue$251; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$244) + if (null != propValue$251) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$244, props, null); + setProp(domElement, tag, hasSrc, propValue$251, props, null); } } initInput( @@ -15413,14 +15459,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$244 in props) - props.hasOwnProperty(propValue$244) && - ((hasSrc = props[propValue$244]), + for (propValue$251 in props) + props.hasOwnProperty(propValue$251) && + ((hasSrc = props[propValue$251]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$244, + propValue$251, hasSrc, props, void 0 @@ -15468,14 +15514,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$261 in nextProps) { - var propKey = nextProps[propKey$261]; - lastProp = lastProps[propKey$261]; + for (var propKey$268 in nextProps) { + var propKey = nextProps[propKey$268]; + lastProp = lastProps[propKey$268]; if ( - nextProps.hasOwnProperty(propKey$261) && + nextProps.hasOwnProperty(propKey$268) && (null != propKey || null != lastProp) ) - switch (propKey$261) { + switch (propKey$268) { case "type": type = propKey; break; @@ -15504,7 +15550,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$261, + propKey$268, propKey, nextProps, lastProp @@ -15523,7 +15569,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$261 = null; + propKey = value = defaultValue = propKey$268 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -15554,7 +15600,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (name) { case "value": - propKey$261 = type; + propKey$268 = type; break; case "defaultValue": defaultValue = type; @@ -15575,15 +15621,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$261 - ? updateOptions(domElement, !!lastProps, propKey$261, !1) + null != propKey$268 + ? updateOptions(domElement, !!lastProps, propKey$268, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$261 = null; + propKey = propKey$268 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -15607,7 +15653,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (value) { case "value": - propKey$261 = name; + propKey$268 = name; break; case "defaultValue": propKey = name; @@ -15621,17 +15667,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$261, propKey); + updateTextarea(domElement, propKey$268, propKey); return; case "option": - for (var propKey$277 in lastProps) + for (var propKey$284 in lastProps) if ( - ((propKey$261 = lastProps[propKey$277]), - lastProps.hasOwnProperty(propKey$277) && - null != propKey$261 && - !nextProps.hasOwnProperty(propKey$277)) + ((propKey$268 = lastProps[propKey$284]), + lastProps.hasOwnProperty(propKey$284) && + null != propKey$268 && + !nextProps.hasOwnProperty(propKey$284)) ) - switch (propKey$277) { + switch (propKey$284) { case "selected": domElement.selected = !1; break; @@ -15639,33 +15685,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$277, + propKey$284, null, nextProps, - propKey$261 + propKey$268 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$261 = nextProps[lastDefaultValue]), + ((propKey$268 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$261 !== propKey && - (null != propKey$261 || null != propKey)) + propKey$268 !== propKey && + (null != propKey$268 || null != propKey)) ) switch (lastDefaultValue) { case "selected": domElement.selected = - propKey$261 && - "function" !== typeof propKey$261 && - "symbol" !== typeof propKey$261; + propKey$268 && + "function" !== typeof propKey$268 && + "symbol" !== typeof propKey$268; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$261, + propKey$268, nextProps, propKey ); @@ -15686,24 +15732,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$282 in lastProps) - (propKey$261 = lastProps[propKey$282]), - lastProps.hasOwnProperty(propKey$282) && - null != propKey$261 && - !nextProps.hasOwnProperty(propKey$282) && - setProp(domElement, tag, propKey$282, null, nextProps, propKey$261); + for (var propKey$289 in lastProps) + (propKey$268 = lastProps[propKey$289]), + lastProps.hasOwnProperty(propKey$289) && + null != propKey$268 && + !nextProps.hasOwnProperty(propKey$289) && + setProp(domElement, tag, propKey$289, null, nextProps, propKey$268); for (checked in nextProps) if ( - ((propKey$261 = nextProps[checked]), + ((propKey$268 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$261 !== propKey && - (null != propKey$261 || null != propKey)) + propKey$268 !== propKey && + (null != propKey$268 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$261) + if (null != propKey$268) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -15711,7 +15757,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$261, + propKey$268, nextProps, propKey ); @@ -15719,49 +15765,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$287 in lastProps) - (propKey$261 = lastProps[propKey$287]), - lastProps.hasOwnProperty(propKey$287) && - void 0 !== propKey$261 && - !nextProps.hasOwnProperty(propKey$287) && + for (var propKey$294 in lastProps) + (propKey$268 = lastProps[propKey$294]), + lastProps.hasOwnProperty(propKey$294) && + void 0 !== propKey$268 && + !nextProps.hasOwnProperty(propKey$294) && setPropOnCustomElement( domElement, tag, - propKey$287, + propKey$294, void 0, nextProps, - propKey$261 + propKey$268 ); for (defaultChecked in nextProps) - (propKey$261 = nextProps[defaultChecked]), + (propKey$268 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$261 === propKey || - (void 0 === propKey$261 && void 0 === propKey) || + propKey$268 === propKey || + (void 0 === propKey$268 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$261, + propKey$268, nextProps, propKey ); return; } } - for (var propKey$292 in lastProps) - (propKey$261 = lastProps[propKey$292]), - lastProps.hasOwnProperty(propKey$292) && - null != propKey$261 && - !nextProps.hasOwnProperty(propKey$292) && - setProp(domElement, tag, propKey$292, null, nextProps, propKey$261); + for (var propKey$299 in lastProps) + (propKey$268 = lastProps[propKey$299]), + lastProps.hasOwnProperty(propKey$299) && + null != propKey$268 && + !nextProps.hasOwnProperty(propKey$299) && + setProp(domElement, tag, propKey$299, null, nextProps, propKey$268); for (lastProp in nextProps) - (propKey$261 = nextProps[lastProp]), + (propKey$268 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$261 === propKey || - (null == propKey$261 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$261, nextProps, propKey); + propKey$268 === propKey || + (null == propKey$268 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$268, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -16339,26 +16385,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$300 = getResourcesFromRoot( + var styles$307 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$301 = styles$300.get(type); - resource$301 || + resource$308 = styles$307.get(type); + resource$308 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$301 = { + (resource$308 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$300.set(type, resource$301), - (styles$300 = JSCompiler_inline_result.querySelector( + styles$307.set(type, resource$308), + (styles$307 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$300._p && - ((resource$301.instance = styles$300), - (resource$301.state.loading = 5)), + !styles$307._p && + ((resource$308.instance = styles$307), + (resource$308.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -16371,16 +16417,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$300 || + styles$307 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$301.state + resource$308.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$301; + return resource$308; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -16477,37 +16523,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$306 = hoistableRoot.querySelector( + var instance$313 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$306) + if (instance$313) return ( (resource.state.loading |= 4), - (resource.instance = instance$306), - markNodeAsHoistable(instance$306), - instance$306 + (resource.instance = instance$313), + markNodeAsHoistable(instance$313), + instance$313 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$306 = ( + instance$313 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$306); - var linkInstance = instance$306; + markNodeAsHoistable(instance$313); + var linkInstance = instance$313; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$306, "link", instance); + setInitialProperties(instance$313, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$306, props.precedence, hoistableRoot); - return (resource.instance = instance$306); + insertStylesheet(instance$313, props.precedence, hoistableRoot); + return (resource.instance = instance$313); case "script": - instance$306 = getScriptKey(props.src); + instance$313 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$306) + getScriptSelectorFromKey(instance$313) )) ) return ( @@ -16516,7 +16562,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$306))) + if ((styleProps = preloadPropsMap.get(instance$313))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -17519,16 +17565,16 @@ function getCrossOriginStringAs(as, input) { if ("string" === typeof input) return "use-credentials" === input ? input : ""; } -var isomorphicReactPackageVersion$jscomp$inline_1821 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1828 = React.version; if ( - "19.0.0-www-modern-94e4acaa-20240913" !== - isomorphicReactPackageVersion$jscomp$inline_1821 + "19.0.0-www-modern-d3d4d3a4-20240913" !== + isomorphicReactPackageVersion$jscomp$inline_1828 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1821, - "19.0.0-www-modern-94e4acaa-20240913" + isomorphicReactPackageVersion$jscomp$inline_1828, + "19.0.0-www-modern-d3d4d3a4-20240913" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -17544,28 +17590,28 @@ Internals.Events = [ return fn(a); } ]; -var internals$jscomp$inline_1823 = { +var internals$jscomp$inline_1830 = { bundleType: 0, - version: "19.0.0-www-modern-94e4acaa-20240913", + version: "19.0.0-www-modern-d3d4d3a4-20240913", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-94e4acaa-20240913" + reconcilerVersion: "19.0.0-www-modern-d3d4d3a4-20240913" }; enableSchedulingProfiler && - ((internals$jscomp$inline_1823.getLaneLabelMap = getLaneLabelMap), - (internals$jscomp$inline_1823.injectProfilingHooks = injectProfilingHooks)); + ((internals$jscomp$inline_1830.getLaneLabelMap = getLaneLabelMap), + (internals$jscomp$inline_1830.injectProfilingHooks = injectProfilingHooks)); if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2307 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2314 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2307.isDisabled && - hook$jscomp$inline_2307.supportsFiber + !hook$jscomp$inline_2314.isDisabled && + hook$jscomp$inline_2314.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2307.inject( - internals$jscomp$inline_1823 + (rendererID = hook$jscomp$inline_2314.inject( + internals$jscomp$inline_1830 )), - (injectedHook = hook$jscomp$inline_2307); + (injectedHook = hook$jscomp$inline_2314); } catch (err) {} } function ReactDOMRoot(internalRoot) { @@ -17916,7 +17962,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-modern-94e4acaa-20240913"; +exports.version = "19.0.0-www-modern-d3d4d3a4-20240913"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOMServer-dev.classic.js b/compiled/facebook-www/ReactDOMServer-dev.classic.js index a0db72c6080c8..7429e77d69ccf 100644 --- a/compiled/facebook-www/ReactDOMServer-dev.classic.js +++ b/compiled/facebook-www/ReactDOMServer-dev.classic.js @@ -8986,5 +8986,5 @@ __DEV__ && '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.0.0-www-classic-94e4acaa-20240913"; + exports.version = "19.0.0-www-classic-d3d4d3a4-20240913"; })(); diff --git a/compiled/facebook-www/ReactDOMServer-dev.modern.js b/compiled/facebook-www/ReactDOMServer-dev.modern.js index 349bdba2b8498..fcf053cc8d0a2 100644 --- a/compiled/facebook-www/ReactDOMServer-dev.modern.js +++ b/compiled/facebook-www/ReactDOMServer-dev.modern.js @@ -8804,5 +8804,5 @@ __DEV__ && '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.0.0-www-modern-94e4acaa-20240913"; + exports.version = "19.0.0-www-modern-d3d4d3a4-20240913"; })(); diff --git a/compiled/facebook-www/ReactDOMServer-prod.classic.js b/compiled/facebook-www/ReactDOMServer-prod.classic.js index a25fab125ab29..34b7abc517bcd 100644 --- a/compiled/facebook-www/ReactDOMServer-prod.classic.js +++ b/compiled/facebook-www/ReactDOMServer-prod.classic.js @@ -5911,4 +5911,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; -exports.version = "19.0.0-www-classic-94e4acaa-20240913"; +exports.version = "19.0.0-www-classic-d3d4d3a4-20240913"; diff --git a/compiled/facebook-www/ReactDOMServer-prod.modern.js b/compiled/facebook-www/ReactDOMServer-prod.modern.js index 55d99be021b1d..d241a2bd97161 100644 --- a/compiled/facebook-www/ReactDOMServer-prod.modern.js +++ b/compiled/facebook-www/ReactDOMServer-prod.modern.js @@ -5823,4 +5823,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; -exports.version = "19.0.0-www-modern-94e4acaa-20240913"; +exports.version = "19.0.0-www-modern-d3d4d3a4-20240913"; diff --git a/compiled/facebook-www/ReactDOMTesting-dev.classic.js b/compiled/facebook-www/ReactDOMTesting-dev.classic.js index 6a7330d5e3b5f..03037b5d78b93 100644 --- a/compiled/facebook-www/ReactDOMTesting-dev.classic.js +++ b/compiled/facebook-www/ReactDOMTesting-dev.classic.js @@ -9240,32 +9240,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2448; - var JSCompiler_object_inline_stack_2449 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2436; + var JSCompiler_object_inline_stack_2437 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2450 = !1; + var JSCompiler_object_inline_componentStack_2438 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2448 = didSuspend) || - (JSCompiler_object_inline_digest_2448 = + (JSCompiler_object_inline_digest_2436 = didSuspend) || + (JSCompiler_object_inline_digest_2436 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2448 && - ((JSCompiler_object_inline_componentStack_2450 = !0), + JSCompiler_object_inline_digest_2436 && + ((JSCompiler_object_inline_componentStack_2438 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2448 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2436 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2450 + JSCompiler_object_inline_componentStack_2438 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2447 = nextHydratableInstance; + var JSCompiler_object_inline_message_2435 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2447)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2435)) { c: { - var instance = JSCompiler_object_inline_message_2447; + var instance = JSCompiler_object_inline_message_2435; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -9306,19 +9306,19 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2447 + JSCompiler_object_inline_message_2435 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2447 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2435 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2447 && - ((JSCompiler_object_inline_message_2447 = - JSCompiler_object_inline_message_2447.dehydrated), - null !== JSCompiler_object_inline_message_2447) + null !== JSCompiler_object_inline_message_2435 && + ((JSCompiler_object_inline_message_2435 = + JSCompiler_object_inline_message_2435.dehydrated), + null !== JSCompiler_object_inline_message_2435) ) return ( - JSCompiler_object_inline_message_2447.data === + JSCompiler_object_inline_message_2435.data === SUSPENSE_FALLBACK_START_DATA ? (workInProgress.lanes = 16) : (workInProgress.lanes = 536870912), @@ -9326,27 +9326,27 @@ __DEV__ && ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2447 = - JSCompiler_object_inline_stack_2449.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2449.fallback; - if (JSCompiler_object_inline_componentStack_2450) + JSCompiler_object_inline_message_2435 = + JSCompiler_object_inline_stack_2437.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2437.fallback; + if (JSCompiler_object_inline_componentStack_2438) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2449 = + (JSCompiler_object_inline_stack_2437 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2447, + JSCompiler_object_inline_message_2435, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2450 = + (JSCompiler_object_inline_componentStack_2438 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2450.memoizedState = + (JSCompiler_object_inline_componentStack_2438.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2450.childLanes = + (JSCompiler_object_inline_componentStack_2438.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2448, + JSCompiler_object_inline_digest_2436, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9359,9 +9359,9 @@ __DEV__ && ? markerInstanceStack.current : null), (current = - JSCompiler_object_inline_componentStack_2450.updateQueue), + JSCompiler_object_inline_componentStack_2438.updateQueue), null === current - ? (JSCompiler_object_inline_componentStack_2450.updateQueue = + ? (JSCompiler_object_inline_componentStack_2438.updateQueue = { transitions: workInProgress, markerInstances: renderLanes, @@ -9369,46 +9369,46 @@ __DEV__ && }) : ((current.transitions = workInProgress), (current.markerInstances = renderLanes)))), - JSCompiler_object_inline_stack_2449 + JSCompiler_object_inline_stack_2437 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2449.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2437.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2449 = + (JSCompiler_object_inline_stack_2437 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2447, + JSCompiler_object_inline_message_2435, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2450 = + (JSCompiler_object_inline_componentStack_2438 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2450.memoizedState = + (JSCompiler_object_inline_componentStack_2438.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2450.childLanes = + (JSCompiler_object_inline_componentStack_2438.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2448, + JSCompiler_object_inline_digest_2436, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2449 + JSCompiler_object_inline_stack_2437 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2447 + JSCompiler_object_inline_message_2435 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2447 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2447) + ((JSCompiler_object_inline_message_2435 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2435) ) { if (didSuspend) workInProgress.flags & 256 @@ -9425,32 +9425,32 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2450 = - JSCompiler_object_inline_stack_2449.fallback), - (JSCompiler_object_inline_message_2447 = workInProgress.mode), - (JSCompiler_object_inline_stack_2449 = createFiberFromOffscreen( + (JSCompiler_object_inline_componentStack_2438 = + JSCompiler_object_inline_stack_2437.fallback), + (JSCompiler_object_inline_message_2435 = workInProgress.mode), + (JSCompiler_object_inline_stack_2437 = createFiberFromOffscreen( { mode: "visible", - children: JSCompiler_object_inline_stack_2449.children + children: JSCompiler_object_inline_stack_2437.children }, - JSCompiler_object_inline_message_2447, + JSCompiler_object_inline_message_2435, 0, null )), - (JSCompiler_object_inline_componentStack_2450 = + (JSCompiler_object_inline_componentStack_2438 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2450, - JSCompiler_object_inline_message_2447, + JSCompiler_object_inline_componentStack_2438, + JSCompiler_object_inline_message_2435, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2450.flags |= 2), - (JSCompiler_object_inline_stack_2449.return = workInProgress), - (JSCompiler_object_inline_componentStack_2450.return = + (JSCompiler_object_inline_componentStack_2438.flags |= 2), + (JSCompiler_object_inline_stack_2437.return = workInProgress), + (JSCompiler_object_inline_componentStack_2438.return = workInProgress), - (JSCompiler_object_inline_stack_2449.sibling = - JSCompiler_object_inline_componentStack_2450), - (workInProgress.child = JSCompiler_object_inline_stack_2449), + (JSCompiler_object_inline_stack_2437.sibling = + JSCompiler_object_inline_componentStack_2438), + (workInProgress.child = JSCompiler_object_inline_stack_2437), (disableLegacyMode || (workInProgress.mode & ConcurrentMode) !== NoMode) && reconcileChildFibers( @@ -9459,63 +9459,63 @@ __DEV__ && null, renderLanes ), - (JSCompiler_object_inline_stack_2449 = workInProgress.child), - (JSCompiler_object_inline_stack_2449.memoizedState = + (JSCompiler_object_inline_stack_2437 = workInProgress.child), + (JSCompiler_object_inline_stack_2437.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2449.childLanes = + (JSCompiler_object_inline_stack_2437.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2448, + JSCompiler_object_inline_digest_2436, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2450)); + JSCompiler_object_inline_componentStack_2438)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && error$jscomp$0( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - JSCompiler_object_inline_message_2447.data === + JSCompiler_object_inline_message_2435.data === SUSPENSE_FALLBACK_START_DATA) ) { - JSCompiler_object_inline_digest_2448 = - JSCompiler_object_inline_message_2447.nextSibling && - JSCompiler_object_inline_message_2447.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2448) { - JSCompiler_temp = JSCompiler_object_inline_digest_2448.dgst; - var message = JSCompiler_object_inline_digest_2448.msg; - instance = JSCompiler_object_inline_digest_2448.stck; - var componentStack = JSCompiler_object_inline_digest_2448.cstck; + JSCompiler_object_inline_digest_2436 = + JSCompiler_object_inline_message_2435.nextSibling && + JSCompiler_object_inline_message_2435.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2436) { + JSCompiler_temp = JSCompiler_object_inline_digest_2436.dgst; + var message = JSCompiler_object_inline_digest_2436.msg; + instance = JSCompiler_object_inline_digest_2436.stck; + var componentStack = JSCompiler_object_inline_digest_2436.cstck; } - JSCompiler_object_inline_message_2447 = message; - JSCompiler_object_inline_digest_2448 = JSCompiler_temp; - JSCompiler_object_inline_stack_2449 = instance; - JSCompiler_object_inline_componentStack_2450 = componentStack; - JSCompiler_object_inline_message_2447 = - JSCompiler_object_inline_message_2447 - ? Error(JSCompiler_object_inline_message_2447) + JSCompiler_object_inline_message_2435 = message; + JSCompiler_object_inline_digest_2436 = JSCompiler_temp; + JSCompiler_object_inline_stack_2437 = instance; + JSCompiler_object_inline_componentStack_2438 = componentStack; + JSCompiler_object_inline_message_2435 = + JSCompiler_object_inline_message_2435 + ? Error(JSCompiler_object_inline_message_2435) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_message_2447.stack = - JSCompiler_object_inline_stack_2449 || ""; - JSCompiler_object_inline_message_2447.digest = - JSCompiler_object_inline_digest_2448; - JSCompiler_object_inline_digest_2448 = - void 0 === JSCompiler_object_inline_componentStack_2450 + JSCompiler_object_inline_message_2435.stack = + JSCompiler_object_inline_stack_2437 || ""; + JSCompiler_object_inline_message_2435.digest = + JSCompiler_object_inline_digest_2436; + JSCompiler_object_inline_digest_2436 = + void 0 === JSCompiler_object_inline_componentStack_2438 ? null - : JSCompiler_object_inline_componentStack_2450; - "string" === typeof JSCompiler_object_inline_digest_2448 && + : JSCompiler_object_inline_componentStack_2438; + "string" === typeof JSCompiler_object_inline_digest_2436 && CapturedStacks.set( - JSCompiler_object_inline_message_2447, - JSCompiler_object_inline_digest_2448 + JSCompiler_object_inline_message_2435, + JSCompiler_object_inline_digest_2436 ); queueHydrationError({ - value: JSCompiler_object_inline_message_2447, + value: JSCompiler_object_inline_message_2435, source: null, - stack: JSCompiler_object_inline_digest_2448 + stack: JSCompiler_object_inline_digest_2436 }); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9530,25 +9530,25 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2448 = + (JSCompiler_object_inline_digest_2436 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2448) + didReceiveUpdate || JSCompiler_object_inline_digest_2436) ) { - JSCompiler_object_inline_digest_2448 = workInProgressRoot; - if (null !== JSCompiler_object_inline_digest_2448) { - JSCompiler_object_inline_stack_2449 = renderLanes & -renderLanes; - if (0 !== (JSCompiler_object_inline_stack_2449 & 42)) - JSCompiler_object_inline_stack_2449 = 1; + JSCompiler_object_inline_digest_2436 = workInProgressRoot; + if (null !== JSCompiler_object_inline_digest_2436) { + JSCompiler_object_inline_stack_2437 = renderLanes & -renderLanes; + if (0 !== (JSCompiler_object_inline_stack_2437 & 42)) + JSCompiler_object_inline_stack_2437 = 1; else - switch (JSCompiler_object_inline_stack_2449) { + switch (JSCompiler_object_inline_stack_2437) { case 2: - JSCompiler_object_inline_stack_2449 = 1; + JSCompiler_object_inline_stack_2437 = 1; break; case 8: - JSCompiler_object_inline_stack_2449 = 4; + JSCompiler_object_inline_stack_2437 = 4; break; case 32: - JSCompiler_object_inline_stack_2449 = 16; + JSCompiler_object_inline_stack_2437 = 16; break; case 128: case 256: @@ -9569,40 +9569,40 @@ __DEV__ && case 8388608: case 16777216: case 33554432: - JSCompiler_object_inline_stack_2449 = 64; + JSCompiler_object_inline_stack_2437 = 64; break; case 268435456: - JSCompiler_object_inline_stack_2449 = 134217728; + JSCompiler_object_inline_stack_2437 = 134217728; break; default: - JSCompiler_object_inline_stack_2449 = 0; + JSCompiler_object_inline_stack_2437 = 0; } - JSCompiler_object_inline_stack_2449 = + JSCompiler_object_inline_stack_2437 = 0 !== - (JSCompiler_object_inline_stack_2449 & - (JSCompiler_object_inline_digest_2448.suspendedLanes | + (JSCompiler_object_inline_stack_2437 & + (JSCompiler_object_inline_digest_2436.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2449; + : JSCompiler_object_inline_stack_2437; if ( - 0 !== JSCompiler_object_inline_stack_2449 && - JSCompiler_object_inline_stack_2449 !== prevState.retryLane + 0 !== JSCompiler_object_inline_stack_2437 && + JSCompiler_object_inline_stack_2437 !== prevState.retryLane ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2449), + ((prevState.retryLane = JSCompiler_object_inline_stack_2437), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2449 + JSCompiler_object_inline_stack_2437 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2448, + JSCompiler_object_inline_digest_2436, current, - JSCompiler_object_inline_stack_2449 + JSCompiler_object_inline_stack_2437 ), SelectiveHydrationException) ); } - JSCompiler_object_inline_message_2447.data === + JSCompiler_object_inline_message_2435.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9610,7 +9610,7 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2447.data === + JSCompiler_object_inline_message_2435.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 128), (workInProgress.child = current.child), @@ -9618,12 +9618,12 @@ __DEV__ && null, current )), - (JSCompiler_object_inline_message_2447._reactRetry = + (JSCompiler_object_inline_message_2435._reactRetry = workInProgress), (workInProgress = null)) : ((renderLanes = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2447.nextSibling + JSCompiler_object_inline_message_2435.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9641,73 +9641,73 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2449.children + JSCompiler_object_inline_stack_2437.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2450) + if (JSCompiler_object_inline_componentStack_2438) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2450 = - JSCompiler_object_inline_stack_2449.fallback), - (JSCompiler_object_inline_message_2447 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2438 = + JSCompiler_object_inline_stack_2437.fallback), + (JSCompiler_object_inline_message_2435 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), (componentStack = { mode: "hidden", - children: JSCompiler_object_inline_stack_2449.children + children: JSCompiler_object_inline_stack_2437.children }), disableLegacyMode || - (JSCompiler_object_inline_message_2447 & ConcurrentMode) !== NoMode || + (JSCompiler_object_inline_message_2435 & ConcurrentMode) !== NoMode || workInProgress.child === JSCompiler_temp - ? ((JSCompiler_object_inline_stack_2449 = createWorkInProgress( + ? ((JSCompiler_object_inline_stack_2437 = createWorkInProgress( JSCompiler_temp, componentStack )), - (JSCompiler_object_inline_stack_2449.subtreeFlags = + (JSCompiler_object_inline_stack_2437.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280)) - : ((JSCompiler_object_inline_stack_2449 = workInProgress.child), - (JSCompiler_object_inline_stack_2449.childLanes = 0), - (JSCompiler_object_inline_stack_2449.pendingProps = + : ((JSCompiler_object_inline_stack_2437 = workInProgress.child), + (JSCompiler_object_inline_stack_2437.childLanes = 0), + (JSCompiler_object_inline_stack_2437.pendingProps = componentStack), workInProgress.mode & ProfileMode && - ((JSCompiler_object_inline_stack_2449.actualDuration = -0), - (JSCompiler_object_inline_stack_2449.actualStartTime = -1.1), - (JSCompiler_object_inline_stack_2449.selfBaseDuration = + ((JSCompiler_object_inline_stack_2437.actualDuration = -0), + (JSCompiler_object_inline_stack_2437.actualStartTime = -1.1), + (JSCompiler_object_inline_stack_2437.selfBaseDuration = JSCompiler_temp.selfBaseDuration), - (JSCompiler_object_inline_stack_2449.treeBaseDuration = + (JSCompiler_object_inline_stack_2437.treeBaseDuration = JSCompiler_temp.treeBaseDuration)), (workInProgress.deletions = null)), null !== instance - ? (JSCompiler_object_inline_componentStack_2450 = + ? (JSCompiler_object_inline_componentStack_2438 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2450 + JSCompiler_object_inline_componentStack_2438 )) - : ((JSCompiler_object_inline_componentStack_2450 = + : ((JSCompiler_object_inline_componentStack_2438 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2450, - JSCompiler_object_inline_message_2447, + JSCompiler_object_inline_componentStack_2438, + JSCompiler_object_inline_message_2435, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2450.flags |= 2)), - (JSCompiler_object_inline_componentStack_2450.return = + (JSCompiler_object_inline_componentStack_2438.flags |= 2)), + (JSCompiler_object_inline_componentStack_2438.return = workInProgress), - (JSCompiler_object_inline_stack_2449.return = workInProgress), - (JSCompiler_object_inline_stack_2449.sibling = - JSCompiler_object_inline_componentStack_2450), - (workInProgress.child = JSCompiler_object_inline_stack_2449), - (JSCompiler_object_inline_stack_2449 = - JSCompiler_object_inline_componentStack_2450), - (JSCompiler_object_inline_componentStack_2450 = workInProgress.child), - (JSCompiler_object_inline_message_2447 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2447 - ? (JSCompiler_object_inline_message_2447 = + (JSCompiler_object_inline_stack_2437.return = workInProgress), + (JSCompiler_object_inline_stack_2437.sibling = + JSCompiler_object_inline_componentStack_2438), + (workInProgress.child = JSCompiler_object_inline_stack_2437), + (JSCompiler_object_inline_stack_2437 = + JSCompiler_object_inline_componentStack_2438), + (JSCompiler_object_inline_componentStack_2438 = workInProgress.child), + (JSCompiler_object_inline_message_2435 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2435 + ? (JSCompiler_object_inline_message_2435 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2447.cachePool), + JSCompiler_object_inline_message_2435.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9715,34 +9715,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2447 = { + (JSCompiler_object_inline_message_2435 = { baseLanes: - JSCompiler_object_inline_message_2447.baseLanes | renderLanes, + JSCompiler_object_inline_message_2435.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2450.memoizedState = - JSCompiler_object_inline_message_2447), + (JSCompiler_object_inline_componentStack_2438.memoizedState = + JSCompiler_object_inline_message_2435), enableTransitionTracing && - ((JSCompiler_object_inline_message_2447 = enableTransitionTracing + ((JSCompiler_object_inline_message_2435 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2447 && + null !== JSCompiler_object_inline_message_2435 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2450.updateQueue), + JSCompiler_object_inline_componentStack_2438.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2450.updateQueue = { - transitions: JSCompiler_object_inline_message_2447, + ? (JSCompiler_object_inline_componentStack_2438.updateQueue = { + transitions: JSCompiler_object_inline_message_2435, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2450.updateQueue = + ? (JSCompiler_object_inline_componentStack_2438.updateQueue = { - transitions: JSCompiler_object_inline_message_2447, + transitions: JSCompiler_object_inline_message_2435, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -9750,41 +9750,41 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2447), + JSCompiler_object_inline_message_2435), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2450.childLanes = + (JSCompiler_object_inline_componentStack_2438.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2448, + JSCompiler_object_inline_digest_2436, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2449 + JSCompiler_object_inline_stack_2437 ); pushPrimaryTreeSuspenseHandler(workInProgress); - JSCompiler_object_inline_digest_2448 = current.child; - current = JSCompiler_object_inline_digest_2448.sibling; - JSCompiler_object_inline_digest_2448 = createWorkInProgress( - JSCompiler_object_inline_digest_2448, + JSCompiler_object_inline_digest_2436 = current.child; + current = JSCompiler_object_inline_digest_2436.sibling; + JSCompiler_object_inline_digest_2436 = createWorkInProgress( + JSCompiler_object_inline_digest_2436, { mode: "visible", - children: JSCompiler_object_inline_stack_2449.children + children: JSCompiler_object_inline_stack_2437.children } ); disableLegacyMode || (workInProgress.mode & ConcurrentMode) !== NoMode || - (JSCompiler_object_inline_digest_2448.lanes = renderLanes); - JSCompiler_object_inline_digest_2448.return = workInProgress; - JSCompiler_object_inline_digest_2448.sibling = null; + (JSCompiler_object_inline_digest_2436.lanes = renderLanes); + JSCompiler_object_inline_digest_2436.return = workInProgress; + JSCompiler_object_inline_digest_2436.sibling = null; null !== current && ((renderLanes = workInProgress.deletions), null === renderLanes ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) : renderLanes.push(current)); - workInProgress.child = JSCompiler_object_inline_digest_2448; + workInProgress.child = JSCompiler_object_inline_digest_2436; workInProgress.memoizedState = null; - return JSCompiler_object_inline_digest_2448; + return JSCompiler_object_inline_digest_2436; } function mountSuspensePrimaryChildren(workInProgress, primaryChildren) { primaryChildren = createFiberFromOffscreen( @@ -12503,9 +12503,7 @@ __DEV__ && markComponentLayoutEffectUnmountStarted(finishedWork)), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0), - runWithFiberInDEV( - finishedWork, - callDestroyInDEV, + safelyCallDestroy( finishedWork, nearestMountedAncestor, destroy @@ -12745,6 +12743,15 @@ __DEV__ && } else ref.current = null; } + function safelyCallDestroy(current, nearestMountedAncestor, destroy) { + runWithFiberInDEV( + current, + callDestroyInDEV, + current, + nearestMountedAncestor, + destroy + ); + } function commitProfiler(finishedWork, current, commitTime, effectDuration) { var _finishedWork$memoize = finishedWork.memoizedProps, onCommit = _finishedWork$memoize.onCommit; @@ -13712,7 +13719,53 @@ __DEV__ && case 11: case 14: case 15: - if ( + if (enableHiddenSubtreeInsertionEffectCleanup) { + if ( + ((prevHostParent = deletedFiber.updateQueue), + null !== prevHostParent && + ((prevHostParent = prevHostParent.lastEffect), + null !== prevHostParent)) + ) { + prevHostParentIsContainer = prevHostParent = prevHostParent.next; + do { + var tag = prevHostParentIsContainer.tag, + inst = prevHostParentIsContainer.inst, + destroy = inst.destroy; + void 0 !== destroy && + ((tag & Insertion) !== NoFlags + ? ((isRunningInsertionEffect = !0), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + (isRunningInsertionEffect = !1)) + : offscreenSubtreeWasHidden || + (tag & Layout) === NoFlags || + (enableSchedulingProfiler && + markComponentLayoutEffectUnmountStarted(deletedFiber), + shouldProfile(deletedFiber) + ? (startLayoutEffectTimer(), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + recordLayoutEffectDuration(deletedFiber)) + : ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )), + enableSchedulingProfiler && + markComponentLayoutEffectUnmountStopped())); + prevHostParentIsContainer = prevHostParentIsContainer.next; + } while (prevHostParentIsContainer !== prevHostParent); + } + } else if ( !offscreenSubtreeWasHidden && ((prevHostParent = deletedFiber.updateQueue), null !== prevHostParent && @@ -13720,46 +13773,40 @@ __DEV__ && null !== prevHostParent)) ) { prevHostParentIsContainer = prevHostParent = prevHostParent.next; - do { - var tag = prevHostParentIsContainer.tag, - inst = prevHostParentIsContainer.inst, - destroy = inst.destroy; - void 0 !== destroy && - ((tag & Insertion) !== NoFlags - ? ((inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - )) - : (tag & Layout) !== NoFlags && - (enableSchedulingProfiler && - markComponentLayoutEffectUnmountStarted(deletedFiber), - shouldProfile(deletedFiber) - ? (startLayoutEffectTimer(), - (inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - ), - recordLayoutEffectDuration(deletedFiber)) - : ((inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - )), - enableSchedulingProfiler && - markComponentLayoutEffectUnmountStopped())); - prevHostParentIsContainer = prevHostParentIsContainer.next; - } while (prevHostParentIsContainer !== prevHostParent); + do + (tag = prevHostParentIsContainer.tag), + (inst = prevHostParentIsContainer.inst), + (destroy = inst.destroy), + void 0 !== destroy && + ((tag & Insertion) !== NoFlags + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : (tag & Layout) !== NoFlags && + (enableSchedulingProfiler && + markComponentLayoutEffectUnmountStarted(deletedFiber), + shouldProfile(deletedFiber) + ? (startLayoutEffectTimer(), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + recordLayoutEffectDuration(deletedFiber)) + : ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )), + enableSchedulingProfiler && + markComponentLayoutEffectUnmountStopped())), + (prevHostParentIsContainer = prevHostParentIsContainer.next); + while (prevHostParentIsContainer !== prevHostParent); } recursivelyTraverseDeletionEffects( finishedRoot, @@ -24358,6 +24405,8 @@ __DEV__ && enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing, enableTrustedTypesIntegration = dynamicFeatureFlags.enableTrustedTypesIntegration, + enableHiddenSubtreeInsertionEffectCleanup = + dynamicFeatureFlags.enableHiddenSubtreeInsertionEffectCleanup, favorSafetyOverHydrationPerf = dynamicFeatureFlags.favorSafetyOverHydrationPerf, renameElementSymbol = dynamicFeatureFlags.renameElementSymbol, @@ -28136,11 +28185,11 @@ __DEV__ && : flushSyncErrorInBuildsThatSupportLegacyMode; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-www-classic-94e4acaa-20240913" !== isomorphicReactPackageVersion) + if ("19.0.0-www-classic-d3d4d3a4-20240913" !== 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.0.0-www-classic-94e4acaa-20240913\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-www-classic-d3d4d3a4-20240913\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -28184,11 +28233,11 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.0.0-www-classic-94e4acaa-20240913", + version: "19.0.0-www-classic-d3d4d3a4-20240913", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-94e4acaa-20240913" + reconcilerVersion: "19.0.0-www-classic-d3d4d3a4-20240913" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -29007,5 +29056,5 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.0.0-www-classic-94e4acaa-20240913"; + exports.version = "19.0.0-www-classic-d3d4d3a4-20240913"; })(); diff --git a/compiled/facebook-www/ReactDOMTesting-dev.modern.js b/compiled/facebook-www/ReactDOMTesting-dev.modern.js index 8123ee7919325..7e64a254ab51b 100644 --- a/compiled/facebook-www/ReactDOMTesting-dev.modern.js +++ b/compiled/facebook-www/ReactDOMTesting-dev.modern.js @@ -8925,32 +8925,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2469; - var JSCompiler_object_inline_stack_2470 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2457; + var JSCompiler_object_inline_stack_2458 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2471 = !1; + var JSCompiler_object_inline_componentStack_2459 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2469 = didSuspend) || - (JSCompiler_object_inline_digest_2469 = + (JSCompiler_object_inline_digest_2457 = didSuspend) || + (JSCompiler_object_inline_digest_2457 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2469 && - ((JSCompiler_object_inline_componentStack_2471 = !0), + JSCompiler_object_inline_digest_2457 && + ((JSCompiler_object_inline_componentStack_2459 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2469 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2457 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2471 + JSCompiler_object_inline_componentStack_2459 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2468 = nextHydratableInstance; + var JSCompiler_object_inline_message_2456 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2468)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2456)) { c: { - var instance = JSCompiler_object_inline_message_2468; + var instance = JSCompiler_object_inline_message_2456; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -8991,19 +8991,19 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2468 + JSCompiler_object_inline_message_2456 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2468 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2456 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2468 && - ((JSCompiler_object_inline_message_2468 = - JSCompiler_object_inline_message_2468.dehydrated), - null !== JSCompiler_object_inline_message_2468) + null !== JSCompiler_object_inline_message_2456 && + ((JSCompiler_object_inline_message_2456 = + JSCompiler_object_inline_message_2456.dehydrated), + null !== JSCompiler_object_inline_message_2456) ) return ( - JSCompiler_object_inline_message_2468.data === + JSCompiler_object_inline_message_2456.data === SUSPENSE_FALLBACK_START_DATA ? (workInProgress.lanes = 16) : (workInProgress.lanes = 536870912), @@ -9011,27 +9011,27 @@ __DEV__ && ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2468 = - JSCompiler_object_inline_stack_2470.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2470.fallback; - if (JSCompiler_object_inline_componentStack_2471) + JSCompiler_object_inline_message_2456 = + JSCompiler_object_inline_stack_2458.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2458.fallback; + if (JSCompiler_object_inline_componentStack_2459) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2470 = + (JSCompiler_object_inline_stack_2458 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2468, + JSCompiler_object_inline_message_2456, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2471 = + (JSCompiler_object_inline_componentStack_2459 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2471.memoizedState = + (JSCompiler_object_inline_componentStack_2459.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2471.childLanes = + (JSCompiler_object_inline_componentStack_2459.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2469, + JSCompiler_object_inline_digest_2457, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9044,9 +9044,9 @@ __DEV__ && ? markerInstanceStack.current : null), (renderLanes = - JSCompiler_object_inline_componentStack_2471.updateQueue), + JSCompiler_object_inline_componentStack_2459.updateQueue), null === renderLanes - ? (JSCompiler_object_inline_componentStack_2471.updateQueue = + ? (JSCompiler_object_inline_componentStack_2459.updateQueue = { transitions: workInProgress, markerInstances: current, @@ -9054,46 +9054,46 @@ __DEV__ && }) : ((renderLanes.transitions = workInProgress), (renderLanes.markerInstances = current)))), - JSCompiler_object_inline_stack_2470 + JSCompiler_object_inline_stack_2458 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2470.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2458.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2470 = + (JSCompiler_object_inline_stack_2458 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2468, + JSCompiler_object_inline_message_2456, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2471 = + (JSCompiler_object_inline_componentStack_2459 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2471.memoizedState = + (JSCompiler_object_inline_componentStack_2459.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2471.childLanes = + (JSCompiler_object_inline_componentStack_2459.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2469, + JSCompiler_object_inline_digest_2457, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2470 + JSCompiler_object_inline_stack_2458 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2468 + JSCompiler_object_inline_message_2456 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2468 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2468) + ((JSCompiler_object_inline_message_2456 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2456) ) { if (didSuspend) workInProgress.flags & 256 @@ -9110,94 +9110,94 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2471 = - JSCompiler_object_inline_stack_2470.fallback), - (JSCompiler_object_inline_message_2468 = workInProgress.mode), - (JSCompiler_object_inline_stack_2470 = + (JSCompiler_object_inline_componentStack_2459 = + JSCompiler_object_inline_stack_2458.fallback), + (JSCompiler_object_inline_message_2456 = workInProgress.mode), + (JSCompiler_object_inline_stack_2458 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2470.children + children: JSCompiler_object_inline_stack_2458.children }, - JSCompiler_object_inline_message_2468 + JSCompiler_object_inline_message_2456 )), - (JSCompiler_object_inline_componentStack_2471 = + (JSCompiler_object_inline_componentStack_2459 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2471, - JSCompiler_object_inline_message_2468, + JSCompiler_object_inline_componentStack_2459, + JSCompiler_object_inline_message_2456, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2471.flags |= 2), - (JSCompiler_object_inline_stack_2470.return = workInProgress), - (JSCompiler_object_inline_componentStack_2471.return = + (JSCompiler_object_inline_componentStack_2459.flags |= 2), + (JSCompiler_object_inline_stack_2458.return = workInProgress), + (JSCompiler_object_inline_componentStack_2459.return = workInProgress), - (JSCompiler_object_inline_stack_2470.sibling = - JSCompiler_object_inline_componentStack_2471), - (workInProgress.child = JSCompiler_object_inline_stack_2470), + (JSCompiler_object_inline_stack_2458.sibling = + JSCompiler_object_inline_componentStack_2459), + (workInProgress.child = JSCompiler_object_inline_stack_2458), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2470 = workInProgress.child), - (JSCompiler_object_inline_stack_2470.memoizedState = + (JSCompiler_object_inline_stack_2458 = workInProgress.child), + (JSCompiler_object_inline_stack_2458.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2470.childLanes = + (JSCompiler_object_inline_stack_2458.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2469, + JSCompiler_object_inline_digest_2457, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2471)); + JSCompiler_object_inline_componentStack_2459)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && error$jscomp$0( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - JSCompiler_object_inline_message_2468.data === + JSCompiler_object_inline_message_2456.data === SUSPENSE_FALLBACK_START_DATA) ) { - JSCompiler_object_inline_digest_2469 = - JSCompiler_object_inline_message_2468.nextSibling && - JSCompiler_object_inline_message_2468.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2469) { - JSCompiler_temp = JSCompiler_object_inline_digest_2469.dgst; - var message = JSCompiler_object_inline_digest_2469.msg; - instance = JSCompiler_object_inline_digest_2469.stck; - var componentStack = JSCompiler_object_inline_digest_2469.cstck; + JSCompiler_object_inline_digest_2457 = + JSCompiler_object_inline_message_2456.nextSibling && + JSCompiler_object_inline_message_2456.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2457) { + JSCompiler_temp = JSCompiler_object_inline_digest_2457.dgst; + var message = JSCompiler_object_inline_digest_2457.msg; + instance = JSCompiler_object_inline_digest_2457.stck; + var componentStack = JSCompiler_object_inline_digest_2457.cstck; } - JSCompiler_object_inline_message_2468 = message; - JSCompiler_object_inline_digest_2469 = JSCompiler_temp; - JSCompiler_object_inline_stack_2470 = instance; - JSCompiler_object_inline_componentStack_2471 = componentStack; - JSCompiler_object_inline_message_2468 = - JSCompiler_object_inline_message_2468 - ? Error(JSCompiler_object_inline_message_2468) + JSCompiler_object_inline_message_2456 = message; + JSCompiler_object_inline_digest_2457 = JSCompiler_temp; + JSCompiler_object_inline_stack_2458 = instance; + JSCompiler_object_inline_componentStack_2459 = componentStack; + JSCompiler_object_inline_message_2456 = + JSCompiler_object_inline_message_2456 + ? Error(JSCompiler_object_inline_message_2456) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_message_2468.stack = - JSCompiler_object_inline_stack_2470 || ""; - JSCompiler_object_inline_message_2468.digest = - JSCompiler_object_inline_digest_2469; - JSCompiler_object_inline_digest_2469 = - void 0 === JSCompiler_object_inline_componentStack_2471 + JSCompiler_object_inline_message_2456.stack = + JSCompiler_object_inline_stack_2458 || ""; + JSCompiler_object_inline_message_2456.digest = + JSCompiler_object_inline_digest_2457; + JSCompiler_object_inline_digest_2457 = + void 0 === JSCompiler_object_inline_componentStack_2459 ? null - : JSCompiler_object_inline_componentStack_2471; - "string" === typeof JSCompiler_object_inline_digest_2469 && + : JSCompiler_object_inline_componentStack_2459; + "string" === typeof JSCompiler_object_inline_digest_2457 && CapturedStacks.set( - JSCompiler_object_inline_message_2468, - JSCompiler_object_inline_digest_2469 + JSCompiler_object_inline_message_2456, + JSCompiler_object_inline_digest_2457 ); queueHydrationError({ - value: JSCompiler_object_inline_message_2468, + value: JSCompiler_object_inline_message_2456, source: null, - stack: JSCompiler_object_inline_digest_2469 + stack: JSCompiler_object_inline_digest_2457 }); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9212,25 +9212,25 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2469 = + (JSCompiler_object_inline_digest_2457 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2469) + didReceiveUpdate || JSCompiler_object_inline_digest_2457) ) { - JSCompiler_object_inline_digest_2469 = workInProgressRoot; - if (null !== JSCompiler_object_inline_digest_2469) { - JSCompiler_object_inline_stack_2470 = renderLanes & -renderLanes; - if (0 !== (JSCompiler_object_inline_stack_2470 & 42)) - JSCompiler_object_inline_stack_2470 = 1; + JSCompiler_object_inline_digest_2457 = workInProgressRoot; + if (null !== JSCompiler_object_inline_digest_2457) { + JSCompiler_object_inline_stack_2458 = renderLanes & -renderLanes; + if (0 !== (JSCompiler_object_inline_stack_2458 & 42)) + JSCompiler_object_inline_stack_2458 = 1; else - switch (JSCompiler_object_inline_stack_2470) { + switch (JSCompiler_object_inline_stack_2458) { case 2: - JSCompiler_object_inline_stack_2470 = 1; + JSCompiler_object_inline_stack_2458 = 1; break; case 8: - JSCompiler_object_inline_stack_2470 = 4; + JSCompiler_object_inline_stack_2458 = 4; break; case 32: - JSCompiler_object_inline_stack_2470 = 16; + JSCompiler_object_inline_stack_2458 = 16; break; case 128: case 256: @@ -9251,40 +9251,40 @@ __DEV__ && case 8388608: case 16777216: case 33554432: - JSCompiler_object_inline_stack_2470 = 64; + JSCompiler_object_inline_stack_2458 = 64; break; case 268435456: - JSCompiler_object_inline_stack_2470 = 134217728; + JSCompiler_object_inline_stack_2458 = 134217728; break; default: - JSCompiler_object_inline_stack_2470 = 0; + JSCompiler_object_inline_stack_2458 = 0; } - JSCompiler_object_inline_stack_2470 = + JSCompiler_object_inline_stack_2458 = 0 !== - (JSCompiler_object_inline_stack_2470 & - (JSCompiler_object_inline_digest_2469.suspendedLanes | + (JSCompiler_object_inline_stack_2458 & + (JSCompiler_object_inline_digest_2457.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2470; + : JSCompiler_object_inline_stack_2458; if ( - 0 !== JSCompiler_object_inline_stack_2470 && - JSCompiler_object_inline_stack_2470 !== prevState.retryLane + 0 !== JSCompiler_object_inline_stack_2458 && + JSCompiler_object_inline_stack_2458 !== prevState.retryLane ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2470), + ((prevState.retryLane = JSCompiler_object_inline_stack_2458), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2470 + JSCompiler_object_inline_stack_2458 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2469, + JSCompiler_object_inline_digest_2457, current, - JSCompiler_object_inline_stack_2470 + JSCompiler_object_inline_stack_2458 ), SelectiveHydrationException) ); } - JSCompiler_object_inline_message_2468.data === + JSCompiler_object_inline_message_2456.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9292,7 +9292,7 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2468.data === + JSCompiler_object_inline_message_2456.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 128), (workInProgress.child = current.child), @@ -9300,12 +9300,12 @@ __DEV__ && null, current )), - (JSCompiler_object_inline_message_2468._reactRetry = + (JSCompiler_object_inline_message_2456._reactRetry = workInProgress), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2468.nextSibling + JSCompiler_object_inline_message_2456.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9323,57 +9323,57 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2470.children + JSCompiler_object_inline_stack_2458.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2471) + if (JSCompiler_object_inline_componentStack_2459) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2471 = - JSCompiler_object_inline_stack_2470.fallback), - (JSCompiler_object_inline_message_2468 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2459 = + JSCompiler_object_inline_stack_2458.fallback), + (JSCompiler_object_inline_message_2456 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2470 = createWorkInProgress( + (JSCompiler_object_inline_stack_2458 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2470.children + children: JSCompiler_object_inline_stack_2458.children } )), - (JSCompiler_object_inline_stack_2470.subtreeFlags = + (JSCompiler_object_inline_stack_2458.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280), null !== instance - ? (JSCompiler_object_inline_componentStack_2471 = + ? (JSCompiler_object_inline_componentStack_2459 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2471 + JSCompiler_object_inline_componentStack_2459 )) - : ((JSCompiler_object_inline_componentStack_2471 = + : ((JSCompiler_object_inline_componentStack_2459 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2471, - JSCompiler_object_inline_message_2468, + JSCompiler_object_inline_componentStack_2459, + JSCompiler_object_inline_message_2456, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2471.flags |= 2)), - (JSCompiler_object_inline_componentStack_2471.return = + (JSCompiler_object_inline_componentStack_2459.flags |= 2)), + (JSCompiler_object_inline_componentStack_2459.return = workInProgress), - (JSCompiler_object_inline_stack_2470.return = workInProgress), - (JSCompiler_object_inline_stack_2470.sibling = - JSCompiler_object_inline_componentStack_2471), - (workInProgress.child = JSCompiler_object_inline_stack_2470), - (JSCompiler_object_inline_stack_2470 = - JSCompiler_object_inline_componentStack_2471), - (JSCompiler_object_inline_componentStack_2471 = workInProgress.child), - (JSCompiler_object_inline_message_2468 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2468 - ? (JSCompiler_object_inline_message_2468 = + (JSCompiler_object_inline_stack_2458.return = workInProgress), + (JSCompiler_object_inline_stack_2458.sibling = + JSCompiler_object_inline_componentStack_2459), + (workInProgress.child = JSCompiler_object_inline_stack_2458), + (JSCompiler_object_inline_stack_2458 = + JSCompiler_object_inline_componentStack_2459), + (JSCompiler_object_inline_componentStack_2459 = workInProgress.child), + (JSCompiler_object_inline_message_2456 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2456 + ? (JSCompiler_object_inline_message_2456 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2468.cachePool), + JSCompiler_object_inline_message_2456.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9381,34 +9381,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2468 = { + (JSCompiler_object_inline_message_2456 = { baseLanes: - JSCompiler_object_inline_message_2468.baseLanes | renderLanes, + JSCompiler_object_inline_message_2456.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2471.memoizedState = - JSCompiler_object_inline_message_2468), + (JSCompiler_object_inline_componentStack_2459.memoizedState = + JSCompiler_object_inline_message_2456), enableTransitionTracing && - ((JSCompiler_object_inline_message_2468 = enableTransitionTracing + ((JSCompiler_object_inline_message_2456 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2468 && + null !== JSCompiler_object_inline_message_2456 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2471.updateQueue), + JSCompiler_object_inline_componentStack_2459.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2471.updateQueue = { - transitions: JSCompiler_object_inline_message_2468, + ? (JSCompiler_object_inline_componentStack_2459.updateQueue = { + transitions: JSCompiler_object_inline_message_2456, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2471.updateQueue = + ? (JSCompiler_object_inline_componentStack_2459.updateQueue = { - transitions: JSCompiler_object_inline_message_2468, + transitions: JSCompiler_object_inline_message_2456, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -9416,32 +9416,32 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2468), + JSCompiler_object_inline_message_2456), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2471.childLanes = + (JSCompiler_object_inline_componentStack_2459.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2469, + JSCompiler_object_inline_digest_2457, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2470 + JSCompiler_object_inline_stack_2458 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2470.children + children: JSCompiler_object_inline_stack_2458.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2469 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2469 + ((JSCompiler_object_inline_digest_2457 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2457 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2469.push(current)); + : JSCompiler_object_inline_digest_2457.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -12065,9 +12065,7 @@ __DEV__ && markComponentLayoutEffectUnmountStarted(finishedWork)), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0), - runWithFiberInDEV( - finishedWork, - callDestroyInDEV, + safelyCallDestroy( finishedWork, nearestMountedAncestor, destroy @@ -12297,6 +12295,15 @@ __DEV__ && } else ref.current = null; } + function safelyCallDestroy(current, nearestMountedAncestor, destroy) { + runWithFiberInDEV( + current, + callDestroyInDEV, + current, + nearestMountedAncestor, + destroy + ); + } function commitProfiler(finishedWork, current, commitTime, effectDuration) { var _finishedWork$memoize = finishedWork.memoizedProps, onCommit = _finishedWork$memoize.onCommit; @@ -13271,7 +13278,53 @@ __DEV__ && case 11: case 14: case 15: - if ( + if (enableHiddenSubtreeInsertionEffectCleanup) { + if ( + ((prevHostParent = deletedFiber.updateQueue), + null !== prevHostParent && + ((prevHostParent = prevHostParent.lastEffect), + null !== prevHostParent)) + ) { + prevHostParentIsContainer = prevHostParent = prevHostParent.next; + do { + var tag = prevHostParentIsContainer.tag, + inst = prevHostParentIsContainer.inst, + destroy = inst.destroy; + void 0 !== destroy && + ((tag & Insertion) !== NoFlags + ? ((isRunningInsertionEffect = !0), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + (isRunningInsertionEffect = !1)) + : offscreenSubtreeWasHidden || + (tag & Layout) === NoFlags || + (enableSchedulingProfiler && + markComponentLayoutEffectUnmountStarted(deletedFiber), + shouldProfile(deletedFiber) + ? (startLayoutEffectTimer(), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + recordLayoutEffectDuration(deletedFiber)) + : ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )), + enableSchedulingProfiler && + markComponentLayoutEffectUnmountStopped())); + prevHostParentIsContainer = prevHostParentIsContainer.next; + } while (prevHostParentIsContainer !== prevHostParent); + } + } else if ( !offscreenSubtreeWasHidden && ((prevHostParent = deletedFiber.updateQueue), null !== prevHostParent && @@ -13279,46 +13332,40 @@ __DEV__ && null !== prevHostParent)) ) { prevHostParentIsContainer = prevHostParent = prevHostParent.next; - do { - var tag = prevHostParentIsContainer.tag, - inst = prevHostParentIsContainer.inst, - destroy = inst.destroy; - void 0 !== destroy && - ((tag & Insertion) !== NoFlags - ? ((inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - )) - : (tag & Layout) !== NoFlags && - (enableSchedulingProfiler && - markComponentLayoutEffectUnmountStarted(deletedFiber), - shouldProfile(deletedFiber) - ? (startLayoutEffectTimer(), - (inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - ), - recordLayoutEffectDuration(deletedFiber)) - : ((inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - )), - enableSchedulingProfiler && - markComponentLayoutEffectUnmountStopped())); - prevHostParentIsContainer = prevHostParentIsContainer.next; - } while (prevHostParentIsContainer !== prevHostParent); + do + (tag = prevHostParentIsContainer.tag), + (inst = prevHostParentIsContainer.inst), + (destroy = inst.destroy), + void 0 !== destroy && + ((tag & Insertion) !== NoFlags + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : (tag & Layout) !== NoFlags && + (enableSchedulingProfiler && + markComponentLayoutEffectUnmountStarted(deletedFiber), + shouldProfile(deletedFiber) + ? (startLayoutEffectTimer(), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + recordLayoutEffectDuration(deletedFiber)) + : ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )), + enableSchedulingProfiler && + markComponentLayoutEffectUnmountStopped())), + (prevHostParentIsContainer = prevHostParentIsContainer.next); + while (prevHostParentIsContainer !== prevHostParent); } recursivelyTraverseDeletionEffects( finishedRoot, @@ -23482,6 +23529,8 @@ __DEV__ && enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing, enableTrustedTypesIntegration = dynamicFeatureFlags.enableTrustedTypesIntegration, + enableHiddenSubtreeInsertionEffectCleanup = + dynamicFeatureFlags.enableHiddenSubtreeInsertionEffectCleanup, favorSafetyOverHydrationPerf = dynamicFeatureFlags.favorSafetyOverHydrationPerf, renameElementSymbol = dynamicFeatureFlags.renameElementSymbol, @@ -27253,11 +27302,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-www-modern-94e4acaa-20240913" !== isomorphicReactPackageVersion) + if ("19.0.0-www-modern-d3d4d3a4-20240913" !== 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.0.0-www-modern-94e4acaa-20240913\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-www-modern-d3d4d3a4-20240913\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -27300,11 +27349,11 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.0.0-www-modern-94e4acaa-20240913", + version: "19.0.0-www-modern-d3d4d3a4-20240913", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-94e4acaa-20240913" + reconcilerVersion: "19.0.0-www-modern-d3d4d3a4-20240913" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -28075,5 +28124,5 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.0.0-www-modern-94e4acaa-20240913"; + exports.version = "19.0.0-www-modern-d3d4d3a4-20240913"; })(); diff --git a/compiled/facebook-www/ReactDOMTesting-prod.classic.js b/compiled/facebook-www/ReactDOMTesting-prod.classic.js index 84e8fc44d80a8..eb4ff433a5172 100644 --- a/compiled/facebook-www/ReactDOMTesting-prod.classic.js +++ b/compiled/facebook-www/ReactDOMTesting-prod.classic.js @@ -54,6 +54,8 @@ var dynamicFeatureFlags = require("ReactFeatureFlags"), enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing, enableTrustedTypesIntegration = dynamicFeatureFlags.enableTrustedTypesIntegration, + enableHiddenSubtreeInsertionEffectCleanup = + dynamicFeatureFlags.enableHiddenSubtreeInsertionEffectCleanup, favorSafetyOverHydrationPerf = dynamicFeatureFlags.favorSafetyOverHydrationPerf, renameElementSymbol = dynamicFeatureFlags.renameElementSymbol, @@ -8782,7 +8784,7 @@ function commitBeforeMutationEffects(root, firstChild) { selection = selection.focusOffset; try { JSCompiler_temp.nodeType, focusNode.nodeType; - } catch (e$223) { + } catch (e$230) { JSCompiler_temp = null; break a; } @@ -9424,7 +9426,38 @@ function commitDeletionEffectsOnFiber( case 11: case 14: case 15: - if ( + if (enableHiddenSubtreeInsertionEffectCleanup) { + if ( + ((prevHostParent = deletedFiber.updateQueue), + null !== prevHostParent && + ((prevHostParent = prevHostParent.lastEffect), + null !== prevHostParent)) + ) { + prevHostParentIsContainer = prevHostParent = prevHostParent.next; + do { + prevHostParentIsContainer$180 = prevHostParentIsContainer.tag; + var inst = prevHostParentIsContainer.inst, + destroy = inst.destroy; + void 0 !== destroy && + (0 !== (prevHostParentIsContainer$180 & 2) + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : offscreenSubtreeWasHidden || + 0 === (prevHostParentIsContainer$180 & 4) || + ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ))); + prevHostParentIsContainer = prevHostParentIsContainer.next; + } while (prevHostParentIsContainer !== prevHostParent); + } + } else if ( !offscreenSubtreeWasHidden && ((prevHostParent = deletedFiber.updateQueue), null !== prevHostParent && @@ -9432,27 +9465,27 @@ function commitDeletionEffectsOnFiber( null !== prevHostParent)) ) { prevHostParentIsContainer = prevHostParent = prevHostParent.next; - do { - prevHostParentIsContainer$180 = prevHostParentIsContainer.tag; - var inst = prevHostParentIsContainer.inst, - destroy = inst.destroy; - void 0 !== destroy && - (0 !== (prevHostParentIsContainer$180 & 2) - ? ((inst.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - )) - : 0 !== (prevHostParentIsContainer$180 & 4) && - ((inst.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - ))); - prevHostParentIsContainer = prevHostParentIsContainer.next; - } while (prevHostParentIsContainer !== prevHostParent); + do + (prevHostParentIsContainer$180 = prevHostParentIsContainer.tag), + (inst = prevHostParentIsContainer.inst), + (destroy = inst.destroy), + void 0 !== destroy && + (0 !== (prevHostParentIsContainer$180 & 2) + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : 0 !== (prevHostParentIsContainer$180 & 4) && + ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ))), + (prevHostParentIsContainer = prevHostParentIsContainer.next); + while (prevHostParentIsContainer !== prevHostParent); } recursivelyTraverseDeletionEffects( finishedRoot, @@ -9512,15 +9545,15 @@ function commitDeletionEffectsOnFiber( } function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) { if (null === finishedWork.memoizedState) { - var current$183 = finishedWork.alternate; + var current$190 = finishedWork.alternate; if ( - null !== current$183 && - ((current$183 = current$183.memoizedState), - null !== current$183 && - ((current$183 = current$183.dehydrated), null !== current$183)) + null !== current$190 && + ((current$190 = current$190.memoizedState), + null !== current$190 && + ((current$190 = current$190.dehydrated), null !== current$190)) ) { try { - retryIfBlockedOn(current$183); + retryIfBlockedOn(current$190); } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); } @@ -9528,7 +9561,7 @@ function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) { var hydrationCallbacks = finishedRoot.hydrationCallbacks; if (null !== hydrationCallbacks) { var onHydrated = hydrationCallbacks.onHydrated; - onHydrated && onHydrated(current$183); + onHydrated && onHydrated(current$190); } } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); @@ -10168,7 +10201,7 @@ function recursivelyTraverseReappearLayoutEffects( includeWorkInProgressEffects = includeWorkInProgressEffects && 0 !== (parentFiber.subtreeFlags & 8772); for (parentFiber = parentFiber.child; null !== parentFiber; ) { - var current$190 = parentFiber.alternate, + var current$197 = parentFiber.alternate, finishedRoot = finishedRoot$jscomp$0, finishedWork = parentFiber, flags = finishedWork.flags; @@ -10189,18 +10222,18 @@ function recursivelyTraverseReappearLayoutEffects( finishedWork, includeWorkInProgressEffects ); - current$190 = finishedWork; - finishedRoot = current$190.stateNode; + current$197 = finishedWork; + finishedRoot = current$197.stateNode; if ("function" === typeof finishedRoot.componentDidMount) try { finishedRoot.componentDidMount(); } catch (error) { - captureCommitPhaseError(current$190, current$190.return, error); + captureCommitPhaseError(current$197, current$197.return, error); } - current$190 = finishedWork; - finishedRoot = current$190.updateQueue; + current$197 = finishedWork; + finishedRoot = current$197.updateQueue; if (null !== finishedRoot) { - var instance = current$190.stateNode; + var instance = current$197.stateNode; try { var hiddenCallbacks = finishedRoot.shared.hiddenCallbacks; if (null !== hiddenCallbacks) @@ -10211,7 +10244,7 @@ function recursivelyTraverseReappearLayoutEffects( ) callCallback(hiddenCallbacks[finishedRoot], instance); } catch (error) { - captureCommitPhaseError(current$190, current$190.return, error); + captureCommitPhaseError(current$197, current$197.return, error); } } includeWorkInProgressEffects && @@ -10228,7 +10261,7 @@ function recursivelyTraverseReappearLayoutEffects( includeWorkInProgressEffects ); includeWorkInProgressEffects && - null === current$190 && + null === current$197 && flags & 4 && commitHostMount(finishedWork); safelyAttachRef(finishedWork, finishedWork.return); @@ -10585,9 +10618,9 @@ function recursivelyTraverseReconnectPassiveEffects( ); break; case 22: - var instance$197 = finishedWork.stateNode; + var instance$204 = finishedWork.stateNode; null !== finishedWork.memoizedState - ? instance$197._visibility & 4 + ? instance$204._visibility & 4 ? recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -10600,7 +10633,7 @@ function recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork ) - : ((instance$197._visibility |= 4), + : ((instance$204._visibility |= 4), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -10608,7 +10641,7 @@ function recursivelyTraverseReconnectPassiveEffects( committedTransitions, includeWorkInProgressEffects )) - : ((instance$197._visibility |= 4), + : ((instance$204._visibility |= 4), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -10621,7 +10654,7 @@ function recursivelyTraverseReconnectPassiveEffects( commitOffscreenPassiveMountEffects( finishedWork.alternate, finishedWork, - instance$197 + instance$204 ); break; case 24: @@ -10961,12 +10994,12 @@ function findFiberRootForHostRoot(hostRoot) { a: { hostRoot = [hostRoot]; for (maybeFiber = 0; maybeFiber < hostRoot.length; ) { - var current$292 = hostRoot[maybeFiber++]; - if (current$292[internalContainerInstanceKey]) { - hostRoot = getInstanceFromNode(current$292); + var current$299 = hostRoot[maybeFiber++]; + if (current$299[internalContainerInstanceKey]) { + hostRoot = getInstanceFromNode(current$299); break a; } - hostRoot.push.apply(hostRoot, current$292.children); + hostRoot.push.apply(hostRoot, current$299.children); } hostRoot = null; } @@ -11827,8 +11860,8 @@ function renderRootSync(root, lanes) { } workLoopSync(); break; - } catch (thrownValue$209) { - handleThrow(root, thrownValue$209); + } catch (thrownValue$216) { + handleThrow(root, thrownValue$216); } while (1); lanes && root.shellSuspendCounter++; @@ -11943,8 +11976,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrent(); break; - } catch (thrownValue$211) { - handleThrow(root, thrownValue$211); + } catch (thrownValue$218) { + handleThrow(root, thrownValue$218); } while (1); resetContextDependencies(); @@ -12293,7 +12326,7 @@ function releaseRootPooledCache(root, remainingLanes) { } function flushPassiveEffects() { if (null !== rootWithPendingPassiveEffects) { - var root$218 = rootWithPendingPassiveEffects, + var root$225 = rootWithPendingPassiveEffects, remainingLanes = pendingPassiveEffectsRemainingLanes; pendingPassiveEffectsRemainingLanes = 0; var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes), @@ -12308,7 +12341,7 @@ function flushPassiveEffects() { } finally { (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition), - releaseRootPooledCache(root$218, remainingLanes); + releaseRootPooledCache(root$225, remainingLanes); } } return !1; @@ -13627,19 +13660,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$386; + var JSCompiler_inline_result$jscomp$393; if (canUseDOM) { - var isSupported$jscomp$inline_1576 = "oninput" in document; - if (!isSupported$jscomp$inline_1576) { - var element$jscomp$inline_1577 = document.createElement("div"); - element$jscomp$inline_1577.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_1576 = - "function" === typeof element$jscomp$inline_1577.oninput; + var isSupported$jscomp$inline_1583 = "oninput" in document; + if (!isSupported$jscomp$inline_1583) { + var element$jscomp$inline_1584 = document.createElement("div"); + element$jscomp$inline_1584.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_1583 = + "function" === typeof element$jscomp$inline_1584.oninput; } - JSCompiler_inline_result$jscomp$386 = isSupported$jscomp$inline_1576; - } else JSCompiler_inline_result$jscomp$386 = !1; + JSCompiler_inline_result$jscomp$393 = isSupported$jscomp$inline_1583; + } else JSCompiler_inline_result$jscomp$393 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$386 && + JSCompiler_inline_result$jscomp$393 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -14050,20 +14083,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1617 = 0; - i$jscomp$inline_1617 < simpleEventPluginEvents.length; - i$jscomp$inline_1617++ + var i$jscomp$inline_1624 = 0; + i$jscomp$inline_1624 < simpleEventPluginEvents.length; + i$jscomp$inline_1624++ ) { - var eventName$jscomp$inline_1618 = - simpleEventPluginEvents[i$jscomp$inline_1617], - domEventName$jscomp$inline_1619 = - eventName$jscomp$inline_1618.toLowerCase(), - capitalizedEvent$jscomp$inline_1620 = - eventName$jscomp$inline_1618[0].toUpperCase() + - eventName$jscomp$inline_1618.slice(1); + var eventName$jscomp$inline_1625 = + simpleEventPluginEvents[i$jscomp$inline_1624], + domEventName$jscomp$inline_1626 = + eventName$jscomp$inline_1625.toLowerCase(), + capitalizedEvent$jscomp$inline_1627 = + eventName$jscomp$inline_1625[0].toUpperCase() + + eventName$jscomp$inline_1625.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1619, - "on" + capitalizedEvent$jscomp$inline_1620 + domEventName$jscomp$inline_1626, + "on" + capitalizedEvent$jscomp$inline_1627 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -15356,34 +15389,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$237 = props[hasSrc]; - if (null != propValue$237) + var propValue$244 = props[hasSrc]; + if (null != propValue$244) switch (hasSrc) { case "name": - hasSrcSet = propValue$237; + hasSrcSet = propValue$244; break; case "type": - propValue = propValue$237; + propValue = propValue$244; break; case "checked": - checked = propValue$237; + checked = propValue$244; break; case "defaultChecked": - defaultChecked = propValue$237; + defaultChecked = propValue$244; break; case "value": - propKey = propValue$237; + propKey = propValue$244; break; case "defaultValue": - defaultValue = propValue$237; + defaultValue = propValue$244; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$237) + if (null != propValue$244) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$237, props, null); + setProp(domElement, tag, hasSrc, propValue$244, props, null); } } initInput( @@ -15520,14 +15553,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$237 in props) - props.hasOwnProperty(propValue$237) && - ((hasSrc = props[propValue$237]), + for (propValue$244 in props) + props.hasOwnProperty(propValue$244) && + ((hasSrc = props[propValue$244]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$237, + propValue$244, hasSrc, props, void 0 @@ -15575,14 +15608,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$254 in nextProps) { - var propKey = nextProps[propKey$254]; - lastProp = lastProps[propKey$254]; + for (var propKey$261 in nextProps) { + var propKey = nextProps[propKey$261]; + lastProp = lastProps[propKey$261]; if ( - nextProps.hasOwnProperty(propKey$254) && + nextProps.hasOwnProperty(propKey$261) && (null != propKey || null != lastProp) ) - switch (propKey$254) { + switch (propKey$261) { case "type": type = propKey; break; @@ -15611,7 +15644,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$254, + propKey$261, propKey, nextProps, lastProp @@ -15630,7 +15663,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$254 = null; + propKey = value = defaultValue = propKey$261 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -15661,7 +15694,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (name) { case "value": - propKey$254 = type; + propKey$261 = type; break; case "defaultValue": defaultValue = type; @@ -15682,15 +15715,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$254 - ? updateOptions(domElement, !!lastProps, propKey$254, !1) + null != propKey$261 + ? updateOptions(domElement, !!lastProps, propKey$261, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$254 = null; + propKey = propKey$261 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -15714,7 +15747,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (value) { case "value": - propKey$254 = name; + propKey$261 = name; break; case "defaultValue": propKey = name; @@ -15728,17 +15761,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$254, propKey); + updateTextarea(domElement, propKey$261, propKey); return; case "option": - for (var propKey$270 in lastProps) + for (var propKey$277 in lastProps) if ( - ((propKey$254 = lastProps[propKey$270]), - lastProps.hasOwnProperty(propKey$270) && - null != propKey$254 && - !nextProps.hasOwnProperty(propKey$270)) + ((propKey$261 = lastProps[propKey$277]), + lastProps.hasOwnProperty(propKey$277) && + null != propKey$261 && + !nextProps.hasOwnProperty(propKey$277)) ) - switch (propKey$270) { + switch (propKey$277) { case "selected": domElement.selected = !1; break; @@ -15746,33 +15779,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$270, + propKey$277, null, nextProps, - propKey$254 + propKey$261 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$254 = nextProps[lastDefaultValue]), + ((propKey$261 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$254 !== propKey && - (null != propKey$254 || null != propKey)) + propKey$261 !== propKey && + (null != propKey$261 || null != propKey)) ) switch (lastDefaultValue) { case "selected": domElement.selected = - propKey$254 && - "function" !== typeof propKey$254 && - "symbol" !== typeof propKey$254; + propKey$261 && + "function" !== typeof propKey$261 && + "symbol" !== typeof propKey$261; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$254, + propKey$261, nextProps, propKey ); @@ -15793,24 +15826,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$275 in lastProps) - (propKey$254 = lastProps[propKey$275]), - lastProps.hasOwnProperty(propKey$275) && - null != propKey$254 && - !nextProps.hasOwnProperty(propKey$275) && - setProp(domElement, tag, propKey$275, null, nextProps, propKey$254); + for (var propKey$282 in lastProps) + (propKey$261 = lastProps[propKey$282]), + lastProps.hasOwnProperty(propKey$282) && + null != propKey$261 && + !nextProps.hasOwnProperty(propKey$282) && + setProp(domElement, tag, propKey$282, null, nextProps, propKey$261); for (checked in nextProps) if ( - ((propKey$254 = nextProps[checked]), + ((propKey$261 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$254 !== propKey && - (null != propKey$254 || null != propKey)) + propKey$261 !== propKey && + (null != propKey$261 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$254) + if (null != propKey$261) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -15818,7 +15851,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$254, + propKey$261, nextProps, propKey ); @@ -15826,49 +15859,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$280 in lastProps) - (propKey$254 = lastProps[propKey$280]), - lastProps.hasOwnProperty(propKey$280) && - void 0 !== propKey$254 && - !nextProps.hasOwnProperty(propKey$280) && + for (var propKey$287 in lastProps) + (propKey$261 = lastProps[propKey$287]), + lastProps.hasOwnProperty(propKey$287) && + void 0 !== propKey$261 && + !nextProps.hasOwnProperty(propKey$287) && setPropOnCustomElement( domElement, tag, - propKey$280, + propKey$287, void 0, nextProps, - propKey$254 + propKey$261 ); for (defaultChecked in nextProps) - (propKey$254 = nextProps[defaultChecked]), + (propKey$261 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$254 === propKey || - (void 0 === propKey$254 && void 0 === propKey) || + propKey$261 === propKey || + (void 0 === propKey$261 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$254, + propKey$261, nextProps, propKey ); return; } } - for (var propKey$285 in lastProps) - (propKey$254 = lastProps[propKey$285]), - lastProps.hasOwnProperty(propKey$285) && - null != propKey$254 && - !nextProps.hasOwnProperty(propKey$285) && - setProp(domElement, tag, propKey$285, null, nextProps, propKey$254); + for (var propKey$292 in lastProps) + (propKey$261 = lastProps[propKey$292]), + lastProps.hasOwnProperty(propKey$292) && + null != propKey$261 && + !nextProps.hasOwnProperty(propKey$292) && + setProp(domElement, tag, propKey$292, null, nextProps, propKey$261); for (lastProp in nextProps) - (propKey$254 = nextProps[lastProp]), + (propKey$261 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$254 === propKey || - (null == propKey$254 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$254, nextProps, propKey); + propKey$261 === propKey || + (null == propKey$261 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$261, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -16520,26 +16553,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$294 = getResourcesFromRoot( + var styles$301 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$295 = styles$294.get(type); - resource$295 || + resource$302 = styles$301.get(type); + resource$302 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$295 = { + (resource$302 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$294.set(type, resource$295), - (styles$294 = JSCompiler_inline_result.querySelector( + styles$301.set(type, resource$302), + (styles$301 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$294._p && - ((resource$295.instance = styles$294), - (resource$295.state.loading = 5)), + !styles$301._p && + ((resource$302.instance = styles$301), + (resource$302.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -16552,16 +16585,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$294 || + styles$301 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$295.state + resource$302.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$295; + return resource$302; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -16658,37 +16691,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$300 = hoistableRoot.querySelector( + var instance$307 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$300) + if (instance$307) return ( (resource.state.loading |= 4), - (resource.instance = instance$300), - markNodeAsHoistable(instance$300), - instance$300 + (resource.instance = instance$307), + markNodeAsHoistable(instance$307), + instance$307 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$300 = ( + instance$307 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$300); - var linkInstance = instance$300; + markNodeAsHoistable(instance$307); + var linkInstance = instance$307; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$300, "link", instance); + setInitialProperties(instance$307, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$300, props.precedence, hoistableRoot); - return (resource.instance = instance$300); + insertStylesheet(instance$307, props.precedence, hoistableRoot); + return (resource.instance = instance$307); case "script": - instance$300 = getScriptKey(props.src); + instance$307 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$300) + getScriptSelectorFromKey(instance$307) )) ) return ( @@ -16697,7 +16730,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$300))) + if ((styleProps = preloadPropsMap.get(instance$307))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -17729,16 +17762,16 @@ function getCrossOriginStringAs(as, input) { if ("string" === typeof input) return "use-credentials" === input ? input : ""; } -var isomorphicReactPackageVersion$jscomp$inline_1790 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1797 = React.version; if ( - "19.0.0-www-classic-94e4acaa-20240913" !== - isomorphicReactPackageVersion$jscomp$inline_1790 + "19.0.0-www-classic-d3d4d3a4-20240913" !== + isomorphicReactPackageVersion$jscomp$inline_1797 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1790, - "19.0.0-www-classic-94e4acaa-20240913" + isomorphicReactPackageVersion$jscomp$inline_1797, + "19.0.0-www-classic-d3d4d3a4-20240913" ) ); function flushSyncFromReconciler(fn) { @@ -17781,25 +17814,25 @@ Internals.Events = [ return fn(a); } ]; -var internals$jscomp$inline_2289 = { +var internals$jscomp$inline_2296 = { bundleType: 0, - version: "19.0.0-www-classic-94e4acaa-20240913", + version: "19.0.0-www-classic-d3d4d3a4-20240913", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-94e4acaa-20240913" + reconcilerVersion: "19.0.0-www-classic-d3d4d3a4-20240913" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2290 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2297 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2290.isDisabled && - hook$jscomp$inline_2290.supportsFiber + !hook$jscomp$inline_2297.isDisabled && + hook$jscomp$inline_2297.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2290.inject( - internals$jscomp$inline_2289 + (rendererID = hook$jscomp$inline_2297.inject( + internals$jscomp$inline_2296 )), - (injectedHook = hook$jscomp$inline_2290); + (injectedHook = hook$jscomp$inline_2297); } catch (err) {} } function ReactDOMRoot(internalRoot) { @@ -17873,11 +17906,11 @@ function legacyCreateRootFromDOMContainer( if ("function" === typeof callback) { var originalCallback = callback; callback = function () { - var instance = getPublicRootInstance(root$321); + var instance = getPublicRootInstance(root$328); originalCallback.call(instance); }; } - var root$321 = createHydrationContainer( + var root$328 = createHydrationContainer( initialChildren, callback, container, @@ -17892,23 +17925,23 @@ function legacyCreateRootFromDOMContainer( null, null ); - container._reactRootContainer = root$321; - container[internalContainerInstanceKey] = root$321.current; + container._reactRootContainer = root$328; + container[internalContainerInstanceKey] = root$328.current; listenToAllSupportedEvents( 8 === container.nodeType ? container.parentNode : container ); flushSyncWork$1(); - return root$321; + return root$328; } clearContainer(container); if ("function" === typeof callback) { - var originalCallback$322 = callback; + var originalCallback$329 = callback; callback = function () { - var instance = getPublicRootInstance(root$323); - originalCallback$322.call(instance); + var instance = getPublicRootInstance(root$330); + originalCallback$329.call(instance); }; } - var root$323 = createFiberRoot( + var root$330 = createFiberRoot( container, 0, !1, @@ -17922,14 +17955,14 @@ function legacyCreateRootFromDOMContainer( null, null ); - container._reactRootContainer = root$323; - container[internalContainerInstanceKey] = root$323.current; + container._reactRootContainer = root$330; + container[internalContainerInstanceKey] = root$330.current; listenToAllSupportedEvents( 8 === container.nodeType ? container.parentNode : container ); - updateContainerSync(initialChildren, root$323, parentComponent, callback); + updateContainerSync(initialChildren, root$330, parentComponent, callback); flushSyncWork$1(); - return root$323; + return root$330; } function legacyRenderSubtreeIntoContainer( parentComponent, @@ -18394,4 +18427,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-classic-94e4acaa-20240913"; +exports.version = "19.0.0-www-classic-d3d4d3a4-20240913"; diff --git a/compiled/facebook-www/ReactDOMTesting-prod.modern.js b/compiled/facebook-www/ReactDOMTesting-prod.modern.js index 664c53d0cb887..2dd4bfacf6628 100644 --- a/compiled/facebook-www/ReactDOMTesting-prod.modern.js +++ b/compiled/facebook-www/ReactDOMTesting-prod.modern.js @@ -52,6 +52,8 @@ var dynamicFeatureFlags = require("ReactFeatureFlags"), enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing, enableTrustedTypesIntegration = dynamicFeatureFlags.enableTrustedTypesIntegration, + enableHiddenSubtreeInsertionEffectCleanup = + dynamicFeatureFlags.enableHiddenSubtreeInsertionEffectCleanup, favorSafetyOverHydrationPerf = dynamicFeatureFlags.favorSafetyOverHydrationPerf, renameElementSymbol = dynamicFeatureFlags.renameElementSymbol, @@ -8350,7 +8352,7 @@ function commitBeforeMutationEffects(root, firstChild) { selection = selection.focusOffset; try { JSCompiler_temp.nodeType, focusNode.nodeType; - } catch (e$214) { + } catch (e$221) { JSCompiler_temp = null; break a; } @@ -9002,7 +9004,38 @@ function commitDeletionEffectsOnFiber( case 11: case 14: case 15: - if ( + if (enableHiddenSubtreeInsertionEffectCleanup) { + if ( + ((prevHostParent = deletedFiber.updateQueue), + null !== prevHostParent && + ((prevHostParent = prevHostParent.lastEffect), + null !== prevHostParent)) + ) { + prevHostParentIsContainer = prevHostParent = prevHostParent.next; + do { + prevHostParentIsContainer$171 = prevHostParentIsContainer.tag; + var inst = prevHostParentIsContainer.inst, + destroy = inst.destroy; + void 0 !== destroy && + (0 !== (prevHostParentIsContainer$171 & 2) + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : offscreenSubtreeWasHidden || + 0 === (prevHostParentIsContainer$171 & 4) || + ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ))); + prevHostParentIsContainer = prevHostParentIsContainer.next; + } while (prevHostParentIsContainer !== prevHostParent); + } + } else if ( !offscreenSubtreeWasHidden && ((prevHostParent = deletedFiber.updateQueue), null !== prevHostParent && @@ -9010,27 +9043,27 @@ function commitDeletionEffectsOnFiber( null !== prevHostParent)) ) { prevHostParentIsContainer = prevHostParent = prevHostParent.next; - do { - prevHostParentIsContainer$171 = prevHostParentIsContainer.tag; - var inst = prevHostParentIsContainer.inst, - destroy = inst.destroy; - void 0 !== destroy && - (0 !== (prevHostParentIsContainer$171 & 2) - ? ((inst.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - )) - : 0 !== (prevHostParentIsContainer$171 & 4) && - ((inst.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - ))); - prevHostParentIsContainer = prevHostParentIsContainer.next; - } while (prevHostParentIsContainer !== prevHostParent); + do + (prevHostParentIsContainer$171 = prevHostParentIsContainer.tag), + (inst = prevHostParentIsContainer.inst), + (destroy = inst.destroy), + void 0 !== destroy && + (0 !== (prevHostParentIsContainer$171 & 2) + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : 0 !== (prevHostParentIsContainer$171 & 4) && + ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ))), + (prevHostParentIsContainer = prevHostParentIsContainer.next); + while (prevHostParentIsContainer !== prevHostParent); } recursivelyTraverseDeletionEffects( finishedRoot, @@ -9084,15 +9117,15 @@ function commitDeletionEffectsOnFiber( } function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) { if (null === finishedWork.memoizedState) { - var current$174 = finishedWork.alternate; + var current$181 = finishedWork.alternate; if ( - null !== current$174 && - ((current$174 = current$174.memoizedState), - null !== current$174 && - ((current$174 = current$174.dehydrated), null !== current$174)) + null !== current$181 && + ((current$181 = current$181.memoizedState), + null !== current$181 && + ((current$181 = current$181.dehydrated), null !== current$181)) ) { try { - retryIfBlockedOn(current$174); + retryIfBlockedOn(current$181); } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); } @@ -9100,7 +9133,7 @@ function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) { var hydrationCallbacks = finishedRoot.hydrationCallbacks; if (null !== hydrationCallbacks) { var onHydrated = hydrationCallbacks.onHydrated; - onHydrated && onHydrated(current$174); + onHydrated && onHydrated(current$181); } } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); @@ -9737,7 +9770,7 @@ function recursivelyTraverseReappearLayoutEffects( includeWorkInProgressEffects = includeWorkInProgressEffects && 0 !== (parentFiber.subtreeFlags & 8772); for (parentFiber = parentFiber.child; null !== parentFiber; ) { - var current$181 = parentFiber.alternate, + var current$188 = parentFiber.alternate, finishedRoot = finishedRoot$jscomp$0, finishedWork = parentFiber, flags = finishedWork.flags; @@ -9758,18 +9791,18 @@ function recursivelyTraverseReappearLayoutEffects( finishedWork, includeWorkInProgressEffects ); - current$181 = finishedWork; - finishedRoot = current$181.stateNode; + current$188 = finishedWork; + finishedRoot = current$188.stateNode; if ("function" === typeof finishedRoot.componentDidMount) try { finishedRoot.componentDidMount(); } catch (error) { - captureCommitPhaseError(current$181, current$181.return, error); + captureCommitPhaseError(current$188, current$188.return, error); } - current$181 = finishedWork; - finishedRoot = current$181.updateQueue; + current$188 = finishedWork; + finishedRoot = current$188.updateQueue; if (null !== finishedRoot) { - var instance = current$181.stateNode; + var instance = current$188.stateNode; try { var hiddenCallbacks = finishedRoot.shared.hiddenCallbacks; if (null !== hiddenCallbacks) @@ -9780,7 +9813,7 @@ function recursivelyTraverseReappearLayoutEffects( ) callCallback(hiddenCallbacks[finishedRoot], instance); } catch (error) { - captureCommitPhaseError(current$181, current$181.return, error); + captureCommitPhaseError(current$188, current$188.return, error); } } includeWorkInProgressEffects && @@ -9797,7 +9830,7 @@ function recursivelyTraverseReappearLayoutEffects( includeWorkInProgressEffects ); includeWorkInProgressEffects && - null === current$181 && + null === current$188 && flags & 4 && commitHostMount(finishedWork); safelyAttachRef(finishedWork, finishedWork.return); @@ -10143,9 +10176,9 @@ function recursivelyTraverseReconnectPassiveEffects( ); break; case 22: - var instance$188 = finishedWork.stateNode; + var instance$195 = finishedWork.stateNode; null !== finishedWork.memoizedState - ? instance$188._visibility & 4 + ? instance$195._visibility & 4 ? recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -10157,7 +10190,7 @@ function recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork ) - : ((instance$188._visibility |= 4), + : ((instance$195._visibility |= 4), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -10170,7 +10203,7 @@ function recursivelyTraverseReconnectPassiveEffects( commitOffscreenPassiveMountEffects( finishedWork.alternate, finishedWork, - instance$188 + instance$195 ); break; case 24: @@ -10510,12 +10543,12 @@ function findFiberRootForHostRoot(hostRoot) { a: { hostRoot = [hostRoot]; for (maybeFiber = 0; maybeFiber < hostRoot.length; ) { - var current$283 = hostRoot[maybeFiber++]; - if (current$283[internalContainerInstanceKey]) { - hostRoot = getInstanceFromNode(current$283); + var current$290 = hostRoot[maybeFiber++]; + if (current$290[internalContainerInstanceKey]) { + hostRoot = getInstanceFromNode(current$290); break a; } - hostRoot.push.apply(hostRoot, current$283.children); + hostRoot.push.apply(hostRoot, current$290.children); } hostRoot = null; } @@ -11354,8 +11387,8 @@ function renderRootSync(root, lanes) { } workLoopSync(); break; - } catch (thrownValue$200) { - handleThrow(root, thrownValue$200); + } catch (thrownValue$207) { + handleThrow(root, thrownValue$207); } while (1); lanes && root.shellSuspendCounter++; @@ -11470,8 +11503,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrent(); break; - } catch (thrownValue$202) { - handleThrow(root, thrownValue$202); + } catch (thrownValue$209) { + handleThrow(root, thrownValue$209); } while (1); resetContextDependencies(); @@ -11814,7 +11847,7 @@ function releaseRootPooledCache(root, remainingLanes) { } function flushPassiveEffects() { if (null !== rootWithPendingPassiveEffects) { - var root$209 = rootWithPendingPassiveEffects, + var root$216 = rootWithPendingPassiveEffects, remainingLanes = pendingPassiveEffectsRemainingLanes; pendingPassiveEffectsRemainingLanes = 0; var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes), @@ -11829,7 +11862,7 @@ function flushPassiveEffects() { } finally { (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition), - releaseRootPooledCache(root$209, remainingLanes); + releaseRootPooledCache(root$216, remainingLanes); } } return !1; @@ -13054,19 +13087,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$373; + var JSCompiler_inline_result$jscomp$380; if (canUseDOM) { - var isSupported$jscomp$inline_1547 = "oninput" in document; - if (!isSupported$jscomp$inline_1547) { - var element$jscomp$inline_1548 = document.createElement("div"); - element$jscomp$inline_1548.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_1547 = - "function" === typeof element$jscomp$inline_1548.oninput; + var isSupported$jscomp$inline_1554 = "oninput" in document; + if (!isSupported$jscomp$inline_1554) { + var element$jscomp$inline_1555 = document.createElement("div"); + element$jscomp$inline_1555.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_1554 = + "function" === typeof element$jscomp$inline_1555.oninput; } - JSCompiler_inline_result$jscomp$373 = isSupported$jscomp$inline_1547; - } else JSCompiler_inline_result$jscomp$373 = !1; + JSCompiler_inline_result$jscomp$380 = isSupported$jscomp$inline_1554; + } else JSCompiler_inline_result$jscomp$380 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$373 && + JSCompiler_inline_result$jscomp$380 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -13477,20 +13510,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1588 = 0; - i$jscomp$inline_1588 < simpleEventPluginEvents.length; - i$jscomp$inline_1588++ + var i$jscomp$inline_1595 = 0; + i$jscomp$inline_1595 < simpleEventPluginEvents.length; + i$jscomp$inline_1595++ ) { - var eventName$jscomp$inline_1589 = - simpleEventPluginEvents[i$jscomp$inline_1588], - domEventName$jscomp$inline_1590 = - eventName$jscomp$inline_1589.toLowerCase(), - capitalizedEvent$jscomp$inline_1591 = - eventName$jscomp$inline_1589[0].toUpperCase() + - eventName$jscomp$inline_1589.slice(1); + var eventName$jscomp$inline_1596 = + simpleEventPluginEvents[i$jscomp$inline_1595], + domEventName$jscomp$inline_1597 = + eventName$jscomp$inline_1596.toLowerCase(), + capitalizedEvent$jscomp$inline_1598 = + eventName$jscomp$inline_1596[0].toUpperCase() + + eventName$jscomp$inline_1596.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1590, - "on" + capitalizedEvent$jscomp$inline_1591 + domEventName$jscomp$inline_1597, + "on" + capitalizedEvent$jscomp$inline_1598 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -14779,34 +14812,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$228 = props[hasSrc]; - if (null != propValue$228) + var propValue$235 = props[hasSrc]; + if (null != propValue$235) switch (hasSrc) { case "name": - hasSrcSet = propValue$228; + hasSrcSet = propValue$235; break; case "type": - propKey = propValue$228; + propKey = propValue$235; break; case "checked": - checked = propValue$228; + checked = propValue$235; break; case "defaultChecked": - defaultChecked = propValue$228; + defaultChecked = propValue$235; break; case "value": - propValue = propValue$228; + propValue = propValue$235; break; case "defaultValue": - defaultValue = propValue$228; + defaultValue = propValue$235; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$228) + if (null != propValue$235) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$228, props, null); + setProp(domElement, tag, hasSrc, propValue$235, props, null); } } initInput( @@ -14942,14 +14975,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$228 in props) - props.hasOwnProperty(propValue$228) && - ((hasSrc = props[propValue$228]), + for (propValue$235 in props) + props.hasOwnProperty(propValue$235) && + ((hasSrc = props[propValue$235]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$228, + propValue$235, hasSrc, props, void 0 @@ -14997,14 +15030,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$245 in nextProps) { - var propKey = nextProps[propKey$245]; - lastProp = lastProps[propKey$245]; + for (var propKey$252 in nextProps) { + var propKey = nextProps[propKey$252]; + lastProp = lastProps[propKey$252]; if ( - nextProps.hasOwnProperty(propKey$245) && + nextProps.hasOwnProperty(propKey$252) && (null != propKey || null != lastProp) ) - switch (propKey$245) { + switch (propKey$252) { case "type": type = propKey; break; @@ -15033,7 +15066,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$245, + propKey$252, propKey, nextProps, lastProp @@ -15052,7 +15085,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$245 = null; + propKey = value = defaultValue = propKey$252 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -15083,7 +15116,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (name) { case "value": - propKey$245 = type; + propKey$252 = type; break; case "defaultValue": defaultValue = type; @@ -15104,15 +15137,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$245 - ? updateOptions(domElement, !!lastProps, propKey$245, !1) + null != propKey$252 + ? updateOptions(domElement, !!lastProps, propKey$252, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$245 = null; + propKey = propKey$252 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -15136,7 +15169,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (value) { case "value": - propKey$245 = name; + propKey$252 = name; break; case "defaultValue": propKey = name; @@ -15150,17 +15183,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$245, propKey); + updateTextarea(domElement, propKey$252, propKey); return; case "option": - for (var propKey$261 in lastProps) + for (var propKey$268 in lastProps) if ( - ((propKey$245 = lastProps[propKey$261]), - lastProps.hasOwnProperty(propKey$261) && - null != propKey$245 && - !nextProps.hasOwnProperty(propKey$261)) + ((propKey$252 = lastProps[propKey$268]), + lastProps.hasOwnProperty(propKey$268) && + null != propKey$252 && + !nextProps.hasOwnProperty(propKey$268)) ) - switch (propKey$261) { + switch (propKey$268) { case "selected": domElement.selected = !1; break; @@ -15168,33 +15201,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$261, + propKey$268, null, nextProps, - propKey$245 + propKey$252 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$245 = nextProps[lastDefaultValue]), + ((propKey$252 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$245 !== propKey && - (null != propKey$245 || null != propKey)) + propKey$252 !== propKey && + (null != propKey$252 || null != propKey)) ) switch (lastDefaultValue) { case "selected": domElement.selected = - propKey$245 && - "function" !== typeof propKey$245 && - "symbol" !== typeof propKey$245; + propKey$252 && + "function" !== typeof propKey$252 && + "symbol" !== typeof propKey$252; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$245, + propKey$252, nextProps, propKey ); @@ -15215,24 +15248,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$266 in lastProps) - (propKey$245 = lastProps[propKey$266]), - lastProps.hasOwnProperty(propKey$266) && - null != propKey$245 && - !nextProps.hasOwnProperty(propKey$266) && - setProp(domElement, tag, propKey$266, null, nextProps, propKey$245); + for (var propKey$273 in lastProps) + (propKey$252 = lastProps[propKey$273]), + lastProps.hasOwnProperty(propKey$273) && + null != propKey$252 && + !nextProps.hasOwnProperty(propKey$273) && + setProp(domElement, tag, propKey$273, null, nextProps, propKey$252); for (checked in nextProps) if ( - ((propKey$245 = nextProps[checked]), + ((propKey$252 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$245 !== propKey && - (null != propKey$245 || null != propKey)) + propKey$252 !== propKey && + (null != propKey$252 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$245) + if (null != propKey$252) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -15240,7 +15273,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$245, + propKey$252, nextProps, propKey ); @@ -15248,49 +15281,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$271 in lastProps) - (propKey$245 = lastProps[propKey$271]), - lastProps.hasOwnProperty(propKey$271) && - void 0 !== propKey$245 && - !nextProps.hasOwnProperty(propKey$271) && + for (var propKey$278 in lastProps) + (propKey$252 = lastProps[propKey$278]), + lastProps.hasOwnProperty(propKey$278) && + void 0 !== propKey$252 && + !nextProps.hasOwnProperty(propKey$278) && setPropOnCustomElement( domElement, tag, - propKey$271, + propKey$278, void 0, nextProps, - propKey$245 + propKey$252 ); for (defaultChecked in nextProps) - (propKey$245 = nextProps[defaultChecked]), + (propKey$252 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$245 === propKey || - (void 0 === propKey$245 && void 0 === propKey) || + propKey$252 === propKey || + (void 0 === propKey$252 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$245, + propKey$252, nextProps, propKey ); return; } } - for (var propKey$276 in lastProps) - (propKey$245 = lastProps[propKey$276]), - lastProps.hasOwnProperty(propKey$276) && - null != propKey$245 && - !nextProps.hasOwnProperty(propKey$276) && - setProp(domElement, tag, propKey$276, null, nextProps, propKey$245); + for (var propKey$283 in lastProps) + (propKey$252 = lastProps[propKey$283]), + lastProps.hasOwnProperty(propKey$283) && + null != propKey$252 && + !nextProps.hasOwnProperty(propKey$283) && + setProp(domElement, tag, propKey$283, null, nextProps, propKey$252); for (lastProp in nextProps) - (propKey$245 = nextProps[lastProp]), + (propKey$252 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$245 === propKey || - (null == propKey$245 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$245, nextProps, propKey); + propKey$252 === propKey || + (null == propKey$252 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$252, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -15925,26 +15958,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$285 = getResourcesFromRoot( + var styles$292 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$286 = styles$285.get(type); - resource$286 || + resource$293 = styles$292.get(type); + resource$293 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$286 = { + (resource$293 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$285.set(type, resource$286), - (styles$285 = JSCompiler_inline_result.querySelector( + styles$292.set(type, resource$293), + (styles$292 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$285._p && - ((resource$286.instance = styles$285), - (resource$286.state.loading = 5)), + !styles$292._p && + ((resource$293.instance = styles$292), + (resource$293.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -15957,16 +15990,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$285 || + styles$292 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$286.state + resource$293.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$286; + return resource$293; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -16063,37 +16096,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$291 = hoistableRoot.querySelector( + var instance$298 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$291) + if (instance$298) return ( (resource.state.loading |= 4), - (resource.instance = instance$291), - markNodeAsHoistable(instance$291), - instance$291 + (resource.instance = instance$298), + markNodeAsHoistable(instance$298), + instance$298 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$291 = ( + instance$298 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$291); - var linkInstance = instance$291; + markNodeAsHoistable(instance$298); + var linkInstance = instance$298; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$291, "link", instance); + setInitialProperties(instance$298, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$291, props.precedence, hoistableRoot); - return (resource.instance = instance$291); + insertStylesheet(instance$298, props.precedence, hoistableRoot); + return (resource.instance = instance$298); case "script": - instance$291 = getScriptKey(props.src); + instance$298 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$291) + getScriptSelectorFromKey(instance$298) )) ) return ( @@ -16102,7 +16135,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$291))) + if ((styleProps = preloadPropsMap.get(instance$298))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -17105,16 +17138,16 @@ function getCrossOriginStringAs(as, input) { if ("string" === typeof input) return "use-credentials" === input ? input : ""; } -var isomorphicReactPackageVersion$jscomp$inline_1761 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1768 = React.version; if ( - "19.0.0-www-modern-94e4acaa-20240913" !== - isomorphicReactPackageVersion$jscomp$inline_1761 + "19.0.0-www-modern-d3d4d3a4-20240913" !== + isomorphicReactPackageVersion$jscomp$inline_1768 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1761, - "19.0.0-www-modern-94e4acaa-20240913" + isomorphicReactPackageVersion$jscomp$inline_1768, + "19.0.0-www-modern-d3d4d3a4-20240913" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -17130,25 +17163,25 @@ Internals.Events = [ return fn(a); } ]; -var internals$jscomp$inline_2280 = { +var internals$jscomp$inline_2287 = { bundleType: 0, - version: "19.0.0-www-modern-94e4acaa-20240913", + version: "19.0.0-www-modern-d3d4d3a4-20240913", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-94e4acaa-20240913" + reconcilerVersion: "19.0.0-www-modern-d3d4d3a4-20240913" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2281 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2288 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2281.isDisabled && - hook$jscomp$inline_2281.supportsFiber + !hook$jscomp$inline_2288.isDisabled && + hook$jscomp$inline_2288.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2281.inject( - internals$jscomp$inline_2280 + (rendererID = hook$jscomp$inline_2288.inject( + internals$jscomp$inline_2287 )), - (injectedHook = hook$jscomp$inline_2281); + (injectedHook = hook$jscomp$inline_2288); } catch (err) {} } function ReactDOMRoot(internalRoot) { @@ -17650,4 +17683,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-modern-94e4acaa-20240913"; +exports.version = "19.0.0-www-modern-d3d4d3a4-20240913"; diff --git a/compiled/facebook-www/ReactReconciler-dev.classic.js b/compiled/facebook-www/ReactReconciler-dev.classic.js index 84c4655d964c4..ee2e620198026 100644 --- a/compiled/facebook-www/ReactReconciler-dev.classic.js +++ b/compiled/facebook-www/ReactReconciler-dev.classic.js @@ -10799,9 +10799,7 @@ __DEV__ && markComponentLayoutEffectUnmountStarted(finishedWork)), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0), - runWithFiberInDEV( - finishedWork, - callDestroyInDEV, + safelyCallDestroy( finishedWork, nearestMountedAncestor, destroy @@ -11041,6 +11039,15 @@ __DEV__ && } else ref.current = null; } + function safelyCallDestroy(current, nearestMountedAncestor, destroy) { + runWithFiberInDEV( + current, + callDestroyInDEV, + current, + nearestMountedAncestor, + destroy + ); + } function commitProfiler(finishedWork, current, commitTime, effectDuration) { var _finishedWork$memoize = finishedWork.memoizedProps, onCommit = _finishedWork$memoize.onCommit; @@ -11964,7 +11971,53 @@ __DEV__ && case 11: case 14: case 15: - if ( + if (enableHiddenSubtreeInsertionEffectCleanup) { + if ( + ((prevHostParent = deletedFiber.updateQueue), + null !== prevHostParent && + ((prevHostParent = prevHostParent.lastEffect), + null !== prevHostParent)) + ) { + prevHostParentIsContainer = prevHostParent = prevHostParent.next; + do { + var tag = prevHostParentIsContainer.tag, + inst = prevHostParentIsContainer.inst, + destroy = inst.destroy; + void 0 !== destroy && + ((tag & Insertion) !== NoFlags + ? ((isRunningInsertionEffect = !0), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + (isRunningInsertionEffect = !1)) + : offscreenSubtreeWasHidden || + (tag & Layout) === NoFlags || + (enableSchedulingProfiler && + markComponentLayoutEffectUnmountStarted(deletedFiber), + shouldProfile(deletedFiber) + ? (startLayoutEffectTimer(), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + recordLayoutEffectDuration(deletedFiber)) + : ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )), + enableSchedulingProfiler && + markComponentLayoutEffectUnmountStopped())); + prevHostParentIsContainer = prevHostParentIsContainer.next; + } while (prevHostParentIsContainer !== prevHostParent); + } + } else if ( !offscreenSubtreeWasHidden && ((prevHostParent = deletedFiber.updateQueue), null !== prevHostParent && @@ -11972,46 +12025,40 @@ __DEV__ && null !== prevHostParent)) ) { prevHostParentIsContainer = prevHostParent = prevHostParent.next; - do { - var tag = prevHostParentIsContainer.tag, - inst = prevHostParentIsContainer.inst, - destroy = inst.destroy; - void 0 !== destroy && - ((tag & Insertion) !== NoFlags - ? ((inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - )) - : (tag & Layout) !== NoFlags && - (enableSchedulingProfiler && - markComponentLayoutEffectUnmountStarted(deletedFiber), - shouldProfile(deletedFiber) - ? (startLayoutEffectTimer(), - (inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - ), - recordLayoutEffectDuration(deletedFiber)) - : ((inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - )), - enableSchedulingProfiler && - markComponentLayoutEffectUnmountStopped())); - prevHostParentIsContainer = prevHostParentIsContainer.next; - } while (prevHostParentIsContainer !== prevHostParent); + do + (tag = prevHostParentIsContainer.tag), + (inst = prevHostParentIsContainer.inst), + (destroy = inst.destroy), + void 0 !== destroy && + ((tag & Insertion) !== NoFlags + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : (tag & Layout) !== NoFlags && + (enableSchedulingProfiler && + markComponentLayoutEffectUnmountStarted(deletedFiber), + shouldProfile(deletedFiber) + ? (startLayoutEffectTimer(), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + recordLayoutEffectDuration(deletedFiber)) + : ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )), + enableSchedulingProfiler && + markComponentLayoutEffectUnmountStopped())), + (prevHostParentIsContainer = prevHostParentIsContainer.next); + while (prevHostParentIsContainer !== prevHostParent); } recursivelyTraverseDeletionEffects( finishedRoot, @@ -16531,6 +16578,8 @@ __DEV__ && enableRenderableContext = dynamicFeatureFlags.enableRenderableContext, enableRetryLaneExpiration = dynamicFeatureFlags.enableRetryLaneExpiration, enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing, + enableHiddenSubtreeInsertionEffectCleanup = + dynamicFeatureFlags.enableHiddenSubtreeInsertionEffectCleanup, favorSafetyOverHydrationPerf = dynamicFeatureFlags.favorSafetyOverHydrationPerf, renameElementSymbol = dynamicFeatureFlags.renameElementSymbol, @@ -19250,7 +19299,7 @@ __DEV__ && rendererPackageName: rendererPackageName, currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-94e4acaa-20240913" + reconcilerVersion: "19.0.0-www-classic-d3d4d3a4-20240913" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled/facebook-www/ReactReconciler-dev.modern.js b/compiled/facebook-www/ReactReconciler-dev.modern.js index 81adad917c0de..0e813dd4d4930 100644 --- a/compiled/facebook-www/ReactReconciler-dev.modern.js +++ b/compiled/facebook-www/ReactReconciler-dev.modern.js @@ -10411,9 +10411,7 @@ __DEV__ && markComponentLayoutEffectUnmountStarted(finishedWork)), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0), - runWithFiberInDEV( - finishedWork, - callDestroyInDEV, + safelyCallDestroy( finishedWork, nearestMountedAncestor, destroy @@ -10643,6 +10641,15 @@ __DEV__ && } else ref.current = null; } + function safelyCallDestroy(current, nearestMountedAncestor, destroy) { + runWithFiberInDEV( + current, + callDestroyInDEV, + current, + nearestMountedAncestor, + destroy + ); + } function commitProfiler(finishedWork, current, commitTime, effectDuration) { var _finishedWork$memoize = finishedWork.memoizedProps, onCommit = _finishedWork$memoize.onCommit; @@ -11561,7 +11568,53 @@ __DEV__ && case 11: case 14: case 15: - if ( + if (enableHiddenSubtreeInsertionEffectCleanup) { + if ( + ((prevHostParent = deletedFiber.updateQueue), + null !== prevHostParent && + ((prevHostParent = prevHostParent.lastEffect), + null !== prevHostParent)) + ) { + prevHostParentIsContainer = prevHostParent = prevHostParent.next; + do { + var tag = prevHostParentIsContainer.tag, + inst = prevHostParentIsContainer.inst, + destroy = inst.destroy; + void 0 !== destroy && + ((tag & Insertion) !== NoFlags + ? ((isRunningInsertionEffect = !0), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + (isRunningInsertionEffect = !1)) + : offscreenSubtreeWasHidden || + (tag & Layout) === NoFlags || + (enableSchedulingProfiler && + markComponentLayoutEffectUnmountStarted(deletedFiber), + shouldProfile(deletedFiber) + ? (startLayoutEffectTimer(), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + recordLayoutEffectDuration(deletedFiber)) + : ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )), + enableSchedulingProfiler && + markComponentLayoutEffectUnmountStopped())); + prevHostParentIsContainer = prevHostParentIsContainer.next; + } while (prevHostParentIsContainer !== prevHostParent); + } + } else if ( !offscreenSubtreeWasHidden && ((prevHostParent = deletedFiber.updateQueue), null !== prevHostParent && @@ -11569,46 +11622,40 @@ __DEV__ && null !== prevHostParent)) ) { prevHostParentIsContainer = prevHostParent = prevHostParent.next; - do { - var tag = prevHostParentIsContainer.tag, - inst = prevHostParentIsContainer.inst, - destroy = inst.destroy; - void 0 !== destroy && - ((tag & Insertion) !== NoFlags - ? ((inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - )) - : (tag & Layout) !== NoFlags && - (enableSchedulingProfiler && - markComponentLayoutEffectUnmountStarted(deletedFiber), - shouldProfile(deletedFiber) - ? (startLayoutEffectTimer(), - (inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - ), - recordLayoutEffectDuration(deletedFiber)) - : ((inst.destroy = void 0), - runWithFiberInDEV( - deletedFiber, - callDestroyInDEV, - deletedFiber, - nearestMountedAncestor, - destroy - )), - enableSchedulingProfiler && - markComponentLayoutEffectUnmountStopped())); - prevHostParentIsContainer = prevHostParentIsContainer.next; - } while (prevHostParentIsContainer !== prevHostParent); + do + (tag = prevHostParentIsContainer.tag), + (inst = prevHostParentIsContainer.inst), + (destroy = inst.destroy), + void 0 !== destroy && + ((tag & Insertion) !== NoFlags + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : (tag & Layout) !== NoFlags && + (enableSchedulingProfiler && + markComponentLayoutEffectUnmountStarted(deletedFiber), + shouldProfile(deletedFiber) + ? (startLayoutEffectTimer(), + (inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ), + recordLayoutEffectDuration(deletedFiber)) + : ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )), + enableSchedulingProfiler && + markComponentLayoutEffectUnmountStopped())), + (prevHostParentIsContainer = prevHostParentIsContainer.next); + while (prevHostParentIsContainer !== prevHostParent); } recursivelyTraverseDeletionEffects( finishedRoot, @@ -15944,6 +15991,8 @@ __DEV__ && enableRenderableContext = dynamicFeatureFlags.enableRenderableContext, enableRetryLaneExpiration = dynamicFeatureFlags.enableRetryLaneExpiration, enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing, + enableHiddenSubtreeInsertionEffectCleanup = + dynamicFeatureFlags.enableHiddenSubtreeInsertionEffectCleanup, favorSafetyOverHydrationPerf = dynamicFeatureFlags.favorSafetyOverHydrationPerf, renameElementSymbol = dynamicFeatureFlags.renameElementSymbol, @@ -18644,7 +18693,7 @@ __DEV__ && rendererPackageName: rendererPackageName, currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-94e4acaa-20240913" + reconcilerVersion: "19.0.0-www-modern-d3d4d3a4-20240913" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled/facebook-www/ReactReconciler-prod.classic.js b/compiled/facebook-www/ReactReconciler-prod.classic.js index 3fae050a28eb7..deac3084295d5 100644 --- a/compiled/facebook-www/ReactReconciler-prod.classic.js +++ b/compiled/facebook-www/ReactReconciler-prod.classic.js @@ -8215,7 +8215,38 @@ module.exports = function ($$$config) { case 11: case 14: case 15: - if ( + if (enableHiddenSubtreeInsertionEffectCleanup) { + if ( + ((prevHostParent = deletedFiber.updateQueue), + null !== prevHostParent && + ((prevHostParent = prevHostParent.lastEffect), + null !== prevHostParent)) + ) { + prevHostParentIsContainer = prevHostParent = prevHostParent.next; + do { + var tag = prevHostParentIsContainer.tag, + inst = prevHostParentIsContainer.inst, + destroy = inst.destroy; + void 0 !== destroy && + (0 !== (tag & 2) + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : offscreenSubtreeWasHidden || + 0 === (tag & 4) || + ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ))); + prevHostParentIsContainer = prevHostParentIsContainer.next; + } while (prevHostParentIsContainer !== prevHostParent); + } + } else if ( !offscreenSubtreeWasHidden && ((prevHostParent = deletedFiber.updateQueue), null !== prevHostParent && @@ -8223,27 +8254,27 @@ module.exports = function ($$$config) { null !== prevHostParent)) ) { prevHostParentIsContainer = prevHostParent = prevHostParent.next; - do { - var tag = prevHostParentIsContainer.tag, - inst = prevHostParentIsContainer.inst, - destroy = inst.destroy; - void 0 !== destroy && - (0 !== (tag & 2) - ? ((inst.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - )) - : 0 !== (tag & 4) && - ((inst.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - ))); - prevHostParentIsContainer = prevHostParentIsContainer.next; - } while (prevHostParentIsContainer !== prevHostParent); + do + (tag = prevHostParentIsContainer.tag), + (inst = prevHostParentIsContainer.inst), + (destroy = inst.destroy), + void 0 !== destroy && + (0 !== (tag & 2) + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : 0 !== (tag & 4) && + ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ))), + (prevHostParentIsContainer = prevHostParentIsContainer.next); + while (prevHostParentIsContainer !== prevHostParent); } recursivelyTraverseDeletionEffects( finishedRoot, @@ -8303,15 +8334,15 @@ module.exports = function ($$$config) { } function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) { if (supportsHydration && null === finishedWork.memoizedState) { - var current$163 = finishedWork.alternate; + var current$170 = finishedWork.alternate; if ( - null !== current$163 && - ((current$163 = current$163.memoizedState), - null !== current$163 && - ((current$163 = current$163.dehydrated), null !== current$163)) + null !== current$170 && + ((current$170 = current$170.memoizedState), + null !== current$170 && + ((current$170 = current$170.dehydrated), null !== current$170)) ) { try { - commitHydratedSuspenseInstance(current$163); + commitHydratedSuspenseInstance(current$170); } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); } @@ -8319,7 +8350,7 @@ module.exports = function ($$$config) { var hydrationCallbacks = finishedRoot.hydrationCallbacks; if (null !== hydrationCallbacks) { var onHydrated = hydrationCallbacks.onHydrated; - onHydrated && onHydrated(current$163); + onHydrated && onHydrated(current$170); } } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); @@ -8899,7 +8930,7 @@ module.exports = function ($$$config) { includeWorkInProgressEffects = includeWorkInProgressEffects && 0 !== (parentFiber.subtreeFlags & 8772); for (parentFiber = parentFiber.child; null !== parentFiber; ) { - var current$169 = parentFiber.alternate, + var current$176 = parentFiber.alternate, finishedRoot = finishedRoot$jscomp$0, finishedWork = parentFiber, flags = finishedWork.flags; @@ -8920,18 +8951,18 @@ module.exports = function ($$$config) { finishedWork, includeWorkInProgressEffects ); - current$169 = finishedWork; - finishedRoot = current$169.stateNode; + current$176 = finishedWork; + finishedRoot = current$176.stateNode; if ("function" === typeof finishedRoot.componentDidMount) try { finishedRoot.componentDidMount(); } catch (error) { - captureCommitPhaseError(current$169, current$169.return, error); + captureCommitPhaseError(current$176, current$176.return, error); } - current$169 = finishedWork; - finishedRoot = current$169.updateQueue; + current$176 = finishedWork; + finishedRoot = current$176.updateQueue; if (null !== finishedRoot) { - var instance = current$169.stateNode; + var instance = current$176.stateNode; try { var hiddenCallbacks = finishedRoot.shared.hiddenCallbacks; if (null !== hiddenCallbacks) @@ -8942,7 +8973,7 @@ module.exports = function ($$$config) { ) callCallback(hiddenCallbacks[finishedRoot], instance); } catch (error) { - captureCommitPhaseError(current$169, current$169.return, error); + captureCommitPhaseError(current$176, current$176.return, error); } } includeWorkInProgressEffects && @@ -8959,7 +8990,7 @@ module.exports = function ($$$config) { includeWorkInProgressEffects ); includeWorkInProgressEffects && - null === current$169 && + null === current$176 && flags & 4 && commitHostMount(finishedWork); safelyAttachRef(finishedWork, finishedWork.return); @@ -9320,9 +9351,9 @@ module.exports = function ($$$config) { ); break; case 22: - var instance$175 = finishedWork.stateNode; + var instance$182 = finishedWork.stateNode; null !== finishedWork.memoizedState - ? instance$175._visibility & 4 + ? instance$182._visibility & 4 ? recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -9335,7 +9366,7 @@ module.exports = function ($$$config) { finishedRoot, finishedWork ) - : ((instance$175._visibility |= 4), + : ((instance$182._visibility |= 4), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -9343,7 +9374,7 @@ module.exports = function ($$$config) { committedTransitions, includeWorkInProgressEffects )) - : ((instance$175._visibility |= 4), + : ((instance$182._visibility |= 4), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -9356,7 +9387,7 @@ module.exports = function ($$$config) { commitOffscreenPassiveMountEffects( finishedWork.alternate, finishedWork, - instance$175 + instance$182 ); break; case 24: @@ -10471,8 +10502,8 @@ module.exports = function ($$$config) { } workLoopSync(); break; - } catch (thrownValue$189) { - handleThrow(root, thrownValue$189); + } catch (thrownValue$196) { + handleThrow(root, thrownValue$196); } while (1); lanes && root.shellSuspendCounter++; @@ -10593,8 +10624,8 @@ module.exports = function ($$$config) { } workLoopConcurrent(); break; - } catch (thrownValue$191) { - handleThrow(root, thrownValue$191); + } catch (thrownValue$198) { + handleThrow(root, thrownValue$198); } while (1); resetContextDependencies(); @@ -11704,6 +11735,8 @@ module.exports = function ($$$config) { enableRenderableContext = dynamicFeatureFlags.enableRenderableContext, enableRetryLaneExpiration = dynamicFeatureFlags.enableRetryLaneExpiration, enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing, + enableHiddenSubtreeInsertionEffectCleanup = + dynamicFeatureFlags.enableHiddenSubtreeInsertionEffectCleanup, favorSafetyOverHydrationPerf = dynamicFeatureFlags.favorSafetyOverHydrationPerf, renameElementSymbol = dynamicFeatureFlags.renameElementSymbol, @@ -12850,7 +12883,7 @@ module.exports = function ($$$config) { rendererPackageName: rendererPackageName, currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-94e4acaa-20240913" + reconcilerVersion: "19.0.0-www-classic-d3d4d3a4-20240913" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled/facebook-www/ReactReconciler-prod.modern.js b/compiled/facebook-www/ReactReconciler-prod.modern.js index e8839f6511a6e..6d2cee8e71cd3 100644 --- a/compiled/facebook-www/ReactReconciler-prod.modern.js +++ b/compiled/facebook-www/ReactReconciler-prod.modern.js @@ -7812,7 +7812,38 @@ module.exports = function ($$$config) { case 11: case 14: case 15: - if ( + if (enableHiddenSubtreeInsertionEffectCleanup) { + if ( + ((prevHostParent = deletedFiber.updateQueue), + null !== prevHostParent && + ((prevHostParent = prevHostParent.lastEffect), + null !== prevHostParent)) + ) { + prevHostParentIsContainer = prevHostParent = prevHostParent.next; + do { + var tag = prevHostParentIsContainer.tag, + inst = prevHostParentIsContainer.inst, + destroy = inst.destroy; + void 0 !== destroy && + (0 !== (tag & 2) + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : offscreenSubtreeWasHidden || + 0 === (tag & 4) || + ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ))); + prevHostParentIsContainer = prevHostParentIsContainer.next; + } while (prevHostParentIsContainer !== prevHostParent); + } + } else if ( !offscreenSubtreeWasHidden && ((prevHostParent = deletedFiber.updateQueue), null !== prevHostParent && @@ -7820,27 +7851,27 @@ module.exports = function ($$$config) { null !== prevHostParent)) ) { prevHostParentIsContainer = prevHostParent = prevHostParent.next; - do { - var tag = prevHostParentIsContainer.tag, - inst = prevHostParentIsContainer.inst, - destroy = inst.destroy; - void 0 !== destroy && - (0 !== (tag & 2) - ? ((inst.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - )) - : 0 !== (tag & 4) && - ((inst.destroy = void 0), - safelyCallDestroy( - deletedFiber, - nearestMountedAncestor, - destroy - ))); - prevHostParentIsContainer = prevHostParentIsContainer.next; - } while (prevHostParentIsContainer !== prevHostParent); + do + (tag = prevHostParentIsContainer.tag), + (inst = prevHostParentIsContainer.inst), + (destroy = inst.destroy), + void 0 !== destroy && + (0 !== (tag & 2) + ? ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + )) + : 0 !== (tag & 4) && + ((inst.destroy = void 0), + safelyCallDestroy( + deletedFiber, + nearestMountedAncestor, + destroy + ))), + (prevHostParentIsContainer = prevHostParentIsContainer.next); + while (prevHostParentIsContainer !== prevHostParent); } recursivelyTraverseDeletionEffects( finishedRoot, @@ -7894,15 +7925,15 @@ module.exports = function ($$$config) { } function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) { if (supportsHydration && null === finishedWork.memoizedState) { - var current$154 = finishedWork.alternate; + var current$161 = finishedWork.alternate; if ( - null !== current$154 && - ((current$154 = current$154.memoizedState), - null !== current$154 && - ((current$154 = current$154.dehydrated), null !== current$154)) + null !== current$161 && + ((current$161 = current$161.memoizedState), + null !== current$161 && + ((current$161 = current$161.dehydrated), null !== current$161)) ) { try { - commitHydratedSuspenseInstance(current$154); + commitHydratedSuspenseInstance(current$161); } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); } @@ -7910,7 +7941,7 @@ module.exports = function ($$$config) { var hydrationCallbacks = finishedRoot.hydrationCallbacks; if (null !== hydrationCallbacks) { var onHydrated = hydrationCallbacks.onHydrated; - onHydrated && onHydrated(current$154); + onHydrated && onHydrated(current$161); } } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); @@ -8486,7 +8517,7 @@ module.exports = function ($$$config) { includeWorkInProgressEffects = includeWorkInProgressEffects && 0 !== (parentFiber.subtreeFlags & 8772); for (parentFiber = parentFiber.child; null !== parentFiber; ) { - var current$160 = parentFiber.alternate, + var current$167 = parentFiber.alternate, finishedRoot = finishedRoot$jscomp$0, finishedWork = parentFiber, flags = finishedWork.flags; @@ -8507,18 +8538,18 @@ module.exports = function ($$$config) { finishedWork, includeWorkInProgressEffects ); - current$160 = finishedWork; - finishedRoot = current$160.stateNode; + current$167 = finishedWork; + finishedRoot = current$167.stateNode; if ("function" === typeof finishedRoot.componentDidMount) try { finishedRoot.componentDidMount(); } catch (error) { - captureCommitPhaseError(current$160, current$160.return, error); + captureCommitPhaseError(current$167, current$167.return, error); } - current$160 = finishedWork; - finishedRoot = current$160.updateQueue; + current$167 = finishedWork; + finishedRoot = current$167.updateQueue; if (null !== finishedRoot) { - var instance = current$160.stateNode; + var instance = current$167.stateNode; try { var hiddenCallbacks = finishedRoot.shared.hiddenCallbacks; if (null !== hiddenCallbacks) @@ -8529,7 +8560,7 @@ module.exports = function ($$$config) { ) callCallback(hiddenCallbacks[finishedRoot], instance); } catch (error) { - captureCommitPhaseError(current$160, current$160.return, error); + captureCommitPhaseError(current$167, current$167.return, error); } } includeWorkInProgressEffects && @@ -8546,7 +8577,7 @@ module.exports = function ($$$config) { includeWorkInProgressEffects ); includeWorkInProgressEffects && - null === current$160 && + null === current$167 && flags & 4 && commitHostMount(finishedWork); safelyAttachRef(finishedWork, finishedWork.return); @@ -8899,9 +8930,9 @@ module.exports = function ($$$config) { ); break; case 22: - var instance$166 = finishedWork.stateNode; + var instance$173 = finishedWork.stateNode; null !== finishedWork.memoizedState - ? instance$166._visibility & 4 + ? instance$173._visibility & 4 ? recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -8913,7 +8944,7 @@ module.exports = function ($$$config) { finishedRoot, finishedWork ) - : ((instance$166._visibility |= 4), + : ((instance$173._visibility |= 4), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -8926,7 +8957,7 @@ module.exports = function ($$$config) { commitOffscreenPassiveMountEffects( finishedWork.alternate, finishedWork, - instance$166 + instance$173 ); break; case 24: @@ -10029,8 +10060,8 @@ module.exports = function ($$$config) { } workLoopSync(); break; - } catch (thrownValue$180) { - handleThrow(root, thrownValue$180); + } catch (thrownValue$187) { + handleThrow(root, thrownValue$187); } while (1); lanes && root.shellSuspendCounter++; @@ -10151,8 +10182,8 @@ module.exports = function ($$$config) { } workLoopConcurrent(); break; - } catch (thrownValue$182) { - handleThrow(root, thrownValue$182); + } catch (thrownValue$189) { + handleThrow(root, thrownValue$189); } while (1); resetContextDependencies(); @@ -11214,6 +11245,8 @@ module.exports = function ($$$config) { enableRenderableContext = dynamicFeatureFlags.enableRenderableContext, enableRetryLaneExpiration = dynamicFeatureFlags.enableRetryLaneExpiration, enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing, + enableHiddenSubtreeInsertionEffectCleanup = + dynamicFeatureFlags.enableHiddenSubtreeInsertionEffectCleanup, favorSafetyOverHydrationPerf = dynamicFeatureFlags.favorSafetyOverHydrationPerf, renameElementSymbol = dynamicFeatureFlags.renameElementSymbol, @@ -12343,7 +12376,7 @@ module.exports = function ($$$config) { rendererPackageName: rendererPackageName, currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-94e4acaa-20240913" + reconcilerVersion: "19.0.0-www-modern-d3d4d3a4-20240913" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled/facebook-www/ReactTestRenderer-dev.classic.js b/compiled/facebook-www/ReactTestRenderer-dev.classic.js index 0513eaa27c176..b3fdeefdb9eb6 100644 --- a/compiled/facebook-www/ReactTestRenderer-dev.classic.js +++ b/compiled/facebook-www/ReactTestRenderer-dev.classic.js @@ -13,7 +13,7 @@ "use strict"; __DEV__ && (function () { - function JSCompiler_object_inline_createNodeMock_1111() { + function JSCompiler_object_inline_createNodeMock_1115() { return null; } function findHook(fiber, id) { @@ -9471,12 +9471,11 @@ __DEV__ && case 11: case 14: case 15: + _prevHostParent = deletedFiber.updateQueue; if ( - !offscreenSubtreeWasHidden && - ((_prevHostParent = deletedFiber.updateQueue), null !== _prevHostParent && - ((_prevHostParent = _prevHostParent.lastEffect), - null !== _prevHostParent)) + ((_prevHostParent = _prevHostParent.lastEffect), + null !== _prevHostParent) ) { _prevHostParentIsContainer = _prevHostParent = _prevHostParent.next; do { @@ -9485,15 +9484,18 @@ __DEV__ && destroy = inst.destroy; void 0 !== destroy && ((tag & Insertion) !== NoFlags - ? ((inst.destroy = void 0), + ? ((isRunningInsertionEffect = !0), + (inst.destroy = void 0), runWithFiberInDEV( deletedFiber, callDestroyInDEV, deletedFiber, nearestMountedAncestor, destroy - )) - : (tag & Layout) !== NoFlags && + ), + (isRunningInsertionEffect = !1)) + : offscreenSubtreeWasHidden || + (tag & Layout) === NoFlags || (shouldProfile(deletedFiber) ? (startLayoutEffectTimer(), (inst.destroy = void 0), @@ -15022,11 +15024,11 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.0.0-www-classic-94e4acaa-20240913", + version: "19.0.0-www-classic-d3d4d3a4-20240913", rendererPackageName: "react-test-renderer", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-94e4acaa-20240913" + reconcilerVersion: "19.0.0-www-classic-d3d4d3a4-20240913" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -15046,7 +15048,7 @@ __DEV__ && exports._Scheduler = Scheduler; exports.act = act; exports.create = function (element, options) { - var createNodeMock = JSCompiler_object_inline_createNodeMock_1111, + var createNodeMock = JSCompiler_object_inline_createNodeMock_1115, isConcurrentOnly = !0 !== global.IS_REACT_NATIVE_TEST_ENVIRONMENT, isConcurrent = isConcurrentOnly, isStrictMode = !1; @@ -15161,5 +15163,5 @@ __DEV__ && exports.unstable_batchedUpdates = function (fn, a) { return fn(a); }; - exports.version = "19.0.0-www-classic-94e4acaa-20240913"; + exports.version = "19.0.0-www-classic-d3d4d3a4-20240913"; })(); diff --git a/compiled/facebook-www/ReactTestRenderer-dev.modern.js b/compiled/facebook-www/ReactTestRenderer-dev.modern.js index 792054b94c061..3833e0fef42f4 100644 --- a/compiled/facebook-www/ReactTestRenderer-dev.modern.js +++ b/compiled/facebook-www/ReactTestRenderer-dev.modern.js @@ -13,7 +13,7 @@ "use strict"; __DEV__ && (function () { - function JSCompiler_object_inline_createNodeMock_1111() { + function JSCompiler_object_inline_createNodeMock_1115() { return null; } function findHook(fiber, id) { @@ -9471,12 +9471,11 @@ __DEV__ && case 11: case 14: case 15: + _prevHostParent = deletedFiber.updateQueue; if ( - !offscreenSubtreeWasHidden && - ((_prevHostParent = deletedFiber.updateQueue), null !== _prevHostParent && - ((_prevHostParent = _prevHostParent.lastEffect), - null !== _prevHostParent)) + ((_prevHostParent = _prevHostParent.lastEffect), + null !== _prevHostParent) ) { _prevHostParentIsContainer = _prevHostParent = _prevHostParent.next; do { @@ -9485,15 +9484,18 @@ __DEV__ && destroy = inst.destroy; void 0 !== destroy && ((tag & Insertion) !== NoFlags - ? ((inst.destroy = void 0), + ? ((isRunningInsertionEffect = !0), + (inst.destroy = void 0), runWithFiberInDEV( deletedFiber, callDestroyInDEV, deletedFiber, nearestMountedAncestor, destroy - )) - : (tag & Layout) !== NoFlags && + ), + (isRunningInsertionEffect = !1)) + : offscreenSubtreeWasHidden || + (tag & Layout) === NoFlags || (shouldProfile(deletedFiber) ? (startLayoutEffectTimer(), (inst.destroy = void 0), @@ -15022,11 +15024,11 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.0.0-www-modern-94e4acaa-20240913", + version: "19.0.0-www-modern-d3d4d3a4-20240913", rendererPackageName: "react-test-renderer", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-94e4acaa-20240913" + reconcilerVersion: "19.0.0-www-modern-d3d4d3a4-20240913" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -15046,7 +15048,7 @@ __DEV__ && exports._Scheduler = Scheduler; exports.act = act; exports.create = function (element, options) { - var createNodeMock = JSCompiler_object_inline_createNodeMock_1111, + var createNodeMock = JSCompiler_object_inline_createNodeMock_1115, isConcurrentOnly = !0 !== global.IS_REACT_NATIVE_TEST_ENVIRONMENT, isConcurrent = isConcurrentOnly, isStrictMode = !1; @@ -15161,5 +15163,5 @@ __DEV__ && exports.unstable_batchedUpdates = function (fn, a) { return fn(a); }; - exports.version = "19.0.0-www-modern-94e4acaa-20240913"; + exports.version = "19.0.0-www-modern-d3d4d3a4-20240913"; })(); diff --git a/compiled/facebook-www/VERSION_CLASSIC b/compiled/facebook-www/VERSION_CLASSIC index 3c24992747414..17f3b8bc9dcc4 100644 --- a/compiled/facebook-www/VERSION_CLASSIC +++ b/compiled/facebook-www/VERSION_CLASSIC @@ -1 +1 @@ -19.0.0-www-classic-94e4acaa-20240913 \ No newline at end of file +19.0.0-www-classic-d3d4d3a4-20240913 \ No newline at end of file diff --git a/compiled/facebook-www/VERSION_MODERN b/compiled/facebook-www/VERSION_MODERN index 0998411eda6d5..38594028395d9 100644 --- a/compiled/facebook-www/VERSION_MODERN +++ b/compiled/facebook-www/VERSION_MODERN @@ -1 +1 @@ -19.0.0-www-modern-94e4acaa-20240913 \ No newline at end of file +19.0.0-www-modern-d3d4d3a4-20240913 \ No newline at end of file