From 86c53b445dd33ea22f6d179ec1cee2d10985cbe7 Mon Sep 17 00:00:00 2001 From: sebmarkbage Date: Wed, 26 Mar 2025 12:12:23 -0700 Subject: [PATCH] Rename to (#32734) It was always confusing that this is not a CSS class but a view-transition-class. The `className` sticks out a bit among its siblings `enter`, `exit`, `update` and `share`. The idea is that the most specific definition override is the class name that gets applied and this prop is really just the fallback, catch-all or "any" that is applied if you didn't specify a more specific one. It has also since evolved not just to take a string but also a map of Transition Type to strings. The "class" is really the type of the value. We could add a suffix to all of them like `defaultClass`, `enterClass`, `exitClass`, `updateClass` and `shareClass`. However, this doesn't necessarily make sense with the mapping of Transition Type to string. It also makes it a bit too DOM centric. In React Native this might still be called a "class" but it might be represented by an object definition. We might even allow some kind of inline style form for the DOM too. Really this is about picking which "animation" that runs which can be a string or instance. "Animation" is too broad because there's also a concept of a CSS Animation and these are really sets of CSS animations (group, image-pair, old, new). It could maybe be `defaultTransition`, `enterTransition`, etc but that seems unnecessarily repetitive and still doesn't say anything about it being a class. We also already have the name "default" in the map of Transition Types. In fact you can now specify a default for default: ``` ``` One thing I don't like about the name `"default"` is that it might be common to just apply a named class that does it matching to enter/exit/update in the CSS selectors (such as the `:only-child` rule) instead of doing that mapping to each one using React. In that can you end up specifying only `default={...}` a lot and then what is it the "default" for? It's more like "all". I think it's likely that you end up with either "default" or the specific forms instead of both at once. DiffTrain build for [e0c99c4ea1cae566ad8040180cf180ae058cb8bf](https://github.com/facebook/react/commit/e0c99c4ea1cae566ad8040180cf180ae058cb8bf) --- 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 | 35 +- compiled/facebook-www/ReactART-dev.modern.js | 35 +- .../facebook-www/ReactART-prod.classic.js | 22 +- compiled/facebook-www/ReactART-prod.modern.js | 22 +- compiled/facebook-www/ReactDOM-dev.classic.js | 365 +++++++++--------- compiled/facebook-www/ReactDOM-dev.modern.js | 365 +++++++++--------- .../facebook-www/ReactDOM-prod.classic.js | 37 +- compiled/facebook-www/ReactDOM-prod.modern.js | 37 +- .../ReactDOM-profiling.classic.js | 37 +- .../facebook-www/ReactDOM-profiling.modern.js | 37 +- .../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 | 365 +++++++++--------- .../ReactDOMTesting-dev.modern.js | 365 +++++++++--------- .../ReactDOMTesting-prod.classic.js | 37 +- .../ReactDOMTesting-prod.modern.js | 37 +- .../ReactReconciler-dev.classic.js | 43 ++- .../ReactReconciler-dev.modern.js | 43 ++- .../ReactReconciler-prod.classic.js | 29 +- .../ReactReconciler-prod.modern.js | 29 +- .../ReactTestRenderer-dev.classic.js | 6 +- .../ReactTestRenderer-dev.modern.js | 6 +- compiled/facebook-www/VERSION_CLASSIC | 2 +- compiled/facebook-www/VERSION_MODERN | 2 +- .../__test_utils__/ReactAllWarnings.js | 1 + 35 files changed, 971 insertions(+), 1010 deletions(-) diff --git a/compiled/facebook-www/REVISION b/compiled/facebook-www/REVISION index 1414453c39..f6c806e240 100644 --- a/compiled/facebook-www/REVISION +++ b/compiled/facebook-www/REVISION @@ -1 +1 @@ -a5297ece6217f5495cbe38ba58f928b2697b0f99 +e0c99c4ea1cae566ad8040180cf180ae058cb8bf diff --git a/compiled/facebook-www/REVISION_TRANSFORMS b/compiled/facebook-www/REVISION_TRANSFORMS index 1414453c39..f6c806e240 100644 --- a/compiled/facebook-www/REVISION_TRANSFORMS +++ b/compiled/facebook-www/REVISION_TRANSFORMS @@ -1 +1 @@ -a5297ece6217f5495cbe38ba58f928b2697b0f99 +e0c99c4ea1cae566ad8040180cf180ae058cb8bf diff --git a/compiled/facebook-www/React-dev.classic.js b/compiled/facebook-www/React-dev.classic.js index 5a886aa12b..8c7939a401 100644 --- a/compiled/facebook-www/React-dev.classic.js +++ b/compiled/facebook-www/React-dev.classic.js @@ -1511,7 +1511,7 @@ __DEV__ && exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.1.0-www-classic-a5297ece-20250326"; + exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; "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 5256bd3d26..951591d7b5 100644 --- a/compiled/facebook-www/React-dev.modern.js +++ b/compiled/facebook-www/React-dev.modern.js @@ -1511,7 +1511,7 @@ __DEV__ && exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.1.0-www-modern-a5297ece-20250326"; + exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; "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 8aaeaf3e58..e38b2fc250 100644 --- a/compiled/facebook-www/React-prod.classic.js +++ b/compiled/facebook-www/React-prod.classic.js @@ -624,4 +624,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.1.0-www-classic-a5297ece-20250326"; +exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; diff --git a/compiled/facebook-www/React-prod.modern.js b/compiled/facebook-www/React-prod.modern.js index a362f3e97e..5ca3d74c42 100644 --- a/compiled/facebook-www/React-prod.modern.js +++ b/compiled/facebook-www/React-prod.modern.js @@ -624,4 +624,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.1.0-www-modern-a5297ece-20250326"; +exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; diff --git a/compiled/facebook-www/React-profiling.classic.js b/compiled/facebook-www/React-profiling.classic.js index 641c143e43..98a4091a68 100644 --- a/compiled/facebook-www/React-profiling.classic.js +++ b/compiled/facebook-www/React-profiling.classic.js @@ -628,7 +628,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.1.0-www-classic-a5297ece-20250326"; +exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; "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 b93f9d6307..1a123ad73f 100644 --- a/compiled/facebook-www/React-profiling.modern.js +++ b/compiled/facebook-www/React-profiling.modern.js @@ -628,7 +628,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.1.0-www-modern-a5297ece-20250326"; +exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; "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 c0b3a61970..6d76c3aec9 100644 --- a/compiled/facebook-www/ReactART-dev.classic.js +++ b/compiled/facebook-www/ReactART-dev.classic.js @@ -1974,13 +1974,7 @@ __DEV__ && function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -9003,6 +8997,18 @@ __DEV__ && nextCache.toString(32) + "\u00bb"), (prevSibling.autoName = nextProps)), + void 0 !== returnFiber.className && + ((prevSibling = + "string" === typeof returnFiber.className + ? JSON.stringify(returnFiber.className) + : "{...}"), + didWarnAboutClassNameOnViewTransition[prevSibling] || + ((didWarnAboutClassNameOnViewTransition[prevSibling] = !0), + console.error( + ' doesn\'t accept a "className" prop. It has been renamed to "default".\n- \n+ ', + prevSibling, + prevSibling + ))), null !== current && current.memoizedProps.name !== returnFiber.name ? (workInProgress.flags |= 4194816) @@ -10463,7 +10469,7 @@ __DEV__ && var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -10498,7 +10504,7 @@ __DEV__ && ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -10530,7 +10536,7 @@ __DEV__ && if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); if ("none" !== props) { var collectMeasurements = (changedParent.memoizedState = []); applyViewTransitionToHostInstancesRecursive( @@ -10732,7 +10738,7 @@ __DEV__ && )), (current = current.memoizedProps), (current = getViewTransitionClassName( - current.className, + current.default, current.update )), "none" !== current && @@ -17828,6 +17834,7 @@ __DEV__ && var didWarnAboutRevealOrder = {}; var didWarnAboutTailOptions = {}; var didWarnAboutDefaultPropsOnFunctionComponent = {}; + var didWarnAboutClassNameOnViewTransition = {}; var updateLegacyHiddenComponent = updateOffscreenComponent, SUSPENDED_MARKER = { dehydrated: null, @@ -18181,10 +18188,10 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.1.0-www-classic-a5297ece-20250326", + version: "19.1.0-www-classic-e0c99c4e-20250326", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-classic-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-classic-e0c99c4e-20250326" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -18218,7 +18225,7 @@ __DEV__ && exports.Shape = Shape; exports.Surface = Surface; exports.Text = Text; - exports.version = "19.1.0-www-classic-a5297ece-20250326"; + exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; "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 83a424f89f..bf7832a592 100644 --- a/compiled/facebook-www/ReactART-dev.modern.js +++ b/compiled/facebook-www/ReactART-dev.modern.js @@ -1880,13 +1880,7 @@ __DEV__ && function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -8835,6 +8829,18 @@ __DEV__ && nextCache.toString(32) + "\u00bb"), (prevSibling.autoName = nextProps)), + void 0 !== returnFiber.className && + ((prevSibling = + "string" === typeof returnFiber.className + ? JSON.stringify(returnFiber.className) + : "{...}"), + didWarnAboutClassNameOnViewTransition[prevSibling] || + ((didWarnAboutClassNameOnViewTransition[prevSibling] = !0), + console.error( + ' doesn\'t accept a "className" prop. It has been renamed to "default".\n- \n+ ', + prevSibling, + prevSibling + ))), null !== current && current.memoizedProps.name !== returnFiber.name ? (workInProgress.flags |= 4194816) @@ -10281,7 +10287,7 @@ __DEV__ && var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -10316,7 +10322,7 @@ __DEV__ && ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -10348,7 +10354,7 @@ __DEV__ && if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); if ("none" !== props) { var collectMeasurements = (changedParent.memoizedState = []); applyViewTransitionToHostInstancesRecursive( @@ -10550,7 +10556,7 @@ __DEV__ && )), (current = current.memoizedProps), (current = getViewTransitionClassName( - current.className, + current.default, current.update )), "none" !== current && @@ -17600,6 +17606,7 @@ __DEV__ && var didWarnAboutRevealOrder = {}; var didWarnAboutTailOptions = {}; var didWarnAboutDefaultPropsOnFunctionComponent = {}; + var didWarnAboutClassNameOnViewTransition = {}; var updateLegacyHiddenComponent = updateOffscreenComponent, SUSPENDED_MARKER = { dehydrated: null, @@ -17953,10 +17960,10 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.1.0-www-modern-a5297ece-20250326", + version: "19.1.0-www-modern-e0c99c4e-20250326", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-modern-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-modern-e0c99c4e-20250326" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -17990,7 +17997,7 @@ __DEV__ && exports.Shape = Shape; exports.Surface = Surface; exports.Text = Text; - exports.version = "19.1.0-www-modern-a5297ece-20250326"; + exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; "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 356d8a5798..2dde1cc68a 100644 --- a/compiled/facebook-www/ReactART-prod.classic.js +++ b/compiled/facebook-www/ReactART-prod.classic.js @@ -1134,13 +1134,7 @@ function getClassNameByType(classByType) { function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -7282,7 +7276,7 @@ function commitDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -7317,7 +7311,7 @@ function commitExitViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -7349,7 +7343,7 @@ function commitNestedViewTransitions(changedParent) { if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); if ("none" !== props) { var collectMeasurements = (changedParent.memoizedState = []); applyViewTransitionToHostInstancesRecursive( @@ -7528,7 +7522,7 @@ function commitBeforeMutationEffects_complete( current.stateNode )), (flags = fiber.memoizedProps), - (flags = getViewTransitionClassName(flags.className, flags.update)), + (flags = getViewTransitionClassName(flags.default, flags.update)), "none" !== flags && ((JSCompiler_temp = current.memoizedState = []), applyViewTransitionToHostInstancesRecursive( @@ -11146,10 +11140,10 @@ var slice = Array.prototype.slice, })(React.Component); var internals$jscomp$inline_1582 = { bundleType: 0, - version: "19.1.0-www-classic-a5297ece-20250326", + version: "19.1.0-www-classic-e0c99c4e-20250326", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-classic-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-classic-e0c99c4e-20250326" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_1583 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -11175,4 +11169,4 @@ exports.RadialGradient = RadialGradient; exports.Shape = TYPES.SHAPE; exports.Surface = Surface; exports.Text = Text; -exports.version = "19.1.0-www-classic-a5297ece-20250326"; +exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; diff --git a/compiled/facebook-www/ReactART-prod.modern.js b/compiled/facebook-www/ReactART-prod.modern.js index 5a0a020973..d3ce4d53c2 100644 --- a/compiled/facebook-www/ReactART-prod.modern.js +++ b/compiled/facebook-www/ReactART-prod.modern.js @@ -989,13 +989,7 @@ function getClassNameByType(classByType) { function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -7034,7 +7028,7 @@ function commitDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -7069,7 +7063,7 @@ function commitExitViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -7101,7 +7095,7 @@ function commitNestedViewTransitions(changedParent) { if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); if ("none" !== props) { var collectMeasurements = (changedParent.memoizedState = []); applyViewTransitionToHostInstancesRecursive( @@ -7280,7 +7274,7 @@ function commitBeforeMutationEffects_complete( current.stateNode )), (flags = fiber.memoizedProps), - (flags = getViewTransitionClassName(flags.className, flags.update)), + (flags = getViewTransitionClassName(flags.default, flags.update)), "none" !== flags && ((JSCompiler_temp = current.memoizedState = []), applyViewTransitionToHostInstancesRecursive( @@ -10859,10 +10853,10 @@ var slice = Array.prototype.slice, })(React.Component); var internals$jscomp$inline_1555 = { bundleType: 0, - version: "19.1.0-www-modern-a5297ece-20250326", + version: "19.1.0-www-modern-e0c99c4e-20250326", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-modern-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-modern-e0c99c4e-20250326" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_1556 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -10888,4 +10882,4 @@ exports.RadialGradient = RadialGradient; exports.Shape = TYPES.SHAPE; exports.Surface = Surface; exports.Text = Text; -exports.version = "19.1.0-www-modern-a5297ece-20250326"; +exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; diff --git a/compiled/facebook-www/ReactDOM-dev.classic.js b/compiled/facebook-www/ReactDOM-dev.classic.js index 6ec32ac95e..211fe06ea0 100644 --- a/compiled/facebook-www/ReactDOM-dev.classic.js +++ b/compiled/facebook-www/ReactDOM-dev.classic.js @@ -3818,13 +3818,7 @@ __DEV__ && function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -9777,32 +9771,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2790; - var JSCompiler_object_inline_stack_2791 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2791; + var JSCompiler_object_inline_stack_2792 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2792 = !1; + var JSCompiler_object_inline_componentStack_2793 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2790 = didSuspend) || - (JSCompiler_object_inline_digest_2790 = + (JSCompiler_object_inline_digest_2791 = didSuspend) || + (JSCompiler_object_inline_digest_2791 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2790 && - ((JSCompiler_object_inline_componentStack_2792 = !0), + JSCompiler_object_inline_digest_2791 && + ((JSCompiler_object_inline_componentStack_2793 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2790 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2791 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2792 + JSCompiler_object_inline_componentStack_2793 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2789 = nextHydratableInstance; + var JSCompiler_object_inline_message_2790 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2789)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2790)) { c: { - var instance = JSCompiler_object_inline_message_2789; + var instance = JSCompiler_object_inline_message_2790; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -9844,46 +9838,46 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2789 + JSCompiler_object_inline_message_2790 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2789 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2790 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2789 && - ((JSCompiler_object_inline_message_2789 = - JSCompiler_object_inline_message_2789.dehydrated), - null !== JSCompiler_object_inline_message_2789) + null !== JSCompiler_object_inline_message_2790 && + ((JSCompiler_object_inline_message_2790 = + JSCompiler_object_inline_message_2790.dehydrated), + null !== JSCompiler_object_inline_message_2790) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2789) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2790) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2789 = - JSCompiler_object_inline_stack_2791.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2791.fallback; - if (JSCompiler_object_inline_componentStack_2792) + JSCompiler_object_inline_message_2790 = + JSCompiler_object_inline_stack_2792.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2792.fallback; + if (JSCompiler_object_inline_componentStack_2793) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2791 = + (JSCompiler_object_inline_stack_2792 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2789, + JSCompiler_object_inline_message_2790, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2792 = + (JSCompiler_object_inline_componentStack_2793 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2792.memoizedState = + (JSCompiler_object_inline_componentStack_2793.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2792.childLanes = + (JSCompiler_object_inline_componentStack_2793.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2790, + JSCompiler_object_inline_digest_2791, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9896,9 +9890,9 @@ __DEV__ && ? markerInstanceStack.current : null), (renderLanes = - JSCompiler_object_inline_componentStack_2792.updateQueue), + JSCompiler_object_inline_componentStack_2793.updateQueue), null === renderLanes - ? (JSCompiler_object_inline_componentStack_2792.updateQueue = + ? (JSCompiler_object_inline_componentStack_2793.updateQueue = { transitions: workInProgress, markerInstances: current, @@ -9906,46 +9900,46 @@ __DEV__ && }) : ((renderLanes.transitions = workInProgress), (renderLanes.markerInstances = current)))), - JSCompiler_object_inline_stack_2791 + JSCompiler_object_inline_stack_2792 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2791.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2792.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2791 = + (JSCompiler_object_inline_stack_2792 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2789, + JSCompiler_object_inline_message_2790, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2792 = + (JSCompiler_object_inline_componentStack_2793 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2792.memoizedState = + (JSCompiler_object_inline_componentStack_2793.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2792.childLanes = + (JSCompiler_object_inline_componentStack_2793.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2790, + JSCompiler_object_inline_digest_2791, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2791 + JSCompiler_object_inline_stack_2792 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2789 + JSCompiler_object_inline_message_2790 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2789 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2789) + ((JSCompiler_object_inline_message_2790 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2790) ) { if (didSuspend) workInProgress.flags & 256 @@ -9962,94 +9956,94 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2792 = - JSCompiler_object_inline_stack_2791.fallback), - (JSCompiler_object_inline_message_2789 = workInProgress.mode), - (JSCompiler_object_inline_stack_2791 = + (JSCompiler_object_inline_componentStack_2793 = + JSCompiler_object_inline_stack_2792.fallback), + (JSCompiler_object_inline_message_2790 = workInProgress.mode), + (JSCompiler_object_inline_stack_2792 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2791.children + children: JSCompiler_object_inline_stack_2792.children }, - JSCompiler_object_inline_message_2789 + JSCompiler_object_inline_message_2790 )), - (JSCompiler_object_inline_componentStack_2792 = + (JSCompiler_object_inline_componentStack_2793 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2792, - JSCompiler_object_inline_message_2789, + JSCompiler_object_inline_componentStack_2793, + JSCompiler_object_inline_message_2790, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2792.flags |= 2), - (JSCompiler_object_inline_stack_2791.return = workInProgress), - (JSCompiler_object_inline_componentStack_2792.return = + (JSCompiler_object_inline_componentStack_2793.flags |= 2), + (JSCompiler_object_inline_stack_2792.return = workInProgress), + (JSCompiler_object_inline_componentStack_2793.return = workInProgress), - (JSCompiler_object_inline_stack_2791.sibling = - JSCompiler_object_inline_componentStack_2792), - (workInProgress.child = JSCompiler_object_inline_stack_2791), + (JSCompiler_object_inline_stack_2792.sibling = + JSCompiler_object_inline_componentStack_2793), + (workInProgress.child = JSCompiler_object_inline_stack_2792), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2791 = workInProgress.child), - (JSCompiler_object_inline_stack_2791.memoizedState = + (JSCompiler_object_inline_stack_2792 = workInProgress.child), + (JSCompiler_object_inline_stack_2792.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2791.childLanes = + (JSCompiler_object_inline_stack_2792.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2790, + JSCompiler_object_inline_digest_2791, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2792)); + JSCompiler_object_inline_componentStack_2793)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && console.error( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2789)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2790)) ) { - JSCompiler_object_inline_digest_2790 = - JSCompiler_object_inline_message_2789.nextSibling && - JSCompiler_object_inline_message_2789.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2790) { - JSCompiler_temp = JSCompiler_object_inline_digest_2790.dgst; - var message = JSCompiler_object_inline_digest_2790.msg; - instance = JSCompiler_object_inline_digest_2790.stck; - var componentStack = JSCompiler_object_inline_digest_2790.cstck; + JSCompiler_object_inline_digest_2791 = + JSCompiler_object_inline_message_2790.nextSibling && + JSCompiler_object_inline_message_2790.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2791) { + JSCompiler_temp = JSCompiler_object_inline_digest_2791.dgst; + var message = JSCompiler_object_inline_digest_2791.msg; + instance = JSCompiler_object_inline_digest_2791.stck; + var componentStack = JSCompiler_object_inline_digest_2791.cstck; } - JSCompiler_object_inline_message_2789 = message; - JSCompiler_object_inline_digest_2790 = JSCompiler_temp; - JSCompiler_object_inline_stack_2791 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2792 = + JSCompiler_object_inline_message_2790 = message; + JSCompiler_object_inline_digest_2791 = JSCompiler_temp; + JSCompiler_object_inline_stack_2792 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2793 = componentStack; - JSCompiler_object_inline_componentStack_2792 = - JSCompiler_object_inline_message_2789 - ? Error(JSCompiler_object_inline_message_2789) + JSCompiler_object_inline_componentStack_2793 = + JSCompiler_object_inline_message_2790 + ? Error(JSCompiler_object_inline_message_2790) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_componentStack_2792.stack = - JSCompiler_object_inline_stack_2791 || ""; - JSCompiler_object_inline_componentStack_2792.digest = - JSCompiler_object_inline_digest_2790; - JSCompiler_object_inline_digest_2790 = + JSCompiler_object_inline_componentStack_2793.stack = + JSCompiler_object_inline_stack_2792 || ""; + JSCompiler_object_inline_componentStack_2793.digest = + JSCompiler_object_inline_digest_2791; + JSCompiler_object_inline_digest_2791 = void 0 === JSCompiler_temp ? null : JSCompiler_temp; - JSCompiler_object_inline_stack_2791 = { - value: JSCompiler_object_inline_componentStack_2792, + JSCompiler_object_inline_stack_2792 = { + value: JSCompiler_object_inline_componentStack_2793, source: null, - stack: JSCompiler_object_inline_digest_2790 + stack: JSCompiler_object_inline_digest_2791 }; - "string" === typeof JSCompiler_object_inline_digest_2790 && + "string" === typeof JSCompiler_object_inline_digest_2791 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2792, - JSCompiler_object_inline_stack_2791 + JSCompiler_object_inline_componentStack_2793, + JSCompiler_object_inline_stack_2792 ); - queueHydrationError(JSCompiler_object_inline_stack_2791); + queueHydrationError(JSCompiler_object_inline_stack_2792); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -10063,44 +10057,44 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2790 = + (JSCompiler_object_inline_digest_2791 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2790) + didReceiveUpdate || JSCompiler_object_inline_digest_2791) ) { - JSCompiler_object_inline_digest_2790 = workInProgressRoot; + JSCompiler_object_inline_digest_2791 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_digest_2790 && - ((JSCompiler_object_inline_stack_2791 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2791 = - 0 !== (JSCompiler_object_inline_stack_2791 & 42) + null !== JSCompiler_object_inline_digest_2791 && + ((JSCompiler_object_inline_stack_2792 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2792 = + 0 !== (JSCompiler_object_inline_stack_2792 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2791 + JSCompiler_object_inline_stack_2792 )), - (JSCompiler_object_inline_stack_2791 = + (JSCompiler_object_inline_stack_2792 = 0 !== - (JSCompiler_object_inline_stack_2791 & - (JSCompiler_object_inline_digest_2790.suspendedLanes | + (JSCompiler_object_inline_stack_2792 & + (JSCompiler_object_inline_digest_2791.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2791), - 0 !== JSCompiler_object_inline_stack_2791 && - JSCompiler_object_inline_stack_2791 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2792), + 0 !== JSCompiler_object_inline_stack_2792 && + JSCompiler_object_inline_stack_2792 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2791), + ((prevState.retryLane = JSCompiler_object_inline_stack_2792), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2791 + JSCompiler_object_inline_stack_2792 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2790, + JSCompiler_object_inline_digest_2791, current, - JSCompiler_object_inline_stack_2791 + JSCompiler_object_inline_stack_2792 ), SelectiveHydrationException) ); - JSCompiler_object_inline_message_2789.data === + JSCompiler_object_inline_message_2790.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10108,14 +10102,14 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2789.data === + JSCompiler_object_inline_message_2790.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2789.nextSibling + JSCompiler_object_inline_message_2790.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10133,57 +10127,57 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2791.children + JSCompiler_object_inline_stack_2792.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2792) + if (JSCompiler_object_inline_componentStack_2793) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2792 = - JSCompiler_object_inline_stack_2791.fallback), - (JSCompiler_object_inline_message_2789 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2793 = + JSCompiler_object_inline_stack_2792.fallback), + (JSCompiler_object_inline_message_2790 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2791 = createWorkInProgress( + (JSCompiler_object_inline_stack_2792 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2791.children + children: JSCompiler_object_inline_stack_2792.children } )), - (JSCompiler_object_inline_stack_2791.subtreeFlags = + (JSCompiler_object_inline_stack_2792.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_componentStack_2792 = + ? (JSCompiler_object_inline_componentStack_2793 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2792 + JSCompiler_object_inline_componentStack_2793 )) - : ((JSCompiler_object_inline_componentStack_2792 = + : ((JSCompiler_object_inline_componentStack_2793 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2792, - JSCompiler_object_inline_message_2789, + JSCompiler_object_inline_componentStack_2793, + JSCompiler_object_inline_message_2790, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2792.flags |= 2)), - (JSCompiler_object_inline_componentStack_2792.return = + (JSCompiler_object_inline_componentStack_2793.flags |= 2)), + (JSCompiler_object_inline_componentStack_2793.return = workInProgress), - (JSCompiler_object_inline_stack_2791.return = workInProgress), - (JSCompiler_object_inline_stack_2791.sibling = - JSCompiler_object_inline_componentStack_2792), - (workInProgress.child = JSCompiler_object_inline_stack_2791), - (JSCompiler_object_inline_stack_2791 = - JSCompiler_object_inline_componentStack_2792), - (JSCompiler_object_inline_componentStack_2792 = workInProgress.child), - (JSCompiler_object_inline_message_2789 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2789 - ? (JSCompiler_object_inline_message_2789 = + (JSCompiler_object_inline_stack_2792.return = workInProgress), + (JSCompiler_object_inline_stack_2792.sibling = + JSCompiler_object_inline_componentStack_2793), + (workInProgress.child = JSCompiler_object_inline_stack_2792), + (JSCompiler_object_inline_stack_2792 = + JSCompiler_object_inline_componentStack_2793), + (JSCompiler_object_inline_componentStack_2793 = workInProgress.child), + (JSCompiler_object_inline_message_2790 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2790 + ? (JSCompiler_object_inline_message_2790 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2789.cachePool), + JSCompiler_object_inline_message_2790.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -10191,34 +10185,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2789 = { + (JSCompiler_object_inline_message_2790 = { baseLanes: - JSCompiler_object_inline_message_2789.baseLanes | renderLanes, + JSCompiler_object_inline_message_2790.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2792.memoizedState = - JSCompiler_object_inline_message_2789), + (JSCompiler_object_inline_componentStack_2793.memoizedState = + JSCompiler_object_inline_message_2790), enableTransitionTracing && - ((JSCompiler_object_inline_message_2789 = enableTransitionTracing + ((JSCompiler_object_inline_message_2790 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2789 && + null !== JSCompiler_object_inline_message_2790 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2792.updateQueue), + JSCompiler_object_inline_componentStack_2793.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2792.updateQueue = { - transitions: JSCompiler_object_inline_message_2789, + ? (JSCompiler_object_inline_componentStack_2793.updateQueue = { + transitions: JSCompiler_object_inline_message_2790, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2792.updateQueue = + ? (JSCompiler_object_inline_componentStack_2793.updateQueue = { - transitions: JSCompiler_object_inline_message_2789, + transitions: JSCompiler_object_inline_message_2790, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -10226,32 +10220,32 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2789), + JSCompiler_object_inline_message_2790), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2792.childLanes = + (JSCompiler_object_inline_componentStack_2793.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2790, + JSCompiler_object_inline_digest_2791, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2791 + JSCompiler_object_inline_stack_2792 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2791.children + children: JSCompiler_object_inline_stack_2792.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2790 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2790 + ((JSCompiler_object_inline_digest_2791 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2791 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2790.push(current)); + : JSCompiler_object_inline_digest_2791.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -11516,6 +11510,19 @@ __DEV__ && } isHydrating && pushMaterializedTreeId(workInProgress); } + if (void 0 !== pendingProps.className) { + var example = + "string" === typeof pendingProps.className + ? JSON.stringify(pendingProps.className) + : "{...}"; + didWarnAboutClassNameOnViewTransition[example] || + ((didWarnAboutClassNameOnViewTransition[example] = !0), + console.error( + ' doesn\'t accept a "className" prop. It has been renamed to "default".\n- \n+ ', + example, + example + )); + } null !== current && current.memoizedProps.name !== pendingProps.name ? (workInProgress.flags |= 4194816) : markRef(current, workInProgress); @@ -13386,7 +13393,7 @@ __DEV__ && "Found a pair with an auto name. This is a bug in React." ); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -13406,7 +13413,7 @@ __DEV__ && props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -13445,7 +13452,7 @@ __DEV__ && var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -13484,7 +13491,7 @@ __DEV__ && ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -13517,7 +13524,7 @@ __DEV__ && if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -13653,10 +13660,7 @@ __DEV__ && var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName( - props.className, - props.update - ); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -13955,7 +13959,7 @@ __DEV__ && )), (current = current.memoizedProps), (current = getViewTransitionClassName( - current.className, + current.default, current.update )), "none" !== current && @@ -15383,7 +15387,7 @@ __DEV__ && root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); var className = getViewTransitionClassName( - props.className, + props.default, props.update ); "none" === className @@ -28746,6 +28750,7 @@ __DEV__ && var didWarnAboutRevealOrder = {}; var didWarnAboutTailOptions = {}; var didWarnAboutDefaultPropsOnFunctionComponent = {}; + var didWarnAboutClassNameOnViewTransition = {}; var updateLegacyHiddenComponent = updateOffscreenComponent, SUSPENDED_MARKER = { dehydrated: null, @@ -29894,11 +29899,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-www-classic-a5297ece-20250326" !== isomorphicReactPackageVersion) + if ("19.1.0-www-classic-e0c99c4e-20250326" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-www-classic-a5297ece-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-www-classic-e0c99c4e-20250326\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -29941,10 +29946,10 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.1.0-www-classic-a5297ece-20250326", + version: "19.1.0-www-classic-e0c99c4e-20250326", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-classic-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-classic-e0c99c4e-20250326" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -30542,7 +30547,7 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-www-classic-a5297ece-20250326"; + exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; "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 507c099c52..891177a6d1 100644 --- a/compiled/facebook-www/ReactDOM-dev.modern.js +++ b/compiled/facebook-www/ReactDOM-dev.modern.js @@ -3705,13 +3705,7 @@ __DEV__ && function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -9589,32 +9583,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2785; - var JSCompiler_object_inline_stack_2786 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2786; + var JSCompiler_object_inline_stack_2787 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2787 = !1; + var JSCompiler_object_inline_componentStack_2788 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2785 = didSuspend) || - (JSCompiler_object_inline_digest_2785 = + (JSCompiler_object_inline_digest_2786 = didSuspend) || + (JSCompiler_object_inline_digest_2786 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2785 && - ((JSCompiler_object_inline_componentStack_2787 = !0), + JSCompiler_object_inline_digest_2786 && + ((JSCompiler_object_inline_componentStack_2788 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2785 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2786 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2787 + JSCompiler_object_inline_componentStack_2788 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2784 = nextHydratableInstance; + var JSCompiler_object_inline_message_2785 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2784)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2785)) { c: { - var instance = JSCompiler_object_inline_message_2784; + var instance = JSCompiler_object_inline_message_2785; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -9656,46 +9650,46 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2784 + JSCompiler_object_inline_message_2785 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2784 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2785 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2784 && - ((JSCompiler_object_inline_message_2784 = - JSCompiler_object_inline_message_2784.dehydrated), - null !== JSCompiler_object_inline_message_2784) + null !== JSCompiler_object_inline_message_2785 && + ((JSCompiler_object_inline_message_2785 = + JSCompiler_object_inline_message_2785.dehydrated), + null !== JSCompiler_object_inline_message_2785) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2784) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2785) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2784 = - JSCompiler_object_inline_stack_2786.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2786.fallback; - if (JSCompiler_object_inline_componentStack_2787) + JSCompiler_object_inline_message_2785 = + JSCompiler_object_inline_stack_2787.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2787.fallback; + if (JSCompiler_object_inline_componentStack_2788) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2786 = + (JSCompiler_object_inline_stack_2787 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2784, + JSCompiler_object_inline_message_2785, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2787 = + (JSCompiler_object_inline_componentStack_2788 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2787.memoizedState = + (JSCompiler_object_inline_componentStack_2788.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2787.childLanes = + (JSCompiler_object_inline_componentStack_2788.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2785, + JSCompiler_object_inline_digest_2786, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9708,9 +9702,9 @@ __DEV__ && ? markerInstanceStack.current : null), (renderLanes = - JSCompiler_object_inline_componentStack_2787.updateQueue), + JSCompiler_object_inline_componentStack_2788.updateQueue), null === renderLanes - ? (JSCompiler_object_inline_componentStack_2787.updateQueue = + ? (JSCompiler_object_inline_componentStack_2788.updateQueue = { transitions: workInProgress, markerInstances: current, @@ -9718,46 +9712,46 @@ __DEV__ && }) : ((renderLanes.transitions = workInProgress), (renderLanes.markerInstances = current)))), - JSCompiler_object_inline_stack_2786 + JSCompiler_object_inline_stack_2787 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2786.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2787.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2786 = + (JSCompiler_object_inline_stack_2787 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2784, + JSCompiler_object_inline_message_2785, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2787 = + (JSCompiler_object_inline_componentStack_2788 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2787.memoizedState = + (JSCompiler_object_inline_componentStack_2788.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2787.childLanes = + (JSCompiler_object_inline_componentStack_2788.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2785, + JSCompiler_object_inline_digest_2786, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2786 + JSCompiler_object_inline_stack_2787 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2784 + JSCompiler_object_inline_message_2785 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2784 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2784) + ((JSCompiler_object_inline_message_2785 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2785) ) { if (didSuspend) workInProgress.flags & 256 @@ -9774,94 +9768,94 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2787 = - JSCompiler_object_inline_stack_2786.fallback), - (JSCompiler_object_inline_message_2784 = workInProgress.mode), - (JSCompiler_object_inline_stack_2786 = + (JSCompiler_object_inline_componentStack_2788 = + JSCompiler_object_inline_stack_2787.fallback), + (JSCompiler_object_inline_message_2785 = workInProgress.mode), + (JSCompiler_object_inline_stack_2787 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2786.children + children: JSCompiler_object_inline_stack_2787.children }, - JSCompiler_object_inline_message_2784 + JSCompiler_object_inline_message_2785 )), - (JSCompiler_object_inline_componentStack_2787 = + (JSCompiler_object_inline_componentStack_2788 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2787, - JSCompiler_object_inline_message_2784, + JSCompiler_object_inline_componentStack_2788, + JSCompiler_object_inline_message_2785, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2787.flags |= 2), - (JSCompiler_object_inline_stack_2786.return = workInProgress), - (JSCompiler_object_inline_componentStack_2787.return = + (JSCompiler_object_inline_componentStack_2788.flags |= 2), + (JSCompiler_object_inline_stack_2787.return = workInProgress), + (JSCompiler_object_inline_componentStack_2788.return = workInProgress), - (JSCompiler_object_inline_stack_2786.sibling = - JSCompiler_object_inline_componentStack_2787), - (workInProgress.child = JSCompiler_object_inline_stack_2786), + (JSCompiler_object_inline_stack_2787.sibling = + JSCompiler_object_inline_componentStack_2788), + (workInProgress.child = JSCompiler_object_inline_stack_2787), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2786 = workInProgress.child), - (JSCompiler_object_inline_stack_2786.memoizedState = + (JSCompiler_object_inline_stack_2787 = workInProgress.child), + (JSCompiler_object_inline_stack_2787.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2786.childLanes = + (JSCompiler_object_inline_stack_2787.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2785, + JSCompiler_object_inline_digest_2786, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2787)); + JSCompiler_object_inline_componentStack_2788)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && console.error( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2784)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2785)) ) { - JSCompiler_object_inline_digest_2785 = - JSCompiler_object_inline_message_2784.nextSibling && - JSCompiler_object_inline_message_2784.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2785) { - JSCompiler_temp = JSCompiler_object_inline_digest_2785.dgst; - var message = JSCompiler_object_inline_digest_2785.msg; - instance = JSCompiler_object_inline_digest_2785.stck; - var componentStack = JSCompiler_object_inline_digest_2785.cstck; + JSCompiler_object_inline_digest_2786 = + JSCompiler_object_inline_message_2785.nextSibling && + JSCompiler_object_inline_message_2785.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2786) { + JSCompiler_temp = JSCompiler_object_inline_digest_2786.dgst; + var message = JSCompiler_object_inline_digest_2786.msg; + instance = JSCompiler_object_inline_digest_2786.stck; + var componentStack = JSCompiler_object_inline_digest_2786.cstck; } - JSCompiler_object_inline_message_2784 = message; - JSCompiler_object_inline_digest_2785 = JSCompiler_temp; - JSCompiler_object_inline_stack_2786 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2787 = + JSCompiler_object_inline_message_2785 = message; + JSCompiler_object_inline_digest_2786 = JSCompiler_temp; + JSCompiler_object_inline_stack_2787 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2788 = componentStack; - JSCompiler_object_inline_componentStack_2787 = - JSCompiler_object_inline_message_2784 - ? Error(JSCompiler_object_inline_message_2784) + JSCompiler_object_inline_componentStack_2788 = + JSCompiler_object_inline_message_2785 + ? Error(JSCompiler_object_inline_message_2785) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_componentStack_2787.stack = - JSCompiler_object_inline_stack_2786 || ""; - JSCompiler_object_inline_componentStack_2787.digest = - JSCompiler_object_inline_digest_2785; - JSCompiler_object_inline_digest_2785 = + JSCompiler_object_inline_componentStack_2788.stack = + JSCompiler_object_inline_stack_2787 || ""; + JSCompiler_object_inline_componentStack_2788.digest = + JSCompiler_object_inline_digest_2786; + JSCompiler_object_inline_digest_2786 = void 0 === JSCompiler_temp ? null : JSCompiler_temp; - JSCompiler_object_inline_stack_2786 = { - value: JSCompiler_object_inline_componentStack_2787, + JSCompiler_object_inline_stack_2787 = { + value: JSCompiler_object_inline_componentStack_2788, source: null, - stack: JSCompiler_object_inline_digest_2785 + stack: JSCompiler_object_inline_digest_2786 }; - "string" === typeof JSCompiler_object_inline_digest_2785 && + "string" === typeof JSCompiler_object_inline_digest_2786 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2787, - JSCompiler_object_inline_stack_2786 + JSCompiler_object_inline_componentStack_2788, + JSCompiler_object_inline_stack_2787 ); - queueHydrationError(JSCompiler_object_inline_stack_2786); + queueHydrationError(JSCompiler_object_inline_stack_2787); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9875,44 +9869,44 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2785 = + (JSCompiler_object_inline_digest_2786 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2785) + didReceiveUpdate || JSCompiler_object_inline_digest_2786) ) { - JSCompiler_object_inline_digest_2785 = workInProgressRoot; + JSCompiler_object_inline_digest_2786 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_digest_2785 && - ((JSCompiler_object_inline_stack_2786 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2786 = - 0 !== (JSCompiler_object_inline_stack_2786 & 42) + null !== JSCompiler_object_inline_digest_2786 && + ((JSCompiler_object_inline_stack_2787 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2787 = + 0 !== (JSCompiler_object_inline_stack_2787 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2786 + JSCompiler_object_inline_stack_2787 )), - (JSCompiler_object_inline_stack_2786 = + (JSCompiler_object_inline_stack_2787 = 0 !== - (JSCompiler_object_inline_stack_2786 & - (JSCompiler_object_inline_digest_2785.suspendedLanes | + (JSCompiler_object_inline_stack_2787 & + (JSCompiler_object_inline_digest_2786.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2786), - 0 !== JSCompiler_object_inline_stack_2786 && - JSCompiler_object_inline_stack_2786 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2787), + 0 !== JSCompiler_object_inline_stack_2787 && + JSCompiler_object_inline_stack_2787 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2786), + ((prevState.retryLane = JSCompiler_object_inline_stack_2787), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2786 + JSCompiler_object_inline_stack_2787 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2785, + JSCompiler_object_inline_digest_2786, current, - JSCompiler_object_inline_stack_2786 + JSCompiler_object_inline_stack_2787 ), SelectiveHydrationException) ); - JSCompiler_object_inline_message_2784.data === + JSCompiler_object_inline_message_2785.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9920,14 +9914,14 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2784.data === + JSCompiler_object_inline_message_2785.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2784.nextSibling + JSCompiler_object_inline_message_2785.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9945,57 +9939,57 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2786.children + JSCompiler_object_inline_stack_2787.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2787) + if (JSCompiler_object_inline_componentStack_2788) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2787 = - JSCompiler_object_inline_stack_2786.fallback), - (JSCompiler_object_inline_message_2784 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2788 = + JSCompiler_object_inline_stack_2787.fallback), + (JSCompiler_object_inline_message_2785 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2786 = createWorkInProgress( + (JSCompiler_object_inline_stack_2787 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2786.children + children: JSCompiler_object_inline_stack_2787.children } )), - (JSCompiler_object_inline_stack_2786.subtreeFlags = + (JSCompiler_object_inline_stack_2787.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_componentStack_2787 = + ? (JSCompiler_object_inline_componentStack_2788 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2787 + JSCompiler_object_inline_componentStack_2788 )) - : ((JSCompiler_object_inline_componentStack_2787 = + : ((JSCompiler_object_inline_componentStack_2788 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2787, - JSCompiler_object_inline_message_2784, + JSCompiler_object_inline_componentStack_2788, + JSCompiler_object_inline_message_2785, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2787.flags |= 2)), - (JSCompiler_object_inline_componentStack_2787.return = + (JSCompiler_object_inline_componentStack_2788.flags |= 2)), + (JSCompiler_object_inline_componentStack_2788.return = workInProgress), - (JSCompiler_object_inline_stack_2786.return = workInProgress), - (JSCompiler_object_inline_stack_2786.sibling = - JSCompiler_object_inline_componentStack_2787), - (workInProgress.child = JSCompiler_object_inline_stack_2786), - (JSCompiler_object_inline_stack_2786 = - JSCompiler_object_inline_componentStack_2787), - (JSCompiler_object_inline_componentStack_2787 = workInProgress.child), - (JSCompiler_object_inline_message_2784 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2784 - ? (JSCompiler_object_inline_message_2784 = + (JSCompiler_object_inline_stack_2787.return = workInProgress), + (JSCompiler_object_inline_stack_2787.sibling = + JSCompiler_object_inline_componentStack_2788), + (workInProgress.child = JSCompiler_object_inline_stack_2787), + (JSCompiler_object_inline_stack_2787 = + JSCompiler_object_inline_componentStack_2788), + (JSCompiler_object_inline_componentStack_2788 = workInProgress.child), + (JSCompiler_object_inline_message_2785 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2785 + ? (JSCompiler_object_inline_message_2785 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2784.cachePool), + JSCompiler_object_inline_message_2785.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -10003,34 +9997,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2784 = { + (JSCompiler_object_inline_message_2785 = { baseLanes: - JSCompiler_object_inline_message_2784.baseLanes | renderLanes, + JSCompiler_object_inline_message_2785.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2787.memoizedState = - JSCompiler_object_inline_message_2784), + (JSCompiler_object_inline_componentStack_2788.memoizedState = + JSCompiler_object_inline_message_2785), enableTransitionTracing && - ((JSCompiler_object_inline_message_2784 = enableTransitionTracing + ((JSCompiler_object_inline_message_2785 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2784 && + null !== JSCompiler_object_inline_message_2785 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2787.updateQueue), + JSCompiler_object_inline_componentStack_2788.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2787.updateQueue = { - transitions: JSCompiler_object_inline_message_2784, + ? (JSCompiler_object_inline_componentStack_2788.updateQueue = { + transitions: JSCompiler_object_inline_message_2785, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2787.updateQueue = + ? (JSCompiler_object_inline_componentStack_2788.updateQueue = { - transitions: JSCompiler_object_inline_message_2784, + transitions: JSCompiler_object_inline_message_2785, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -10038,32 +10032,32 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2784), + JSCompiler_object_inline_message_2785), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2787.childLanes = + (JSCompiler_object_inline_componentStack_2788.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2785, + JSCompiler_object_inline_digest_2786, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2786 + JSCompiler_object_inline_stack_2787 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2786.children + children: JSCompiler_object_inline_stack_2787.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2785 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2785 + ((JSCompiler_object_inline_digest_2786 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2786 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2785.push(current)); + : JSCompiler_object_inline_digest_2786.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -11329,6 +11323,19 @@ __DEV__ && } isHydrating && pushMaterializedTreeId(workInProgress); } + if (void 0 !== pendingProps.className) { + var example = + "string" === typeof pendingProps.className + ? JSON.stringify(pendingProps.className) + : "{...}"; + didWarnAboutClassNameOnViewTransition[example] || + ((didWarnAboutClassNameOnViewTransition[example] = !0), + console.error( + ' doesn\'t accept a "className" prop. It has been renamed to "default".\n- \n+ ', + example, + example + )); + } null !== current && current.memoizedProps.name !== pendingProps.name ? (workInProgress.flags |= 4194816) : markRef(current, workInProgress); @@ -13185,7 +13192,7 @@ __DEV__ && "Found a pair with an auto name. This is a bug in React." ); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -13205,7 +13212,7 @@ __DEV__ && props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -13244,7 +13251,7 @@ __DEV__ && var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -13283,7 +13290,7 @@ __DEV__ && ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -13316,7 +13323,7 @@ __DEV__ && if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -13452,10 +13459,7 @@ __DEV__ && var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName( - props.className, - props.update - ); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -13754,7 +13758,7 @@ __DEV__ && )), (current = current.memoizedProps), (current = getViewTransitionClassName( - current.className, + current.default, current.update )), "none" !== current && @@ -15182,7 +15186,7 @@ __DEV__ && root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); var className = getViewTransitionClassName( - props.className, + props.default, props.update ); "none" === className @@ -28533,6 +28537,7 @@ __DEV__ && var didWarnAboutRevealOrder = {}; var didWarnAboutTailOptions = {}; var didWarnAboutDefaultPropsOnFunctionComponent = {}; + var didWarnAboutClassNameOnViewTransition = {}; var updateLegacyHiddenComponent = updateOffscreenComponent, SUSPENDED_MARKER = { dehydrated: null, @@ -29680,11 +29685,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-www-modern-a5297ece-20250326" !== isomorphicReactPackageVersion) + if ("19.1.0-www-modern-e0c99c4e-20250326" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-www-modern-a5297ece-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-www-modern-e0c99c4e-20250326\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -29727,10 +29732,10 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.1.0-www-modern-a5297ece-20250326", + version: "19.1.0-www-modern-e0c99c4e-20250326", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-modern-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-modern-e0c99c4e-20250326" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -30328,7 +30333,7 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-www-modern-a5297ece-20250326"; + exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; "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 d2aae6b401..da53be8922 100644 --- a/compiled/facebook-www/ReactDOM-prod.classic.js +++ b/compiled/facebook-www/ReactDOM-prod.classic.js @@ -1974,13 +1974,7 @@ function getClassNameByType(classByType) { function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -8907,7 +8901,7 @@ function commitAppearingPairViewTransitions(placement) { if (null == props.name || "auto" === props.name) throw Error(formatProdErrorMessage(544)); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -8927,7 +8921,7 @@ function commitEnterViewTransitions(placement, gesture) { props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -8966,7 +8960,7 @@ function commitDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -9002,7 +8996,7 @@ function commitExitViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -9035,7 +9029,7 @@ function commitNestedViewTransitions(changedParent) { if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -9169,7 +9163,7 @@ function measureNestedViewTransitions(changedParent, gesture) { var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName(props.className, props.update); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -9441,7 +9435,7 @@ function commitBeforeMutationEffects_complete( current.stateNode )), (flags = fiber.memoizedProps), - (flags = getViewTransitionClassName(flags.className, flags.update)), + (flags = getViewTransitionClassName(flags.default, flags.update)), "none" !== flags && applyViewTransitionToHostInstances( current.child, @@ -10701,10 +10695,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { state = finishedWork.stateNode; root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); - var className = getViewTransitionClassName( - props.className, - props.update - ); + var className = getViewTransitionClassName(props.default, props.update); "none" === className ? (current = !1) : ((props = current.memoizedState), @@ -18791,14 +18782,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_1974 = React.version; if ( - "19.1.0-www-classic-a5297ece-20250326" !== + "19.1.0-www-classic-e0c99c4e-20250326" !== isomorphicReactPackageVersion$jscomp$inline_1974 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1974, - "19.1.0-www-classic-a5297ece-20250326" + "19.1.0-www-classic-e0c99c4e-20250326" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -18816,10 +18807,10 @@ Internals.Events = [ ]; var internals$jscomp$inline_2558 = { bundleType: 0, - version: "19.1.0-www-classic-a5297ece-20250326", + version: "19.1.0-www-classic-e0c99c4e-20250326", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-classic-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-classic-e0c99c4e-20250326" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2559 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -19183,4 +19174,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-www-classic-a5297ece-20250326"; +exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; diff --git a/compiled/facebook-www/ReactDOM-prod.modern.js b/compiled/facebook-www/ReactDOM-prod.modern.js index d8c7795874..e2bbb381dc 100644 --- a/compiled/facebook-www/ReactDOM-prod.modern.js +++ b/compiled/facebook-www/ReactDOM-prod.modern.js @@ -1818,13 +1818,7 @@ function getClassNameByType(classByType) { function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -8651,7 +8645,7 @@ function commitAppearingPairViewTransitions(placement) { if (null == props.name || "auto" === props.name) throw Error(formatProdErrorMessage(544)); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -8671,7 +8665,7 @@ function commitEnterViewTransitions(placement, gesture) { props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -8710,7 +8704,7 @@ function commitDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -8746,7 +8740,7 @@ function commitExitViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -8779,7 +8773,7 @@ function commitNestedViewTransitions(changedParent) { if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -8913,7 +8907,7 @@ function measureNestedViewTransitions(changedParent, gesture) { var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName(props.className, props.update); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -9185,7 +9179,7 @@ function commitBeforeMutationEffects_complete( current.stateNode )), (flags = fiber.memoizedProps), - (flags = getViewTransitionClassName(flags.className, flags.update)), + (flags = getViewTransitionClassName(flags.default, flags.update)), "none" !== flags && applyViewTransitionToHostInstances( current.child, @@ -10445,10 +10439,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { state = finishedWork.stateNode; root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); - var className = getViewTransitionClassName( - props.className, - props.update - ); + var className = getViewTransitionClassName(props.default, props.update); "none" === className ? (current = !1) : ((props = current.memoizedState), @@ -18520,14 +18511,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_1964 = React.version; if ( - "19.1.0-www-modern-a5297ece-20250326" !== + "19.1.0-www-modern-e0c99c4e-20250326" !== isomorphicReactPackageVersion$jscomp$inline_1964 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1964, - "19.1.0-www-modern-a5297ece-20250326" + "19.1.0-www-modern-e0c99c4e-20250326" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -18545,10 +18536,10 @@ Internals.Events = [ ]; var internals$jscomp$inline_2540 = { bundleType: 0, - version: "19.1.0-www-modern-a5297ece-20250326", + version: "19.1.0-www-modern-e0c99c4e-20250326", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-modern-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-modern-e0c99c4e-20250326" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2541 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -18912,4 +18903,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-www-modern-a5297ece-20250326"; +exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; diff --git a/compiled/facebook-www/ReactDOM-profiling.classic.js b/compiled/facebook-www/ReactDOM-profiling.classic.js index 5ff10cfde0..a66f3efbcd 100644 --- a/compiled/facebook-www/ReactDOM-profiling.classic.js +++ b/compiled/facebook-www/ReactDOM-profiling.classic.js @@ -2087,13 +2087,7 @@ function getClassNameByType(classByType) { function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -9714,7 +9708,7 @@ function commitAppearingPairViewTransitions(placement) { if (null == props.name || "auto" === props.name) throw Error(formatProdErrorMessage(544)); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -9734,7 +9728,7 @@ function commitEnterViewTransitions(placement, gesture) { props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -9773,7 +9767,7 @@ function commitDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -9809,7 +9803,7 @@ function commitExitViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -9842,7 +9836,7 @@ function commitNestedViewTransitions(changedParent) { if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -9976,7 +9970,7 @@ function measureNestedViewTransitions(changedParent, gesture) { var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName(props.className, props.update); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -10250,7 +10244,7 @@ function commitBeforeMutationEffects_complete( current.stateNode )), (flags = fiber.memoizedProps), - (flags = getViewTransitionClassName(flags.className, flags.update)), + (flags = getViewTransitionClassName(flags.default, flags.update)), "none" !== flags && applyViewTransitionToHostInstances( current.child, @@ -11593,10 +11587,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { state = finishedWork.stateNode; root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); - var className = getViewTransitionClassName( - props.className, - props.update - ); + var className = getViewTransitionClassName(props.default, props.update); "none" === className ? (current = !1) : ((props = current.memoizedState), @@ -20524,14 +20515,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_2134 = React.version; if ( - "19.1.0-www-classic-a5297ece-20250326" !== + "19.1.0-www-classic-e0c99c4e-20250326" !== isomorphicReactPackageVersion$jscomp$inline_2134 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2134, - "19.1.0-www-classic-a5297ece-20250326" + "19.1.0-www-classic-e0c99c4e-20250326" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -20549,10 +20540,10 @@ Internals.Events = [ ]; var internals$jscomp$inline_2136 = { bundleType: 0, - version: "19.1.0-www-classic-a5297ece-20250326", + version: "19.1.0-www-classic-e0c99c4e-20250326", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-classic-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-classic-e0c99c4e-20250326" }; enableSchedulingProfiler && ((internals$jscomp$inline_2136.getLaneLabelMap = getLaneLabelMap), @@ -20919,7 +20910,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-www-classic-a5297ece-20250326"; +exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; "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 7626d0ee1e..af2a20391f 100644 --- a/compiled/facebook-www/ReactDOM-profiling.modern.js +++ b/compiled/facebook-www/ReactDOM-profiling.modern.js @@ -2001,13 +2001,7 @@ function getClassNameByType(classByType) { function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -9527,7 +9521,7 @@ function commitAppearingPairViewTransitions(placement) { if (null == props.name || "auto" === props.name) throw Error(formatProdErrorMessage(544)); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -9547,7 +9541,7 @@ function commitEnterViewTransitions(placement, gesture) { props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -9586,7 +9580,7 @@ function commitDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -9622,7 +9616,7 @@ function commitExitViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -9655,7 +9649,7 @@ function commitNestedViewTransitions(changedParent) { if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -9789,7 +9783,7 @@ function measureNestedViewTransitions(changedParent, gesture) { var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName(props.className, props.update); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -10063,7 +10057,7 @@ function commitBeforeMutationEffects_complete( current.stateNode )), (flags = fiber.memoizedProps), - (flags = getViewTransitionClassName(flags.className, flags.update)), + (flags = getViewTransitionClassName(flags.default, flags.update)), "none" !== flags && applyViewTransitionToHostInstances( current.child, @@ -11406,10 +11400,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { state = finishedWork.stateNode; root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); - var className = getViewTransitionClassName( - props.className, - props.update - ); + var className = getViewTransitionClassName(props.default, props.update); "none" === className ? (current = !1) : ((props = current.memoizedState), @@ -20322,14 +20313,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_2124 = React.version; if ( - "19.1.0-www-modern-a5297ece-20250326" !== + "19.1.0-www-modern-e0c99c4e-20250326" !== isomorphicReactPackageVersion$jscomp$inline_2124 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2124, - "19.1.0-www-modern-a5297ece-20250326" + "19.1.0-www-modern-e0c99c4e-20250326" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -20347,10 +20338,10 @@ Internals.Events = [ ]; var internals$jscomp$inline_2126 = { bundleType: 0, - version: "19.1.0-www-modern-a5297ece-20250326", + version: "19.1.0-www-modern-e0c99c4e-20250326", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-modern-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-modern-e0c99c4e-20250326" }; enableSchedulingProfiler && ((internals$jscomp$inline_2126.getLaneLabelMap = getLaneLabelMap), @@ -20717,7 +20708,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-www-modern-a5297ece-20250326"; +exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; "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 1071b0e2f9..a1445a7195 100644 --- a/compiled/facebook-www/ReactDOMServer-dev.classic.js +++ b/compiled/facebook-www/ReactDOMServer-dev.classic.js @@ -9440,5 +9440,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.1.0-www-classic-a5297ece-20250326"; + exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; })(); diff --git a/compiled/facebook-www/ReactDOMServer-dev.modern.js b/compiled/facebook-www/ReactDOMServer-dev.modern.js index dbea51b662..8ae1448c2b 100644 --- a/compiled/facebook-www/ReactDOMServer-dev.modern.js +++ b/compiled/facebook-www/ReactDOMServer-dev.modern.js @@ -9369,5 +9369,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.1.0-www-modern-a5297ece-20250326"; + exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; })(); diff --git a/compiled/facebook-www/ReactDOMServer-prod.classic.js b/compiled/facebook-www/ReactDOMServer-prod.classic.js index c489d2ff8e..7ac2cfefd3 100644 --- a/compiled/facebook-www/ReactDOMServer-prod.classic.js +++ b/compiled/facebook-www/ReactDOMServer-prod.classic.js @@ -6203,4 +6203,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; -exports.version = "19.1.0-www-classic-a5297ece-20250326"; +exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; diff --git a/compiled/facebook-www/ReactDOMServer-prod.modern.js b/compiled/facebook-www/ReactDOMServer-prod.modern.js index 8cb77341de..4bd1a79288 100644 --- a/compiled/facebook-www/ReactDOMServer-prod.modern.js +++ b/compiled/facebook-www/ReactDOMServer-prod.modern.js @@ -6115,4 +6115,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; -exports.version = "19.1.0-www-modern-a5297ece-20250326"; +exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; diff --git a/compiled/facebook-www/ReactDOMTesting-dev.classic.js b/compiled/facebook-www/ReactDOMTesting-dev.classic.js index 4060e3f5ce..5a9f4df5ae 100644 --- a/compiled/facebook-www/ReactDOMTesting-dev.classic.js +++ b/compiled/facebook-www/ReactDOMTesting-dev.classic.js @@ -3859,13 +3859,7 @@ __DEV__ && function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -9818,32 +9812,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2824; - var JSCompiler_object_inline_stack_2825 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2825; + var JSCompiler_object_inline_stack_2826 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2826 = !1; + var JSCompiler_object_inline_componentStack_2827 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2824 = didSuspend) || - (JSCompiler_object_inline_digest_2824 = + (JSCompiler_object_inline_digest_2825 = didSuspend) || + (JSCompiler_object_inline_digest_2825 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2824 && - ((JSCompiler_object_inline_componentStack_2826 = !0), + JSCompiler_object_inline_digest_2825 && + ((JSCompiler_object_inline_componentStack_2827 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2824 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2825 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2826 + JSCompiler_object_inline_componentStack_2827 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2823 = nextHydratableInstance; + var JSCompiler_object_inline_message_2824 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2823)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2824)) { c: { - var instance = JSCompiler_object_inline_message_2823; + var instance = JSCompiler_object_inline_message_2824; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -9885,46 +9879,46 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2823 + JSCompiler_object_inline_message_2824 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2823 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2824 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2823 && - ((JSCompiler_object_inline_message_2823 = - JSCompiler_object_inline_message_2823.dehydrated), - null !== JSCompiler_object_inline_message_2823) + null !== JSCompiler_object_inline_message_2824 && + ((JSCompiler_object_inline_message_2824 = + JSCompiler_object_inline_message_2824.dehydrated), + null !== JSCompiler_object_inline_message_2824) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2823) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2824) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2823 = - JSCompiler_object_inline_stack_2825.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2825.fallback; - if (JSCompiler_object_inline_componentStack_2826) + JSCompiler_object_inline_message_2824 = + JSCompiler_object_inline_stack_2826.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2826.fallback; + if (JSCompiler_object_inline_componentStack_2827) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2825 = + (JSCompiler_object_inline_stack_2826 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2823, + JSCompiler_object_inline_message_2824, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2826 = + (JSCompiler_object_inline_componentStack_2827 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2826.memoizedState = + (JSCompiler_object_inline_componentStack_2827.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2826.childLanes = + (JSCompiler_object_inline_componentStack_2827.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2824, + JSCompiler_object_inline_digest_2825, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9937,9 +9931,9 @@ __DEV__ && ? markerInstanceStack.current : null), (renderLanes = - JSCompiler_object_inline_componentStack_2826.updateQueue), + JSCompiler_object_inline_componentStack_2827.updateQueue), null === renderLanes - ? (JSCompiler_object_inline_componentStack_2826.updateQueue = + ? (JSCompiler_object_inline_componentStack_2827.updateQueue = { transitions: workInProgress, markerInstances: current, @@ -9947,46 +9941,46 @@ __DEV__ && }) : ((renderLanes.transitions = workInProgress), (renderLanes.markerInstances = current)))), - JSCompiler_object_inline_stack_2825 + JSCompiler_object_inline_stack_2826 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2825.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2826.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2825 = + (JSCompiler_object_inline_stack_2826 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2823, + JSCompiler_object_inline_message_2824, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2826 = + (JSCompiler_object_inline_componentStack_2827 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2826.memoizedState = + (JSCompiler_object_inline_componentStack_2827.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2826.childLanes = + (JSCompiler_object_inline_componentStack_2827.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2824, + JSCompiler_object_inline_digest_2825, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2825 + JSCompiler_object_inline_stack_2826 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2823 + JSCompiler_object_inline_message_2824 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2823 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2823) + ((JSCompiler_object_inline_message_2824 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2824) ) { if (didSuspend) workInProgress.flags & 256 @@ -10003,94 +9997,94 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2826 = - JSCompiler_object_inline_stack_2825.fallback), - (JSCompiler_object_inline_message_2823 = workInProgress.mode), - (JSCompiler_object_inline_stack_2825 = + (JSCompiler_object_inline_componentStack_2827 = + JSCompiler_object_inline_stack_2826.fallback), + (JSCompiler_object_inline_message_2824 = workInProgress.mode), + (JSCompiler_object_inline_stack_2826 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2825.children + children: JSCompiler_object_inline_stack_2826.children }, - JSCompiler_object_inline_message_2823 + JSCompiler_object_inline_message_2824 )), - (JSCompiler_object_inline_componentStack_2826 = + (JSCompiler_object_inline_componentStack_2827 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2826, - JSCompiler_object_inline_message_2823, + JSCompiler_object_inline_componentStack_2827, + JSCompiler_object_inline_message_2824, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2826.flags |= 2), - (JSCompiler_object_inline_stack_2825.return = workInProgress), - (JSCompiler_object_inline_componentStack_2826.return = + (JSCompiler_object_inline_componentStack_2827.flags |= 2), + (JSCompiler_object_inline_stack_2826.return = workInProgress), + (JSCompiler_object_inline_componentStack_2827.return = workInProgress), - (JSCompiler_object_inline_stack_2825.sibling = - JSCompiler_object_inline_componentStack_2826), - (workInProgress.child = JSCompiler_object_inline_stack_2825), + (JSCompiler_object_inline_stack_2826.sibling = + JSCompiler_object_inline_componentStack_2827), + (workInProgress.child = JSCompiler_object_inline_stack_2826), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2825 = workInProgress.child), - (JSCompiler_object_inline_stack_2825.memoizedState = + (JSCompiler_object_inline_stack_2826 = workInProgress.child), + (JSCompiler_object_inline_stack_2826.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2825.childLanes = + (JSCompiler_object_inline_stack_2826.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2824, + JSCompiler_object_inline_digest_2825, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2826)); + JSCompiler_object_inline_componentStack_2827)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && console.error( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2823)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2824)) ) { - JSCompiler_object_inline_digest_2824 = - JSCompiler_object_inline_message_2823.nextSibling && - JSCompiler_object_inline_message_2823.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2824) { - JSCompiler_temp = JSCompiler_object_inline_digest_2824.dgst; - var message = JSCompiler_object_inline_digest_2824.msg; - instance = JSCompiler_object_inline_digest_2824.stck; - var componentStack = JSCompiler_object_inline_digest_2824.cstck; + JSCompiler_object_inline_digest_2825 = + JSCompiler_object_inline_message_2824.nextSibling && + JSCompiler_object_inline_message_2824.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2825) { + JSCompiler_temp = JSCompiler_object_inline_digest_2825.dgst; + var message = JSCompiler_object_inline_digest_2825.msg; + instance = JSCompiler_object_inline_digest_2825.stck; + var componentStack = JSCompiler_object_inline_digest_2825.cstck; } - JSCompiler_object_inline_message_2823 = message; - JSCompiler_object_inline_digest_2824 = JSCompiler_temp; - JSCompiler_object_inline_stack_2825 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2826 = + JSCompiler_object_inline_message_2824 = message; + JSCompiler_object_inline_digest_2825 = JSCompiler_temp; + JSCompiler_object_inline_stack_2826 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2827 = componentStack; - JSCompiler_object_inline_componentStack_2826 = - JSCompiler_object_inline_message_2823 - ? Error(JSCompiler_object_inline_message_2823) + JSCompiler_object_inline_componentStack_2827 = + JSCompiler_object_inline_message_2824 + ? Error(JSCompiler_object_inline_message_2824) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_componentStack_2826.stack = - JSCompiler_object_inline_stack_2825 || ""; - JSCompiler_object_inline_componentStack_2826.digest = - JSCompiler_object_inline_digest_2824; - JSCompiler_object_inline_digest_2824 = + JSCompiler_object_inline_componentStack_2827.stack = + JSCompiler_object_inline_stack_2826 || ""; + JSCompiler_object_inline_componentStack_2827.digest = + JSCompiler_object_inline_digest_2825; + JSCompiler_object_inline_digest_2825 = void 0 === JSCompiler_temp ? null : JSCompiler_temp; - JSCompiler_object_inline_stack_2825 = { - value: JSCompiler_object_inline_componentStack_2826, + JSCompiler_object_inline_stack_2826 = { + value: JSCompiler_object_inline_componentStack_2827, source: null, - stack: JSCompiler_object_inline_digest_2824 + stack: JSCompiler_object_inline_digest_2825 }; - "string" === typeof JSCompiler_object_inline_digest_2824 && + "string" === typeof JSCompiler_object_inline_digest_2825 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2826, - JSCompiler_object_inline_stack_2825 + JSCompiler_object_inline_componentStack_2827, + JSCompiler_object_inline_stack_2826 ); - queueHydrationError(JSCompiler_object_inline_stack_2825); + queueHydrationError(JSCompiler_object_inline_stack_2826); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -10104,44 +10098,44 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2824 = + (JSCompiler_object_inline_digest_2825 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2824) + didReceiveUpdate || JSCompiler_object_inline_digest_2825) ) { - JSCompiler_object_inline_digest_2824 = workInProgressRoot; + JSCompiler_object_inline_digest_2825 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_digest_2824 && - ((JSCompiler_object_inline_stack_2825 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2825 = - 0 !== (JSCompiler_object_inline_stack_2825 & 42) + null !== JSCompiler_object_inline_digest_2825 && + ((JSCompiler_object_inline_stack_2826 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2826 = + 0 !== (JSCompiler_object_inline_stack_2826 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2825 + JSCompiler_object_inline_stack_2826 )), - (JSCompiler_object_inline_stack_2825 = + (JSCompiler_object_inline_stack_2826 = 0 !== - (JSCompiler_object_inline_stack_2825 & - (JSCompiler_object_inline_digest_2824.suspendedLanes | + (JSCompiler_object_inline_stack_2826 & + (JSCompiler_object_inline_digest_2825.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2825), - 0 !== JSCompiler_object_inline_stack_2825 && - JSCompiler_object_inline_stack_2825 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2826), + 0 !== JSCompiler_object_inline_stack_2826 && + JSCompiler_object_inline_stack_2826 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2825), + ((prevState.retryLane = JSCompiler_object_inline_stack_2826), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2825 + JSCompiler_object_inline_stack_2826 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2824, + JSCompiler_object_inline_digest_2825, current, - JSCompiler_object_inline_stack_2825 + JSCompiler_object_inline_stack_2826 ), SelectiveHydrationException) ); - JSCompiler_object_inline_message_2823.data === + JSCompiler_object_inline_message_2824.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10149,14 +10143,14 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2823.data === + JSCompiler_object_inline_message_2824.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2823.nextSibling + JSCompiler_object_inline_message_2824.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10174,57 +10168,57 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2825.children + JSCompiler_object_inline_stack_2826.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2826) + if (JSCompiler_object_inline_componentStack_2827) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2826 = - JSCompiler_object_inline_stack_2825.fallback), - (JSCompiler_object_inline_message_2823 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2827 = + JSCompiler_object_inline_stack_2826.fallback), + (JSCompiler_object_inline_message_2824 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2825 = createWorkInProgress( + (JSCompiler_object_inline_stack_2826 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2825.children + children: JSCompiler_object_inline_stack_2826.children } )), - (JSCompiler_object_inline_stack_2825.subtreeFlags = + (JSCompiler_object_inline_stack_2826.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_componentStack_2826 = + ? (JSCompiler_object_inline_componentStack_2827 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2826 + JSCompiler_object_inline_componentStack_2827 )) - : ((JSCompiler_object_inline_componentStack_2826 = + : ((JSCompiler_object_inline_componentStack_2827 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2826, - JSCompiler_object_inline_message_2823, + JSCompiler_object_inline_componentStack_2827, + JSCompiler_object_inline_message_2824, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2826.flags |= 2)), - (JSCompiler_object_inline_componentStack_2826.return = + (JSCompiler_object_inline_componentStack_2827.flags |= 2)), + (JSCompiler_object_inline_componentStack_2827.return = workInProgress), - (JSCompiler_object_inline_stack_2825.return = workInProgress), - (JSCompiler_object_inline_stack_2825.sibling = - JSCompiler_object_inline_componentStack_2826), - (workInProgress.child = JSCompiler_object_inline_stack_2825), - (JSCompiler_object_inline_stack_2825 = - JSCompiler_object_inline_componentStack_2826), - (JSCompiler_object_inline_componentStack_2826 = workInProgress.child), - (JSCompiler_object_inline_message_2823 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2823 - ? (JSCompiler_object_inline_message_2823 = + (JSCompiler_object_inline_stack_2826.return = workInProgress), + (JSCompiler_object_inline_stack_2826.sibling = + JSCompiler_object_inline_componentStack_2827), + (workInProgress.child = JSCompiler_object_inline_stack_2826), + (JSCompiler_object_inline_stack_2826 = + JSCompiler_object_inline_componentStack_2827), + (JSCompiler_object_inline_componentStack_2827 = workInProgress.child), + (JSCompiler_object_inline_message_2824 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2824 + ? (JSCompiler_object_inline_message_2824 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2823.cachePool), + JSCompiler_object_inline_message_2824.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -10232,34 +10226,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2823 = { + (JSCompiler_object_inline_message_2824 = { baseLanes: - JSCompiler_object_inline_message_2823.baseLanes | renderLanes, + JSCompiler_object_inline_message_2824.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2826.memoizedState = - JSCompiler_object_inline_message_2823), + (JSCompiler_object_inline_componentStack_2827.memoizedState = + JSCompiler_object_inline_message_2824), enableTransitionTracing && - ((JSCompiler_object_inline_message_2823 = enableTransitionTracing + ((JSCompiler_object_inline_message_2824 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2823 && + null !== JSCompiler_object_inline_message_2824 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2826.updateQueue), + JSCompiler_object_inline_componentStack_2827.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2826.updateQueue = { - transitions: JSCompiler_object_inline_message_2823, + ? (JSCompiler_object_inline_componentStack_2827.updateQueue = { + transitions: JSCompiler_object_inline_message_2824, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2826.updateQueue = + ? (JSCompiler_object_inline_componentStack_2827.updateQueue = { - transitions: JSCompiler_object_inline_message_2823, + transitions: JSCompiler_object_inline_message_2824, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -10267,32 +10261,32 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2823), + JSCompiler_object_inline_message_2824), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2826.childLanes = + (JSCompiler_object_inline_componentStack_2827.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2824, + JSCompiler_object_inline_digest_2825, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2825 + JSCompiler_object_inline_stack_2826 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2825.children + children: JSCompiler_object_inline_stack_2826.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2824 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2824 + ((JSCompiler_object_inline_digest_2825 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2825 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2824.push(current)); + : JSCompiler_object_inline_digest_2825.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -11557,6 +11551,19 @@ __DEV__ && } isHydrating && pushMaterializedTreeId(workInProgress); } + if (void 0 !== pendingProps.className) { + var example = + "string" === typeof pendingProps.className + ? JSON.stringify(pendingProps.className) + : "{...}"; + didWarnAboutClassNameOnViewTransition[example] || + ((didWarnAboutClassNameOnViewTransition[example] = !0), + console.error( + ' doesn\'t accept a "className" prop. It has been renamed to "default".\n- \n+ ', + example, + example + )); + } null !== current && current.memoizedProps.name !== pendingProps.name ? (workInProgress.flags |= 4194816) : markRef(current, workInProgress); @@ -13427,7 +13434,7 @@ __DEV__ && "Found a pair with an auto name. This is a bug in React." ); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -13447,7 +13454,7 @@ __DEV__ && props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -13486,7 +13493,7 @@ __DEV__ && var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -13525,7 +13532,7 @@ __DEV__ && ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -13558,7 +13565,7 @@ __DEV__ && if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -13694,10 +13701,7 @@ __DEV__ && var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName( - props.className, - props.update - ); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -13996,7 +14000,7 @@ __DEV__ && )), (current = current.memoizedProps), (current = getViewTransitionClassName( - current.className, + current.default, current.update )), "none" !== current && @@ -15424,7 +15428,7 @@ __DEV__ && root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); var className = getViewTransitionClassName( - props.className, + props.default, props.update ); "none" === className @@ -29062,6 +29066,7 @@ __DEV__ && var didWarnAboutRevealOrder = {}; var didWarnAboutTailOptions = {}; var didWarnAboutDefaultPropsOnFunctionComponent = {}; + var didWarnAboutClassNameOnViewTransition = {}; var updateLegacyHiddenComponent = updateOffscreenComponent, SUSPENDED_MARKER = { dehydrated: null, @@ -30215,11 +30220,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-www-classic-a5297ece-20250326" !== isomorphicReactPackageVersion) + if ("19.1.0-www-classic-e0c99c4e-20250326" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-www-classic-a5297ece-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-www-classic-e0c99c4e-20250326\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -30262,10 +30267,10 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.1.0-www-classic-a5297ece-20250326", + version: "19.1.0-www-classic-e0c99c4e-20250326", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-classic-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-classic-e0c99c4e-20250326" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -31029,5 +31034,5 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-www-classic-a5297ece-20250326"; + exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; })(); diff --git a/compiled/facebook-www/ReactDOMTesting-dev.modern.js b/compiled/facebook-www/ReactDOMTesting-dev.modern.js index 027a36ddfe..6a440d5864 100644 --- a/compiled/facebook-www/ReactDOMTesting-dev.modern.js +++ b/compiled/facebook-www/ReactDOMTesting-dev.modern.js @@ -3746,13 +3746,7 @@ __DEV__ && function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -9630,32 +9624,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2819; - var JSCompiler_object_inline_stack_2820 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2820; + var JSCompiler_object_inline_stack_2821 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2821 = !1; + var JSCompiler_object_inline_componentStack_2822 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2819 = didSuspend) || - (JSCompiler_object_inline_digest_2819 = + (JSCompiler_object_inline_digest_2820 = didSuspend) || + (JSCompiler_object_inline_digest_2820 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2819 && - ((JSCompiler_object_inline_componentStack_2821 = !0), + JSCompiler_object_inline_digest_2820 && + ((JSCompiler_object_inline_componentStack_2822 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2819 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2820 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2821 + JSCompiler_object_inline_componentStack_2822 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2818 = nextHydratableInstance; + var JSCompiler_object_inline_message_2819 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2818)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2819)) { c: { - var instance = JSCompiler_object_inline_message_2818; + var instance = JSCompiler_object_inline_message_2819; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -9697,46 +9691,46 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2818 + JSCompiler_object_inline_message_2819 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2818 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2819 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2818 && - ((JSCompiler_object_inline_message_2818 = - JSCompiler_object_inline_message_2818.dehydrated), - null !== JSCompiler_object_inline_message_2818) + null !== JSCompiler_object_inline_message_2819 && + ((JSCompiler_object_inline_message_2819 = + JSCompiler_object_inline_message_2819.dehydrated), + null !== JSCompiler_object_inline_message_2819) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2818) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2819) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2818 = - JSCompiler_object_inline_stack_2820.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2820.fallback; - if (JSCompiler_object_inline_componentStack_2821) + JSCompiler_object_inline_message_2819 = + JSCompiler_object_inline_stack_2821.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2821.fallback; + if (JSCompiler_object_inline_componentStack_2822) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2820 = + (JSCompiler_object_inline_stack_2821 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2818, + JSCompiler_object_inline_message_2819, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2821 = + (JSCompiler_object_inline_componentStack_2822 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2821.memoizedState = + (JSCompiler_object_inline_componentStack_2822.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2821.childLanes = + (JSCompiler_object_inline_componentStack_2822.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2819, + JSCompiler_object_inline_digest_2820, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9749,9 +9743,9 @@ __DEV__ && ? markerInstanceStack.current : null), (renderLanes = - JSCompiler_object_inline_componentStack_2821.updateQueue), + JSCompiler_object_inline_componentStack_2822.updateQueue), null === renderLanes - ? (JSCompiler_object_inline_componentStack_2821.updateQueue = + ? (JSCompiler_object_inline_componentStack_2822.updateQueue = { transitions: workInProgress, markerInstances: current, @@ -9759,46 +9753,46 @@ __DEV__ && }) : ((renderLanes.transitions = workInProgress), (renderLanes.markerInstances = current)))), - JSCompiler_object_inline_stack_2820 + JSCompiler_object_inline_stack_2821 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2820.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2821.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2820 = + (JSCompiler_object_inline_stack_2821 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2818, + JSCompiler_object_inline_message_2819, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2821 = + (JSCompiler_object_inline_componentStack_2822 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2821.memoizedState = + (JSCompiler_object_inline_componentStack_2822.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2821.childLanes = + (JSCompiler_object_inline_componentStack_2822.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2819, + JSCompiler_object_inline_digest_2820, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2820 + JSCompiler_object_inline_stack_2821 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2818 + JSCompiler_object_inline_message_2819 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2818 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2818) + ((JSCompiler_object_inline_message_2819 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2819) ) { if (didSuspend) workInProgress.flags & 256 @@ -9815,94 +9809,94 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2821 = - JSCompiler_object_inline_stack_2820.fallback), - (JSCompiler_object_inline_message_2818 = workInProgress.mode), - (JSCompiler_object_inline_stack_2820 = + (JSCompiler_object_inline_componentStack_2822 = + JSCompiler_object_inline_stack_2821.fallback), + (JSCompiler_object_inline_message_2819 = workInProgress.mode), + (JSCompiler_object_inline_stack_2821 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2820.children + children: JSCompiler_object_inline_stack_2821.children }, - JSCompiler_object_inline_message_2818 + JSCompiler_object_inline_message_2819 )), - (JSCompiler_object_inline_componentStack_2821 = + (JSCompiler_object_inline_componentStack_2822 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2821, - JSCompiler_object_inline_message_2818, + JSCompiler_object_inline_componentStack_2822, + JSCompiler_object_inline_message_2819, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2821.flags |= 2), - (JSCompiler_object_inline_stack_2820.return = workInProgress), - (JSCompiler_object_inline_componentStack_2821.return = + (JSCompiler_object_inline_componentStack_2822.flags |= 2), + (JSCompiler_object_inline_stack_2821.return = workInProgress), + (JSCompiler_object_inline_componentStack_2822.return = workInProgress), - (JSCompiler_object_inline_stack_2820.sibling = - JSCompiler_object_inline_componentStack_2821), - (workInProgress.child = JSCompiler_object_inline_stack_2820), + (JSCompiler_object_inline_stack_2821.sibling = + JSCompiler_object_inline_componentStack_2822), + (workInProgress.child = JSCompiler_object_inline_stack_2821), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2820 = workInProgress.child), - (JSCompiler_object_inline_stack_2820.memoizedState = + (JSCompiler_object_inline_stack_2821 = workInProgress.child), + (JSCompiler_object_inline_stack_2821.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2820.childLanes = + (JSCompiler_object_inline_stack_2821.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2819, + JSCompiler_object_inline_digest_2820, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2821)); + JSCompiler_object_inline_componentStack_2822)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && console.error( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2818)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2819)) ) { - JSCompiler_object_inline_digest_2819 = - JSCompiler_object_inline_message_2818.nextSibling && - JSCompiler_object_inline_message_2818.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2819) { - JSCompiler_temp = JSCompiler_object_inline_digest_2819.dgst; - var message = JSCompiler_object_inline_digest_2819.msg; - instance = JSCompiler_object_inline_digest_2819.stck; - var componentStack = JSCompiler_object_inline_digest_2819.cstck; + JSCompiler_object_inline_digest_2820 = + JSCompiler_object_inline_message_2819.nextSibling && + JSCompiler_object_inline_message_2819.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2820) { + JSCompiler_temp = JSCompiler_object_inline_digest_2820.dgst; + var message = JSCompiler_object_inline_digest_2820.msg; + instance = JSCompiler_object_inline_digest_2820.stck; + var componentStack = JSCompiler_object_inline_digest_2820.cstck; } - JSCompiler_object_inline_message_2818 = message; - JSCompiler_object_inline_digest_2819 = JSCompiler_temp; - JSCompiler_object_inline_stack_2820 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2821 = + JSCompiler_object_inline_message_2819 = message; + JSCompiler_object_inline_digest_2820 = JSCompiler_temp; + JSCompiler_object_inline_stack_2821 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2822 = componentStack; - JSCompiler_object_inline_componentStack_2821 = - JSCompiler_object_inline_message_2818 - ? Error(JSCompiler_object_inline_message_2818) + JSCompiler_object_inline_componentStack_2822 = + JSCompiler_object_inline_message_2819 + ? Error(JSCompiler_object_inline_message_2819) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_componentStack_2821.stack = - JSCompiler_object_inline_stack_2820 || ""; - JSCompiler_object_inline_componentStack_2821.digest = - JSCompiler_object_inline_digest_2819; - JSCompiler_object_inline_digest_2819 = + JSCompiler_object_inline_componentStack_2822.stack = + JSCompiler_object_inline_stack_2821 || ""; + JSCompiler_object_inline_componentStack_2822.digest = + JSCompiler_object_inline_digest_2820; + JSCompiler_object_inline_digest_2820 = void 0 === JSCompiler_temp ? null : JSCompiler_temp; - JSCompiler_object_inline_stack_2820 = { - value: JSCompiler_object_inline_componentStack_2821, + JSCompiler_object_inline_stack_2821 = { + value: JSCompiler_object_inline_componentStack_2822, source: null, - stack: JSCompiler_object_inline_digest_2819 + stack: JSCompiler_object_inline_digest_2820 }; - "string" === typeof JSCompiler_object_inline_digest_2819 && + "string" === typeof JSCompiler_object_inline_digest_2820 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2821, - JSCompiler_object_inline_stack_2820 + JSCompiler_object_inline_componentStack_2822, + JSCompiler_object_inline_stack_2821 ); - queueHydrationError(JSCompiler_object_inline_stack_2820); + queueHydrationError(JSCompiler_object_inline_stack_2821); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9916,44 +9910,44 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2819 = + (JSCompiler_object_inline_digest_2820 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2819) + didReceiveUpdate || JSCompiler_object_inline_digest_2820) ) { - JSCompiler_object_inline_digest_2819 = workInProgressRoot; + JSCompiler_object_inline_digest_2820 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_digest_2819 && - ((JSCompiler_object_inline_stack_2820 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2820 = - 0 !== (JSCompiler_object_inline_stack_2820 & 42) + null !== JSCompiler_object_inline_digest_2820 && + ((JSCompiler_object_inline_stack_2821 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2821 = + 0 !== (JSCompiler_object_inline_stack_2821 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2820 + JSCompiler_object_inline_stack_2821 )), - (JSCompiler_object_inline_stack_2820 = + (JSCompiler_object_inline_stack_2821 = 0 !== - (JSCompiler_object_inline_stack_2820 & - (JSCompiler_object_inline_digest_2819.suspendedLanes | + (JSCompiler_object_inline_stack_2821 & + (JSCompiler_object_inline_digest_2820.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2820), - 0 !== JSCompiler_object_inline_stack_2820 && - JSCompiler_object_inline_stack_2820 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2821), + 0 !== JSCompiler_object_inline_stack_2821 && + JSCompiler_object_inline_stack_2821 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2820), + ((prevState.retryLane = JSCompiler_object_inline_stack_2821), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2820 + JSCompiler_object_inline_stack_2821 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2819, + JSCompiler_object_inline_digest_2820, current, - JSCompiler_object_inline_stack_2820 + JSCompiler_object_inline_stack_2821 ), SelectiveHydrationException) ); - JSCompiler_object_inline_message_2818.data === + JSCompiler_object_inline_message_2819.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9961,14 +9955,14 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2818.data === + JSCompiler_object_inline_message_2819.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2818.nextSibling + JSCompiler_object_inline_message_2819.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9986,57 +9980,57 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2820.children + JSCompiler_object_inline_stack_2821.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2821) + if (JSCompiler_object_inline_componentStack_2822) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2821 = - JSCompiler_object_inline_stack_2820.fallback), - (JSCompiler_object_inline_message_2818 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2822 = + JSCompiler_object_inline_stack_2821.fallback), + (JSCompiler_object_inline_message_2819 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2820 = createWorkInProgress( + (JSCompiler_object_inline_stack_2821 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2820.children + children: JSCompiler_object_inline_stack_2821.children } )), - (JSCompiler_object_inline_stack_2820.subtreeFlags = + (JSCompiler_object_inline_stack_2821.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_componentStack_2821 = + ? (JSCompiler_object_inline_componentStack_2822 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2821 + JSCompiler_object_inline_componentStack_2822 )) - : ((JSCompiler_object_inline_componentStack_2821 = + : ((JSCompiler_object_inline_componentStack_2822 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2821, - JSCompiler_object_inline_message_2818, + JSCompiler_object_inline_componentStack_2822, + JSCompiler_object_inline_message_2819, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2821.flags |= 2)), - (JSCompiler_object_inline_componentStack_2821.return = + (JSCompiler_object_inline_componentStack_2822.flags |= 2)), + (JSCompiler_object_inline_componentStack_2822.return = workInProgress), - (JSCompiler_object_inline_stack_2820.return = workInProgress), - (JSCompiler_object_inline_stack_2820.sibling = - JSCompiler_object_inline_componentStack_2821), - (workInProgress.child = JSCompiler_object_inline_stack_2820), - (JSCompiler_object_inline_stack_2820 = - JSCompiler_object_inline_componentStack_2821), - (JSCompiler_object_inline_componentStack_2821 = workInProgress.child), - (JSCompiler_object_inline_message_2818 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2818 - ? (JSCompiler_object_inline_message_2818 = + (JSCompiler_object_inline_stack_2821.return = workInProgress), + (JSCompiler_object_inline_stack_2821.sibling = + JSCompiler_object_inline_componentStack_2822), + (workInProgress.child = JSCompiler_object_inline_stack_2821), + (JSCompiler_object_inline_stack_2821 = + JSCompiler_object_inline_componentStack_2822), + (JSCompiler_object_inline_componentStack_2822 = workInProgress.child), + (JSCompiler_object_inline_message_2819 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2819 + ? (JSCompiler_object_inline_message_2819 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2818.cachePool), + JSCompiler_object_inline_message_2819.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -10044,34 +10038,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2818 = { + (JSCompiler_object_inline_message_2819 = { baseLanes: - JSCompiler_object_inline_message_2818.baseLanes | renderLanes, + JSCompiler_object_inline_message_2819.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2821.memoizedState = - JSCompiler_object_inline_message_2818), + (JSCompiler_object_inline_componentStack_2822.memoizedState = + JSCompiler_object_inline_message_2819), enableTransitionTracing && - ((JSCompiler_object_inline_message_2818 = enableTransitionTracing + ((JSCompiler_object_inline_message_2819 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2818 && + null !== JSCompiler_object_inline_message_2819 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2821.updateQueue), + JSCompiler_object_inline_componentStack_2822.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2821.updateQueue = { - transitions: JSCompiler_object_inline_message_2818, + ? (JSCompiler_object_inline_componentStack_2822.updateQueue = { + transitions: JSCompiler_object_inline_message_2819, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2821.updateQueue = + ? (JSCompiler_object_inline_componentStack_2822.updateQueue = { - transitions: JSCompiler_object_inline_message_2818, + transitions: JSCompiler_object_inline_message_2819, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -10079,32 +10073,32 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2818), + JSCompiler_object_inline_message_2819), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2821.childLanes = + (JSCompiler_object_inline_componentStack_2822.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2819, + JSCompiler_object_inline_digest_2820, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2820 + JSCompiler_object_inline_stack_2821 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2820.children + children: JSCompiler_object_inline_stack_2821.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2819 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2819 + ((JSCompiler_object_inline_digest_2820 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2820 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2819.push(current)); + : JSCompiler_object_inline_digest_2820.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -11370,6 +11364,19 @@ __DEV__ && } isHydrating && pushMaterializedTreeId(workInProgress); } + if (void 0 !== pendingProps.className) { + var example = + "string" === typeof pendingProps.className + ? JSON.stringify(pendingProps.className) + : "{...}"; + didWarnAboutClassNameOnViewTransition[example] || + ((didWarnAboutClassNameOnViewTransition[example] = !0), + console.error( + ' doesn\'t accept a "className" prop. It has been renamed to "default".\n- \n+ ', + example, + example + )); + } null !== current && current.memoizedProps.name !== pendingProps.name ? (workInProgress.flags |= 4194816) : markRef(current, workInProgress); @@ -13226,7 +13233,7 @@ __DEV__ && "Found a pair with an auto name. This is a bug in React." ); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -13246,7 +13253,7 @@ __DEV__ && props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -13285,7 +13292,7 @@ __DEV__ && var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -13324,7 +13331,7 @@ __DEV__ && ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -13357,7 +13364,7 @@ __DEV__ && if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -13493,10 +13500,7 @@ __DEV__ && var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName( - props.className, - props.update - ); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -13795,7 +13799,7 @@ __DEV__ && )), (current = current.memoizedProps), (current = getViewTransitionClassName( - current.className, + current.default, current.update )), "none" !== current && @@ -15223,7 +15227,7 @@ __DEV__ && root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); var className = getViewTransitionClassName( - props.className, + props.default, props.update ); "none" === className @@ -28849,6 +28853,7 @@ __DEV__ && var didWarnAboutRevealOrder = {}; var didWarnAboutTailOptions = {}; var didWarnAboutDefaultPropsOnFunctionComponent = {}; + var didWarnAboutClassNameOnViewTransition = {}; var updateLegacyHiddenComponent = updateOffscreenComponent, SUSPENDED_MARKER = { dehydrated: null, @@ -30001,11 +30006,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-www-modern-a5297ece-20250326" !== isomorphicReactPackageVersion) + if ("19.1.0-www-modern-e0c99c4e-20250326" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-www-modern-a5297ece-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-www-modern-e0c99c4e-20250326\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -30048,10 +30053,10 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.1.0-www-modern-a5297ece-20250326", + version: "19.1.0-www-modern-e0c99c4e-20250326", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-modern-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-modern-e0c99c4e-20250326" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -30815,5 +30820,5 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-www-modern-a5297ece-20250326"; + exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; })(); diff --git a/compiled/facebook-www/ReactDOMTesting-prod.classic.js b/compiled/facebook-www/ReactDOMTesting-prod.classic.js index 44261343a4..93c0e274ff 100644 --- a/compiled/facebook-www/ReactDOMTesting-prod.classic.js +++ b/compiled/facebook-www/ReactDOMTesting-prod.classic.js @@ -2060,13 +2060,7 @@ function getClassNameByType(classByType) { function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -8993,7 +8987,7 @@ function commitAppearingPairViewTransitions(placement) { if (null == props.name || "auto" === props.name) throw Error(formatProdErrorMessage(544)); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -9013,7 +9007,7 @@ function commitEnterViewTransitions(placement, gesture) { props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -9052,7 +9046,7 @@ function commitDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -9088,7 +9082,7 @@ function commitExitViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -9121,7 +9115,7 @@ function commitNestedViewTransitions(changedParent) { if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -9255,7 +9249,7 @@ function measureNestedViewTransitions(changedParent, gesture) { var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName(props.className, props.update); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -9527,7 +9521,7 @@ function commitBeforeMutationEffects_complete( current.stateNode )), (flags = fiber.memoizedProps), - (flags = getViewTransitionClassName(flags.className, flags.update)), + (flags = getViewTransitionClassName(flags.default, flags.update)), "none" !== flags && applyViewTransitionToHostInstances( current.child, @@ -10787,10 +10781,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { state = finishedWork.stateNode; root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); - var className = getViewTransitionClassName( - props.className, - props.update - ); + var className = getViewTransitionClassName(props.default, props.update); "none" === className ? (current = !1) : ((props = current.memoizedState), @@ -19107,14 +19098,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_2003 = React.version; if ( - "19.1.0-www-classic-a5297ece-20250326" !== + "19.1.0-www-classic-e0c99c4e-20250326" !== isomorphicReactPackageVersion$jscomp$inline_2003 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2003, - "19.1.0-www-classic-a5297ece-20250326" + "19.1.0-www-classic-e0c99c4e-20250326" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -19132,10 +19123,10 @@ Internals.Events = [ ]; var internals$jscomp$inline_2592 = { bundleType: 0, - version: "19.1.0-www-classic-a5297ece-20250326", + version: "19.1.0-www-classic-e0c99c4e-20250326", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-classic-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-classic-e0c99c4e-20250326" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2593 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -19650,4 +19641,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-www-classic-a5297ece-20250326"; +exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; diff --git a/compiled/facebook-www/ReactDOMTesting-prod.modern.js b/compiled/facebook-www/ReactDOMTesting-prod.modern.js index 88b529f222..ad59ba1d29 100644 --- a/compiled/facebook-www/ReactDOMTesting-prod.modern.js +++ b/compiled/facebook-www/ReactDOMTesting-prod.modern.js @@ -1904,13 +1904,7 @@ function getClassNameByType(classByType) { function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -8737,7 +8731,7 @@ function commitAppearingPairViewTransitions(placement) { if (null == props.name || "auto" === props.name) throw Error(formatProdErrorMessage(544)); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -8757,7 +8751,7 @@ function commitEnterViewTransitions(placement, gesture) { props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -8796,7 +8790,7 @@ function commitDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -8832,7 +8826,7 @@ function commitExitViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -8865,7 +8859,7 @@ function commitNestedViewTransitions(changedParent) { if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -8999,7 +8993,7 @@ function measureNestedViewTransitions(changedParent, gesture) { var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName(props.className, props.update); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -9271,7 +9265,7 @@ function commitBeforeMutationEffects_complete( current.stateNode )), (flags = fiber.memoizedProps), - (flags = getViewTransitionClassName(flags.className, flags.update)), + (flags = getViewTransitionClassName(flags.default, flags.update)), "none" !== flags && applyViewTransitionToHostInstances( current.child, @@ -10531,10 +10525,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { state = finishedWork.stateNode; root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); - var className = getViewTransitionClassName( - props.className, - props.update - ); + var className = getViewTransitionClassName(props.default, props.update); "none" === className ? (current = !1) : ((props = current.memoizedState), @@ -18836,14 +18827,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_1993 = React.version; if ( - "19.1.0-www-modern-a5297ece-20250326" !== + "19.1.0-www-modern-e0c99c4e-20250326" !== isomorphicReactPackageVersion$jscomp$inline_1993 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1993, - "19.1.0-www-modern-a5297ece-20250326" + "19.1.0-www-modern-e0c99c4e-20250326" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -18861,10 +18852,10 @@ Internals.Events = [ ]; var internals$jscomp$inline_2574 = { bundleType: 0, - version: "19.1.0-www-modern-a5297ece-20250326", + version: "19.1.0-www-modern-e0c99c4e-20250326", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-modern-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-modern-e0c99c4e-20250326" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2575 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -19379,4 +19370,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-www-modern-a5297ece-20250326"; +exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; diff --git a/compiled/facebook-www/ReactReconciler-dev.classic.js b/compiled/facebook-www/ReactReconciler-dev.classic.js index 4d3df3be43..d5674f3d42 100644 --- a/compiled/facebook-www/ReactReconciler-dev.classic.js +++ b/compiled/facebook-www/ReactReconciler-dev.classic.js @@ -2177,13 +2177,7 @@ __DEV__ && function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -9678,6 +9672,19 @@ __DEV__ && } isHydrating && pushMaterializedTreeId(workInProgress); } + if (void 0 !== pendingProps.className) { + var example = + "string" === typeof pendingProps.className + ? JSON.stringify(pendingProps.className) + : "{...}"; + didWarnAboutClassNameOnViewTransition[example] || + ((didWarnAboutClassNameOnViewTransition[example] = !0), + console.error( + ' doesn\'t accept a "className" prop. It has been renamed to "default".\n- \n+ ', + example, + example + )); + } null !== current && current.memoizedProps.name !== pendingProps.name ? (workInProgress.flags |= 4194816) : markRef(current, workInProgress); @@ -11699,7 +11706,7 @@ __DEV__ && "Found a pair with an auto name. This is a bug in React." ); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -11719,7 +11726,7 @@ __DEV__ && props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -11758,7 +11765,7 @@ __DEV__ && var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -11797,7 +11804,7 @@ __DEV__ && ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -11830,7 +11837,7 @@ __DEV__ && if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -11952,10 +11959,7 @@ __DEV__ && var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName( - props.className, - props.update - ); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -12158,7 +12162,7 @@ __DEV__ && )), (current = current.memoizedProps), (current = getViewTransitionClassName( - current.className, + current.default, current.update )), "none" !== current && @@ -13523,7 +13527,7 @@ __DEV__ && root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); var className = getViewTransitionClassName( - props.className, + props.default, props.update ); "none" === className @@ -20152,6 +20156,7 @@ __DEV__ && var didWarnAboutRevealOrder = {}; var didWarnAboutTailOptions = {}; var didWarnAboutDefaultPropsOnFunctionComponent = {}; + var didWarnAboutClassNameOnViewTransition = {}; var updateLegacyHiddenComponent = updateOffscreenComponent, SUSPENDED_MARKER = { dehydrated: null, @@ -20824,7 +20829,7 @@ __DEV__ && version: rendererVersion, rendererPackageName: rendererPackageName, currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-classic-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-classic-e0c99c4e-20250326" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled/facebook-www/ReactReconciler-dev.modern.js b/compiled/facebook-www/ReactReconciler-dev.modern.js index 490c0b78be..cb2de8701b 100644 --- a/compiled/facebook-www/ReactReconciler-dev.modern.js +++ b/compiled/facebook-www/ReactReconciler-dev.modern.js @@ -2083,13 +2083,7 @@ __DEV__ && function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -9510,6 +9504,19 @@ __DEV__ && } isHydrating && pushMaterializedTreeId(workInProgress); } + if (void 0 !== pendingProps.className) { + var example = + "string" === typeof pendingProps.className + ? JSON.stringify(pendingProps.className) + : "{...}"; + didWarnAboutClassNameOnViewTransition[example] || + ((didWarnAboutClassNameOnViewTransition[example] = !0), + console.error( + ' doesn\'t accept a "className" prop. It has been renamed to "default".\n- \n+ ', + example, + example + )); + } null !== current && current.memoizedProps.name !== pendingProps.name ? (workInProgress.flags |= 4194816) : markRef(current, workInProgress); @@ -11517,7 +11524,7 @@ __DEV__ && "Found a pair with an auto name. This is a bug in React." ); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -11537,7 +11544,7 @@ __DEV__ && props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -11576,7 +11583,7 @@ __DEV__ && var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -11615,7 +11622,7 @@ __DEV__ && ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -11648,7 +11655,7 @@ __DEV__ && if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -11770,10 +11777,7 @@ __DEV__ && var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName( - props.className, - props.update - ); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -11976,7 +11980,7 @@ __DEV__ && )), (current = current.memoizedProps), (current = getViewTransitionClassName( - current.className, + current.default, current.update )), "none" !== current && @@ -13341,7 +13345,7 @@ __DEV__ && root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); var className = getViewTransitionClassName( - props.className, + props.default, props.update ); "none" === className @@ -19933,6 +19937,7 @@ __DEV__ && var didWarnAboutRevealOrder = {}; var didWarnAboutTailOptions = {}; var didWarnAboutDefaultPropsOnFunctionComponent = {}; + var didWarnAboutClassNameOnViewTransition = {}; var updateLegacyHiddenComponent = updateOffscreenComponent, SUSPENDED_MARKER = { dehydrated: null, @@ -20605,7 +20610,7 @@ __DEV__ && version: rendererVersion, rendererPackageName: rendererPackageName, currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-modern-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-modern-e0c99c4e-20250326" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled/facebook-www/ReactReconciler-prod.classic.js b/compiled/facebook-www/ReactReconciler-prod.classic.js index c437a0f17e..9c8b841192 100644 --- a/compiled/facebook-www/ReactReconciler-prod.classic.js +++ b/compiled/facebook-www/ReactReconciler-prod.classic.js @@ -1126,13 +1126,7 @@ module.exports = function ($$$config) { function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -7843,7 +7837,7 @@ module.exports = function ($$$config) { if (null == props.name || "auto" === props.name) throw Error(formatProdErrorMessage(544)); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -7863,7 +7857,7 @@ module.exports = function ($$$config) { props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -7902,7 +7896,7 @@ module.exports = function ($$$config) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -7941,7 +7935,7 @@ module.exports = function ($$$config) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -7974,7 +7968,7 @@ module.exports = function ($$$config) { if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -8096,7 +8090,7 @@ module.exports = function ($$$config) { var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName(props.className, props.update); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -8271,10 +8265,7 @@ module.exports = function ($$$config) { current.stateNode )), (flags = fiber.memoizedProps), - (flags = getViewTransitionClassName( - flags.className, - flags.update - )), + (flags = getViewTransitionClassName(flags.default, flags.update)), "none" !== flags && applyViewTransitionToHostInstances( current.child, @@ -9461,7 +9452,7 @@ module.exports = function ($$$config) { root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); var className = getViewTransitionClassName( - props.className, + props.default, props.update ); "none" === className @@ -13690,7 +13681,7 @@ module.exports = function ($$$config) { version: rendererVersion, rendererPackageName: rendererPackageName, currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-classic-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-classic-e0c99c4e-20250326" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled/facebook-www/ReactReconciler-prod.modern.js b/compiled/facebook-www/ReactReconciler-prod.modern.js index acd026c08b..2ab1a8b0c7 100644 --- a/compiled/facebook-www/ReactReconciler-prod.modern.js +++ b/compiled/facebook-www/ReactReconciler-prod.modern.js @@ -985,13 +985,7 @@ module.exports = function ($$$config) { function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -7598,7 +7592,7 @@ module.exports = function ($$$config) { if (null == props.name || "auto" === props.name) throw Error(formatProdErrorMessage(544)); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -7618,7 +7612,7 @@ module.exports = function ($$$config) { props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -7657,7 +7651,7 @@ module.exports = function ($$$config) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -7696,7 +7690,7 @@ module.exports = function ($$$config) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -7729,7 +7723,7 @@ module.exports = function ($$$config) { if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -7851,7 +7845,7 @@ module.exports = function ($$$config) { var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName(props.className, props.update); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -8026,10 +8020,7 @@ module.exports = function ($$$config) { current.stateNode )), (flags = fiber.memoizedProps), - (flags = getViewTransitionClassName( - flags.className, - flags.update - )), + (flags = getViewTransitionClassName(flags.default, flags.update)), "none" !== flags && applyViewTransitionToHostInstances( current.child, @@ -9216,7 +9207,7 @@ module.exports = function ($$$config) { root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); var className = getViewTransitionClassName( - props.className, + props.default, props.update ); "none" === className @@ -13407,7 +13398,7 @@ module.exports = function ($$$config) { version: rendererVersion, rendererPackageName: rendererPackageName, currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-modern-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-modern-e0c99c4e-20250326" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled/facebook-www/ReactTestRenderer-dev.classic.js b/compiled/facebook-www/ReactTestRenderer-dev.classic.js index 1c480d9649..c87466f29b 100644 --- a/compiled/facebook-www/ReactTestRenderer-dev.classic.js +++ b/compiled/facebook-www/ReactTestRenderer-dev.classic.js @@ -15031,10 +15031,10 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.1.0-www-classic-a5297ece-20250326", + version: "19.1.0-www-classic-e0c99c4e-20250326", rendererPackageName: "react-test-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-classic-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-classic-e0c99c4e-20250326" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -15169,5 +15169,5 @@ __DEV__ && exports.unstable_batchedUpdates = function (fn, a) { return fn(a); }; - exports.version = "19.1.0-www-classic-a5297ece-20250326"; + exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; })(); diff --git a/compiled/facebook-www/ReactTestRenderer-dev.modern.js b/compiled/facebook-www/ReactTestRenderer-dev.modern.js index 8ab2a87d97..e26cea47c8 100644 --- a/compiled/facebook-www/ReactTestRenderer-dev.modern.js +++ b/compiled/facebook-www/ReactTestRenderer-dev.modern.js @@ -15031,10 +15031,10 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.1.0-www-modern-a5297ece-20250326", + version: "19.1.0-www-modern-e0c99c4e-20250326", rendererPackageName: "react-test-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-modern-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-modern-e0c99c4e-20250326" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -15169,5 +15169,5 @@ __DEV__ && exports.unstable_batchedUpdates = function (fn, a) { return fn(a); }; - exports.version = "19.1.0-www-modern-a5297ece-20250326"; + exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; })(); diff --git a/compiled/facebook-www/VERSION_CLASSIC b/compiled/facebook-www/VERSION_CLASSIC index e239db0feb..65e4ddbc83 100644 --- a/compiled/facebook-www/VERSION_CLASSIC +++ b/compiled/facebook-www/VERSION_CLASSIC @@ -1 +1 @@ -19.1.0-www-classic-a5297ece-20250326 \ No newline at end of file +19.1.0-www-classic-e0c99c4e-20250326 \ No newline at end of file diff --git a/compiled/facebook-www/VERSION_MODERN b/compiled/facebook-www/VERSION_MODERN index f4a96263e4..9ed40014d9 100644 --- a/compiled/facebook-www/VERSION_MODERN +++ b/compiled/facebook-www/VERSION_MODERN @@ -1 +1 @@ -19.1.0-www-modern-a5297ece-20250326 \ No newline at end of file +19.1.0-www-modern-e0c99c4e-20250326 \ No newline at end of file diff --git a/compiled/facebook-www/__test_utils__/ReactAllWarnings.js b/compiled/facebook-www/__test_utils__/ReactAllWarnings.js index dce33255d6..ae44a0bcc1 100644 --- a/compiled/facebook-www/__test_utils__/ReactAllWarnings.js +++ b/compiled/facebook-www/__test_utils__/ReactAllWarnings.js @@ -67,6 +67,7 @@ export default [ "<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.", "<%s> cannot contain a nested %s.\nSee this log for the ancestor stack trace.", " is only valid if revealOrder is \"forwards\" or \"backwards\". Did you mean to specify revealOrder=\"forwards\"?", + " doesn't accept a \"className\" prop. It has been renamed to \"default\".\n- \n+ ", "A button can only specify a formAction along with type=\"submit\" or no type.", "A cache instance was released after it was already freed. This likely indicates a bug in React.", "A cache instance was retained after it was already freed. This likely indicates a bug in React.",