Facebook/react
1
0
Fork 0
mirror of https://github.com/facebook/react.git synced 2025-11-01 09:12:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Rename <ViewTransition className="..."> to <ViewTransition default="..."> (#32734)

Browse Source 
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:

```
<ViewTransition default={{"navigation-back": "slide-out", "default": "fade-in"}}>
```

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 [e0c99c4ea1](https://github.com/facebook/react/commit/e0c99c4ea1cae566ad8040180cf180ae058cb8bf)
This commit is contained in:
sebmarkbage
2025-03-26 12:12:23 -07:00
parent 7c2bf8c31d
commit 86c53b445d
35 changed files with 971 additions and 1010 deletions
Download Patch File Download Diff File Expand all files Collapse all files
compiled/facebook-www/REVISION
+1 -1
View File
@@ -1 +1 @@
a5297ece6217f5495cbe38ba58f928b2697b0f99
e0c99c4ea1cae566ad8040180cf180ae058cb8bf
compiled/facebook-www/REVISION_TRANSFORMS
+1 -1
View File
@@ -1 +1 @@
a5297ece6217f5495cbe38ba58f928b2697b0f99
e0c99c4ea1cae566ad8040180cf180ae058cb8bf
compiled/facebook-www/React-dev.classic.js
+1 -1
View File
@@ -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 &&
compiled/facebook-www/React-dev.modern.js
+1 -1
View File
@@ -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 &&
compiled/facebook-www/React-prod.classic.js
+1 -1
View File
@@ -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";
compiled/facebook-www/React-prod.modern.js
+1 -1
View File
@@ -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";
compiled/facebook-www/React-profiling.classic.js
+1 -1
View File
@@ -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 &&
compiled/facebook-www/React-profiling.modern.js
+1 -1
View File
@@ -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 &&
compiled/facebook-www/ReactART-dev.classic.js
+21 -14
View File
@@ -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(
'<ViewTransition> doesn\'t accept a "className" prop. It has been renamed to "default".\n- <ViewTransition className=%s>\n+ <ViewTransition default=%s>',
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 &&
compiled/facebook-www/ReactART-dev.modern.js
+21 -14
View File
@@ -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(
'<ViewTransition> doesn\'t accept a "className" prop. It has been renamed to "default".\n- <ViewTransition className=%s>\n+ <ViewTransition default=%s>',
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 &&
compiled/facebook-www/ReactART-prod.classic.js
+8 -14
View File
@@ -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";
compiled/facebook-www/ReactART-prod.modern.js
+8 -14
View File
@@ -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";
compiled/facebook-www/ReactDOM-dev.classic.js
+185 -180
View File
@@ -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(
'<ViewTransition> doesn\'t accept a "className" prop. It has been renamed to "default".\n- <ViewTransition className=%s>\n+ <ViewTransition default=%s>',
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 &&
compiled/facebook-www/ReactDOM-dev.modern.js
+185 -180
View File
@@ -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(
'<ViewTransition> doesn\'t accept a "className" prop. It has been renamed to "default".\n- <ViewTransition className=%s>\n+ <ViewTransition default=%s>',
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 &&
compiled/facebook-www/ReactDOM-prod.classic.js
+14 -23
View File
@@ -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";
compiled/facebook-www/ReactDOM-prod.modern.js
+14 -23
View File
@@ -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";
compiled/facebook-www/ReactDOM-profiling.classic.js
+14 -23
View File
@@ -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 &&
compiled/facebook-www/ReactDOM-profiling.modern.js
+14 -23
View File
@@ -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 &&
compiled/facebook-www/ReactDOMServer-dev.classic.js
+1 -1
View File
@@ -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";
})();
compiled/facebook-www/ReactDOMServer-dev.modern.js
+1 -1
View File
@@ -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";
})();
compiled/facebook-www/ReactDOMServer-prod.classic.js
+1 -1
View File
@@ -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";
compiled/facebook-www/ReactDOMServer-prod.modern.js
+1 -1
View File
@@ -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";
compiled/facebook-www/ReactDOMTesting-dev.classic.js
+185 -180
View File
@@ -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(
'<ViewTransition> doesn\'t accept a "className" prop. It has been renamed to "default".\n- <ViewTransition className=%s>\n+ <ViewTransition default=%s>',
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";
})();
compiled/facebook-www/ReactDOMTesting-dev.modern.js
+185 -180
View File
@@ -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(
'<ViewTransition> doesn\'t accept a "className" prop. It has been renamed to "default".\n- <ViewTransition className=%s>\n+ <ViewTransition default=%s>',
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";
})();
compiled/facebook-www/ReactDOMTesting-prod.classic.js
+14 -23
View File
@@ -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";
compiled/facebook-www/ReactDOMTesting-prod.modern.js
+14 -23
View File
@@ -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";
compiled/facebook-www/ReactReconciler-dev.classic.js
+24 -19
View File
@@ -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(
'<ViewTransition> doesn\'t accept a "className" prop. It has been renamed to "default".\n- <ViewTransition className=%s>\n+ <ViewTransition default=%s>',
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);
compiled/facebook-www/ReactReconciler-dev.modern.js
+24 -19
View File
@@ -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(
'<ViewTransition> doesn\'t accept a "className" prop. It has been renamed to "default".\n- <ViewTransition className=%s>\n+ <ViewTransition default=%s>',
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);
compiled/facebook-www/ReactReconciler-prod.classic.js
+10 -19
View File
@@ -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);
compiled/facebook-www/ReactReconciler-prod.modern.js
+10 -19
View File
@@ -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);
compiled/facebook-www/ReactTestRenderer-dev.classic.js
+3 -3
View File
@@ -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";
})();
compiled/facebook-www/ReactTestRenderer-dev.modern.js
+3 -3
View File
@@ -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";
})();
compiled/facebook-www/VERSION_CLASSIC
+1 -1
View File
@@ -1 +1 @@
19.1.0-www-classic-a5297ece-20250326
19.1.0-www-classic-e0c99c4e-20250326
compiled/facebook-www/VERSION_MODERN
+1 -1
View File
@@ -1 +1 @@
19.1.0-www-modern-a5297ece-20250326
19.1.0-www-modern-e0c99c4e-20250326
compiled/facebook-www/__test_utils__/ReactAllWarnings.js
+1
View File
@@ -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.",
"<SuspenseList tail=\"%s\" /> is only valid if revealOrder is \"forwards\" or \"backwards\". Did you mean to specify revealOrder=\"forwards\"?",
"<ViewTransition> doesn't accept a \"className\" prop. It has been renamed to \"default\".\n- <ViewTransition className=%s>\n+ <ViewTransition default=%s>",
"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.",