mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Remove non-JSX propTypes checks (#28326)
Removes all `propTypes` validation called from outside the JSX
factories. Haven't touched JSX.
Tests that verify related behavior are stripped down to the
non-`propTypes` logic.
DiffTrain build for [fea900e454](https://github.com/facebook/react/commit/fea900e45447214ddd6ef69076ab7e38433b5ffd)
This commit is contained in:
gaearon
@@ -1 +1 @@
|
||||
2e470a788e359e34feeadb422daaff046baf66cc
|
||||
fea900e45447214ddd6ef69076ab7e38433b5ffd
|
||||
|
||||
@@ -24,7 +24,7 @@ if (__DEV__) {
|
||||
) {
|
||||
__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
|
||||
}
|
||||
var ReactVersion = "18.3.0-www-classic-77190284";
|
||||
var ReactVersion = "18.3.0-www-classic-77843590";
|
||||
|
||||
// ATTENTION
|
||||
// When adding new symbols to this file,
|
||||
@@ -2741,9 +2741,9 @@ if (__DEV__) {
|
||||
}
|
||||
|
||||
if (render != null) {
|
||||
if (render.defaultProps != null || render.propTypes != null) {
|
||||
if (render.defaultProps != null) {
|
||||
error(
|
||||
"forwardRef render functions do not support propTypes or defaultProps. " +
|
||||
"forwardRef render functions do not support defaultProps. " +
|
||||
"Did you accidentally pass a React component?"
|
||||
);
|
||||
}
|
||||
|
||||
@@ -24,7 +24,7 @@ if (__DEV__) {
|
||||
) {
|
||||
__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
|
||||
}
|
||||
var ReactVersion = "18.3.0-www-modern-5d2c8ee0";
|
||||
var ReactVersion = "18.3.0-www-modern-0bb55f38";
|
||||
|
||||
// ATTENTION
|
||||
// When adding new symbols to this file,
|
||||
@@ -2706,9 +2706,9 @@ if (__DEV__) {
|
||||
}
|
||||
|
||||
if (render != null) {
|
||||
if (render.defaultProps != null || render.propTypes != null) {
|
||||
if (render.defaultProps != null) {
|
||||
error(
|
||||
"forwardRef render functions do not support propTypes or defaultProps. " +
|
||||
"forwardRef render functions do not support defaultProps. " +
|
||||
"Did you accidentally pass a React component?"
|
||||
);
|
||||
}
|
||||
|
||||
@@ -618,4 +618,4 @@ exports.useSyncExternalStore = function (
|
||||
exports.useTransition = function () {
|
||||
return ReactCurrentDispatcher.current.useTransition();
|
||||
};
|
||||
exports.version = "18.3.0-www-classic-e7aae6cc";
|
||||
exports.version = "18.3.0-www-classic-22e81a9f";
|
||||
|
||||
@@ -610,4 +610,4 @@ exports.useSyncExternalStore = function (
|
||||
exports.useTransition = function () {
|
||||
return ReactCurrentDispatcher.current.useTransition();
|
||||
};
|
||||
exports.version = "18.3.0-www-modern-cbc861b3";
|
||||
exports.version = "18.3.0-www-modern-f4321f8c";
|
||||
|
||||
@@ -614,7 +614,7 @@ exports.useSyncExternalStore = function (
|
||||
exports.useTransition = function () {
|
||||
return ReactCurrentDispatcher.current.useTransition();
|
||||
};
|
||||
exports.version = "18.3.0-www-modern-0840aeae";
|
||||
exports.version = "18.3.0-www-modern-e254c3a6";
|
||||
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
|
||||
"function" ===
|
||||
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
|
||||
|
||||
@@ -66,7 +66,7 @@ if (__DEV__) {
|
||||
return self;
|
||||
}
|
||||
|
||||
var ReactVersion = "18.3.0-www-classic-67fbc8af";
|
||||
var ReactVersion = "18.3.0-www-classic-ed34a3bc";
|
||||
|
||||
var LegacyRoot = 0;
|
||||
var ConcurrentRoot = 1;
|
||||
@@ -5137,6 +5137,50 @@ if (__DEV__) {
|
||||
}
|
||||
}
|
||||
|
||||
// $FlowFixMe[method-unbinding]
|
||||
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
||||
|
||||
/**
|
||||
* Performs equality by iterating through keys on an object and returning false
|
||||
* when any key has values which are not strictly equal between the arguments.
|
||||
* Returns true when the values of all keys are strictly equal.
|
||||
*/
|
||||
|
||||
function shallowEqual(objA, objB) {
|
||||
if (objectIs(objA, objB)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (
|
||||
typeof objA !== "object" ||
|
||||
objA === null ||
|
||||
typeof objB !== "object" ||
|
||||
objB === null
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var keysA = Object.keys(objA);
|
||||
var keysB = Object.keys(objB);
|
||||
|
||||
if (keysA.length !== keysB.length) {
|
||||
return false;
|
||||
} // Test for A's keys different from B.
|
||||
|
||||
for (var i = 0; i < keysA.length; i++) {
|
||||
var currentKey = keysA[i];
|
||||
|
||||
if (
|
||||
!hasOwnProperty.call(objB, currentKey) || // $FlowFixMe[incompatible-use] lost refinement of `objB`
|
||||
!objectIs(objA[currentKey], objB[currentKey])
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
var ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher;
|
||||
var prefix;
|
||||
function describeBuiltInComponentFrame(name, ownerFn) {
|
||||
@@ -5420,211 +5464,6 @@ if (__DEV__) {
|
||||
}
|
||||
}
|
||||
|
||||
function shouldConstruct$1(Component) {
|
||||
var prototype = Component.prototype;
|
||||
return !!(prototype && prototype.isReactComponent);
|
||||
}
|
||||
|
||||
function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
|
||||
if (type == null) {
|
||||
return "";
|
||||
}
|
||||
|
||||
if (typeof type === "function") {
|
||||
{
|
||||
return describeNativeComponentFrame(type, shouldConstruct$1(type));
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof type === "string") {
|
||||
return describeBuiltInComponentFrame(type);
|
||||
}
|
||||
|
||||
switch (type) {
|
||||
case REACT_SUSPENSE_TYPE:
|
||||
return describeBuiltInComponentFrame("Suspense");
|
||||
|
||||
case REACT_SUSPENSE_LIST_TYPE:
|
||||
return describeBuiltInComponentFrame("SuspenseList");
|
||||
}
|
||||
|
||||
if (typeof type === "object") {
|
||||
switch (type.$$typeof) {
|
||||
case REACT_FORWARD_REF_TYPE:
|
||||
return describeFunctionComponentFrame(type.render);
|
||||
|
||||
case REACT_MEMO_TYPE:
|
||||
// Memo may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
|
||||
|
||||
case REACT_LAZY_TYPE: {
|
||||
var lazyComponent = type;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
// Lazy may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(
|
||||
init(payload),
|
||||
ownerFn
|
||||
);
|
||||
} catch (x) {}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return "";
|
||||
}
|
||||
|
||||
// $FlowFixMe[method-unbinding]
|
||||
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
||||
|
||||
var loggedTypeFailures = {};
|
||||
var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
|
||||
function setCurrentlyValidatingElement(element) {
|
||||
{
|
||||
if (element) {
|
||||
var owner = element._owner;
|
||||
var stack = describeUnknownElementTypeFrameInDEV(
|
||||
element.type,
|
||||
owner ? owner.type : null
|
||||
);
|
||||
ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
|
||||
} else {
|
||||
ReactDebugCurrentFrame$1.setExtraStackFrame(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function checkPropTypes(
|
||||
typeSpecs,
|
||||
values,
|
||||
location,
|
||||
componentName,
|
||||
element
|
||||
) {
|
||||
{
|
||||
// $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
|
||||
var has = Function.call.bind(hasOwnProperty);
|
||||
|
||||
for (var typeSpecName in typeSpecs) {
|
||||
if (has(typeSpecs, typeSpecName)) {
|
||||
var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
|
||||
// fail the render phase where it didn't fail before. So we log it.
|
||||
// After these have been cleaned up, we'll let them throw.
|
||||
|
||||
try {
|
||||
// This is intentionally an invariant that gets caught. It's the same
|
||||
// behavior as without this statement except with a better message.
|
||||
if (typeof typeSpecs[typeSpecName] !== "function") {
|
||||
// eslint-disable-next-line react-internal/prod-error-codes
|
||||
var err = Error(
|
||||
(componentName || "React class") +
|
||||
": " +
|
||||
location +
|
||||
" type `" +
|
||||
typeSpecName +
|
||||
"` is invalid; " +
|
||||
"it must be a function, usually from the `prop-types` package, but received `" +
|
||||
typeof typeSpecs[typeSpecName] +
|
||||
"`." +
|
||||
"This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
|
||||
);
|
||||
err.name = "Invariant Violation";
|
||||
throw err;
|
||||
}
|
||||
|
||||
error$1 = typeSpecs[typeSpecName](
|
||||
values,
|
||||
typeSpecName,
|
||||
componentName,
|
||||
location,
|
||||
null,
|
||||
"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"
|
||||
);
|
||||
} catch (ex) {
|
||||
error$1 = ex;
|
||||
}
|
||||
|
||||
if (error$1 && !(error$1 instanceof Error)) {
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error(
|
||||
"%s: type specification of %s" +
|
||||
" `%s` is invalid; the type checker " +
|
||||
"function must return `null` or an `Error` but returned a %s. " +
|
||||
"You may have forgotten to pass an argument to the type checker " +
|
||||
"creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and " +
|
||||
"shape all require an argument).",
|
||||
componentName || "React class",
|
||||
location,
|
||||
typeSpecName,
|
||||
typeof error$1
|
||||
);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
|
||||
if (
|
||||
error$1 instanceof Error &&
|
||||
!(error$1.message in loggedTypeFailures)
|
||||
) {
|
||||
// Only monitor this failure once because there tends to be a lot of the
|
||||
// same error.
|
||||
loggedTypeFailures[error$1.message] = true;
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error("Failed %s type: %s", location, error$1.message);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Performs equality by iterating through keys on an object and returning false
|
||||
* when any key has values which are not strictly equal between the arguments.
|
||||
* Returns true when the values of all keys are strictly equal.
|
||||
*/
|
||||
|
||||
function shallowEqual(objA, objB) {
|
||||
if (objectIs(objA, objB)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (
|
||||
typeof objA !== "object" ||
|
||||
objA === null ||
|
||||
typeof objB !== "object" ||
|
||||
objB === null
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var keysA = Object.keys(objA);
|
||||
var keysB = Object.keys(objB);
|
||||
|
||||
if (keysA.length !== keysB.length) {
|
||||
return false;
|
||||
} // Test for A's keys different from B.
|
||||
|
||||
for (var i = 0; i < keysA.length; i++) {
|
||||
var currentKey = keysA[i];
|
||||
|
||||
if (
|
||||
!hasOwnProperty.call(objB, currentKey) || // $FlowFixMe[incompatible-use] lost refinement of `objB`
|
||||
!objectIs(objA[currentKey], objB[currentKey])
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
function describeFiber(fiber) {
|
||||
switch (fiber.tag) {
|
||||
case HostHoistable:
|
||||
@@ -14734,23 +14573,6 @@ if (__DEV__) {
|
||||
// TODO: current can be non-null here even if the component
|
||||
// hasn't yet mounted. This happens after the first render suspends.
|
||||
// We'll need to figure out if this is fine or can cause issues.
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var render = Component.render;
|
||||
var ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
|
||||
|
||||
@@ -14833,19 +14655,6 @@ if (__DEV__) {
|
||||
}
|
||||
|
||||
{
|
||||
var innerPropTypes = type.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
// Inner memo component props aren't currently validated in createElement.
|
||||
// We could move it there, but we'd still need this for lazy code path.
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(type)
|
||||
);
|
||||
}
|
||||
|
||||
if (Component.defaultProps !== undefined) {
|
||||
var componentName = getComponentNameFromType(type) || "Unknown";
|
||||
|
||||
@@ -14875,22 +14684,6 @@ if (__DEV__) {
|
||||
return child;
|
||||
}
|
||||
|
||||
{
|
||||
var _type = Component.type;
|
||||
var _innerPropTypes = _type.propTypes;
|
||||
|
||||
if (_innerPropTypes) {
|
||||
// Inner memo component props aren't currently validated in createElement.
|
||||
// We could move it there, but we'd still need this for lazy code path.
|
||||
checkPropTypes(
|
||||
_innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(_type)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
var currentChild = current.child; // This is always exactly one child
|
||||
|
||||
var hasScheduledUpdateOrContext = checkScheduledUpdateOrContext(
|
||||
@@ -14936,40 +14729,6 @@ if (__DEV__) {
|
||||
// TODO: current can be non-null here even if the component
|
||||
// hasn't yet mounted. This happens when the inner render suspends.
|
||||
// We'll need to figure out if this is fine or can cause issues.
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var outerMemoType = workInProgress.elementType;
|
||||
|
||||
if (outerMemoType.$$typeof === REACT_LAZY_TYPE) {
|
||||
// We warn when you define propTypes on lazy()
|
||||
// so let's just skip over it to find memo() outer wrapper.
|
||||
// Inner props for memo are validated later.
|
||||
var lazyComponent = outerMemoType;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
outerMemoType = init(payload);
|
||||
} catch (x) {
|
||||
outerMemoType = null;
|
||||
} // Inner propTypes will be validated in the function component path.
|
||||
|
||||
var outerPropTypes = outerMemoType && outerMemoType.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
|
||||
"prop",
|
||||
getComponentNameFromType(outerMemoType)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (current !== null) {
|
||||
var prevProps = current.memoizedProps;
|
||||
|
||||
@@ -15420,23 +15179,6 @@ if (__DEV__) {
|
||||
nextProps,
|
||||
renderLanes
|
||||
) {
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var context;
|
||||
|
||||
{
|
||||
@@ -15573,21 +15315,6 @@ if (__DEV__) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
} // Push context providers early to prevent context stack mismatches.
|
||||
// During mounting we don't know the child context yet as the instance doesn't exist.
|
||||
// We will invalidate the child context in finishClassComponent() right after rendering.
|
||||
@@ -15977,21 +15704,6 @@ if (__DEV__) {
|
||||
}
|
||||
|
||||
case MemoComponent: {
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
var outerPropTypes = Component.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
resolvedProps, // Resolved for outer only
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
child = updateMemoComponent(
|
||||
null,
|
||||
workInProgress,
|
||||
@@ -17562,17 +17274,6 @@ if (__DEV__) {
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
var providerPropTypes = workInProgress.type.propTypes;
|
||||
|
||||
if (providerPropTypes) {
|
||||
checkPropTypes(
|
||||
providerPropTypes,
|
||||
newProps,
|
||||
"prop",
|
||||
"Context.Provider"
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
pushProvider(workInProgress, context, newValue);
|
||||
@@ -18252,31 +17953,16 @@ if (__DEV__) {
|
||||
return updateContextConsumer(current, workInProgress, renderLanes);
|
||||
|
||||
case MemoComponent: {
|
||||
var _type2 = workInProgress.type;
|
||||
var _type = workInProgress.type;
|
||||
var _unresolvedProps3 = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
|
||||
|
||||
var _resolvedProps3 = resolveDefaultProps(_type2, _unresolvedProps3);
|
||||
var _resolvedProps3 = resolveDefaultProps(_type, _unresolvedProps3);
|
||||
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
var outerPropTypes = _type2.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
_resolvedProps3, // Resolved for outer only
|
||||
"prop",
|
||||
getComponentNameFromType(_type2)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
_resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
|
||||
_resolvedProps3 = resolveDefaultProps(_type.type, _resolvedProps3);
|
||||
return updateMemoComponent(
|
||||
current,
|
||||
workInProgress,
|
||||
_type2,
|
||||
_type,
|
||||
_resolvedProps3,
|
||||
renderLanes
|
||||
);
|
||||
|
||||
@@ -66,7 +66,7 @@ if (__DEV__) {
|
||||
return self;
|
||||
}
|
||||
|
||||
var ReactVersion = "18.3.0-www-modern-f7b80cf4";
|
||||
var ReactVersion = "18.3.0-www-modern-d27591d2";
|
||||
|
||||
var LegacyRoot = 0;
|
||||
var ConcurrentRoot = 1;
|
||||
@@ -4902,6 +4902,50 @@ if (__DEV__) {
|
||||
}
|
||||
}
|
||||
|
||||
// $FlowFixMe[method-unbinding]
|
||||
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
||||
|
||||
/**
|
||||
* Performs equality by iterating through keys on an object and returning false
|
||||
* when any key has values which are not strictly equal between the arguments.
|
||||
* Returns true when the values of all keys are strictly equal.
|
||||
*/
|
||||
|
||||
function shallowEqual(objA, objB) {
|
||||
if (objectIs(objA, objB)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (
|
||||
typeof objA !== "object" ||
|
||||
objA === null ||
|
||||
typeof objB !== "object" ||
|
||||
objB === null
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var keysA = Object.keys(objA);
|
||||
var keysB = Object.keys(objB);
|
||||
|
||||
if (keysA.length !== keysB.length) {
|
||||
return false;
|
||||
} // Test for A's keys different from B.
|
||||
|
||||
for (var i = 0; i < keysA.length; i++) {
|
||||
var currentKey = keysA[i];
|
||||
|
||||
if (
|
||||
!hasOwnProperty.call(objB, currentKey) || // $FlowFixMe[incompatible-use] lost refinement of `objB`
|
||||
!objectIs(objA[currentKey], objB[currentKey])
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
var ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher;
|
||||
var prefix;
|
||||
function describeBuiltInComponentFrame(name, ownerFn) {
|
||||
@@ -5185,211 +5229,6 @@ if (__DEV__) {
|
||||
}
|
||||
}
|
||||
|
||||
function shouldConstruct$1(Component) {
|
||||
var prototype = Component.prototype;
|
||||
return !!(prototype && prototype.isReactComponent);
|
||||
}
|
||||
|
||||
function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
|
||||
if (type == null) {
|
||||
return "";
|
||||
}
|
||||
|
||||
if (typeof type === "function") {
|
||||
{
|
||||
return describeNativeComponentFrame(type, shouldConstruct$1(type));
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof type === "string") {
|
||||
return describeBuiltInComponentFrame(type);
|
||||
}
|
||||
|
||||
switch (type) {
|
||||
case REACT_SUSPENSE_TYPE:
|
||||
return describeBuiltInComponentFrame("Suspense");
|
||||
|
||||
case REACT_SUSPENSE_LIST_TYPE:
|
||||
return describeBuiltInComponentFrame("SuspenseList");
|
||||
}
|
||||
|
||||
if (typeof type === "object") {
|
||||
switch (type.$$typeof) {
|
||||
case REACT_FORWARD_REF_TYPE:
|
||||
return describeFunctionComponentFrame(type.render);
|
||||
|
||||
case REACT_MEMO_TYPE:
|
||||
// Memo may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
|
||||
|
||||
case REACT_LAZY_TYPE: {
|
||||
var lazyComponent = type;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
// Lazy may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(
|
||||
init(payload),
|
||||
ownerFn
|
||||
);
|
||||
} catch (x) {}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return "";
|
||||
}
|
||||
|
||||
// $FlowFixMe[method-unbinding]
|
||||
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
||||
|
||||
var loggedTypeFailures = {};
|
||||
var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
|
||||
function setCurrentlyValidatingElement(element) {
|
||||
{
|
||||
if (element) {
|
||||
var owner = element._owner;
|
||||
var stack = describeUnknownElementTypeFrameInDEV(
|
||||
element.type,
|
||||
owner ? owner.type : null
|
||||
);
|
||||
ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
|
||||
} else {
|
||||
ReactDebugCurrentFrame$1.setExtraStackFrame(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function checkPropTypes(
|
||||
typeSpecs,
|
||||
values,
|
||||
location,
|
||||
componentName,
|
||||
element
|
||||
) {
|
||||
{
|
||||
// $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
|
||||
var has = Function.call.bind(hasOwnProperty);
|
||||
|
||||
for (var typeSpecName in typeSpecs) {
|
||||
if (has(typeSpecs, typeSpecName)) {
|
||||
var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
|
||||
// fail the render phase where it didn't fail before. So we log it.
|
||||
// After these have been cleaned up, we'll let them throw.
|
||||
|
||||
try {
|
||||
// This is intentionally an invariant that gets caught. It's the same
|
||||
// behavior as without this statement except with a better message.
|
||||
if (typeof typeSpecs[typeSpecName] !== "function") {
|
||||
// eslint-disable-next-line react-internal/prod-error-codes
|
||||
var err = Error(
|
||||
(componentName || "React class") +
|
||||
": " +
|
||||
location +
|
||||
" type `" +
|
||||
typeSpecName +
|
||||
"` is invalid; " +
|
||||
"it must be a function, usually from the `prop-types` package, but received `" +
|
||||
typeof typeSpecs[typeSpecName] +
|
||||
"`." +
|
||||
"This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
|
||||
);
|
||||
err.name = "Invariant Violation";
|
||||
throw err;
|
||||
}
|
||||
|
||||
error$1 = typeSpecs[typeSpecName](
|
||||
values,
|
||||
typeSpecName,
|
||||
componentName,
|
||||
location,
|
||||
null,
|
||||
"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"
|
||||
);
|
||||
} catch (ex) {
|
||||
error$1 = ex;
|
||||
}
|
||||
|
||||
if (error$1 && !(error$1 instanceof Error)) {
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error(
|
||||
"%s: type specification of %s" +
|
||||
" `%s` is invalid; the type checker " +
|
||||
"function must return `null` or an `Error` but returned a %s. " +
|
||||
"You may have forgotten to pass an argument to the type checker " +
|
||||
"creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and " +
|
||||
"shape all require an argument).",
|
||||
componentName || "React class",
|
||||
location,
|
||||
typeSpecName,
|
||||
typeof error$1
|
||||
);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
|
||||
if (
|
||||
error$1 instanceof Error &&
|
||||
!(error$1.message in loggedTypeFailures)
|
||||
) {
|
||||
// Only monitor this failure once because there tends to be a lot of the
|
||||
// same error.
|
||||
loggedTypeFailures[error$1.message] = true;
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error("Failed %s type: %s", location, error$1.message);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Performs equality by iterating through keys on an object and returning false
|
||||
* when any key has values which are not strictly equal between the arguments.
|
||||
* Returns true when the values of all keys are strictly equal.
|
||||
*/
|
||||
|
||||
function shallowEqual(objA, objB) {
|
||||
if (objectIs(objA, objB)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (
|
||||
typeof objA !== "object" ||
|
||||
objA === null ||
|
||||
typeof objB !== "object" ||
|
||||
objB === null
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var keysA = Object.keys(objA);
|
||||
var keysB = Object.keys(objB);
|
||||
|
||||
if (keysA.length !== keysB.length) {
|
||||
return false;
|
||||
} // Test for A's keys different from B.
|
||||
|
||||
for (var i = 0; i < keysA.length; i++) {
|
||||
var currentKey = keysA[i];
|
||||
|
||||
if (
|
||||
!hasOwnProperty.call(objB, currentKey) || // $FlowFixMe[incompatible-use] lost refinement of `objB`
|
||||
!objectIs(objA[currentKey], objB[currentKey])
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
function describeFiber(fiber) {
|
||||
switch (fiber.tag) {
|
||||
case HostHoistable:
|
||||
@@ -14458,23 +14297,6 @@ if (__DEV__) {
|
||||
// TODO: current can be non-null here even if the component
|
||||
// hasn't yet mounted. This happens after the first render suspends.
|
||||
// We'll need to figure out if this is fine or can cause issues.
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var render = Component.render;
|
||||
var ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
|
||||
|
||||
@@ -14557,19 +14379,6 @@ if (__DEV__) {
|
||||
}
|
||||
|
||||
{
|
||||
var innerPropTypes = type.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
// Inner memo component props aren't currently validated in createElement.
|
||||
// We could move it there, but we'd still need this for lazy code path.
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(type)
|
||||
);
|
||||
}
|
||||
|
||||
if (Component.defaultProps !== undefined) {
|
||||
var componentName = getComponentNameFromType(type) || "Unknown";
|
||||
|
||||
@@ -14599,22 +14408,6 @@ if (__DEV__) {
|
||||
return child;
|
||||
}
|
||||
|
||||
{
|
||||
var _type = Component.type;
|
||||
var _innerPropTypes = _type.propTypes;
|
||||
|
||||
if (_innerPropTypes) {
|
||||
// Inner memo component props aren't currently validated in createElement.
|
||||
// We could move it there, but we'd still need this for lazy code path.
|
||||
checkPropTypes(
|
||||
_innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(_type)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
var currentChild = current.child; // This is always exactly one child
|
||||
|
||||
var hasScheduledUpdateOrContext = checkScheduledUpdateOrContext(
|
||||
@@ -14660,40 +14453,6 @@ if (__DEV__) {
|
||||
// TODO: current can be non-null here even if the component
|
||||
// hasn't yet mounted. This happens when the inner render suspends.
|
||||
// We'll need to figure out if this is fine or can cause issues.
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var outerMemoType = workInProgress.elementType;
|
||||
|
||||
if (outerMemoType.$$typeof === REACT_LAZY_TYPE) {
|
||||
// We warn when you define propTypes on lazy()
|
||||
// so let's just skip over it to find memo() outer wrapper.
|
||||
// Inner props for memo are validated later.
|
||||
var lazyComponent = outerMemoType;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
outerMemoType = init(payload);
|
||||
} catch (x) {
|
||||
outerMemoType = null;
|
||||
} // Inner propTypes will be validated in the function component path.
|
||||
|
||||
var outerPropTypes = outerMemoType && outerMemoType.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
|
||||
"prop",
|
||||
getComponentNameFromType(outerMemoType)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (current !== null) {
|
||||
var prevProps = current.memoizedProps;
|
||||
|
||||
@@ -15144,23 +14903,6 @@ if (__DEV__) {
|
||||
nextProps,
|
||||
renderLanes
|
||||
) {
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var context;
|
||||
|
||||
var nextChildren;
|
||||
@@ -15288,21 +15030,6 @@ if (__DEV__) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
} // Push context providers early to prevent context stack mismatches.
|
||||
// During mounting we don't know the child context yet as the instance doesn't exist.
|
||||
// We will invalidate the child context in finishClassComponent() right after rendering.
|
||||
@@ -15671,21 +15398,6 @@ if (__DEV__) {
|
||||
}
|
||||
|
||||
case MemoComponent: {
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
var outerPropTypes = Component.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
resolvedProps, // Resolved for outer only
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
child = updateMemoComponent(
|
||||
null,
|
||||
workInProgress,
|
||||
@@ -17256,17 +16968,6 @@ if (__DEV__) {
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
var providerPropTypes = workInProgress.type.propTypes;
|
||||
|
||||
if (providerPropTypes) {
|
||||
checkPropTypes(
|
||||
providerPropTypes,
|
||||
newProps,
|
||||
"prop",
|
||||
"Context.Provider"
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
pushProvider(workInProgress, context, newValue);
|
||||
@@ -17940,31 +17641,16 @@ if (__DEV__) {
|
||||
return updateContextConsumer(current, workInProgress, renderLanes);
|
||||
|
||||
case MemoComponent: {
|
||||
var _type2 = workInProgress.type;
|
||||
var _type = workInProgress.type;
|
||||
var _unresolvedProps3 = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
|
||||
|
||||
var _resolvedProps3 = resolveDefaultProps(_type2, _unresolvedProps3);
|
||||
var _resolvedProps3 = resolveDefaultProps(_type, _unresolvedProps3);
|
||||
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
var outerPropTypes = _type2.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
_resolvedProps3, // Resolved for outer only
|
||||
"prop",
|
||||
getComponentNameFromType(_type2)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
_resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
|
||||
_resolvedProps3 = resolveDefaultProps(_type.type, _resolvedProps3);
|
||||
return updateMemoComponent(
|
||||
current,
|
||||
workInProgress,
|
||||
_type2,
|
||||
_type,
|
||||
_resolvedProps3,
|
||||
renderLanes
|
||||
);
|
||||
|
||||
@@ -1556,6 +1556,29 @@ function commitCallbacks(updateQueue, context) {
|
||||
)
|
||||
callCallback(callbacks[updateQueue], context);
|
||||
}
|
||||
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
||||
function shallowEqual(objA, objB) {
|
||||
if (objectIs(objA, objB)) return !0;
|
||||
if (
|
||||
"object" !== typeof objA ||
|
||||
null === objA ||
|
||||
"object" !== typeof objB ||
|
||||
null === objB
|
||||
)
|
||||
return !1;
|
||||
var keysA = Object.keys(objA),
|
||||
keysB = Object.keys(objB);
|
||||
if (keysA.length !== keysB.length) return !1;
|
||||
for (keysB = 0; keysB < keysA.length; keysB++) {
|
||||
var currentKey = keysA[keysB];
|
||||
if (
|
||||
!hasOwnProperty.call(objB, currentKey) ||
|
||||
!objectIs(objA[currentKey], objB[currentKey])
|
||||
)
|
||||
return !1;
|
||||
}
|
||||
return !0;
|
||||
}
|
||||
var prefix;
|
||||
function describeBuiltInComponentFrame(name) {
|
||||
if (void 0 === prefix)
|
||||
@@ -1699,29 +1722,6 @@ function describeNativeComponentFrame(fn, construct) {
|
||||
? describeBuiltInComponentFrame(previousPrepareStackTrace)
|
||||
: "";
|
||||
}
|
||||
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
||||
function shallowEqual(objA, objB) {
|
||||
if (objectIs(objA, objB)) return !0;
|
||||
if (
|
||||
"object" !== typeof objA ||
|
||||
null === objA ||
|
||||
"object" !== typeof objB ||
|
||||
null === objB
|
||||
)
|
||||
return !1;
|
||||
var keysA = Object.keys(objA),
|
||||
keysB = Object.keys(objB);
|
||||
if (keysA.length !== keysB.length) return !1;
|
||||
for (keysB = 0; keysB < keysA.length; keysB++) {
|
||||
var currentKey = keysA[keysB];
|
||||
if (
|
||||
!hasOwnProperty.call(objB, currentKey) ||
|
||||
!objectIs(objA[currentKey], objB[currentKey])
|
||||
)
|
||||
return !1;
|
||||
}
|
||||
return !0;
|
||||
}
|
||||
function describeFiber(fiber) {
|
||||
switch (fiber.tag) {
|
||||
case 26:
|
||||
@@ -10587,7 +10587,7 @@ var slice = Array.prototype.slice,
|
||||
return null;
|
||||
},
|
||||
bundleType: 0,
|
||||
version: "18.3.0-www-classic-82c2613b",
|
||||
version: "18.3.0-www-classic-84c34a04",
|
||||
rendererPackageName: "react-art"
|
||||
};
|
||||
var internals$jscomp$inline_1323 = {
|
||||
@@ -10618,7 +10618,7 @@ var internals$jscomp$inline_1323 = {
|
||||
scheduleRoot: null,
|
||||
setRefreshHandler: null,
|
||||
getCurrentFiber: null,
|
||||
reconcilerVersion: "18.3.0-www-classic-82c2613b"
|
||||
reconcilerVersion: "18.3.0-www-classic-84c34a04"
|
||||
};
|
||||
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
|
||||
var hook$jscomp$inline_1324 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
|
||||
|
||||
@@ -1352,6 +1352,29 @@ function commitCallbacks(updateQueue, context) {
|
||||
)
|
||||
callCallback(callbacks[updateQueue], context);
|
||||
}
|
||||
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
||||
function shallowEqual(objA, objB) {
|
||||
if (objectIs(objA, objB)) return !0;
|
||||
if (
|
||||
"object" !== typeof objA ||
|
||||
null === objA ||
|
||||
"object" !== typeof objB ||
|
||||
null === objB
|
||||
)
|
||||
return !1;
|
||||
var keysA = Object.keys(objA),
|
||||
keysB = Object.keys(objB);
|
||||
if (keysA.length !== keysB.length) return !1;
|
||||
for (keysB = 0; keysB < keysA.length; keysB++) {
|
||||
var currentKey = keysA[keysB];
|
||||
if (
|
||||
!hasOwnProperty.call(objB, currentKey) ||
|
||||
!objectIs(objA[currentKey], objB[currentKey])
|
||||
)
|
||||
return !1;
|
||||
}
|
||||
return !0;
|
||||
}
|
||||
var prefix;
|
||||
function describeBuiltInComponentFrame(name) {
|
||||
if (void 0 === prefix)
|
||||
@@ -1495,29 +1518,6 @@ function describeNativeComponentFrame(fn, construct) {
|
||||
? describeBuiltInComponentFrame(previousPrepareStackTrace)
|
||||
: "";
|
||||
}
|
||||
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
||||
function shallowEqual(objA, objB) {
|
||||
if (objectIs(objA, objB)) return !0;
|
||||
if (
|
||||
"object" !== typeof objA ||
|
||||
null === objA ||
|
||||
"object" !== typeof objB ||
|
||||
null === objB
|
||||
)
|
||||
return !1;
|
||||
var keysA = Object.keys(objA),
|
||||
keysB = Object.keys(objB);
|
||||
if (keysA.length !== keysB.length) return !1;
|
||||
for (keysB = 0; keysB < keysA.length; keysB++) {
|
||||
var currentKey = keysA[keysB];
|
||||
if (
|
||||
!hasOwnProperty.call(objB, currentKey) ||
|
||||
!objectIs(objA[currentKey], objB[currentKey])
|
||||
)
|
||||
return !1;
|
||||
}
|
||||
return !0;
|
||||
}
|
||||
function describeFiber(fiber) {
|
||||
switch (fiber.tag) {
|
||||
case 26:
|
||||
@@ -10242,7 +10242,7 @@ var slice = Array.prototype.slice,
|
||||
return null;
|
||||
},
|
||||
bundleType: 0,
|
||||
version: "18.3.0-www-modern-95350842",
|
||||
version: "18.3.0-www-modern-df10e75d",
|
||||
rendererPackageName: "react-art"
|
||||
};
|
||||
var internals$jscomp$inline_1303 = {
|
||||
@@ -10273,7 +10273,7 @@ var internals$jscomp$inline_1303 = {
|
||||
scheduleRoot: null,
|
||||
setRefreshHandler: null,
|
||||
getCurrentFiber: null,
|
||||
reconcilerVersion: "18.3.0-www-modern-95350842"
|
||||
reconcilerVersion: "18.3.0-www-modern-df10e75d"
|
||||
};
|
||||
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
|
||||
var hook$jscomp$inline_1304 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
|
||||
|
||||
@@ -3697,62 +3697,6 @@ if (__DEV__) {
|
||||
}
|
||||
}
|
||||
|
||||
function shouldConstruct$1(Component) {
|
||||
var prototype = Component.prototype;
|
||||
return !!(prototype && prototype.isReactComponent);
|
||||
}
|
||||
|
||||
function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
|
||||
if (type == null) {
|
||||
return "";
|
||||
}
|
||||
|
||||
if (typeof type === "function") {
|
||||
{
|
||||
return describeNativeComponentFrame(type, shouldConstruct$1(type));
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof type === "string") {
|
||||
return describeBuiltInComponentFrame(type);
|
||||
}
|
||||
|
||||
switch (type) {
|
||||
case REACT_SUSPENSE_TYPE:
|
||||
return describeBuiltInComponentFrame("Suspense");
|
||||
|
||||
case REACT_SUSPENSE_LIST_TYPE:
|
||||
return describeBuiltInComponentFrame("SuspenseList");
|
||||
}
|
||||
|
||||
if (typeof type === "object") {
|
||||
switch (type.$$typeof) {
|
||||
case REACT_FORWARD_REF_TYPE:
|
||||
return describeFunctionComponentFrame(type.render);
|
||||
|
||||
case REACT_MEMO_TYPE:
|
||||
// Memo may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
|
||||
|
||||
case REACT_LAZY_TYPE: {
|
||||
var lazyComponent = type;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
// Lazy may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(
|
||||
init(payload),
|
||||
ownerFn
|
||||
);
|
||||
} catch (x) {}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return "";
|
||||
}
|
||||
|
||||
function describeFiber(fiber) {
|
||||
switch (fiber.tag) {
|
||||
case HostHoistable:
|
||||
@@ -3802,7 +3746,7 @@ if (__DEV__) {
|
||||
}
|
||||
}
|
||||
|
||||
var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
var current = null;
|
||||
var isRendering = false;
|
||||
function getCurrentFiberOwnerNameInDevOrNull() {
|
||||
@@ -3834,14 +3778,14 @@ if (__DEV__) {
|
||||
|
||||
function resetCurrentFiber() {
|
||||
{
|
||||
ReactDebugCurrentFrame$1.getCurrentStack = null;
|
||||
ReactDebugCurrentFrame.getCurrentStack = null;
|
||||
current = null;
|
||||
isRendering = false;
|
||||
}
|
||||
}
|
||||
function setCurrentFiber(fiber) {
|
||||
{
|
||||
ReactDebugCurrentFrame$1.getCurrentStack =
|
||||
ReactDebugCurrentFrame.getCurrentStack =
|
||||
fiber === null ? null : getCurrentFiberStackInDev;
|
||||
current = fiber;
|
||||
isRendering = false;
|
||||
@@ -10298,111 +10242,6 @@ if (__DEV__) {
|
||||
}
|
||||
}
|
||||
|
||||
var loggedTypeFailures = {};
|
||||
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
|
||||
function setCurrentlyValidatingElement(element) {
|
||||
{
|
||||
if (element) {
|
||||
var owner = element._owner;
|
||||
var stack = describeUnknownElementTypeFrameInDEV(
|
||||
element.type,
|
||||
owner ? owner.type : null
|
||||
);
|
||||
ReactDebugCurrentFrame.setExtraStackFrame(stack);
|
||||
} else {
|
||||
ReactDebugCurrentFrame.setExtraStackFrame(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function checkPropTypes(
|
||||
typeSpecs,
|
||||
values,
|
||||
location,
|
||||
componentName,
|
||||
element
|
||||
) {
|
||||
{
|
||||
// $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
|
||||
var has = Function.call.bind(hasOwnProperty);
|
||||
|
||||
for (var typeSpecName in typeSpecs) {
|
||||
if (has(typeSpecs, typeSpecName)) {
|
||||
var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
|
||||
// fail the render phase where it didn't fail before. So we log it.
|
||||
// After these have been cleaned up, we'll let them throw.
|
||||
|
||||
try {
|
||||
// This is intentionally an invariant that gets caught. It's the same
|
||||
// behavior as without this statement except with a better message.
|
||||
if (typeof typeSpecs[typeSpecName] !== "function") {
|
||||
// eslint-disable-next-line react-internal/prod-error-codes
|
||||
var err = Error(
|
||||
(componentName || "React class") +
|
||||
": " +
|
||||
location +
|
||||
" type `" +
|
||||
typeSpecName +
|
||||
"` is invalid; " +
|
||||
"it must be a function, usually from the `prop-types` package, but received `" +
|
||||
typeof typeSpecs[typeSpecName] +
|
||||
"`." +
|
||||
"This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
|
||||
);
|
||||
err.name = "Invariant Violation";
|
||||
throw err;
|
||||
}
|
||||
|
||||
error$1 = typeSpecs[typeSpecName](
|
||||
values,
|
||||
typeSpecName,
|
||||
componentName,
|
||||
location,
|
||||
null,
|
||||
"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"
|
||||
);
|
||||
} catch (ex) {
|
||||
error$1 = ex;
|
||||
}
|
||||
|
||||
if (error$1 && !(error$1 instanceof Error)) {
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error(
|
||||
"%s: type specification of %s" +
|
||||
" `%s` is invalid; the type checker " +
|
||||
"function must return `null` or an `Error` but returned a %s. " +
|
||||
"You may have forgotten to pass an argument to the type checker " +
|
||||
"creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and " +
|
||||
"shape all require an argument).",
|
||||
componentName || "React class",
|
||||
location,
|
||||
typeSpecName,
|
||||
typeof error$1
|
||||
);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
|
||||
if (
|
||||
error$1 instanceof Error &&
|
||||
!(error$1.message in loggedTypeFailures)
|
||||
) {
|
||||
// Only monitor this failure once because there tends to be a lot of the
|
||||
// same error.
|
||||
loggedTypeFailures[error$1.message] = true;
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error("Failed %s type: %s", location, error$1.message);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Performs equality by iterating through keys on an object and returning false
|
||||
* when any key has values which are not strictly equal between the arguments.
|
||||
@@ -19606,23 +19445,6 @@ if (__DEV__) {
|
||||
// TODO: current can be non-null here even if the component
|
||||
// hasn't yet mounted. This happens after the first render suspends.
|
||||
// We'll need to figure out if this is fine or can cause issues.
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var render = Component.render;
|
||||
var ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
|
||||
|
||||
@@ -19711,19 +19533,6 @@ if (__DEV__) {
|
||||
}
|
||||
|
||||
{
|
||||
var innerPropTypes = type.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
// Inner memo component props aren't currently validated in createElement.
|
||||
// We could move it there, but we'd still need this for lazy code path.
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(type)
|
||||
);
|
||||
}
|
||||
|
||||
if (Component.defaultProps !== undefined) {
|
||||
var componentName = getComponentNameFromType(type) || "Unknown";
|
||||
|
||||
@@ -19753,22 +19562,6 @@ if (__DEV__) {
|
||||
return child;
|
||||
}
|
||||
|
||||
{
|
||||
var _type = Component.type;
|
||||
var _innerPropTypes = _type.propTypes;
|
||||
|
||||
if (_innerPropTypes) {
|
||||
// Inner memo component props aren't currently validated in createElement.
|
||||
// We could move it there, but we'd still need this for lazy code path.
|
||||
checkPropTypes(
|
||||
_innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(_type)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
var currentChild = current.child; // This is always exactly one child
|
||||
|
||||
var hasScheduledUpdateOrContext = checkScheduledUpdateOrContext(
|
||||
@@ -19814,40 +19607,6 @@ if (__DEV__) {
|
||||
// TODO: current can be non-null here even if the component
|
||||
// hasn't yet mounted. This happens when the inner render suspends.
|
||||
// We'll need to figure out if this is fine or can cause issues.
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var outerMemoType = workInProgress.elementType;
|
||||
|
||||
if (outerMemoType.$$typeof === REACT_LAZY_TYPE) {
|
||||
// We warn when you define propTypes on lazy()
|
||||
// so let's just skip over it to find memo() outer wrapper.
|
||||
// Inner props for memo are validated later.
|
||||
var lazyComponent = outerMemoType;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
outerMemoType = init(payload);
|
||||
} catch (x) {
|
||||
outerMemoType = null;
|
||||
} // Inner propTypes will be validated in the function component path.
|
||||
|
||||
var outerPropTypes = outerMemoType && outerMemoType.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
|
||||
"prop",
|
||||
getComponentNameFromType(outerMemoType)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (current !== null) {
|
||||
var prevProps = current.memoizedProps;
|
||||
|
||||
@@ -20298,23 +20057,6 @@ if (__DEV__) {
|
||||
nextProps,
|
||||
renderLanes
|
||||
) {
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var context;
|
||||
|
||||
{
|
||||
@@ -20462,21 +20204,6 @@ if (__DEV__) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
} // Push context providers early to prevent context stack mismatches.
|
||||
// During mounting we don't know the child context yet as the instance doesn't exist.
|
||||
// We will invalidate the child context in finishClassComponent() right after rendering.
|
||||
@@ -21021,21 +20748,6 @@ if (__DEV__) {
|
||||
}
|
||||
|
||||
case MemoComponent: {
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
var outerPropTypes = Component.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
resolvedProps, // Resolved for outer only
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
child = updateMemoComponent(
|
||||
null,
|
||||
workInProgress,
|
||||
@@ -22695,17 +22407,6 @@ if (__DEV__) {
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
var providerPropTypes = workInProgress.type.propTypes;
|
||||
|
||||
if (providerPropTypes) {
|
||||
checkPropTypes(
|
||||
providerPropTypes,
|
||||
newProps,
|
||||
"prop",
|
||||
"Context.Provider"
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
pushProvider(workInProgress, context, newValue);
|
||||
@@ -23406,31 +23107,16 @@ if (__DEV__) {
|
||||
return updateContextConsumer(current, workInProgress, renderLanes);
|
||||
|
||||
case MemoComponent: {
|
||||
var _type2 = workInProgress.type;
|
||||
var _type = workInProgress.type;
|
||||
var _unresolvedProps3 = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
|
||||
|
||||
var _resolvedProps3 = resolveDefaultProps(_type2, _unresolvedProps3);
|
||||
var _resolvedProps3 = resolveDefaultProps(_type, _unresolvedProps3);
|
||||
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
var outerPropTypes = _type2.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
_resolvedProps3, // Resolved for outer only
|
||||
"prop",
|
||||
getComponentNameFromType(_type2)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
_resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
|
||||
_resolvedProps3 = resolveDefaultProps(_type.type, _resolvedProps3);
|
||||
return updateMemoComponent(
|
||||
current,
|
||||
workInProgress,
|
||||
_type2,
|
||||
_type,
|
||||
_resolvedProps3,
|
||||
renderLanes
|
||||
);
|
||||
@@ -36017,7 +35703,7 @@ if (__DEV__) {
|
||||
return root;
|
||||
}
|
||||
|
||||
var ReactVersion = "18.3.0-www-classic-fb240cfb";
|
||||
var ReactVersion = "18.3.0-www-classic-f91bf9b5";
|
||||
|
||||
function createPortal$1(
|
||||
children,
|
||||
|
||||
@@ -3287,62 +3287,6 @@ if (__DEV__) {
|
||||
}
|
||||
}
|
||||
|
||||
function shouldConstruct$1(Component) {
|
||||
var prototype = Component.prototype;
|
||||
return !!(prototype && prototype.isReactComponent);
|
||||
}
|
||||
|
||||
function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
|
||||
if (type == null) {
|
||||
return "";
|
||||
}
|
||||
|
||||
if (typeof type === "function") {
|
||||
{
|
||||
return describeNativeComponentFrame(type, shouldConstruct$1(type));
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof type === "string") {
|
||||
return describeBuiltInComponentFrame(type);
|
||||
}
|
||||
|
||||
switch (type) {
|
||||
case REACT_SUSPENSE_TYPE:
|
||||
return describeBuiltInComponentFrame("Suspense");
|
||||
|
||||
case REACT_SUSPENSE_LIST_TYPE:
|
||||
return describeBuiltInComponentFrame("SuspenseList");
|
||||
}
|
||||
|
||||
if (typeof type === "object") {
|
||||
switch (type.$$typeof) {
|
||||
case REACT_FORWARD_REF_TYPE:
|
||||
return describeFunctionComponentFrame(type.render);
|
||||
|
||||
case REACT_MEMO_TYPE:
|
||||
// Memo may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
|
||||
|
||||
case REACT_LAZY_TYPE: {
|
||||
var lazyComponent = type;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
// Lazy may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(
|
||||
init(payload),
|
||||
ownerFn
|
||||
);
|
||||
} catch (x) {}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return "";
|
||||
}
|
||||
|
||||
function describeFiber(fiber) {
|
||||
switch (fiber.tag) {
|
||||
case HostHoistable:
|
||||
@@ -3645,7 +3589,7 @@ if (__DEV__) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
var current = null;
|
||||
var isRendering = false;
|
||||
function getCurrentFiberOwnerNameInDevOrNull() {
|
||||
@@ -3677,14 +3621,14 @@ if (__DEV__) {
|
||||
|
||||
function resetCurrentFiber() {
|
||||
{
|
||||
ReactDebugCurrentFrame$1.getCurrentStack = null;
|
||||
ReactDebugCurrentFrame.getCurrentStack = null;
|
||||
current = null;
|
||||
isRendering = false;
|
||||
}
|
||||
}
|
||||
function setCurrentFiber(fiber) {
|
||||
{
|
||||
ReactDebugCurrentFrame$1.getCurrentStack =
|
||||
ReactDebugCurrentFrame.getCurrentStack =
|
||||
fiber === null ? null : getCurrentFiberStackInDev;
|
||||
current = fiber;
|
||||
isRendering = false;
|
||||
@@ -10249,111 +10193,6 @@ if (__DEV__) {
|
||||
}
|
||||
}
|
||||
|
||||
var loggedTypeFailures = {};
|
||||
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
|
||||
function setCurrentlyValidatingElement(element) {
|
||||
{
|
||||
if (element) {
|
||||
var owner = element._owner;
|
||||
var stack = describeUnknownElementTypeFrameInDEV(
|
||||
element.type,
|
||||
owner ? owner.type : null
|
||||
);
|
||||
ReactDebugCurrentFrame.setExtraStackFrame(stack);
|
||||
} else {
|
||||
ReactDebugCurrentFrame.setExtraStackFrame(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function checkPropTypes(
|
||||
typeSpecs,
|
||||
values,
|
||||
location,
|
||||
componentName,
|
||||
element
|
||||
) {
|
||||
{
|
||||
// $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
|
||||
var has = Function.call.bind(hasOwnProperty);
|
||||
|
||||
for (var typeSpecName in typeSpecs) {
|
||||
if (has(typeSpecs, typeSpecName)) {
|
||||
var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
|
||||
// fail the render phase where it didn't fail before. So we log it.
|
||||
// After these have been cleaned up, we'll let them throw.
|
||||
|
||||
try {
|
||||
// This is intentionally an invariant that gets caught. It's the same
|
||||
// behavior as without this statement except with a better message.
|
||||
if (typeof typeSpecs[typeSpecName] !== "function") {
|
||||
// eslint-disable-next-line react-internal/prod-error-codes
|
||||
var err = Error(
|
||||
(componentName || "React class") +
|
||||
": " +
|
||||
location +
|
||||
" type `" +
|
||||
typeSpecName +
|
||||
"` is invalid; " +
|
||||
"it must be a function, usually from the `prop-types` package, but received `" +
|
||||
typeof typeSpecs[typeSpecName] +
|
||||
"`." +
|
||||
"This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
|
||||
);
|
||||
err.name = "Invariant Violation";
|
||||
throw err;
|
||||
}
|
||||
|
||||
error$1 = typeSpecs[typeSpecName](
|
||||
values,
|
||||
typeSpecName,
|
||||
componentName,
|
||||
location,
|
||||
null,
|
||||
"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"
|
||||
);
|
||||
} catch (ex) {
|
||||
error$1 = ex;
|
||||
}
|
||||
|
||||
if (error$1 && !(error$1 instanceof Error)) {
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error(
|
||||
"%s: type specification of %s" +
|
||||
" `%s` is invalid; the type checker " +
|
||||
"function must return `null` or an `Error` but returned a %s. " +
|
||||
"You may have forgotten to pass an argument to the type checker " +
|
||||
"creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and " +
|
||||
"shape all require an argument).",
|
||||
componentName || "React class",
|
||||
location,
|
||||
typeSpecName,
|
||||
typeof error$1
|
||||
);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
|
||||
if (
|
||||
error$1 instanceof Error &&
|
||||
!(error$1.message in loggedTypeFailures)
|
||||
) {
|
||||
// Only monitor this failure once because there tends to be a lot of the
|
||||
// same error.
|
||||
loggedTypeFailures[error$1.message] = true;
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error("Failed %s type: %s", location, error$1.message);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Performs equality by iterating through keys on an object and returning false
|
||||
* when any key has values which are not strictly equal between the arguments.
|
||||
@@ -19516,23 +19355,6 @@ if (__DEV__) {
|
||||
// TODO: current can be non-null here even if the component
|
||||
// hasn't yet mounted. This happens after the first render suspends.
|
||||
// We'll need to figure out if this is fine or can cause issues.
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var render = Component.render;
|
||||
var ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
|
||||
|
||||
@@ -19621,19 +19443,6 @@ if (__DEV__) {
|
||||
}
|
||||
|
||||
{
|
||||
var innerPropTypes = type.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
// Inner memo component props aren't currently validated in createElement.
|
||||
// We could move it there, but we'd still need this for lazy code path.
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(type)
|
||||
);
|
||||
}
|
||||
|
||||
if (Component.defaultProps !== undefined) {
|
||||
var componentName = getComponentNameFromType(type) || "Unknown";
|
||||
|
||||
@@ -19663,22 +19472,6 @@ if (__DEV__) {
|
||||
return child;
|
||||
}
|
||||
|
||||
{
|
||||
var _type = Component.type;
|
||||
var _innerPropTypes = _type.propTypes;
|
||||
|
||||
if (_innerPropTypes) {
|
||||
// Inner memo component props aren't currently validated in createElement.
|
||||
// We could move it there, but we'd still need this for lazy code path.
|
||||
checkPropTypes(
|
||||
_innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(_type)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
var currentChild = current.child; // This is always exactly one child
|
||||
|
||||
var hasScheduledUpdateOrContext = checkScheduledUpdateOrContext(
|
||||
@@ -19724,40 +19517,6 @@ if (__DEV__) {
|
||||
// TODO: current can be non-null here even if the component
|
||||
// hasn't yet mounted. This happens when the inner render suspends.
|
||||
// We'll need to figure out if this is fine or can cause issues.
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var outerMemoType = workInProgress.elementType;
|
||||
|
||||
if (outerMemoType.$$typeof === REACT_LAZY_TYPE) {
|
||||
// We warn when you define propTypes on lazy()
|
||||
// so let's just skip over it to find memo() outer wrapper.
|
||||
// Inner props for memo are validated later.
|
||||
var lazyComponent = outerMemoType;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
outerMemoType = init(payload);
|
||||
} catch (x) {
|
||||
outerMemoType = null;
|
||||
} // Inner propTypes will be validated in the function component path.
|
||||
|
||||
var outerPropTypes = outerMemoType && outerMemoType.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
|
||||
"prop",
|
||||
getComponentNameFromType(outerMemoType)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (current !== null) {
|
||||
var prevProps = current.memoizedProps;
|
||||
|
||||
@@ -20208,23 +19967,6 @@ if (__DEV__) {
|
||||
nextProps,
|
||||
renderLanes
|
||||
) {
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var context;
|
||||
|
||||
var nextChildren;
|
||||
@@ -20363,21 +20105,6 @@ if (__DEV__) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
} // Push context providers early to prevent context stack mismatches.
|
||||
// During mounting we don't know the child context yet as the instance doesn't exist.
|
||||
// We will invalidate the child context in finishClassComponent() right after rendering.
|
||||
@@ -20901,21 +20628,6 @@ if (__DEV__) {
|
||||
}
|
||||
|
||||
case MemoComponent: {
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
var outerPropTypes = Component.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
resolvedProps, // Resolved for outer only
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
child = updateMemoComponent(
|
||||
null,
|
||||
workInProgress,
|
||||
@@ -22575,17 +22287,6 @@ if (__DEV__) {
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
var providerPropTypes = workInProgress.type.propTypes;
|
||||
|
||||
if (providerPropTypes) {
|
||||
checkPropTypes(
|
||||
providerPropTypes,
|
||||
newProps,
|
||||
"prop",
|
||||
"Context.Provider"
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
pushProvider(workInProgress, context, newValue);
|
||||
@@ -23280,31 +22981,16 @@ if (__DEV__) {
|
||||
return updateContextConsumer(current, workInProgress, renderLanes);
|
||||
|
||||
case MemoComponent: {
|
||||
var _type2 = workInProgress.type;
|
||||
var _type = workInProgress.type;
|
||||
var _unresolvedProps3 = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
|
||||
|
||||
var _resolvedProps3 = resolveDefaultProps(_type2, _unresolvedProps3);
|
||||
var _resolvedProps3 = resolveDefaultProps(_type, _unresolvedProps3);
|
||||
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
var outerPropTypes = _type2.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
_resolvedProps3, // Resolved for outer only
|
||||
"prop",
|
||||
getComponentNameFromType(_type2)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
_resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
|
||||
_resolvedProps3 = resolveDefaultProps(_type.type, _resolvedProps3);
|
||||
return updateMemoComponent(
|
||||
current,
|
||||
workInProgress,
|
||||
_type2,
|
||||
_type,
|
||||
_resolvedProps3,
|
||||
renderLanes
|
||||
);
|
||||
@@ -35853,7 +35539,7 @@ if (__DEV__) {
|
||||
return root;
|
||||
}
|
||||
|
||||
var ReactVersion = "18.3.0-www-modern-b0d7b4a2";
|
||||
var ReactVersion = "18.3.0-www-modern-37b33a94";
|
||||
|
||||
function createPortal$1(
|
||||
children,
|
||||
|
||||
@@ -17453,7 +17453,7 @@ Internals.Events = [
|
||||
var devToolsConfig$jscomp$inline_1869 = {
|
||||
findFiberByHostInstance: getClosestInstanceFromNode,
|
||||
bundleType: 0,
|
||||
version: "18.3.0-www-modern-f7b80cf4",
|
||||
version: "18.3.0-www-modern-d27591d2",
|
||||
rendererPackageName: "react-dom"
|
||||
};
|
||||
(function (internals) {
|
||||
@@ -17498,7 +17498,7 @@ var devToolsConfig$jscomp$inline_1869 = {
|
||||
scheduleRoot: null,
|
||||
setRefreshHandler: null,
|
||||
getCurrentFiber: null,
|
||||
reconcilerVersion: "18.3.0-www-modern-f7b80cf4"
|
||||
reconcilerVersion: "18.3.0-www-modern-d27591d2"
|
||||
});
|
||||
exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
|
||||
exports.createPortal = function (children, container) {
|
||||
@@ -17756,7 +17756,7 @@ exports.useFormState = function (action, initialState, permalink) {
|
||||
exports.useFormStatus = function () {
|
||||
return ReactCurrentDispatcher$2.current.useHostTransitionStatus();
|
||||
};
|
||||
exports.version = "18.3.0-www-modern-f7b80cf4";
|
||||
exports.version = "18.3.0-www-modern-d27591d2";
|
||||
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
|
||||
"function" ===
|
||||
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
|
||||
|
||||
@@ -19,7 +19,7 @@ if (__DEV__) {
|
||||
var React = require("react");
|
||||
var ReactDOM = require("react-dom");
|
||||
|
||||
var ReactVersion = "18.3.0-www-classic-dec32670";
|
||||
var ReactVersion = "18.3.0-www-classic-1211dccf";
|
||||
|
||||
// This refers to a WWW module.
|
||||
var warningWWW = require("warning");
|
||||
@@ -8592,547 +8592,6 @@ if (__DEV__) {
|
||||
return null;
|
||||
}
|
||||
|
||||
// Helpers to patch console.logs to avoid logging during side-effect free
|
||||
// replaying on render function. This currently only patches the object
|
||||
// lazily which won't cover if the log function was extracted eagerly.
|
||||
// We could also eagerly patch the method.
|
||||
var disabledDepth = 0;
|
||||
var prevLog;
|
||||
var prevInfo;
|
||||
var prevWarn;
|
||||
var prevError;
|
||||
var prevGroup;
|
||||
var prevGroupCollapsed;
|
||||
var prevGroupEnd;
|
||||
|
||||
function disabledLog() {}
|
||||
|
||||
disabledLog.__reactDisabledLog = true;
|
||||
function disableLogs() {
|
||||
{
|
||||
if (disabledDepth === 0) {
|
||||
/* eslint-disable react-internal/no-production-logging */
|
||||
prevLog = console.log;
|
||||
prevInfo = console.info;
|
||||
prevWarn = console.warn;
|
||||
prevError = console.error;
|
||||
prevGroup = console.group;
|
||||
prevGroupCollapsed = console.groupCollapsed;
|
||||
prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
|
||||
|
||||
var props = {
|
||||
configurable: true,
|
||||
enumerable: true,
|
||||
value: disabledLog,
|
||||
writable: true
|
||||
}; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
|
||||
|
||||
Object.defineProperties(console, {
|
||||
info: props,
|
||||
log: props,
|
||||
warn: props,
|
||||
error: props,
|
||||
group: props,
|
||||
groupCollapsed: props,
|
||||
groupEnd: props
|
||||
});
|
||||
/* eslint-enable react-internal/no-production-logging */
|
||||
}
|
||||
|
||||
disabledDepth++;
|
||||
}
|
||||
}
|
||||
function reenableLogs() {
|
||||
{
|
||||
disabledDepth--;
|
||||
|
||||
if (disabledDepth === 0) {
|
||||
/* eslint-disable react-internal/no-production-logging */
|
||||
var props = {
|
||||
configurable: true,
|
||||
enumerable: true,
|
||||
writable: true
|
||||
}; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
|
||||
|
||||
Object.defineProperties(console, {
|
||||
log: assign({}, props, {
|
||||
value: prevLog
|
||||
}),
|
||||
info: assign({}, props, {
|
||||
value: prevInfo
|
||||
}),
|
||||
warn: assign({}, props, {
|
||||
value: prevWarn
|
||||
}),
|
||||
error: assign({}, props, {
|
||||
value: prevError
|
||||
}),
|
||||
group: assign({}, props, {
|
||||
value: prevGroup
|
||||
}),
|
||||
groupCollapsed: assign({}, props, {
|
||||
value: prevGroupCollapsed
|
||||
}),
|
||||
groupEnd: assign({}, props, {
|
||||
value: prevGroupEnd
|
||||
})
|
||||
});
|
||||
/* eslint-enable react-internal/no-production-logging */
|
||||
}
|
||||
|
||||
if (disabledDepth < 0) {
|
||||
error(
|
||||
"disabledDepth fell below zero. " +
|
||||
"This is a bug in React. Please file an issue."
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
|
||||
var prefix;
|
||||
function describeBuiltInComponentFrame(name, ownerFn) {
|
||||
{
|
||||
if (prefix === undefined) {
|
||||
// Extract the VM specific prefix used by each line.
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
var match = x.stack.trim().match(/\n( *(at )?)/);
|
||||
prefix = (match && match[1]) || "";
|
||||
}
|
||||
} // We use the prefix to ensure our stacks line up with native stack frames.
|
||||
|
||||
return "\n" + prefix + name;
|
||||
}
|
||||
}
|
||||
var reentry = false;
|
||||
var componentFrameCache;
|
||||
|
||||
{
|
||||
var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
|
||||
componentFrameCache = new PossiblyWeakMap();
|
||||
}
|
||||
/**
|
||||
* Leverages native browser/VM stack frames to get proper details (e.g.
|
||||
* filename, line + col number) for a single component in a component stack. We
|
||||
* do this by:
|
||||
* (1) throwing and catching an error in the function - this will be our
|
||||
* control error.
|
||||
* (2) calling the component which will eventually throw an error that we'll
|
||||
* catch - this will be our sample error.
|
||||
* (3) diffing the control and sample error stacks to find the stack frame
|
||||
* which represents our component.
|
||||
*/
|
||||
|
||||
function describeNativeComponentFrame(fn, construct) {
|
||||
// If something asked for a stack inside a fake render, it should get ignored.
|
||||
if (!fn || reentry) {
|
||||
return "";
|
||||
}
|
||||
|
||||
{
|
||||
var frame = componentFrameCache.get(fn);
|
||||
|
||||
if (frame !== undefined) {
|
||||
return frame;
|
||||
}
|
||||
}
|
||||
|
||||
reentry = true;
|
||||
var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
|
||||
|
||||
Error.prepareStackTrace = undefined;
|
||||
var previousDispatcher;
|
||||
|
||||
{
|
||||
previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
|
||||
// for warnings.
|
||||
|
||||
ReactCurrentDispatcher$1.current = null;
|
||||
disableLogs();
|
||||
}
|
||||
/**
|
||||
* Finding a common stack frame between sample and control errors can be
|
||||
* tricky given the different types and levels of stack trace truncation from
|
||||
* different JS VMs. So instead we'll attempt to control what that common
|
||||
* frame should be through this object method:
|
||||
* Having both the sample and control errors be in the function under the
|
||||
* `DescribeNativeComponentFrameRoot` property, + setting the `name` and
|
||||
* `displayName` properties of the function ensures that a stack
|
||||
* frame exists that has the method name `DescribeNativeComponentFrameRoot` in
|
||||
* it for both control and sample stacks.
|
||||
*/
|
||||
|
||||
var RunInRootFrame = {
|
||||
DetermineComponentFrameRoot: function () {
|
||||
var control;
|
||||
|
||||
try {
|
||||
// This should throw.
|
||||
if (construct) {
|
||||
// Something should be setting the props in the constructor.
|
||||
var Fake = function () {
|
||||
throw Error();
|
||||
}; // $FlowFixMe[prop-missing]
|
||||
|
||||
Object.defineProperty(Fake.prototype, "props", {
|
||||
set: function () {
|
||||
// We use a throwing setter instead of frozen or non-writable props
|
||||
// because that won't throw in a non-strict mode function.
|
||||
throw Error();
|
||||
}
|
||||
});
|
||||
|
||||
if (typeof Reflect === "object" && Reflect.construct) {
|
||||
// We construct a different control for this case to include any extra
|
||||
// frames added by the construct call.
|
||||
try {
|
||||
Reflect.construct(Fake, []);
|
||||
} catch (x) {
|
||||
control = x;
|
||||
}
|
||||
|
||||
Reflect.construct(fn, [], Fake);
|
||||
} else {
|
||||
try {
|
||||
Fake.call();
|
||||
} catch (x) {
|
||||
control = x;
|
||||
} // $FlowFixMe[prop-missing] found when upgrading Flow
|
||||
|
||||
fn.call(Fake.prototype);
|
||||
}
|
||||
} else {
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
control = x;
|
||||
} // TODO(luna): This will currently only throw if the function component
|
||||
// tries to access React/ReactDOM/props. We should probably make this throw
|
||||
// in simple components too
|
||||
|
||||
var maybePromise = fn(); // If the function component returns a promise, it's likely an async
|
||||
// component, which we don't yet support. Attach a noop catch handler to
|
||||
// silence the error.
|
||||
// TODO: Implement component stacks for async client components?
|
||||
|
||||
if (maybePromise && typeof maybePromise.catch === "function") {
|
||||
maybePromise.catch(function () {});
|
||||
}
|
||||
}
|
||||
} catch (sample) {
|
||||
// This is inlined manually because closure doesn't do it for us.
|
||||
if (sample && control && typeof sample.stack === "string") {
|
||||
return [sample.stack, control.stack];
|
||||
}
|
||||
}
|
||||
|
||||
return [null, null];
|
||||
}
|
||||
}; // $FlowFixMe[prop-missing]
|
||||
|
||||
RunInRootFrame.DetermineComponentFrameRoot.displayName =
|
||||
"DetermineComponentFrameRoot";
|
||||
var namePropDescriptor = Object.getOwnPropertyDescriptor(
|
||||
RunInRootFrame.DetermineComponentFrameRoot,
|
||||
"name"
|
||||
); // Before ES6, the `name` property was not configurable.
|
||||
|
||||
if (namePropDescriptor && namePropDescriptor.configurable) {
|
||||
// V8 utilizes a function's `name` property when generating a stack trace.
|
||||
Object.defineProperty(
|
||||
RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
|
||||
// is set to `false`.
|
||||
// $FlowFixMe[cannot-write]
|
||||
"name",
|
||||
{
|
||||
value: "DetermineComponentFrameRoot"
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
try {
|
||||
var _RunInRootFrame$Deter =
|
||||
RunInRootFrame.DetermineComponentFrameRoot(),
|
||||
sampleStack = _RunInRootFrame$Deter[0],
|
||||
controlStack = _RunInRootFrame$Deter[1];
|
||||
|
||||
if (sampleStack && controlStack) {
|
||||
// This extracts the first frame from the sample that isn't also in the control.
|
||||
// Skipping one frame that we assume is the frame that calls the two.
|
||||
var sampleLines = sampleStack.split("\n");
|
||||
var controlLines = controlStack.split("\n");
|
||||
var s = 0;
|
||||
var c = 0;
|
||||
|
||||
while (
|
||||
s < sampleLines.length &&
|
||||
!sampleLines[s].includes("DetermineComponentFrameRoot")
|
||||
) {
|
||||
s++;
|
||||
}
|
||||
|
||||
while (
|
||||
c < controlLines.length &&
|
||||
!controlLines[c].includes("DetermineComponentFrameRoot")
|
||||
) {
|
||||
c++;
|
||||
} // We couldn't find our intentionally injected common root frame, attempt
|
||||
// to find another common root frame by search from the bottom of the
|
||||
// control stack...
|
||||
|
||||
if (s === sampleLines.length || c === controlLines.length) {
|
||||
s = sampleLines.length - 1;
|
||||
c = controlLines.length - 1;
|
||||
|
||||
while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
|
||||
// We expect at least one stack frame to be shared.
|
||||
// Typically this will be the root most one. However, stack frames may be
|
||||
// cut off due to maximum stack limits. In this case, one maybe cut off
|
||||
// earlier than the other. We assume that the sample is longer or the same
|
||||
// and there for cut off earlier. So we should find the root most frame in
|
||||
// the sample somewhere in the control.
|
||||
c--;
|
||||
}
|
||||
}
|
||||
|
||||
for (; s >= 1 && c >= 0; s--, c--) {
|
||||
// Next we find the first one that isn't the same which should be the
|
||||
// frame that called our sample function and the control.
|
||||
if (sampleLines[s] !== controlLines[c]) {
|
||||
// In V8, the first line is describing the message but other VMs don't.
|
||||
// If we're about to return the first line, and the control is also on the same
|
||||
// line, that's a pretty good indicator that our sample threw at same line as
|
||||
// the control. I.e. before we entered the sample frame. So we ignore this result.
|
||||
// This can happen if you passed a class to function component, or non-function.
|
||||
if (s !== 1 || c !== 1) {
|
||||
do {
|
||||
s--;
|
||||
c--; // We may still have similar intermediate frames from the construct call.
|
||||
// The next one that isn't the same should be our match though.
|
||||
|
||||
if (c < 0 || sampleLines[s] !== controlLines[c]) {
|
||||
// V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
|
||||
var _frame =
|
||||
"\n" + sampleLines[s].replace(" at new ", " at "); // If our component frame is labeled "<anonymous>"
|
||||
// but we have a user-provided "displayName"
|
||||
// splice it in to make the stack more readable.
|
||||
|
||||
if (fn.displayName && _frame.includes("<anonymous>")) {
|
||||
_frame = _frame.replace("<anonymous>", fn.displayName);
|
||||
}
|
||||
|
||||
if (true) {
|
||||
if (typeof fn === "function") {
|
||||
componentFrameCache.set(fn, _frame);
|
||||
}
|
||||
} // Return the line we found.
|
||||
|
||||
return _frame;
|
||||
}
|
||||
} while (s >= 1 && c >= 0);
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
} finally {
|
||||
reentry = false;
|
||||
|
||||
{
|
||||
ReactCurrentDispatcher$1.current = previousDispatcher;
|
||||
reenableLogs();
|
||||
}
|
||||
|
||||
Error.prepareStackTrace = previousPrepareStackTrace;
|
||||
} // Fallback to just using the name if we couldn't make it throw.
|
||||
|
||||
var name = fn ? fn.displayName || fn.name : "";
|
||||
var syntheticFrame = name ? describeBuiltInComponentFrame(name) : "";
|
||||
|
||||
{
|
||||
if (typeof fn === "function") {
|
||||
componentFrameCache.set(fn, syntheticFrame);
|
||||
}
|
||||
}
|
||||
|
||||
return syntheticFrame;
|
||||
}
|
||||
|
||||
function describeClassComponentFrame(ctor, ownerFn) {
|
||||
{
|
||||
return describeNativeComponentFrame(ctor, true);
|
||||
}
|
||||
}
|
||||
function describeFunctionComponentFrame(fn, ownerFn) {
|
||||
{
|
||||
return describeNativeComponentFrame(fn, false);
|
||||
}
|
||||
}
|
||||
|
||||
function shouldConstruct$1(Component) {
|
||||
var prototype = Component.prototype;
|
||||
return !!(prototype && prototype.isReactComponent);
|
||||
}
|
||||
|
||||
function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
|
||||
if (type == null) {
|
||||
return "";
|
||||
}
|
||||
|
||||
if (typeof type === "function") {
|
||||
{
|
||||
return describeNativeComponentFrame(type, shouldConstruct$1(type));
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof type === "string") {
|
||||
return describeBuiltInComponentFrame(type);
|
||||
}
|
||||
|
||||
switch (type) {
|
||||
case REACT_SUSPENSE_TYPE:
|
||||
return describeBuiltInComponentFrame("Suspense");
|
||||
|
||||
case REACT_SUSPENSE_LIST_TYPE:
|
||||
return describeBuiltInComponentFrame("SuspenseList");
|
||||
}
|
||||
|
||||
if (typeof type === "object") {
|
||||
switch (type.$$typeof) {
|
||||
case REACT_FORWARD_REF_TYPE:
|
||||
return describeFunctionComponentFrame(type.render);
|
||||
|
||||
case REACT_MEMO_TYPE:
|
||||
// Memo may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
|
||||
|
||||
case REACT_LAZY_TYPE: {
|
||||
var lazyComponent = type;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
// Lazy may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(
|
||||
init(payload),
|
||||
ownerFn
|
||||
);
|
||||
} catch (x) {}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return "";
|
||||
}
|
||||
|
||||
var loggedTypeFailures = {};
|
||||
var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
|
||||
function setCurrentlyValidatingElement(element) {
|
||||
{
|
||||
if (element) {
|
||||
var owner = element._owner;
|
||||
var stack = describeUnknownElementTypeFrameInDEV(
|
||||
element.type,
|
||||
owner ? owner.type : null
|
||||
);
|
||||
ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
|
||||
} else {
|
||||
ReactDebugCurrentFrame$1.setExtraStackFrame(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function checkPropTypes(
|
||||
typeSpecs,
|
||||
values,
|
||||
location,
|
||||
componentName,
|
||||
element
|
||||
) {
|
||||
{
|
||||
// $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
|
||||
var has = Function.call.bind(hasOwnProperty);
|
||||
|
||||
for (var typeSpecName in typeSpecs) {
|
||||
if (has(typeSpecs, typeSpecName)) {
|
||||
var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
|
||||
// fail the render phase where it didn't fail before. So we log it.
|
||||
// After these have been cleaned up, we'll let them throw.
|
||||
|
||||
try {
|
||||
// This is intentionally an invariant that gets caught. It's the same
|
||||
// behavior as without this statement except with a better message.
|
||||
if (typeof typeSpecs[typeSpecName] !== "function") {
|
||||
// eslint-disable-next-line react-internal/prod-error-codes
|
||||
var err = Error(
|
||||
(componentName || "React class") +
|
||||
": " +
|
||||
location +
|
||||
" type `" +
|
||||
typeSpecName +
|
||||
"` is invalid; " +
|
||||
"it must be a function, usually from the `prop-types` package, but received `" +
|
||||
typeof typeSpecs[typeSpecName] +
|
||||
"`." +
|
||||
"This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
|
||||
);
|
||||
err.name = "Invariant Violation";
|
||||
throw err;
|
||||
}
|
||||
|
||||
error$1 = typeSpecs[typeSpecName](
|
||||
values,
|
||||
typeSpecName,
|
||||
componentName,
|
||||
location,
|
||||
null,
|
||||
"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"
|
||||
);
|
||||
} catch (ex) {
|
||||
error$1 = ex;
|
||||
}
|
||||
|
||||
if (error$1 && !(error$1 instanceof Error)) {
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error(
|
||||
"%s: type specification of %s" +
|
||||
" `%s` is invalid; the type checker " +
|
||||
"function must return `null` or an `Error` but returned a %s. " +
|
||||
"You may have forgotten to pass an argument to the type checker " +
|
||||
"creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and " +
|
||||
"shape all require an argument).",
|
||||
componentName || "React class",
|
||||
location,
|
||||
typeSpecName,
|
||||
typeof error$1
|
||||
);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
|
||||
if (
|
||||
error$1 instanceof Error &&
|
||||
!(error$1.message in loggedTypeFailures)
|
||||
) {
|
||||
// Only monitor this failure once because there tends to be a lot of the
|
||||
// same error.
|
||||
loggedTypeFailures[error$1.message] = true;
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error("Failed %s type: %s", location, error$1.message);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var warnedAboutMissingGetChildContext;
|
||||
|
||||
{
|
||||
@@ -9159,11 +8618,6 @@ if (__DEV__) {
|
||||
context[key] = unmaskedContext[key];
|
||||
}
|
||||
|
||||
{
|
||||
var name = getComponentNameFromType(type) || "Unknown";
|
||||
checkPropTypes(contextTypes, context, "context", name);
|
||||
}
|
||||
|
||||
return context;
|
||||
}
|
||||
}
|
||||
@@ -9209,16 +8663,6 @@ if (__DEV__) {
|
||||
}
|
||||
}
|
||||
|
||||
{
|
||||
var name = getComponentNameFromType(type) || "Unknown";
|
||||
checkPropTypes(
|
||||
childContextTypes,
|
||||
childContext,
|
||||
"child context",
|
||||
name
|
||||
);
|
||||
}
|
||||
|
||||
return assign({}, parentContext, childContext);
|
||||
}
|
||||
}
|
||||
@@ -11207,6 +10651,386 @@ if (__DEV__) {
|
||||
getCacheForType: getCacheForType
|
||||
};
|
||||
|
||||
// Helpers to patch console.logs to avoid logging during side-effect free
|
||||
// replaying on render function. This currently only patches the object
|
||||
// lazily which won't cover if the log function was extracted eagerly.
|
||||
// We could also eagerly patch the method.
|
||||
var disabledDepth = 0;
|
||||
var prevLog;
|
||||
var prevInfo;
|
||||
var prevWarn;
|
||||
var prevError;
|
||||
var prevGroup;
|
||||
var prevGroupCollapsed;
|
||||
var prevGroupEnd;
|
||||
|
||||
function disabledLog() {}
|
||||
|
||||
disabledLog.__reactDisabledLog = true;
|
||||
function disableLogs() {
|
||||
{
|
||||
if (disabledDepth === 0) {
|
||||
/* eslint-disable react-internal/no-production-logging */
|
||||
prevLog = console.log;
|
||||
prevInfo = console.info;
|
||||
prevWarn = console.warn;
|
||||
prevError = console.error;
|
||||
prevGroup = console.group;
|
||||
prevGroupCollapsed = console.groupCollapsed;
|
||||
prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
|
||||
|
||||
var props = {
|
||||
configurable: true,
|
||||
enumerable: true,
|
||||
value: disabledLog,
|
||||
writable: true
|
||||
}; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
|
||||
|
||||
Object.defineProperties(console, {
|
||||
info: props,
|
||||
log: props,
|
||||
warn: props,
|
||||
error: props,
|
||||
group: props,
|
||||
groupCollapsed: props,
|
||||
groupEnd: props
|
||||
});
|
||||
/* eslint-enable react-internal/no-production-logging */
|
||||
}
|
||||
|
||||
disabledDepth++;
|
||||
}
|
||||
}
|
||||
function reenableLogs() {
|
||||
{
|
||||
disabledDepth--;
|
||||
|
||||
if (disabledDepth === 0) {
|
||||
/* eslint-disable react-internal/no-production-logging */
|
||||
var props = {
|
||||
configurable: true,
|
||||
enumerable: true,
|
||||
writable: true
|
||||
}; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
|
||||
|
||||
Object.defineProperties(console, {
|
||||
log: assign({}, props, {
|
||||
value: prevLog
|
||||
}),
|
||||
info: assign({}, props, {
|
||||
value: prevInfo
|
||||
}),
|
||||
warn: assign({}, props, {
|
||||
value: prevWarn
|
||||
}),
|
||||
error: assign({}, props, {
|
||||
value: prevError
|
||||
}),
|
||||
group: assign({}, props, {
|
||||
value: prevGroup
|
||||
}),
|
||||
groupCollapsed: assign({}, props, {
|
||||
value: prevGroupCollapsed
|
||||
}),
|
||||
groupEnd: assign({}, props, {
|
||||
value: prevGroupEnd
|
||||
})
|
||||
});
|
||||
/* eslint-enable react-internal/no-production-logging */
|
||||
}
|
||||
|
||||
if (disabledDepth < 0) {
|
||||
error(
|
||||
"disabledDepth fell below zero. " +
|
||||
"This is a bug in React. Please file an issue."
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
|
||||
var prefix;
|
||||
function describeBuiltInComponentFrame(name, ownerFn) {
|
||||
{
|
||||
if (prefix === undefined) {
|
||||
// Extract the VM specific prefix used by each line.
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
var match = x.stack.trim().match(/\n( *(at )?)/);
|
||||
prefix = (match && match[1]) || "";
|
||||
}
|
||||
} // We use the prefix to ensure our stacks line up with native stack frames.
|
||||
|
||||
return "\n" + prefix + name;
|
||||
}
|
||||
}
|
||||
var reentry = false;
|
||||
var componentFrameCache;
|
||||
|
||||
{
|
||||
var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
|
||||
componentFrameCache = new PossiblyWeakMap();
|
||||
}
|
||||
/**
|
||||
* Leverages native browser/VM stack frames to get proper details (e.g.
|
||||
* filename, line + col number) for a single component in a component stack. We
|
||||
* do this by:
|
||||
* (1) throwing and catching an error in the function - this will be our
|
||||
* control error.
|
||||
* (2) calling the component which will eventually throw an error that we'll
|
||||
* catch - this will be our sample error.
|
||||
* (3) diffing the control and sample error stacks to find the stack frame
|
||||
* which represents our component.
|
||||
*/
|
||||
|
||||
function describeNativeComponentFrame(fn, construct) {
|
||||
// If something asked for a stack inside a fake render, it should get ignored.
|
||||
if (!fn || reentry) {
|
||||
return "";
|
||||
}
|
||||
|
||||
{
|
||||
var frame = componentFrameCache.get(fn);
|
||||
|
||||
if (frame !== undefined) {
|
||||
return frame;
|
||||
}
|
||||
}
|
||||
|
||||
reentry = true;
|
||||
var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
|
||||
|
||||
Error.prepareStackTrace = undefined;
|
||||
var previousDispatcher;
|
||||
|
||||
{
|
||||
previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
|
||||
// for warnings.
|
||||
|
||||
ReactCurrentDispatcher$1.current = null;
|
||||
disableLogs();
|
||||
}
|
||||
/**
|
||||
* Finding a common stack frame between sample and control errors can be
|
||||
* tricky given the different types and levels of stack trace truncation from
|
||||
* different JS VMs. So instead we'll attempt to control what that common
|
||||
* frame should be through this object method:
|
||||
* Having both the sample and control errors be in the function under the
|
||||
* `DescribeNativeComponentFrameRoot` property, + setting the `name` and
|
||||
* `displayName` properties of the function ensures that a stack
|
||||
* frame exists that has the method name `DescribeNativeComponentFrameRoot` in
|
||||
* it for both control and sample stacks.
|
||||
*/
|
||||
|
||||
var RunInRootFrame = {
|
||||
DetermineComponentFrameRoot: function () {
|
||||
var control;
|
||||
|
||||
try {
|
||||
// This should throw.
|
||||
if (construct) {
|
||||
// Something should be setting the props in the constructor.
|
||||
var Fake = function () {
|
||||
throw Error();
|
||||
}; // $FlowFixMe[prop-missing]
|
||||
|
||||
Object.defineProperty(Fake.prototype, "props", {
|
||||
set: function () {
|
||||
// We use a throwing setter instead of frozen or non-writable props
|
||||
// because that won't throw in a non-strict mode function.
|
||||
throw Error();
|
||||
}
|
||||
});
|
||||
|
||||
if (typeof Reflect === "object" && Reflect.construct) {
|
||||
// We construct a different control for this case to include any extra
|
||||
// frames added by the construct call.
|
||||
try {
|
||||
Reflect.construct(Fake, []);
|
||||
} catch (x) {
|
||||
control = x;
|
||||
}
|
||||
|
||||
Reflect.construct(fn, [], Fake);
|
||||
} else {
|
||||
try {
|
||||
Fake.call();
|
||||
} catch (x) {
|
||||
control = x;
|
||||
} // $FlowFixMe[prop-missing] found when upgrading Flow
|
||||
|
||||
fn.call(Fake.prototype);
|
||||
}
|
||||
} else {
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
control = x;
|
||||
} // TODO(luna): This will currently only throw if the function component
|
||||
// tries to access React/ReactDOM/props. We should probably make this throw
|
||||
// in simple components too
|
||||
|
||||
var maybePromise = fn(); // If the function component returns a promise, it's likely an async
|
||||
// component, which we don't yet support. Attach a noop catch handler to
|
||||
// silence the error.
|
||||
// TODO: Implement component stacks for async client components?
|
||||
|
||||
if (maybePromise && typeof maybePromise.catch === "function") {
|
||||
maybePromise.catch(function () {});
|
||||
}
|
||||
}
|
||||
} catch (sample) {
|
||||
// This is inlined manually because closure doesn't do it for us.
|
||||
if (sample && control && typeof sample.stack === "string") {
|
||||
return [sample.stack, control.stack];
|
||||
}
|
||||
}
|
||||
|
||||
return [null, null];
|
||||
}
|
||||
}; // $FlowFixMe[prop-missing]
|
||||
|
||||
RunInRootFrame.DetermineComponentFrameRoot.displayName =
|
||||
"DetermineComponentFrameRoot";
|
||||
var namePropDescriptor = Object.getOwnPropertyDescriptor(
|
||||
RunInRootFrame.DetermineComponentFrameRoot,
|
||||
"name"
|
||||
); // Before ES6, the `name` property was not configurable.
|
||||
|
||||
if (namePropDescriptor && namePropDescriptor.configurable) {
|
||||
// V8 utilizes a function's `name` property when generating a stack trace.
|
||||
Object.defineProperty(
|
||||
RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
|
||||
// is set to `false`.
|
||||
// $FlowFixMe[cannot-write]
|
||||
"name",
|
||||
{
|
||||
value: "DetermineComponentFrameRoot"
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
try {
|
||||
var _RunInRootFrame$Deter =
|
||||
RunInRootFrame.DetermineComponentFrameRoot(),
|
||||
sampleStack = _RunInRootFrame$Deter[0],
|
||||
controlStack = _RunInRootFrame$Deter[1];
|
||||
|
||||
if (sampleStack && controlStack) {
|
||||
// This extracts the first frame from the sample that isn't also in the control.
|
||||
// Skipping one frame that we assume is the frame that calls the two.
|
||||
var sampleLines = sampleStack.split("\n");
|
||||
var controlLines = controlStack.split("\n");
|
||||
var s = 0;
|
||||
var c = 0;
|
||||
|
||||
while (
|
||||
s < sampleLines.length &&
|
||||
!sampleLines[s].includes("DetermineComponentFrameRoot")
|
||||
) {
|
||||
s++;
|
||||
}
|
||||
|
||||
while (
|
||||
c < controlLines.length &&
|
||||
!controlLines[c].includes("DetermineComponentFrameRoot")
|
||||
) {
|
||||
c++;
|
||||
} // We couldn't find our intentionally injected common root frame, attempt
|
||||
// to find another common root frame by search from the bottom of the
|
||||
// control stack...
|
||||
|
||||
if (s === sampleLines.length || c === controlLines.length) {
|
||||
s = sampleLines.length - 1;
|
||||
c = controlLines.length - 1;
|
||||
|
||||
while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
|
||||
// We expect at least one stack frame to be shared.
|
||||
// Typically this will be the root most one. However, stack frames may be
|
||||
// cut off due to maximum stack limits. In this case, one maybe cut off
|
||||
// earlier than the other. We assume that the sample is longer or the same
|
||||
// and there for cut off earlier. So we should find the root most frame in
|
||||
// the sample somewhere in the control.
|
||||
c--;
|
||||
}
|
||||
}
|
||||
|
||||
for (; s >= 1 && c >= 0; s--, c--) {
|
||||
// Next we find the first one that isn't the same which should be the
|
||||
// frame that called our sample function and the control.
|
||||
if (sampleLines[s] !== controlLines[c]) {
|
||||
// In V8, the first line is describing the message but other VMs don't.
|
||||
// If we're about to return the first line, and the control is also on the same
|
||||
// line, that's a pretty good indicator that our sample threw at same line as
|
||||
// the control. I.e. before we entered the sample frame. So we ignore this result.
|
||||
// This can happen if you passed a class to function component, or non-function.
|
||||
if (s !== 1 || c !== 1) {
|
||||
do {
|
||||
s--;
|
||||
c--; // We may still have similar intermediate frames from the construct call.
|
||||
// The next one that isn't the same should be our match though.
|
||||
|
||||
if (c < 0 || sampleLines[s] !== controlLines[c]) {
|
||||
// V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
|
||||
var _frame =
|
||||
"\n" + sampleLines[s].replace(" at new ", " at "); // If our component frame is labeled "<anonymous>"
|
||||
// but we have a user-provided "displayName"
|
||||
// splice it in to make the stack more readable.
|
||||
|
||||
if (fn.displayName && _frame.includes("<anonymous>")) {
|
||||
_frame = _frame.replace("<anonymous>", fn.displayName);
|
||||
}
|
||||
|
||||
if (true) {
|
||||
if (typeof fn === "function") {
|
||||
componentFrameCache.set(fn, _frame);
|
||||
}
|
||||
} // Return the line we found.
|
||||
|
||||
return _frame;
|
||||
}
|
||||
} while (s >= 1 && c >= 0);
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
} finally {
|
||||
reentry = false;
|
||||
|
||||
{
|
||||
ReactCurrentDispatcher$1.current = previousDispatcher;
|
||||
reenableLogs();
|
||||
}
|
||||
|
||||
Error.prepareStackTrace = previousPrepareStackTrace;
|
||||
} // Fallback to just using the name if we couldn't make it throw.
|
||||
|
||||
var name = fn ? fn.displayName || fn.name : "";
|
||||
var syntheticFrame = name ? describeBuiltInComponentFrame(name) : "";
|
||||
|
||||
{
|
||||
if (typeof fn === "function") {
|
||||
componentFrameCache.set(fn, syntheticFrame);
|
||||
}
|
||||
}
|
||||
|
||||
return syntheticFrame;
|
||||
}
|
||||
|
||||
function describeClassComponentFrame(ctor, ownerFn) {
|
||||
{
|
||||
return describeNativeComponentFrame(ctor, true);
|
||||
}
|
||||
}
|
||||
function describeFunctionComponentFrame(fn, ownerFn) {
|
||||
{
|
||||
return describeNativeComponentFrame(fn, false);
|
||||
}
|
||||
}
|
||||
|
||||
function getStackByComponentStackNode(componentStack) {
|
||||
try {
|
||||
var info = "";
|
||||
|
||||
@@ -19,7 +19,7 @@ if (__DEV__) {
|
||||
var React = require("react");
|
||||
var ReactDOM = require("react-dom");
|
||||
|
||||
var ReactVersion = "18.3.0-www-modern-40548e7e";
|
||||
var ReactVersion = "18.3.0-www-modern-ba9c385a";
|
||||
|
||||
// This refers to a WWW module.
|
||||
var warningWWW = require("warning");
|
||||
@@ -8592,386 +8592,6 @@ if (__DEV__) {
|
||||
return null;
|
||||
}
|
||||
|
||||
// Helpers to patch console.logs to avoid logging during side-effect free
|
||||
// replaying on render function. This currently only patches the object
|
||||
// lazily which won't cover if the log function was extracted eagerly.
|
||||
// We could also eagerly patch the method.
|
||||
var disabledDepth = 0;
|
||||
var prevLog;
|
||||
var prevInfo;
|
||||
var prevWarn;
|
||||
var prevError;
|
||||
var prevGroup;
|
||||
var prevGroupCollapsed;
|
||||
var prevGroupEnd;
|
||||
|
||||
function disabledLog() {}
|
||||
|
||||
disabledLog.__reactDisabledLog = true;
|
||||
function disableLogs() {
|
||||
{
|
||||
if (disabledDepth === 0) {
|
||||
/* eslint-disable react-internal/no-production-logging */
|
||||
prevLog = console.log;
|
||||
prevInfo = console.info;
|
||||
prevWarn = console.warn;
|
||||
prevError = console.error;
|
||||
prevGroup = console.group;
|
||||
prevGroupCollapsed = console.groupCollapsed;
|
||||
prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
|
||||
|
||||
var props = {
|
||||
configurable: true,
|
||||
enumerable: true,
|
||||
value: disabledLog,
|
||||
writable: true
|
||||
}; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
|
||||
|
||||
Object.defineProperties(console, {
|
||||
info: props,
|
||||
log: props,
|
||||
warn: props,
|
||||
error: props,
|
||||
group: props,
|
||||
groupCollapsed: props,
|
||||
groupEnd: props
|
||||
});
|
||||
/* eslint-enable react-internal/no-production-logging */
|
||||
}
|
||||
|
||||
disabledDepth++;
|
||||
}
|
||||
}
|
||||
function reenableLogs() {
|
||||
{
|
||||
disabledDepth--;
|
||||
|
||||
if (disabledDepth === 0) {
|
||||
/* eslint-disable react-internal/no-production-logging */
|
||||
var props = {
|
||||
configurable: true,
|
||||
enumerable: true,
|
||||
writable: true
|
||||
}; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
|
||||
|
||||
Object.defineProperties(console, {
|
||||
log: assign({}, props, {
|
||||
value: prevLog
|
||||
}),
|
||||
info: assign({}, props, {
|
||||
value: prevInfo
|
||||
}),
|
||||
warn: assign({}, props, {
|
||||
value: prevWarn
|
||||
}),
|
||||
error: assign({}, props, {
|
||||
value: prevError
|
||||
}),
|
||||
group: assign({}, props, {
|
||||
value: prevGroup
|
||||
}),
|
||||
groupCollapsed: assign({}, props, {
|
||||
value: prevGroupCollapsed
|
||||
}),
|
||||
groupEnd: assign({}, props, {
|
||||
value: prevGroupEnd
|
||||
})
|
||||
});
|
||||
/* eslint-enable react-internal/no-production-logging */
|
||||
}
|
||||
|
||||
if (disabledDepth < 0) {
|
||||
error(
|
||||
"disabledDepth fell below zero. " +
|
||||
"This is a bug in React. Please file an issue."
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
|
||||
var prefix;
|
||||
function describeBuiltInComponentFrame(name, ownerFn) {
|
||||
{
|
||||
if (prefix === undefined) {
|
||||
// Extract the VM specific prefix used by each line.
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
var match = x.stack.trim().match(/\n( *(at )?)/);
|
||||
prefix = (match && match[1]) || "";
|
||||
}
|
||||
} // We use the prefix to ensure our stacks line up with native stack frames.
|
||||
|
||||
return "\n" + prefix + name;
|
||||
}
|
||||
}
|
||||
var reentry = false;
|
||||
var componentFrameCache;
|
||||
|
||||
{
|
||||
var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
|
||||
componentFrameCache = new PossiblyWeakMap();
|
||||
}
|
||||
/**
|
||||
* Leverages native browser/VM stack frames to get proper details (e.g.
|
||||
* filename, line + col number) for a single component in a component stack. We
|
||||
* do this by:
|
||||
* (1) throwing and catching an error in the function - this will be our
|
||||
* control error.
|
||||
* (2) calling the component which will eventually throw an error that we'll
|
||||
* catch - this will be our sample error.
|
||||
* (3) diffing the control and sample error stacks to find the stack frame
|
||||
* which represents our component.
|
||||
*/
|
||||
|
||||
function describeNativeComponentFrame(fn, construct) {
|
||||
// If something asked for a stack inside a fake render, it should get ignored.
|
||||
if (!fn || reentry) {
|
||||
return "";
|
||||
}
|
||||
|
||||
{
|
||||
var frame = componentFrameCache.get(fn);
|
||||
|
||||
if (frame !== undefined) {
|
||||
return frame;
|
||||
}
|
||||
}
|
||||
|
||||
reentry = true;
|
||||
var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
|
||||
|
||||
Error.prepareStackTrace = undefined;
|
||||
var previousDispatcher;
|
||||
|
||||
{
|
||||
previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
|
||||
// for warnings.
|
||||
|
||||
ReactCurrentDispatcher$1.current = null;
|
||||
disableLogs();
|
||||
}
|
||||
/**
|
||||
* Finding a common stack frame between sample and control errors can be
|
||||
* tricky given the different types and levels of stack trace truncation from
|
||||
* different JS VMs. So instead we'll attempt to control what that common
|
||||
* frame should be through this object method:
|
||||
* Having both the sample and control errors be in the function under the
|
||||
* `DescribeNativeComponentFrameRoot` property, + setting the `name` and
|
||||
* `displayName` properties of the function ensures that a stack
|
||||
* frame exists that has the method name `DescribeNativeComponentFrameRoot` in
|
||||
* it for both control and sample stacks.
|
||||
*/
|
||||
|
||||
var RunInRootFrame = {
|
||||
DetermineComponentFrameRoot: function () {
|
||||
var control;
|
||||
|
||||
try {
|
||||
// This should throw.
|
||||
if (construct) {
|
||||
// Something should be setting the props in the constructor.
|
||||
var Fake = function () {
|
||||
throw Error();
|
||||
}; // $FlowFixMe[prop-missing]
|
||||
|
||||
Object.defineProperty(Fake.prototype, "props", {
|
||||
set: function () {
|
||||
// We use a throwing setter instead of frozen or non-writable props
|
||||
// because that won't throw in a non-strict mode function.
|
||||
throw Error();
|
||||
}
|
||||
});
|
||||
|
||||
if (typeof Reflect === "object" && Reflect.construct) {
|
||||
// We construct a different control for this case to include any extra
|
||||
// frames added by the construct call.
|
||||
try {
|
||||
Reflect.construct(Fake, []);
|
||||
} catch (x) {
|
||||
control = x;
|
||||
}
|
||||
|
||||
Reflect.construct(fn, [], Fake);
|
||||
} else {
|
||||
try {
|
||||
Fake.call();
|
||||
} catch (x) {
|
||||
control = x;
|
||||
} // $FlowFixMe[prop-missing] found when upgrading Flow
|
||||
|
||||
fn.call(Fake.prototype);
|
||||
}
|
||||
} else {
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
control = x;
|
||||
} // TODO(luna): This will currently only throw if the function component
|
||||
// tries to access React/ReactDOM/props. We should probably make this throw
|
||||
// in simple components too
|
||||
|
||||
var maybePromise = fn(); // If the function component returns a promise, it's likely an async
|
||||
// component, which we don't yet support. Attach a noop catch handler to
|
||||
// silence the error.
|
||||
// TODO: Implement component stacks for async client components?
|
||||
|
||||
if (maybePromise && typeof maybePromise.catch === "function") {
|
||||
maybePromise.catch(function () {});
|
||||
}
|
||||
}
|
||||
} catch (sample) {
|
||||
// This is inlined manually because closure doesn't do it for us.
|
||||
if (sample && control && typeof sample.stack === "string") {
|
||||
return [sample.stack, control.stack];
|
||||
}
|
||||
}
|
||||
|
||||
return [null, null];
|
||||
}
|
||||
}; // $FlowFixMe[prop-missing]
|
||||
|
||||
RunInRootFrame.DetermineComponentFrameRoot.displayName =
|
||||
"DetermineComponentFrameRoot";
|
||||
var namePropDescriptor = Object.getOwnPropertyDescriptor(
|
||||
RunInRootFrame.DetermineComponentFrameRoot,
|
||||
"name"
|
||||
); // Before ES6, the `name` property was not configurable.
|
||||
|
||||
if (namePropDescriptor && namePropDescriptor.configurable) {
|
||||
// V8 utilizes a function's `name` property when generating a stack trace.
|
||||
Object.defineProperty(
|
||||
RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
|
||||
// is set to `false`.
|
||||
// $FlowFixMe[cannot-write]
|
||||
"name",
|
||||
{
|
||||
value: "DetermineComponentFrameRoot"
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
try {
|
||||
var _RunInRootFrame$Deter =
|
||||
RunInRootFrame.DetermineComponentFrameRoot(),
|
||||
sampleStack = _RunInRootFrame$Deter[0],
|
||||
controlStack = _RunInRootFrame$Deter[1];
|
||||
|
||||
if (sampleStack && controlStack) {
|
||||
// This extracts the first frame from the sample that isn't also in the control.
|
||||
// Skipping one frame that we assume is the frame that calls the two.
|
||||
var sampleLines = sampleStack.split("\n");
|
||||
var controlLines = controlStack.split("\n");
|
||||
var s = 0;
|
||||
var c = 0;
|
||||
|
||||
while (
|
||||
s < sampleLines.length &&
|
||||
!sampleLines[s].includes("DetermineComponentFrameRoot")
|
||||
) {
|
||||
s++;
|
||||
}
|
||||
|
||||
while (
|
||||
c < controlLines.length &&
|
||||
!controlLines[c].includes("DetermineComponentFrameRoot")
|
||||
) {
|
||||
c++;
|
||||
} // We couldn't find our intentionally injected common root frame, attempt
|
||||
// to find another common root frame by search from the bottom of the
|
||||
// control stack...
|
||||
|
||||
if (s === sampleLines.length || c === controlLines.length) {
|
||||
s = sampleLines.length - 1;
|
||||
c = controlLines.length - 1;
|
||||
|
||||
while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
|
||||
// We expect at least one stack frame to be shared.
|
||||
// Typically this will be the root most one. However, stack frames may be
|
||||
// cut off due to maximum stack limits. In this case, one maybe cut off
|
||||
// earlier than the other. We assume that the sample is longer or the same
|
||||
// and there for cut off earlier. So we should find the root most frame in
|
||||
// the sample somewhere in the control.
|
||||
c--;
|
||||
}
|
||||
}
|
||||
|
||||
for (; s >= 1 && c >= 0; s--, c--) {
|
||||
// Next we find the first one that isn't the same which should be the
|
||||
// frame that called our sample function and the control.
|
||||
if (sampleLines[s] !== controlLines[c]) {
|
||||
// In V8, the first line is describing the message but other VMs don't.
|
||||
// If we're about to return the first line, and the control is also on the same
|
||||
// line, that's a pretty good indicator that our sample threw at same line as
|
||||
// the control. I.e. before we entered the sample frame. So we ignore this result.
|
||||
// This can happen if you passed a class to function component, or non-function.
|
||||
if (s !== 1 || c !== 1) {
|
||||
do {
|
||||
s--;
|
||||
c--; // We may still have similar intermediate frames from the construct call.
|
||||
// The next one that isn't the same should be our match though.
|
||||
|
||||
if (c < 0 || sampleLines[s] !== controlLines[c]) {
|
||||
// V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
|
||||
var _frame =
|
||||
"\n" + sampleLines[s].replace(" at new ", " at "); // If our component frame is labeled "<anonymous>"
|
||||
// but we have a user-provided "displayName"
|
||||
// splice it in to make the stack more readable.
|
||||
|
||||
if (fn.displayName && _frame.includes("<anonymous>")) {
|
||||
_frame = _frame.replace("<anonymous>", fn.displayName);
|
||||
}
|
||||
|
||||
if (true) {
|
||||
if (typeof fn === "function") {
|
||||
componentFrameCache.set(fn, _frame);
|
||||
}
|
||||
} // Return the line we found.
|
||||
|
||||
return _frame;
|
||||
}
|
||||
} while (s >= 1 && c >= 0);
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
} finally {
|
||||
reentry = false;
|
||||
|
||||
{
|
||||
ReactCurrentDispatcher$1.current = previousDispatcher;
|
||||
reenableLogs();
|
||||
}
|
||||
|
||||
Error.prepareStackTrace = previousPrepareStackTrace;
|
||||
} // Fallback to just using the name if we couldn't make it throw.
|
||||
|
||||
var name = fn ? fn.displayName || fn.name : "";
|
||||
var syntheticFrame = name ? describeBuiltInComponentFrame(name) : "";
|
||||
|
||||
{
|
||||
if (typeof fn === "function") {
|
||||
componentFrameCache.set(fn, syntheticFrame);
|
||||
}
|
||||
}
|
||||
|
||||
return syntheticFrame;
|
||||
}
|
||||
|
||||
function describeClassComponentFrame(ctor, ownerFn) {
|
||||
{
|
||||
return describeNativeComponentFrame(ctor, true);
|
||||
}
|
||||
}
|
||||
function describeFunctionComponentFrame(fn, ownerFn) {
|
||||
{
|
||||
return describeNativeComponentFrame(fn, false);
|
||||
}
|
||||
}
|
||||
|
||||
var emptyContextObject = {};
|
||||
|
||||
{
|
||||
@@ -10952,6 +10572,386 @@ if (__DEV__) {
|
||||
getCacheForType: getCacheForType
|
||||
};
|
||||
|
||||
// Helpers to patch console.logs to avoid logging during side-effect free
|
||||
// replaying on render function. This currently only patches the object
|
||||
// lazily which won't cover if the log function was extracted eagerly.
|
||||
// We could also eagerly patch the method.
|
||||
var disabledDepth = 0;
|
||||
var prevLog;
|
||||
var prevInfo;
|
||||
var prevWarn;
|
||||
var prevError;
|
||||
var prevGroup;
|
||||
var prevGroupCollapsed;
|
||||
var prevGroupEnd;
|
||||
|
||||
function disabledLog() {}
|
||||
|
||||
disabledLog.__reactDisabledLog = true;
|
||||
function disableLogs() {
|
||||
{
|
||||
if (disabledDepth === 0) {
|
||||
/* eslint-disable react-internal/no-production-logging */
|
||||
prevLog = console.log;
|
||||
prevInfo = console.info;
|
||||
prevWarn = console.warn;
|
||||
prevError = console.error;
|
||||
prevGroup = console.group;
|
||||
prevGroupCollapsed = console.groupCollapsed;
|
||||
prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
|
||||
|
||||
var props = {
|
||||
configurable: true,
|
||||
enumerable: true,
|
||||
value: disabledLog,
|
||||
writable: true
|
||||
}; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
|
||||
|
||||
Object.defineProperties(console, {
|
||||
info: props,
|
||||
log: props,
|
||||
warn: props,
|
||||
error: props,
|
||||
group: props,
|
||||
groupCollapsed: props,
|
||||
groupEnd: props
|
||||
});
|
||||
/* eslint-enable react-internal/no-production-logging */
|
||||
}
|
||||
|
||||
disabledDepth++;
|
||||
}
|
||||
}
|
||||
function reenableLogs() {
|
||||
{
|
||||
disabledDepth--;
|
||||
|
||||
if (disabledDepth === 0) {
|
||||
/* eslint-disable react-internal/no-production-logging */
|
||||
var props = {
|
||||
configurable: true,
|
||||
enumerable: true,
|
||||
writable: true
|
||||
}; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
|
||||
|
||||
Object.defineProperties(console, {
|
||||
log: assign({}, props, {
|
||||
value: prevLog
|
||||
}),
|
||||
info: assign({}, props, {
|
||||
value: prevInfo
|
||||
}),
|
||||
warn: assign({}, props, {
|
||||
value: prevWarn
|
||||
}),
|
||||
error: assign({}, props, {
|
||||
value: prevError
|
||||
}),
|
||||
group: assign({}, props, {
|
||||
value: prevGroup
|
||||
}),
|
||||
groupCollapsed: assign({}, props, {
|
||||
value: prevGroupCollapsed
|
||||
}),
|
||||
groupEnd: assign({}, props, {
|
||||
value: prevGroupEnd
|
||||
})
|
||||
});
|
||||
/* eslint-enable react-internal/no-production-logging */
|
||||
}
|
||||
|
||||
if (disabledDepth < 0) {
|
||||
error(
|
||||
"disabledDepth fell below zero. " +
|
||||
"This is a bug in React. Please file an issue."
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
|
||||
var prefix;
|
||||
function describeBuiltInComponentFrame(name, ownerFn) {
|
||||
{
|
||||
if (prefix === undefined) {
|
||||
// Extract the VM specific prefix used by each line.
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
var match = x.stack.trim().match(/\n( *(at )?)/);
|
||||
prefix = (match && match[1]) || "";
|
||||
}
|
||||
} // We use the prefix to ensure our stacks line up with native stack frames.
|
||||
|
||||
return "\n" + prefix + name;
|
||||
}
|
||||
}
|
||||
var reentry = false;
|
||||
var componentFrameCache;
|
||||
|
||||
{
|
||||
var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
|
||||
componentFrameCache = new PossiblyWeakMap();
|
||||
}
|
||||
/**
|
||||
* Leverages native browser/VM stack frames to get proper details (e.g.
|
||||
* filename, line + col number) for a single component in a component stack. We
|
||||
* do this by:
|
||||
* (1) throwing and catching an error in the function - this will be our
|
||||
* control error.
|
||||
* (2) calling the component which will eventually throw an error that we'll
|
||||
* catch - this will be our sample error.
|
||||
* (3) diffing the control and sample error stacks to find the stack frame
|
||||
* which represents our component.
|
||||
*/
|
||||
|
||||
function describeNativeComponentFrame(fn, construct) {
|
||||
// If something asked for a stack inside a fake render, it should get ignored.
|
||||
if (!fn || reentry) {
|
||||
return "";
|
||||
}
|
||||
|
||||
{
|
||||
var frame = componentFrameCache.get(fn);
|
||||
|
||||
if (frame !== undefined) {
|
||||
return frame;
|
||||
}
|
||||
}
|
||||
|
||||
reentry = true;
|
||||
var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
|
||||
|
||||
Error.prepareStackTrace = undefined;
|
||||
var previousDispatcher;
|
||||
|
||||
{
|
||||
previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
|
||||
// for warnings.
|
||||
|
||||
ReactCurrentDispatcher$1.current = null;
|
||||
disableLogs();
|
||||
}
|
||||
/**
|
||||
* Finding a common stack frame between sample and control errors can be
|
||||
* tricky given the different types and levels of stack trace truncation from
|
||||
* different JS VMs. So instead we'll attempt to control what that common
|
||||
* frame should be through this object method:
|
||||
* Having both the sample and control errors be in the function under the
|
||||
* `DescribeNativeComponentFrameRoot` property, + setting the `name` and
|
||||
* `displayName` properties of the function ensures that a stack
|
||||
* frame exists that has the method name `DescribeNativeComponentFrameRoot` in
|
||||
* it for both control and sample stacks.
|
||||
*/
|
||||
|
||||
var RunInRootFrame = {
|
||||
DetermineComponentFrameRoot: function () {
|
||||
var control;
|
||||
|
||||
try {
|
||||
// This should throw.
|
||||
if (construct) {
|
||||
// Something should be setting the props in the constructor.
|
||||
var Fake = function () {
|
||||
throw Error();
|
||||
}; // $FlowFixMe[prop-missing]
|
||||
|
||||
Object.defineProperty(Fake.prototype, "props", {
|
||||
set: function () {
|
||||
// We use a throwing setter instead of frozen or non-writable props
|
||||
// because that won't throw in a non-strict mode function.
|
||||
throw Error();
|
||||
}
|
||||
});
|
||||
|
||||
if (typeof Reflect === "object" && Reflect.construct) {
|
||||
// We construct a different control for this case to include any extra
|
||||
// frames added by the construct call.
|
||||
try {
|
||||
Reflect.construct(Fake, []);
|
||||
} catch (x) {
|
||||
control = x;
|
||||
}
|
||||
|
||||
Reflect.construct(fn, [], Fake);
|
||||
} else {
|
||||
try {
|
||||
Fake.call();
|
||||
} catch (x) {
|
||||
control = x;
|
||||
} // $FlowFixMe[prop-missing] found when upgrading Flow
|
||||
|
||||
fn.call(Fake.prototype);
|
||||
}
|
||||
} else {
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
control = x;
|
||||
} // TODO(luna): This will currently only throw if the function component
|
||||
// tries to access React/ReactDOM/props. We should probably make this throw
|
||||
// in simple components too
|
||||
|
||||
var maybePromise = fn(); // If the function component returns a promise, it's likely an async
|
||||
// component, which we don't yet support. Attach a noop catch handler to
|
||||
// silence the error.
|
||||
// TODO: Implement component stacks for async client components?
|
||||
|
||||
if (maybePromise && typeof maybePromise.catch === "function") {
|
||||
maybePromise.catch(function () {});
|
||||
}
|
||||
}
|
||||
} catch (sample) {
|
||||
// This is inlined manually because closure doesn't do it for us.
|
||||
if (sample && control && typeof sample.stack === "string") {
|
||||
return [sample.stack, control.stack];
|
||||
}
|
||||
}
|
||||
|
||||
return [null, null];
|
||||
}
|
||||
}; // $FlowFixMe[prop-missing]
|
||||
|
||||
RunInRootFrame.DetermineComponentFrameRoot.displayName =
|
||||
"DetermineComponentFrameRoot";
|
||||
var namePropDescriptor = Object.getOwnPropertyDescriptor(
|
||||
RunInRootFrame.DetermineComponentFrameRoot,
|
||||
"name"
|
||||
); // Before ES6, the `name` property was not configurable.
|
||||
|
||||
if (namePropDescriptor && namePropDescriptor.configurable) {
|
||||
// V8 utilizes a function's `name` property when generating a stack trace.
|
||||
Object.defineProperty(
|
||||
RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
|
||||
// is set to `false`.
|
||||
// $FlowFixMe[cannot-write]
|
||||
"name",
|
||||
{
|
||||
value: "DetermineComponentFrameRoot"
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
try {
|
||||
var _RunInRootFrame$Deter =
|
||||
RunInRootFrame.DetermineComponentFrameRoot(),
|
||||
sampleStack = _RunInRootFrame$Deter[0],
|
||||
controlStack = _RunInRootFrame$Deter[1];
|
||||
|
||||
if (sampleStack && controlStack) {
|
||||
// This extracts the first frame from the sample that isn't also in the control.
|
||||
// Skipping one frame that we assume is the frame that calls the two.
|
||||
var sampleLines = sampleStack.split("\n");
|
||||
var controlLines = controlStack.split("\n");
|
||||
var s = 0;
|
||||
var c = 0;
|
||||
|
||||
while (
|
||||
s < sampleLines.length &&
|
||||
!sampleLines[s].includes("DetermineComponentFrameRoot")
|
||||
) {
|
||||
s++;
|
||||
}
|
||||
|
||||
while (
|
||||
c < controlLines.length &&
|
||||
!controlLines[c].includes("DetermineComponentFrameRoot")
|
||||
) {
|
||||
c++;
|
||||
} // We couldn't find our intentionally injected common root frame, attempt
|
||||
// to find another common root frame by search from the bottom of the
|
||||
// control stack...
|
||||
|
||||
if (s === sampleLines.length || c === controlLines.length) {
|
||||
s = sampleLines.length - 1;
|
||||
c = controlLines.length - 1;
|
||||
|
||||
while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
|
||||
// We expect at least one stack frame to be shared.
|
||||
// Typically this will be the root most one. However, stack frames may be
|
||||
// cut off due to maximum stack limits. In this case, one maybe cut off
|
||||
// earlier than the other. We assume that the sample is longer or the same
|
||||
// and there for cut off earlier. So we should find the root most frame in
|
||||
// the sample somewhere in the control.
|
||||
c--;
|
||||
}
|
||||
}
|
||||
|
||||
for (; s >= 1 && c >= 0; s--, c--) {
|
||||
// Next we find the first one that isn't the same which should be the
|
||||
// frame that called our sample function and the control.
|
||||
if (sampleLines[s] !== controlLines[c]) {
|
||||
// In V8, the first line is describing the message but other VMs don't.
|
||||
// If we're about to return the first line, and the control is also on the same
|
||||
// line, that's a pretty good indicator that our sample threw at same line as
|
||||
// the control. I.e. before we entered the sample frame. So we ignore this result.
|
||||
// This can happen if you passed a class to function component, or non-function.
|
||||
if (s !== 1 || c !== 1) {
|
||||
do {
|
||||
s--;
|
||||
c--; // We may still have similar intermediate frames from the construct call.
|
||||
// The next one that isn't the same should be our match though.
|
||||
|
||||
if (c < 0 || sampleLines[s] !== controlLines[c]) {
|
||||
// V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
|
||||
var _frame =
|
||||
"\n" + sampleLines[s].replace(" at new ", " at "); // If our component frame is labeled "<anonymous>"
|
||||
// but we have a user-provided "displayName"
|
||||
// splice it in to make the stack more readable.
|
||||
|
||||
if (fn.displayName && _frame.includes("<anonymous>")) {
|
||||
_frame = _frame.replace("<anonymous>", fn.displayName);
|
||||
}
|
||||
|
||||
if (true) {
|
||||
if (typeof fn === "function") {
|
||||
componentFrameCache.set(fn, _frame);
|
||||
}
|
||||
} // Return the line we found.
|
||||
|
||||
return _frame;
|
||||
}
|
||||
} while (s >= 1 && c >= 0);
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
} finally {
|
||||
reentry = false;
|
||||
|
||||
{
|
||||
ReactCurrentDispatcher$1.current = previousDispatcher;
|
||||
reenableLogs();
|
||||
}
|
||||
|
||||
Error.prepareStackTrace = previousPrepareStackTrace;
|
||||
} // Fallback to just using the name if we couldn't make it throw.
|
||||
|
||||
var name = fn ? fn.displayName || fn.name : "";
|
||||
var syntheticFrame = name ? describeBuiltInComponentFrame(name) : "";
|
||||
|
||||
{
|
||||
if (typeof fn === "function") {
|
||||
componentFrameCache.set(fn, syntheticFrame);
|
||||
}
|
||||
}
|
||||
|
||||
return syntheticFrame;
|
||||
}
|
||||
|
||||
function describeClassComponentFrame(ctor, ownerFn) {
|
||||
{
|
||||
return describeNativeComponentFrame(ctor, true);
|
||||
}
|
||||
}
|
||||
function describeFunctionComponentFrame(fn, ownerFn) {
|
||||
{
|
||||
return describeNativeComponentFrame(fn, false);
|
||||
}
|
||||
}
|
||||
|
||||
function getStackByComponentStackNode(componentStack) {
|
||||
try {
|
||||
var info = "";
|
||||
|
||||
@@ -2794,149 +2794,6 @@ function getComponentNameFromType(type) {
|
||||
}
|
||||
return null;
|
||||
}
|
||||
var prefix;
|
||||
function describeBuiltInComponentFrame(name) {
|
||||
if (void 0 === prefix)
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
var match = x.stack.trim().match(/\n( *(at )?)/);
|
||||
prefix = (match && match[1]) || "";
|
||||
}
|
||||
return "\n" + prefix + name;
|
||||
}
|
||||
var reentry = !1;
|
||||
function describeNativeComponentFrame(fn, construct) {
|
||||
if (!fn || reentry) return "";
|
||||
reentry = !0;
|
||||
var previousPrepareStackTrace = Error.prepareStackTrace;
|
||||
Error.prepareStackTrace = void 0;
|
||||
var RunInRootFrame = {
|
||||
DetermineComponentFrameRoot: function () {
|
||||
try {
|
||||
if (construct) {
|
||||
var Fake = function () {
|
||||
throw Error();
|
||||
};
|
||||
Object.defineProperty(Fake.prototype, "props", {
|
||||
set: function () {
|
||||
throw Error();
|
||||
}
|
||||
});
|
||||
if ("object" === typeof Reflect && Reflect.construct) {
|
||||
try {
|
||||
Reflect.construct(Fake, []);
|
||||
} catch (x) {
|
||||
var control = x;
|
||||
}
|
||||
Reflect.construct(fn, [], Fake);
|
||||
} else {
|
||||
try {
|
||||
Fake.call();
|
||||
} catch (x$19) {
|
||||
control = x$19;
|
||||
}
|
||||
fn.call(Fake.prototype);
|
||||
}
|
||||
} else {
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x$20) {
|
||||
control = x$20;
|
||||
}
|
||||
(Fake = fn()) &&
|
||||
"function" === typeof Fake.catch &&
|
||||
Fake.catch(function () {});
|
||||
}
|
||||
} catch (sample) {
|
||||
if (sample && control && "string" === typeof sample.stack)
|
||||
return [sample.stack, control.stack];
|
||||
}
|
||||
return [null, null];
|
||||
}
|
||||
};
|
||||
RunInRootFrame.DetermineComponentFrameRoot.displayName =
|
||||
"DetermineComponentFrameRoot";
|
||||
var namePropDescriptor = Object.getOwnPropertyDescriptor(
|
||||
RunInRootFrame.DetermineComponentFrameRoot,
|
||||
"name"
|
||||
);
|
||||
namePropDescriptor &&
|
||||
namePropDescriptor.configurable &&
|
||||
Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, "name", {
|
||||
value: "DetermineComponentFrameRoot"
|
||||
});
|
||||
try {
|
||||
var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
|
||||
sampleStack = _RunInRootFrame$Deter[0],
|
||||
controlStack = _RunInRootFrame$Deter[1];
|
||||
if (sampleStack && controlStack) {
|
||||
var sampleLines = sampleStack.split("\n"),
|
||||
controlLines = controlStack.split("\n");
|
||||
for (
|
||||
namePropDescriptor = RunInRootFrame = 0;
|
||||
RunInRootFrame < sampleLines.length &&
|
||||
!sampleLines[RunInRootFrame].includes("DetermineComponentFrameRoot");
|
||||
|
||||
)
|
||||
RunInRootFrame++;
|
||||
for (
|
||||
;
|
||||
namePropDescriptor < controlLines.length &&
|
||||
!controlLines[namePropDescriptor].includes(
|
||||
"DetermineComponentFrameRoot"
|
||||
);
|
||||
|
||||
)
|
||||
namePropDescriptor++;
|
||||
if (
|
||||
RunInRootFrame === sampleLines.length ||
|
||||
namePropDescriptor === controlLines.length
|
||||
)
|
||||
for (
|
||||
RunInRootFrame = sampleLines.length - 1,
|
||||
namePropDescriptor = controlLines.length - 1;
|
||||
1 <= RunInRootFrame &&
|
||||
0 <= namePropDescriptor &&
|
||||
sampleLines[RunInRootFrame] !== controlLines[namePropDescriptor];
|
||||
|
||||
)
|
||||
namePropDescriptor--;
|
||||
for (
|
||||
;
|
||||
1 <= RunInRootFrame && 0 <= namePropDescriptor;
|
||||
RunInRootFrame--, namePropDescriptor--
|
||||
)
|
||||
if (sampleLines[RunInRootFrame] !== controlLines[namePropDescriptor]) {
|
||||
if (1 !== RunInRootFrame || 1 !== namePropDescriptor) {
|
||||
do
|
||||
if (
|
||||
(RunInRootFrame--,
|
||||
namePropDescriptor--,
|
||||
0 > namePropDescriptor ||
|
||||
sampleLines[RunInRootFrame] !==
|
||||
controlLines[namePropDescriptor])
|
||||
) {
|
||||
var frame =
|
||||
"\n" +
|
||||
sampleLines[RunInRootFrame].replace(" at new ", " at ");
|
||||
fn.displayName &&
|
||||
frame.includes("<anonymous>") &&
|
||||
(frame = frame.replace("<anonymous>", fn.displayName));
|
||||
return frame;
|
||||
}
|
||||
while (1 <= RunInRootFrame && 0 <= namePropDescriptor);
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
} finally {
|
||||
(reentry = !1), (Error.prepareStackTrace = previousPrepareStackTrace);
|
||||
}
|
||||
return (previousPrepareStackTrace = fn ? fn.displayName || fn.name : "")
|
||||
? describeBuiltInComponentFrame(previousPrepareStackTrace)
|
||||
: "";
|
||||
}
|
||||
var emptyContextObject = {};
|
||||
function getMaskedContext(type, unmaskedContext) {
|
||||
type = type.contextTypes;
|
||||
@@ -3407,11 +3264,11 @@ var HooksDispatcher = {
|
||||
});
|
||||
return [initialState, action];
|
||||
}
|
||||
var boundAction$25 = action.bind(null, initialState);
|
||||
var boundAction$23 = action.bind(null, initialState);
|
||||
return [
|
||||
initialState,
|
||||
function (payload) {
|
||||
boundAction$25(payload);
|
||||
boundAction$23(payload);
|
||||
}
|
||||
];
|
||||
}
|
||||
@@ -3425,7 +3282,150 @@ var HooksDispatcher = {
|
||||
throw Error(formatProdErrorMessage(248));
|
||||
}
|
||||
},
|
||||
ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
|
||||
prefix;
|
||||
function describeBuiltInComponentFrame(name) {
|
||||
if (void 0 === prefix)
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
var match = x.stack.trim().match(/\n( *(at )?)/);
|
||||
prefix = (match && match[1]) || "";
|
||||
}
|
||||
return "\n" + prefix + name;
|
||||
}
|
||||
var reentry = !1;
|
||||
function describeNativeComponentFrame(fn, construct) {
|
||||
if (!fn || reentry) return "";
|
||||
reentry = !0;
|
||||
var previousPrepareStackTrace = Error.prepareStackTrace;
|
||||
Error.prepareStackTrace = void 0;
|
||||
var RunInRootFrame = {
|
||||
DetermineComponentFrameRoot: function () {
|
||||
try {
|
||||
if (construct) {
|
||||
var Fake = function () {
|
||||
throw Error();
|
||||
};
|
||||
Object.defineProperty(Fake.prototype, "props", {
|
||||
set: function () {
|
||||
throw Error();
|
||||
}
|
||||
});
|
||||
if ("object" === typeof Reflect && Reflect.construct) {
|
||||
try {
|
||||
Reflect.construct(Fake, []);
|
||||
} catch (x) {
|
||||
var control = x;
|
||||
}
|
||||
Reflect.construct(fn, [], Fake);
|
||||
} else {
|
||||
try {
|
||||
Fake.call();
|
||||
} catch (x$25) {
|
||||
control = x$25;
|
||||
}
|
||||
fn.call(Fake.prototype);
|
||||
}
|
||||
} else {
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x$26) {
|
||||
control = x$26;
|
||||
}
|
||||
(Fake = fn()) &&
|
||||
"function" === typeof Fake.catch &&
|
||||
Fake.catch(function () {});
|
||||
}
|
||||
} catch (sample) {
|
||||
if (sample && control && "string" === typeof sample.stack)
|
||||
return [sample.stack, control.stack];
|
||||
}
|
||||
return [null, null];
|
||||
}
|
||||
};
|
||||
RunInRootFrame.DetermineComponentFrameRoot.displayName =
|
||||
"DetermineComponentFrameRoot";
|
||||
var namePropDescriptor = Object.getOwnPropertyDescriptor(
|
||||
RunInRootFrame.DetermineComponentFrameRoot,
|
||||
"name"
|
||||
);
|
||||
namePropDescriptor &&
|
||||
namePropDescriptor.configurable &&
|
||||
Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, "name", {
|
||||
value: "DetermineComponentFrameRoot"
|
||||
});
|
||||
try {
|
||||
var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
|
||||
sampleStack = _RunInRootFrame$Deter[0],
|
||||
controlStack = _RunInRootFrame$Deter[1];
|
||||
if (sampleStack && controlStack) {
|
||||
var sampleLines = sampleStack.split("\n"),
|
||||
controlLines = controlStack.split("\n");
|
||||
for (
|
||||
namePropDescriptor = RunInRootFrame = 0;
|
||||
RunInRootFrame < sampleLines.length &&
|
||||
!sampleLines[RunInRootFrame].includes("DetermineComponentFrameRoot");
|
||||
|
||||
)
|
||||
RunInRootFrame++;
|
||||
for (
|
||||
;
|
||||
namePropDescriptor < controlLines.length &&
|
||||
!controlLines[namePropDescriptor].includes(
|
||||
"DetermineComponentFrameRoot"
|
||||
);
|
||||
|
||||
)
|
||||
namePropDescriptor++;
|
||||
if (
|
||||
RunInRootFrame === sampleLines.length ||
|
||||
namePropDescriptor === controlLines.length
|
||||
)
|
||||
for (
|
||||
RunInRootFrame = sampleLines.length - 1,
|
||||
namePropDescriptor = controlLines.length - 1;
|
||||
1 <= RunInRootFrame &&
|
||||
0 <= namePropDescriptor &&
|
||||
sampleLines[RunInRootFrame] !== controlLines[namePropDescriptor];
|
||||
|
||||
)
|
||||
namePropDescriptor--;
|
||||
for (
|
||||
;
|
||||
1 <= RunInRootFrame && 0 <= namePropDescriptor;
|
||||
RunInRootFrame--, namePropDescriptor--
|
||||
)
|
||||
if (sampleLines[RunInRootFrame] !== controlLines[namePropDescriptor]) {
|
||||
if (1 !== RunInRootFrame || 1 !== namePropDescriptor) {
|
||||
do
|
||||
if (
|
||||
(RunInRootFrame--,
|
||||
namePropDescriptor--,
|
||||
0 > namePropDescriptor ||
|
||||
sampleLines[RunInRootFrame] !==
|
||||
controlLines[namePropDescriptor])
|
||||
) {
|
||||
var frame =
|
||||
"\n" +
|
||||
sampleLines[RunInRootFrame].replace(" at new ", " at ");
|
||||
fn.displayName &&
|
||||
frame.includes("<anonymous>") &&
|
||||
(frame = frame.replace("<anonymous>", fn.displayName));
|
||||
return frame;
|
||||
}
|
||||
while (1 <= RunInRootFrame && 0 <= namePropDescriptor);
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
} finally {
|
||||
(reentry = !1), (Error.prepareStackTrace = previousPrepareStackTrace);
|
||||
}
|
||||
return (previousPrepareStackTrace = fn ? fn.displayName || fn.name : "")
|
||||
? describeBuiltInComponentFrame(previousPrepareStackTrace)
|
||||
: "";
|
||||
}
|
||||
var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
|
||||
ReactCurrentCache = ReactSharedInternals.ReactCurrentCache;
|
||||
function defaultErrorHandler(error) {
|
||||
console.error(error);
|
||||
@@ -5675,4 +5675,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 = "18.3.0-www-classic-14b4f2b8";
|
||||
exports.version = "18.3.0-www-classic-abb496f0";
|
||||
|
||||
@@ -2794,149 +2794,6 @@ function getComponentNameFromType(type) {
|
||||
}
|
||||
return null;
|
||||
}
|
||||
var prefix;
|
||||
function describeBuiltInComponentFrame(name) {
|
||||
if (void 0 === prefix)
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
var match = x.stack.trim().match(/\n( *(at )?)/);
|
||||
prefix = (match && match[1]) || "";
|
||||
}
|
||||
return "\n" + prefix + name;
|
||||
}
|
||||
var reentry = !1;
|
||||
function describeNativeComponentFrame(fn, construct) {
|
||||
if (!fn || reentry) return "";
|
||||
reentry = !0;
|
||||
var previousPrepareStackTrace = Error.prepareStackTrace;
|
||||
Error.prepareStackTrace = void 0;
|
||||
var RunInRootFrame = {
|
||||
DetermineComponentFrameRoot: function () {
|
||||
try {
|
||||
if (construct) {
|
||||
var Fake = function () {
|
||||
throw Error();
|
||||
};
|
||||
Object.defineProperty(Fake.prototype, "props", {
|
||||
set: function () {
|
||||
throw Error();
|
||||
}
|
||||
});
|
||||
if ("object" === typeof Reflect && Reflect.construct) {
|
||||
try {
|
||||
Reflect.construct(Fake, []);
|
||||
} catch (x) {
|
||||
var control = x;
|
||||
}
|
||||
Reflect.construct(fn, [], Fake);
|
||||
} else {
|
||||
try {
|
||||
Fake.call();
|
||||
} catch (x$19) {
|
||||
control = x$19;
|
||||
}
|
||||
fn.call(Fake.prototype);
|
||||
}
|
||||
} else {
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x$20) {
|
||||
control = x$20;
|
||||
}
|
||||
(Fake = fn()) &&
|
||||
"function" === typeof Fake.catch &&
|
||||
Fake.catch(function () {});
|
||||
}
|
||||
} catch (sample) {
|
||||
if (sample && control && "string" === typeof sample.stack)
|
||||
return [sample.stack, control.stack];
|
||||
}
|
||||
return [null, null];
|
||||
}
|
||||
};
|
||||
RunInRootFrame.DetermineComponentFrameRoot.displayName =
|
||||
"DetermineComponentFrameRoot";
|
||||
var namePropDescriptor = Object.getOwnPropertyDescriptor(
|
||||
RunInRootFrame.DetermineComponentFrameRoot,
|
||||
"name"
|
||||
);
|
||||
namePropDescriptor &&
|
||||
namePropDescriptor.configurable &&
|
||||
Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, "name", {
|
||||
value: "DetermineComponentFrameRoot"
|
||||
});
|
||||
try {
|
||||
var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
|
||||
sampleStack = _RunInRootFrame$Deter[0],
|
||||
controlStack = _RunInRootFrame$Deter[1];
|
||||
if (sampleStack && controlStack) {
|
||||
var sampleLines = sampleStack.split("\n"),
|
||||
controlLines = controlStack.split("\n");
|
||||
for (
|
||||
namePropDescriptor = RunInRootFrame = 0;
|
||||
RunInRootFrame < sampleLines.length &&
|
||||
!sampleLines[RunInRootFrame].includes("DetermineComponentFrameRoot");
|
||||
|
||||
)
|
||||
RunInRootFrame++;
|
||||
for (
|
||||
;
|
||||
namePropDescriptor < controlLines.length &&
|
||||
!controlLines[namePropDescriptor].includes(
|
||||
"DetermineComponentFrameRoot"
|
||||
);
|
||||
|
||||
)
|
||||
namePropDescriptor++;
|
||||
if (
|
||||
RunInRootFrame === sampleLines.length ||
|
||||
namePropDescriptor === controlLines.length
|
||||
)
|
||||
for (
|
||||
RunInRootFrame = sampleLines.length - 1,
|
||||
namePropDescriptor = controlLines.length - 1;
|
||||
1 <= RunInRootFrame &&
|
||||
0 <= namePropDescriptor &&
|
||||
sampleLines[RunInRootFrame] !== controlLines[namePropDescriptor];
|
||||
|
||||
)
|
||||
namePropDescriptor--;
|
||||
for (
|
||||
;
|
||||
1 <= RunInRootFrame && 0 <= namePropDescriptor;
|
||||
RunInRootFrame--, namePropDescriptor--
|
||||
)
|
||||
if (sampleLines[RunInRootFrame] !== controlLines[namePropDescriptor]) {
|
||||
if (1 !== RunInRootFrame || 1 !== namePropDescriptor) {
|
||||
do
|
||||
if (
|
||||
(RunInRootFrame--,
|
||||
namePropDescriptor--,
|
||||
0 > namePropDescriptor ||
|
||||
sampleLines[RunInRootFrame] !==
|
||||
controlLines[namePropDescriptor])
|
||||
) {
|
||||
var frame =
|
||||
"\n" +
|
||||
sampleLines[RunInRootFrame].replace(" at new ", " at ");
|
||||
fn.displayName &&
|
||||
frame.includes("<anonymous>") &&
|
||||
(frame = frame.replace("<anonymous>", fn.displayName));
|
||||
return frame;
|
||||
}
|
||||
while (1 <= RunInRootFrame && 0 <= namePropDescriptor);
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
} finally {
|
||||
(reentry = !1), (Error.prepareStackTrace = previousPrepareStackTrace);
|
||||
}
|
||||
return (previousPrepareStackTrace = fn ? fn.displayName || fn.name : "")
|
||||
? describeBuiltInComponentFrame(previousPrepareStackTrace)
|
||||
: "";
|
||||
}
|
||||
var emptyContextObject = {},
|
||||
currentActiveSnapshot = null;
|
||||
function popToNearestCommonAncestor(prev, next) {
|
||||
@@ -3399,11 +3256,11 @@ var HooksDispatcher = {
|
||||
});
|
||||
return [initialState, action];
|
||||
}
|
||||
var boundAction$25 = action.bind(null, initialState);
|
||||
var boundAction$23 = action.bind(null, initialState);
|
||||
return [
|
||||
initialState,
|
||||
function (payload) {
|
||||
boundAction$25(payload);
|
||||
boundAction$23(payload);
|
||||
}
|
||||
];
|
||||
}
|
||||
@@ -3417,7 +3274,150 @@ var HooksDispatcher = {
|
||||
throw Error(formatProdErrorMessage(248));
|
||||
}
|
||||
},
|
||||
ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
|
||||
prefix;
|
||||
function describeBuiltInComponentFrame(name) {
|
||||
if (void 0 === prefix)
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
var match = x.stack.trim().match(/\n( *(at )?)/);
|
||||
prefix = (match && match[1]) || "";
|
||||
}
|
||||
return "\n" + prefix + name;
|
||||
}
|
||||
var reentry = !1;
|
||||
function describeNativeComponentFrame(fn, construct) {
|
||||
if (!fn || reentry) return "";
|
||||
reentry = !0;
|
||||
var previousPrepareStackTrace = Error.prepareStackTrace;
|
||||
Error.prepareStackTrace = void 0;
|
||||
var RunInRootFrame = {
|
||||
DetermineComponentFrameRoot: function () {
|
||||
try {
|
||||
if (construct) {
|
||||
var Fake = function () {
|
||||
throw Error();
|
||||
};
|
||||
Object.defineProperty(Fake.prototype, "props", {
|
||||
set: function () {
|
||||
throw Error();
|
||||
}
|
||||
});
|
||||
if ("object" === typeof Reflect && Reflect.construct) {
|
||||
try {
|
||||
Reflect.construct(Fake, []);
|
||||
} catch (x) {
|
||||
var control = x;
|
||||
}
|
||||
Reflect.construct(fn, [], Fake);
|
||||
} else {
|
||||
try {
|
||||
Fake.call();
|
||||
} catch (x$25) {
|
||||
control = x$25;
|
||||
}
|
||||
fn.call(Fake.prototype);
|
||||
}
|
||||
} else {
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x$26) {
|
||||
control = x$26;
|
||||
}
|
||||
(Fake = fn()) &&
|
||||
"function" === typeof Fake.catch &&
|
||||
Fake.catch(function () {});
|
||||
}
|
||||
} catch (sample) {
|
||||
if (sample && control && "string" === typeof sample.stack)
|
||||
return [sample.stack, control.stack];
|
||||
}
|
||||
return [null, null];
|
||||
}
|
||||
};
|
||||
RunInRootFrame.DetermineComponentFrameRoot.displayName =
|
||||
"DetermineComponentFrameRoot";
|
||||
var namePropDescriptor = Object.getOwnPropertyDescriptor(
|
||||
RunInRootFrame.DetermineComponentFrameRoot,
|
||||
"name"
|
||||
);
|
||||
namePropDescriptor &&
|
||||
namePropDescriptor.configurable &&
|
||||
Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, "name", {
|
||||
value: "DetermineComponentFrameRoot"
|
||||
});
|
||||
try {
|
||||
var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
|
||||
sampleStack = _RunInRootFrame$Deter[0],
|
||||
controlStack = _RunInRootFrame$Deter[1];
|
||||
if (sampleStack && controlStack) {
|
||||
var sampleLines = sampleStack.split("\n"),
|
||||
controlLines = controlStack.split("\n");
|
||||
for (
|
||||
namePropDescriptor = RunInRootFrame = 0;
|
||||
RunInRootFrame < sampleLines.length &&
|
||||
!sampleLines[RunInRootFrame].includes("DetermineComponentFrameRoot");
|
||||
|
||||
)
|
||||
RunInRootFrame++;
|
||||
for (
|
||||
;
|
||||
namePropDescriptor < controlLines.length &&
|
||||
!controlLines[namePropDescriptor].includes(
|
||||
"DetermineComponentFrameRoot"
|
||||
);
|
||||
|
||||
)
|
||||
namePropDescriptor++;
|
||||
if (
|
||||
RunInRootFrame === sampleLines.length ||
|
||||
namePropDescriptor === controlLines.length
|
||||
)
|
||||
for (
|
||||
RunInRootFrame = sampleLines.length - 1,
|
||||
namePropDescriptor = controlLines.length - 1;
|
||||
1 <= RunInRootFrame &&
|
||||
0 <= namePropDescriptor &&
|
||||
sampleLines[RunInRootFrame] !== controlLines[namePropDescriptor];
|
||||
|
||||
)
|
||||
namePropDescriptor--;
|
||||
for (
|
||||
;
|
||||
1 <= RunInRootFrame && 0 <= namePropDescriptor;
|
||||
RunInRootFrame--, namePropDescriptor--
|
||||
)
|
||||
if (sampleLines[RunInRootFrame] !== controlLines[namePropDescriptor]) {
|
||||
if (1 !== RunInRootFrame || 1 !== namePropDescriptor) {
|
||||
do
|
||||
if (
|
||||
(RunInRootFrame--,
|
||||
namePropDescriptor--,
|
||||
0 > namePropDescriptor ||
|
||||
sampleLines[RunInRootFrame] !==
|
||||
controlLines[namePropDescriptor])
|
||||
) {
|
||||
var frame =
|
||||
"\n" +
|
||||
sampleLines[RunInRootFrame].replace(" at new ", " at ");
|
||||
fn.displayName &&
|
||||
frame.includes("<anonymous>") &&
|
||||
(frame = frame.replace("<anonymous>", fn.displayName));
|
||||
return frame;
|
||||
}
|
||||
while (1 <= RunInRootFrame && 0 <= namePropDescriptor);
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
} finally {
|
||||
(reentry = !1), (Error.prepareStackTrace = previousPrepareStackTrace);
|
||||
}
|
||||
return (previousPrepareStackTrace = fn ? fn.displayName || fn.name : "")
|
||||
? describeBuiltInComponentFrame(previousPrepareStackTrace)
|
||||
: "";
|
||||
}
|
||||
var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
|
||||
ReactCurrentCache = ReactSharedInternals.ReactCurrentCache;
|
||||
function defaultErrorHandler(error) {
|
||||
console.error(error);
|
||||
@@ -5634,4 +5634,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 = "18.3.0-www-modern-aad78460";
|
||||
exports.version = "18.3.0-www-modern-96bf6a25";
|
||||
|
||||
@@ -8476,386 +8476,6 @@ if (__DEV__) {
|
||||
return null;
|
||||
}
|
||||
|
||||
// Helpers to patch console.logs to avoid logging during side-effect free
|
||||
// replaying on render function. This currently only patches the object
|
||||
// lazily which won't cover if the log function was extracted eagerly.
|
||||
// We could also eagerly patch the method.
|
||||
var disabledDepth = 0;
|
||||
var prevLog;
|
||||
var prevInfo;
|
||||
var prevWarn;
|
||||
var prevError;
|
||||
var prevGroup;
|
||||
var prevGroupCollapsed;
|
||||
var prevGroupEnd;
|
||||
|
||||
function disabledLog() {}
|
||||
|
||||
disabledLog.__reactDisabledLog = true;
|
||||
function disableLogs() {
|
||||
{
|
||||
if (disabledDepth === 0) {
|
||||
/* eslint-disable react-internal/no-production-logging */
|
||||
prevLog = console.log;
|
||||
prevInfo = console.info;
|
||||
prevWarn = console.warn;
|
||||
prevError = console.error;
|
||||
prevGroup = console.group;
|
||||
prevGroupCollapsed = console.groupCollapsed;
|
||||
prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
|
||||
|
||||
var props = {
|
||||
configurable: true,
|
||||
enumerable: true,
|
||||
value: disabledLog,
|
||||
writable: true
|
||||
}; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
|
||||
|
||||
Object.defineProperties(console, {
|
||||
info: props,
|
||||
log: props,
|
||||
warn: props,
|
||||
error: props,
|
||||
group: props,
|
||||
groupCollapsed: props,
|
||||
groupEnd: props
|
||||
});
|
||||
/* eslint-enable react-internal/no-production-logging */
|
||||
}
|
||||
|
||||
disabledDepth++;
|
||||
}
|
||||
}
|
||||
function reenableLogs() {
|
||||
{
|
||||
disabledDepth--;
|
||||
|
||||
if (disabledDepth === 0) {
|
||||
/* eslint-disable react-internal/no-production-logging */
|
||||
var props = {
|
||||
configurable: true,
|
||||
enumerable: true,
|
||||
writable: true
|
||||
}; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
|
||||
|
||||
Object.defineProperties(console, {
|
||||
log: assign({}, props, {
|
||||
value: prevLog
|
||||
}),
|
||||
info: assign({}, props, {
|
||||
value: prevInfo
|
||||
}),
|
||||
warn: assign({}, props, {
|
||||
value: prevWarn
|
||||
}),
|
||||
error: assign({}, props, {
|
||||
value: prevError
|
||||
}),
|
||||
group: assign({}, props, {
|
||||
value: prevGroup
|
||||
}),
|
||||
groupCollapsed: assign({}, props, {
|
||||
value: prevGroupCollapsed
|
||||
}),
|
||||
groupEnd: assign({}, props, {
|
||||
value: prevGroupEnd
|
||||
})
|
||||
});
|
||||
/* eslint-enable react-internal/no-production-logging */
|
||||
}
|
||||
|
||||
if (disabledDepth < 0) {
|
||||
error(
|
||||
"disabledDepth fell below zero. " +
|
||||
"This is a bug in React. Please file an issue."
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
|
||||
var prefix;
|
||||
function describeBuiltInComponentFrame(name, ownerFn) {
|
||||
{
|
||||
if (prefix === undefined) {
|
||||
// Extract the VM specific prefix used by each line.
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
var match = x.stack.trim().match(/\n( *(at )?)/);
|
||||
prefix = (match && match[1]) || "";
|
||||
}
|
||||
} // We use the prefix to ensure our stacks line up with native stack frames.
|
||||
|
||||
return "\n" + prefix + name;
|
||||
}
|
||||
}
|
||||
var reentry = false;
|
||||
var componentFrameCache;
|
||||
|
||||
{
|
||||
var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
|
||||
componentFrameCache = new PossiblyWeakMap();
|
||||
}
|
||||
/**
|
||||
* Leverages native browser/VM stack frames to get proper details (e.g.
|
||||
* filename, line + col number) for a single component in a component stack. We
|
||||
* do this by:
|
||||
* (1) throwing and catching an error in the function - this will be our
|
||||
* control error.
|
||||
* (2) calling the component which will eventually throw an error that we'll
|
||||
* catch - this will be our sample error.
|
||||
* (3) diffing the control and sample error stacks to find the stack frame
|
||||
* which represents our component.
|
||||
*/
|
||||
|
||||
function describeNativeComponentFrame(fn, construct) {
|
||||
// If something asked for a stack inside a fake render, it should get ignored.
|
||||
if (!fn || reentry) {
|
||||
return "";
|
||||
}
|
||||
|
||||
{
|
||||
var frame = componentFrameCache.get(fn);
|
||||
|
||||
if (frame !== undefined) {
|
||||
return frame;
|
||||
}
|
||||
}
|
||||
|
||||
reentry = true;
|
||||
var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
|
||||
|
||||
Error.prepareStackTrace = undefined;
|
||||
var previousDispatcher;
|
||||
|
||||
{
|
||||
previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
|
||||
// for warnings.
|
||||
|
||||
ReactCurrentDispatcher$1.current = null;
|
||||
disableLogs();
|
||||
}
|
||||
/**
|
||||
* Finding a common stack frame between sample and control errors can be
|
||||
* tricky given the different types and levels of stack trace truncation from
|
||||
* different JS VMs. So instead we'll attempt to control what that common
|
||||
* frame should be through this object method:
|
||||
* Having both the sample and control errors be in the function under the
|
||||
* `DescribeNativeComponentFrameRoot` property, + setting the `name` and
|
||||
* `displayName` properties of the function ensures that a stack
|
||||
* frame exists that has the method name `DescribeNativeComponentFrameRoot` in
|
||||
* it for both control and sample stacks.
|
||||
*/
|
||||
|
||||
var RunInRootFrame = {
|
||||
DetermineComponentFrameRoot: function () {
|
||||
var control;
|
||||
|
||||
try {
|
||||
// This should throw.
|
||||
if (construct) {
|
||||
// Something should be setting the props in the constructor.
|
||||
var Fake = function () {
|
||||
throw Error();
|
||||
}; // $FlowFixMe[prop-missing]
|
||||
|
||||
Object.defineProperty(Fake.prototype, "props", {
|
||||
set: function () {
|
||||
// We use a throwing setter instead of frozen or non-writable props
|
||||
// because that won't throw in a non-strict mode function.
|
||||
throw Error();
|
||||
}
|
||||
});
|
||||
|
||||
if (typeof Reflect === "object" && Reflect.construct) {
|
||||
// We construct a different control for this case to include any extra
|
||||
// frames added by the construct call.
|
||||
try {
|
||||
Reflect.construct(Fake, []);
|
||||
} catch (x) {
|
||||
control = x;
|
||||
}
|
||||
|
||||
Reflect.construct(fn, [], Fake);
|
||||
} else {
|
||||
try {
|
||||
Fake.call();
|
||||
} catch (x) {
|
||||
control = x;
|
||||
} // $FlowFixMe[prop-missing] found when upgrading Flow
|
||||
|
||||
fn.call(Fake.prototype);
|
||||
}
|
||||
} else {
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
control = x;
|
||||
} // TODO(luna): This will currently only throw if the function component
|
||||
// tries to access React/ReactDOM/props. We should probably make this throw
|
||||
// in simple components too
|
||||
|
||||
var maybePromise = fn(); // If the function component returns a promise, it's likely an async
|
||||
// component, which we don't yet support. Attach a noop catch handler to
|
||||
// silence the error.
|
||||
// TODO: Implement component stacks for async client components?
|
||||
|
||||
if (maybePromise && typeof maybePromise.catch === "function") {
|
||||
maybePromise.catch(function () {});
|
||||
}
|
||||
}
|
||||
} catch (sample) {
|
||||
// This is inlined manually because closure doesn't do it for us.
|
||||
if (sample && control && typeof sample.stack === "string") {
|
||||
return [sample.stack, control.stack];
|
||||
}
|
||||
}
|
||||
|
||||
return [null, null];
|
||||
}
|
||||
}; // $FlowFixMe[prop-missing]
|
||||
|
||||
RunInRootFrame.DetermineComponentFrameRoot.displayName =
|
||||
"DetermineComponentFrameRoot";
|
||||
var namePropDescriptor = Object.getOwnPropertyDescriptor(
|
||||
RunInRootFrame.DetermineComponentFrameRoot,
|
||||
"name"
|
||||
); // Before ES6, the `name` property was not configurable.
|
||||
|
||||
if (namePropDescriptor && namePropDescriptor.configurable) {
|
||||
// V8 utilizes a function's `name` property when generating a stack trace.
|
||||
Object.defineProperty(
|
||||
RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
|
||||
// is set to `false`.
|
||||
// $FlowFixMe[cannot-write]
|
||||
"name",
|
||||
{
|
||||
value: "DetermineComponentFrameRoot"
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
try {
|
||||
var _RunInRootFrame$Deter =
|
||||
RunInRootFrame.DetermineComponentFrameRoot(),
|
||||
sampleStack = _RunInRootFrame$Deter[0],
|
||||
controlStack = _RunInRootFrame$Deter[1];
|
||||
|
||||
if (sampleStack && controlStack) {
|
||||
// This extracts the first frame from the sample that isn't also in the control.
|
||||
// Skipping one frame that we assume is the frame that calls the two.
|
||||
var sampleLines = sampleStack.split("\n");
|
||||
var controlLines = controlStack.split("\n");
|
||||
var s = 0;
|
||||
var c = 0;
|
||||
|
||||
while (
|
||||
s < sampleLines.length &&
|
||||
!sampleLines[s].includes("DetermineComponentFrameRoot")
|
||||
) {
|
||||
s++;
|
||||
}
|
||||
|
||||
while (
|
||||
c < controlLines.length &&
|
||||
!controlLines[c].includes("DetermineComponentFrameRoot")
|
||||
) {
|
||||
c++;
|
||||
} // We couldn't find our intentionally injected common root frame, attempt
|
||||
// to find another common root frame by search from the bottom of the
|
||||
// control stack...
|
||||
|
||||
if (s === sampleLines.length || c === controlLines.length) {
|
||||
s = sampleLines.length - 1;
|
||||
c = controlLines.length - 1;
|
||||
|
||||
while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
|
||||
// We expect at least one stack frame to be shared.
|
||||
// Typically this will be the root most one. However, stack frames may be
|
||||
// cut off due to maximum stack limits. In this case, one maybe cut off
|
||||
// earlier than the other. We assume that the sample is longer or the same
|
||||
// and there for cut off earlier. So we should find the root most frame in
|
||||
// the sample somewhere in the control.
|
||||
c--;
|
||||
}
|
||||
}
|
||||
|
||||
for (; s >= 1 && c >= 0; s--, c--) {
|
||||
// Next we find the first one that isn't the same which should be the
|
||||
// frame that called our sample function and the control.
|
||||
if (sampleLines[s] !== controlLines[c]) {
|
||||
// In V8, the first line is describing the message but other VMs don't.
|
||||
// If we're about to return the first line, and the control is also on the same
|
||||
// line, that's a pretty good indicator that our sample threw at same line as
|
||||
// the control. I.e. before we entered the sample frame. So we ignore this result.
|
||||
// This can happen if you passed a class to function component, or non-function.
|
||||
if (s !== 1 || c !== 1) {
|
||||
do {
|
||||
s--;
|
||||
c--; // We may still have similar intermediate frames from the construct call.
|
||||
// The next one that isn't the same should be our match though.
|
||||
|
||||
if (c < 0 || sampleLines[s] !== controlLines[c]) {
|
||||
// V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
|
||||
var _frame =
|
||||
"\n" + sampleLines[s].replace(" at new ", " at "); // If our component frame is labeled "<anonymous>"
|
||||
// but we have a user-provided "displayName"
|
||||
// splice it in to make the stack more readable.
|
||||
|
||||
if (fn.displayName && _frame.includes("<anonymous>")) {
|
||||
_frame = _frame.replace("<anonymous>", fn.displayName);
|
||||
}
|
||||
|
||||
if (true) {
|
||||
if (typeof fn === "function") {
|
||||
componentFrameCache.set(fn, _frame);
|
||||
}
|
||||
} // Return the line we found.
|
||||
|
||||
return _frame;
|
||||
}
|
||||
} while (s >= 1 && c >= 0);
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
} finally {
|
||||
reentry = false;
|
||||
|
||||
{
|
||||
ReactCurrentDispatcher$1.current = previousDispatcher;
|
||||
reenableLogs();
|
||||
}
|
||||
|
||||
Error.prepareStackTrace = previousPrepareStackTrace;
|
||||
} // Fallback to just using the name if we couldn't make it throw.
|
||||
|
||||
var name = fn ? fn.displayName || fn.name : "";
|
||||
var syntheticFrame = name ? describeBuiltInComponentFrame(name) : "";
|
||||
|
||||
{
|
||||
if (typeof fn === "function") {
|
||||
componentFrameCache.set(fn, syntheticFrame);
|
||||
}
|
||||
}
|
||||
|
||||
return syntheticFrame;
|
||||
}
|
||||
|
||||
function describeClassComponentFrame(ctor, ownerFn) {
|
||||
{
|
||||
return describeNativeComponentFrame(ctor, true);
|
||||
}
|
||||
}
|
||||
function describeFunctionComponentFrame(fn, ownerFn) {
|
||||
{
|
||||
return describeNativeComponentFrame(fn, false);
|
||||
}
|
||||
}
|
||||
|
||||
var emptyContextObject = {};
|
||||
|
||||
{
|
||||
@@ -10836,6 +10456,386 @@ if (__DEV__) {
|
||||
getCacheForType: getCacheForType
|
||||
};
|
||||
|
||||
// Helpers to patch console.logs to avoid logging during side-effect free
|
||||
// replaying on render function. This currently only patches the object
|
||||
// lazily which won't cover if the log function was extracted eagerly.
|
||||
// We could also eagerly patch the method.
|
||||
var disabledDepth = 0;
|
||||
var prevLog;
|
||||
var prevInfo;
|
||||
var prevWarn;
|
||||
var prevError;
|
||||
var prevGroup;
|
||||
var prevGroupCollapsed;
|
||||
var prevGroupEnd;
|
||||
|
||||
function disabledLog() {}
|
||||
|
||||
disabledLog.__reactDisabledLog = true;
|
||||
function disableLogs() {
|
||||
{
|
||||
if (disabledDepth === 0) {
|
||||
/* eslint-disable react-internal/no-production-logging */
|
||||
prevLog = console.log;
|
||||
prevInfo = console.info;
|
||||
prevWarn = console.warn;
|
||||
prevError = console.error;
|
||||
prevGroup = console.group;
|
||||
prevGroupCollapsed = console.groupCollapsed;
|
||||
prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
|
||||
|
||||
var props = {
|
||||
configurable: true,
|
||||
enumerable: true,
|
||||
value: disabledLog,
|
||||
writable: true
|
||||
}; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
|
||||
|
||||
Object.defineProperties(console, {
|
||||
info: props,
|
||||
log: props,
|
||||
warn: props,
|
||||
error: props,
|
||||
group: props,
|
||||
groupCollapsed: props,
|
||||
groupEnd: props
|
||||
});
|
||||
/* eslint-enable react-internal/no-production-logging */
|
||||
}
|
||||
|
||||
disabledDepth++;
|
||||
}
|
||||
}
|
||||
function reenableLogs() {
|
||||
{
|
||||
disabledDepth--;
|
||||
|
||||
if (disabledDepth === 0) {
|
||||
/* eslint-disable react-internal/no-production-logging */
|
||||
var props = {
|
||||
configurable: true,
|
||||
enumerable: true,
|
||||
writable: true
|
||||
}; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
|
||||
|
||||
Object.defineProperties(console, {
|
||||
log: assign({}, props, {
|
||||
value: prevLog
|
||||
}),
|
||||
info: assign({}, props, {
|
||||
value: prevInfo
|
||||
}),
|
||||
warn: assign({}, props, {
|
||||
value: prevWarn
|
||||
}),
|
||||
error: assign({}, props, {
|
||||
value: prevError
|
||||
}),
|
||||
group: assign({}, props, {
|
||||
value: prevGroup
|
||||
}),
|
||||
groupCollapsed: assign({}, props, {
|
||||
value: prevGroupCollapsed
|
||||
}),
|
||||
groupEnd: assign({}, props, {
|
||||
value: prevGroupEnd
|
||||
})
|
||||
});
|
||||
/* eslint-enable react-internal/no-production-logging */
|
||||
}
|
||||
|
||||
if (disabledDepth < 0) {
|
||||
error(
|
||||
"disabledDepth fell below zero. " +
|
||||
"This is a bug in React. Please file an issue."
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
|
||||
var prefix;
|
||||
function describeBuiltInComponentFrame(name, ownerFn) {
|
||||
{
|
||||
if (prefix === undefined) {
|
||||
// Extract the VM specific prefix used by each line.
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
var match = x.stack.trim().match(/\n( *(at )?)/);
|
||||
prefix = (match && match[1]) || "";
|
||||
}
|
||||
} // We use the prefix to ensure our stacks line up with native stack frames.
|
||||
|
||||
return "\n" + prefix + name;
|
||||
}
|
||||
}
|
||||
var reentry = false;
|
||||
var componentFrameCache;
|
||||
|
||||
{
|
||||
var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
|
||||
componentFrameCache = new PossiblyWeakMap();
|
||||
}
|
||||
/**
|
||||
* Leverages native browser/VM stack frames to get proper details (e.g.
|
||||
* filename, line + col number) for a single component in a component stack. We
|
||||
* do this by:
|
||||
* (1) throwing and catching an error in the function - this will be our
|
||||
* control error.
|
||||
* (2) calling the component which will eventually throw an error that we'll
|
||||
* catch - this will be our sample error.
|
||||
* (3) diffing the control and sample error stacks to find the stack frame
|
||||
* which represents our component.
|
||||
*/
|
||||
|
||||
function describeNativeComponentFrame(fn, construct) {
|
||||
// If something asked for a stack inside a fake render, it should get ignored.
|
||||
if (!fn || reentry) {
|
||||
return "";
|
||||
}
|
||||
|
||||
{
|
||||
var frame = componentFrameCache.get(fn);
|
||||
|
||||
if (frame !== undefined) {
|
||||
return frame;
|
||||
}
|
||||
}
|
||||
|
||||
reentry = true;
|
||||
var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
|
||||
|
||||
Error.prepareStackTrace = undefined;
|
||||
var previousDispatcher;
|
||||
|
||||
{
|
||||
previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
|
||||
// for warnings.
|
||||
|
||||
ReactCurrentDispatcher$1.current = null;
|
||||
disableLogs();
|
||||
}
|
||||
/**
|
||||
* Finding a common stack frame between sample and control errors can be
|
||||
* tricky given the different types and levels of stack trace truncation from
|
||||
* different JS VMs. So instead we'll attempt to control what that common
|
||||
* frame should be through this object method:
|
||||
* Having both the sample and control errors be in the function under the
|
||||
* `DescribeNativeComponentFrameRoot` property, + setting the `name` and
|
||||
* `displayName` properties of the function ensures that a stack
|
||||
* frame exists that has the method name `DescribeNativeComponentFrameRoot` in
|
||||
* it for both control and sample stacks.
|
||||
*/
|
||||
|
||||
var RunInRootFrame = {
|
||||
DetermineComponentFrameRoot: function () {
|
||||
var control;
|
||||
|
||||
try {
|
||||
// This should throw.
|
||||
if (construct) {
|
||||
// Something should be setting the props in the constructor.
|
||||
var Fake = function () {
|
||||
throw Error();
|
||||
}; // $FlowFixMe[prop-missing]
|
||||
|
||||
Object.defineProperty(Fake.prototype, "props", {
|
||||
set: function () {
|
||||
// We use a throwing setter instead of frozen or non-writable props
|
||||
// because that won't throw in a non-strict mode function.
|
||||
throw Error();
|
||||
}
|
||||
});
|
||||
|
||||
if (typeof Reflect === "object" && Reflect.construct) {
|
||||
// We construct a different control for this case to include any extra
|
||||
// frames added by the construct call.
|
||||
try {
|
||||
Reflect.construct(Fake, []);
|
||||
} catch (x) {
|
||||
control = x;
|
||||
}
|
||||
|
||||
Reflect.construct(fn, [], Fake);
|
||||
} else {
|
||||
try {
|
||||
Fake.call();
|
||||
} catch (x) {
|
||||
control = x;
|
||||
} // $FlowFixMe[prop-missing] found when upgrading Flow
|
||||
|
||||
fn.call(Fake.prototype);
|
||||
}
|
||||
} else {
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
control = x;
|
||||
} // TODO(luna): This will currently only throw if the function component
|
||||
// tries to access React/ReactDOM/props. We should probably make this throw
|
||||
// in simple components too
|
||||
|
||||
var maybePromise = fn(); // If the function component returns a promise, it's likely an async
|
||||
// component, which we don't yet support. Attach a noop catch handler to
|
||||
// silence the error.
|
||||
// TODO: Implement component stacks for async client components?
|
||||
|
||||
if (maybePromise && typeof maybePromise.catch === "function") {
|
||||
maybePromise.catch(function () {});
|
||||
}
|
||||
}
|
||||
} catch (sample) {
|
||||
// This is inlined manually because closure doesn't do it for us.
|
||||
if (sample && control && typeof sample.stack === "string") {
|
||||
return [sample.stack, control.stack];
|
||||
}
|
||||
}
|
||||
|
||||
return [null, null];
|
||||
}
|
||||
}; // $FlowFixMe[prop-missing]
|
||||
|
||||
RunInRootFrame.DetermineComponentFrameRoot.displayName =
|
||||
"DetermineComponentFrameRoot";
|
||||
var namePropDescriptor = Object.getOwnPropertyDescriptor(
|
||||
RunInRootFrame.DetermineComponentFrameRoot,
|
||||
"name"
|
||||
); // Before ES6, the `name` property was not configurable.
|
||||
|
||||
if (namePropDescriptor && namePropDescriptor.configurable) {
|
||||
// V8 utilizes a function's `name` property when generating a stack trace.
|
||||
Object.defineProperty(
|
||||
RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
|
||||
// is set to `false`.
|
||||
// $FlowFixMe[cannot-write]
|
||||
"name",
|
||||
{
|
||||
value: "DetermineComponentFrameRoot"
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
try {
|
||||
var _RunInRootFrame$Deter =
|
||||
RunInRootFrame.DetermineComponentFrameRoot(),
|
||||
sampleStack = _RunInRootFrame$Deter[0],
|
||||
controlStack = _RunInRootFrame$Deter[1];
|
||||
|
||||
if (sampleStack && controlStack) {
|
||||
// This extracts the first frame from the sample that isn't also in the control.
|
||||
// Skipping one frame that we assume is the frame that calls the two.
|
||||
var sampleLines = sampleStack.split("\n");
|
||||
var controlLines = controlStack.split("\n");
|
||||
var s = 0;
|
||||
var c = 0;
|
||||
|
||||
while (
|
||||
s < sampleLines.length &&
|
||||
!sampleLines[s].includes("DetermineComponentFrameRoot")
|
||||
) {
|
||||
s++;
|
||||
}
|
||||
|
||||
while (
|
||||
c < controlLines.length &&
|
||||
!controlLines[c].includes("DetermineComponentFrameRoot")
|
||||
) {
|
||||
c++;
|
||||
} // We couldn't find our intentionally injected common root frame, attempt
|
||||
// to find another common root frame by search from the bottom of the
|
||||
// control stack...
|
||||
|
||||
if (s === sampleLines.length || c === controlLines.length) {
|
||||
s = sampleLines.length - 1;
|
||||
c = controlLines.length - 1;
|
||||
|
||||
while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
|
||||
// We expect at least one stack frame to be shared.
|
||||
// Typically this will be the root most one. However, stack frames may be
|
||||
// cut off due to maximum stack limits. In this case, one maybe cut off
|
||||
// earlier than the other. We assume that the sample is longer or the same
|
||||
// and there for cut off earlier. So we should find the root most frame in
|
||||
// the sample somewhere in the control.
|
||||
c--;
|
||||
}
|
||||
}
|
||||
|
||||
for (; s >= 1 && c >= 0; s--, c--) {
|
||||
// Next we find the first one that isn't the same which should be the
|
||||
// frame that called our sample function and the control.
|
||||
if (sampleLines[s] !== controlLines[c]) {
|
||||
// In V8, the first line is describing the message but other VMs don't.
|
||||
// If we're about to return the first line, and the control is also on the same
|
||||
// line, that's a pretty good indicator that our sample threw at same line as
|
||||
// the control. I.e. before we entered the sample frame. So we ignore this result.
|
||||
// This can happen if you passed a class to function component, or non-function.
|
||||
if (s !== 1 || c !== 1) {
|
||||
do {
|
||||
s--;
|
||||
c--; // We may still have similar intermediate frames from the construct call.
|
||||
// The next one that isn't the same should be our match though.
|
||||
|
||||
if (c < 0 || sampleLines[s] !== controlLines[c]) {
|
||||
// V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
|
||||
var _frame =
|
||||
"\n" + sampleLines[s].replace(" at new ", " at "); // If our component frame is labeled "<anonymous>"
|
||||
// but we have a user-provided "displayName"
|
||||
// splice it in to make the stack more readable.
|
||||
|
||||
if (fn.displayName && _frame.includes("<anonymous>")) {
|
||||
_frame = _frame.replace("<anonymous>", fn.displayName);
|
||||
}
|
||||
|
||||
if (true) {
|
||||
if (typeof fn === "function") {
|
||||
componentFrameCache.set(fn, _frame);
|
||||
}
|
||||
} // Return the line we found.
|
||||
|
||||
return _frame;
|
||||
}
|
||||
} while (s >= 1 && c >= 0);
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
} finally {
|
||||
reentry = false;
|
||||
|
||||
{
|
||||
ReactCurrentDispatcher$1.current = previousDispatcher;
|
||||
reenableLogs();
|
||||
}
|
||||
|
||||
Error.prepareStackTrace = previousPrepareStackTrace;
|
||||
} // Fallback to just using the name if we couldn't make it throw.
|
||||
|
||||
var name = fn ? fn.displayName || fn.name : "";
|
||||
var syntheticFrame = name ? describeBuiltInComponentFrame(name) : "";
|
||||
|
||||
{
|
||||
if (typeof fn === "function") {
|
||||
componentFrameCache.set(fn, syntheticFrame);
|
||||
}
|
||||
}
|
||||
|
||||
return syntheticFrame;
|
||||
}
|
||||
|
||||
function describeClassComponentFrame(ctor, ownerFn) {
|
||||
{
|
||||
return describeNativeComponentFrame(ctor, true);
|
||||
}
|
||||
}
|
||||
function describeFunctionComponentFrame(fn, ownerFn) {
|
||||
{
|
||||
return describeNativeComponentFrame(fn, false);
|
||||
}
|
||||
}
|
||||
|
||||
function getStackByComponentStackNode(componentStack) {
|
||||
try {
|
||||
var info = "";
|
||||
|
||||
@@ -2654,149 +2654,6 @@ function getComponentNameFromType(type) {
|
||||
}
|
||||
return null;
|
||||
}
|
||||
var prefix;
|
||||
function describeBuiltInComponentFrame(name) {
|
||||
if (void 0 === prefix)
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
var match = x.stack.trim().match(/\n( *(at )?)/);
|
||||
prefix = (match && match[1]) || "";
|
||||
}
|
||||
return "\n" + prefix + name;
|
||||
}
|
||||
var reentry = !1;
|
||||
function describeNativeComponentFrame(fn, construct) {
|
||||
if (!fn || reentry) return "";
|
||||
reentry = !0;
|
||||
var previousPrepareStackTrace = Error.prepareStackTrace;
|
||||
Error.prepareStackTrace = void 0;
|
||||
var RunInRootFrame = {
|
||||
DetermineComponentFrameRoot: function () {
|
||||
try {
|
||||
if (construct) {
|
||||
var Fake = function () {
|
||||
throw Error();
|
||||
};
|
||||
Object.defineProperty(Fake.prototype, "props", {
|
||||
set: function () {
|
||||
throw Error();
|
||||
}
|
||||
});
|
||||
if ("object" === typeof Reflect && Reflect.construct) {
|
||||
try {
|
||||
Reflect.construct(Fake, []);
|
||||
} catch (x) {
|
||||
var control = x;
|
||||
}
|
||||
Reflect.construct(fn, [], Fake);
|
||||
} else {
|
||||
try {
|
||||
Fake.call();
|
||||
} catch (x$19) {
|
||||
control = x$19;
|
||||
}
|
||||
fn.call(Fake.prototype);
|
||||
}
|
||||
} else {
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x$20) {
|
||||
control = x$20;
|
||||
}
|
||||
(Fake = fn()) &&
|
||||
"function" === typeof Fake.catch &&
|
||||
Fake.catch(function () {});
|
||||
}
|
||||
} catch (sample) {
|
||||
if (sample && control && "string" === typeof sample.stack)
|
||||
return [sample.stack, control.stack];
|
||||
}
|
||||
return [null, null];
|
||||
}
|
||||
};
|
||||
RunInRootFrame.DetermineComponentFrameRoot.displayName =
|
||||
"DetermineComponentFrameRoot";
|
||||
var namePropDescriptor = Object.getOwnPropertyDescriptor(
|
||||
RunInRootFrame.DetermineComponentFrameRoot,
|
||||
"name"
|
||||
);
|
||||
namePropDescriptor &&
|
||||
namePropDescriptor.configurable &&
|
||||
Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, "name", {
|
||||
value: "DetermineComponentFrameRoot"
|
||||
});
|
||||
try {
|
||||
var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
|
||||
sampleStack = _RunInRootFrame$Deter[0],
|
||||
controlStack = _RunInRootFrame$Deter[1];
|
||||
if (sampleStack && controlStack) {
|
||||
var sampleLines = sampleStack.split("\n"),
|
||||
controlLines = controlStack.split("\n");
|
||||
for (
|
||||
namePropDescriptor = RunInRootFrame = 0;
|
||||
RunInRootFrame < sampleLines.length &&
|
||||
!sampleLines[RunInRootFrame].includes("DetermineComponentFrameRoot");
|
||||
|
||||
)
|
||||
RunInRootFrame++;
|
||||
for (
|
||||
;
|
||||
namePropDescriptor < controlLines.length &&
|
||||
!controlLines[namePropDescriptor].includes(
|
||||
"DetermineComponentFrameRoot"
|
||||
);
|
||||
|
||||
)
|
||||
namePropDescriptor++;
|
||||
if (
|
||||
RunInRootFrame === sampleLines.length ||
|
||||
namePropDescriptor === controlLines.length
|
||||
)
|
||||
for (
|
||||
RunInRootFrame = sampleLines.length - 1,
|
||||
namePropDescriptor = controlLines.length - 1;
|
||||
1 <= RunInRootFrame &&
|
||||
0 <= namePropDescriptor &&
|
||||
sampleLines[RunInRootFrame] !== controlLines[namePropDescriptor];
|
||||
|
||||
)
|
||||
namePropDescriptor--;
|
||||
for (
|
||||
;
|
||||
1 <= RunInRootFrame && 0 <= namePropDescriptor;
|
||||
RunInRootFrame--, namePropDescriptor--
|
||||
)
|
||||
if (sampleLines[RunInRootFrame] !== controlLines[namePropDescriptor]) {
|
||||
if (1 !== RunInRootFrame || 1 !== namePropDescriptor) {
|
||||
do
|
||||
if (
|
||||
(RunInRootFrame--,
|
||||
namePropDescriptor--,
|
||||
0 > namePropDescriptor ||
|
||||
sampleLines[RunInRootFrame] !==
|
||||
controlLines[namePropDescriptor])
|
||||
) {
|
||||
var frame =
|
||||
"\n" +
|
||||
sampleLines[RunInRootFrame].replace(" at new ", " at ");
|
||||
fn.displayName &&
|
||||
frame.includes("<anonymous>") &&
|
||||
(frame = frame.replace("<anonymous>", fn.displayName));
|
||||
return frame;
|
||||
}
|
||||
while (1 <= RunInRootFrame && 0 <= namePropDescriptor);
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
} finally {
|
||||
(reentry = !1), (Error.prepareStackTrace = previousPrepareStackTrace);
|
||||
}
|
||||
return (previousPrepareStackTrace = fn ? fn.displayName || fn.name : "")
|
||||
? describeBuiltInComponentFrame(previousPrepareStackTrace)
|
||||
: "";
|
||||
}
|
||||
var emptyContextObject = {},
|
||||
currentActiveSnapshot = null;
|
||||
function popToNearestCommonAncestor(prev, next) {
|
||||
@@ -3288,11 +3145,11 @@ var HooksDispatcher = {
|
||||
});
|
||||
return [initialState, action];
|
||||
}
|
||||
var boundAction$25 = action.bind(null, initialState);
|
||||
var boundAction$23 = action.bind(null, initialState);
|
||||
return [
|
||||
initialState,
|
||||
function (payload) {
|
||||
boundAction$25(payload);
|
||||
boundAction$23(payload);
|
||||
}
|
||||
];
|
||||
}
|
||||
@@ -3306,7 +3163,150 @@ var HooksDispatcher = {
|
||||
throw Error("Not implemented.");
|
||||
}
|
||||
},
|
||||
ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
|
||||
prefix;
|
||||
function describeBuiltInComponentFrame(name) {
|
||||
if (void 0 === prefix)
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
var match = x.stack.trim().match(/\n( *(at )?)/);
|
||||
prefix = (match && match[1]) || "";
|
||||
}
|
||||
return "\n" + prefix + name;
|
||||
}
|
||||
var reentry = !1;
|
||||
function describeNativeComponentFrame(fn, construct) {
|
||||
if (!fn || reentry) return "";
|
||||
reentry = !0;
|
||||
var previousPrepareStackTrace = Error.prepareStackTrace;
|
||||
Error.prepareStackTrace = void 0;
|
||||
var RunInRootFrame = {
|
||||
DetermineComponentFrameRoot: function () {
|
||||
try {
|
||||
if (construct) {
|
||||
var Fake = function () {
|
||||
throw Error();
|
||||
};
|
||||
Object.defineProperty(Fake.prototype, "props", {
|
||||
set: function () {
|
||||
throw Error();
|
||||
}
|
||||
});
|
||||
if ("object" === typeof Reflect && Reflect.construct) {
|
||||
try {
|
||||
Reflect.construct(Fake, []);
|
||||
} catch (x) {
|
||||
var control = x;
|
||||
}
|
||||
Reflect.construct(fn, [], Fake);
|
||||
} else {
|
||||
try {
|
||||
Fake.call();
|
||||
} catch (x$25) {
|
||||
control = x$25;
|
||||
}
|
||||
fn.call(Fake.prototype);
|
||||
}
|
||||
} else {
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x$26) {
|
||||
control = x$26;
|
||||
}
|
||||
(Fake = fn()) &&
|
||||
"function" === typeof Fake.catch &&
|
||||
Fake.catch(function () {});
|
||||
}
|
||||
} catch (sample) {
|
||||
if (sample && control && "string" === typeof sample.stack)
|
||||
return [sample.stack, control.stack];
|
||||
}
|
||||
return [null, null];
|
||||
}
|
||||
};
|
||||
RunInRootFrame.DetermineComponentFrameRoot.displayName =
|
||||
"DetermineComponentFrameRoot";
|
||||
var namePropDescriptor = Object.getOwnPropertyDescriptor(
|
||||
RunInRootFrame.DetermineComponentFrameRoot,
|
||||
"name"
|
||||
);
|
||||
namePropDescriptor &&
|
||||
namePropDescriptor.configurable &&
|
||||
Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, "name", {
|
||||
value: "DetermineComponentFrameRoot"
|
||||
});
|
||||
try {
|
||||
var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
|
||||
sampleStack = _RunInRootFrame$Deter[0],
|
||||
controlStack = _RunInRootFrame$Deter[1];
|
||||
if (sampleStack && controlStack) {
|
||||
var sampleLines = sampleStack.split("\n"),
|
||||
controlLines = controlStack.split("\n");
|
||||
for (
|
||||
namePropDescriptor = RunInRootFrame = 0;
|
||||
RunInRootFrame < sampleLines.length &&
|
||||
!sampleLines[RunInRootFrame].includes("DetermineComponentFrameRoot");
|
||||
|
||||
)
|
||||
RunInRootFrame++;
|
||||
for (
|
||||
;
|
||||
namePropDescriptor < controlLines.length &&
|
||||
!controlLines[namePropDescriptor].includes(
|
||||
"DetermineComponentFrameRoot"
|
||||
);
|
||||
|
||||
)
|
||||
namePropDescriptor++;
|
||||
if (
|
||||
RunInRootFrame === sampleLines.length ||
|
||||
namePropDescriptor === controlLines.length
|
||||
)
|
||||
for (
|
||||
RunInRootFrame = sampleLines.length - 1,
|
||||
namePropDescriptor = controlLines.length - 1;
|
||||
1 <= RunInRootFrame &&
|
||||
0 <= namePropDescriptor &&
|
||||
sampleLines[RunInRootFrame] !== controlLines[namePropDescriptor];
|
||||
|
||||
)
|
||||
namePropDescriptor--;
|
||||
for (
|
||||
;
|
||||
1 <= RunInRootFrame && 0 <= namePropDescriptor;
|
||||
RunInRootFrame--, namePropDescriptor--
|
||||
)
|
||||
if (sampleLines[RunInRootFrame] !== controlLines[namePropDescriptor]) {
|
||||
if (1 !== RunInRootFrame || 1 !== namePropDescriptor) {
|
||||
do
|
||||
if (
|
||||
(RunInRootFrame--,
|
||||
namePropDescriptor--,
|
||||
0 > namePropDescriptor ||
|
||||
sampleLines[RunInRootFrame] !==
|
||||
controlLines[namePropDescriptor])
|
||||
) {
|
||||
var frame =
|
||||
"\n" +
|
||||
sampleLines[RunInRootFrame].replace(" at new ", " at ");
|
||||
fn.displayName &&
|
||||
frame.includes("<anonymous>") &&
|
||||
(frame = frame.replace("<anonymous>", fn.displayName));
|
||||
return frame;
|
||||
}
|
||||
while (1 <= RunInRootFrame && 0 <= namePropDescriptor);
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
} finally {
|
||||
(reentry = !1), (Error.prepareStackTrace = previousPrepareStackTrace);
|
||||
}
|
||||
return (previousPrepareStackTrace = fn ? fn.displayName || fn.name : "")
|
||||
? describeBuiltInComponentFrame(previousPrepareStackTrace)
|
||||
: "";
|
||||
}
|
||||
var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
|
||||
ReactCurrentCache = ReactSharedInternals.ReactCurrentCache;
|
||||
function defaultErrorHandler(error) {
|
||||
console.error(error);
|
||||
|
||||
@@ -3834,62 +3834,6 @@ if (__DEV__) {
|
||||
}
|
||||
}
|
||||
|
||||
function shouldConstruct$1(Component) {
|
||||
var prototype = Component.prototype;
|
||||
return !!(prototype && prototype.isReactComponent);
|
||||
}
|
||||
|
||||
function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
|
||||
if (type == null) {
|
||||
return "";
|
||||
}
|
||||
|
||||
if (typeof type === "function") {
|
||||
{
|
||||
return describeNativeComponentFrame(type, shouldConstruct$1(type));
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof type === "string") {
|
||||
return describeBuiltInComponentFrame(type);
|
||||
}
|
||||
|
||||
switch (type) {
|
||||
case REACT_SUSPENSE_TYPE:
|
||||
return describeBuiltInComponentFrame("Suspense");
|
||||
|
||||
case REACT_SUSPENSE_LIST_TYPE:
|
||||
return describeBuiltInComponentFrame("SuspenseList");
|
||||
}
|
||||
|
||||
if (typeof type === "object") {
|
||||
switch (type.$$typeof) {
|
||||
case REACT_FORWARD_REF_TYPE:
|
||||
return describeFunctionComponentFrame(type.render);
|
||||
|
||||
case REACT_MEMO_TYPE:
|
||||
// Memo may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
|
||||
|
||||
case REACT_LAZY_TYPE: {
|
||||
var lazyComponent = type;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
// Lazy may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(
|
||||
init(payload),
|
||||
ownerFn
|
||||
);
|
||||
} catch (x) {}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return "";
|
||||
}
|
||||
|
||||
function describeFiber(fiber) {
|
||||
switch (fiber.tag) {
|
||||
case HostHoistable:
|
||||
@@ -3939,7 +3883,7 @@ if (__DEV__) {
|
||||
}
|
||||
}
|
||||
|
||||
var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
var current = null;
|
||||
var isRendering = false;
|
||||
function getCurrentFiberOwnerNameInDevOrNull() {
|
||||
@@ -3971,14 +3915,14 @@ if (__DEV__) {
|
||||
|
||||
function resetCurrentFiber() {
|
||||
{
|
||||
ReactDebugCurrentFrame$1.getCurrentStack = null;
|
||||
ReactDebugCurrentFrame.getCurrentStack = null;
|
||||
current = null;
|
||||
isRendering = false;
|
||||
}
|
||||
}
|
||||
function setCurrentFiber(fiber) {
|
||||
{
|
||||
ReactDebugCurrentFrame$1.getCurrentStack =
|
||||
ReactDebugCurrentFrame.getCurrentStack =
|
||||
fiber === null ? null : getCurrentFiberStackInDev;
|
||||
current = fiber;
|
||||
isRendering = false;
|
||||
@@ -10435,111 +10379,6 @@ if (__DEV__) {
|
||||
}
|
||||
}
|
||||
|
||||
var loggedTypeFailures = {};
|
||||
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
|
||||
function setCurrentlyValidatingElement(element) {
|
||||
{
|
||||
if (element) {
|
||||
var owner = element._owner;
|
||||
var stack = describeUnknownElementTypeFrameInDEV(
|
||||
element.type,
|
||||
owner ? owner.type : null
|
||||
);
|
||||
ReactDebugCurrentFrame.setExtraStackFrame(stack);
|
||||
} else {
|
||||
ReactDebugCurrentFrame.setExtraStackFrame(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function checkPropTypes(
|
||||
typeSpecs,
|
||||
values,
|
||||
location,
|
||||
componentName,
|
||||
element
|
||||
) {
|
||||
{
|
||||
// $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
|
||||
var has = Function.call.bind(hasOwnProperty);
|
||||
|
||||
for (var typeSpecName in typeSpecs) {
|
||||
if (has(typeSpecs, typeSpecName)) {
|
||||
var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
|
||||
// fail the render phase where it didn't fail before. So we log it.
|
||||
// After these have been cleaned up, we'll let them throw.
|
||||
|
||||
try {
|
||||
// This is intentionally an invariant that gets caught. It's the same
|
||||
// behavior as without this statement except with a better message.
|
||||
if (typeof typeSpecs[typeSpecName] !== "function") {
|
||||
// eslint-disable-next-line react-internal/prod-error-codes
|
||||
var err = Error(
|
||||
(componentName || "React class") +
|
||||
": " +
|
||||
location +
|
||||
" type `" +
|
||||
typeSpecName +
|
||||
"` is invalid; " +
|
||||
"it must be a function, usually from the `prop-types` package, but received `" +
|
||||
typeof typeSpecs[typeSpecName] +
|
||||
"`." +
|
||||
"This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
|
||||
);
|
||||
err.name = "Invariant Violation";
|
||||
throw err;
|
||||
}
|
||||
|
||||
error$1 = typeSpecs[typeSpecName](
|
||||
values,
|
||||
typeSpecName,
|
||||
componentName,
|
||||
location,
|
||||
null,
|
||||
"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"
|
||||
);
|
||||
} catch (ex) {
|
||||
error$1 = ex;
|
||||
}
|
||||
|
||||
if (error$1 && !(error$1 instanceof Error)) {
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error(
|
||||
"%s: type specification of %s" +
|
||||
" `%s` is invalid; the type checker " +
|
||||
"function must return `null` or an `Error` but returned a %s. " +
|
||||
"You may have forgotten to pass an argument to the type checker " +
|
||||
"creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and " +
|
||||
"shape all require an argument).",
|
||||
componentName || "React class",
|
||||
location,
|
||||
typeSpecName,
|
||||
typeof error$1
|
||||
);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
|
||||
if (
|
||||
error$1 instanceof Error &&
|
||||
!(error$1.message in loggedTypeFailures)
|
||||
) {
|
||||
// Only monitor this failure once because there tends to be a lot of the
|
||||
// same error.
|
||||
loggedTypeFailures[error$1.message] = true;
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error("Failed %s type: %s", location, error$1.message);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Performs equality by iterating through keys on an object and returning false
|
||||
* when any key has values which are not strictly equal between the arguments.
|
||||
@@ -19743,23 +19582,6 @@ if (__DEV__) {
|
||||
// TODO: current can be non-null here even if the component
|
||||
// hasn't yet mounted. This happens after the first render suspends.
|
||||
// We'll need to figure out if this is fine or can cause issues.
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var render = Component.render;
|
||||
var ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
|
||||
|
||||
@@ -19848,19 +19670,6 @@ if (__DEV__) {
|
||||
}
|
||||
|
||||
{
|
||||
var innerPropTypes = type.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
// Inner memo component props aren't currently validated in createElement.
|
||||
// We could move it there, but we'd still need this for lazy code path.
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(type)
|
||||
);
|
||||
}
|
||||
|
||||
if (Component.defaultProps !== undefined) {
|
||||
var componentName = getComponentNameFromType(type) || "Unknown";
|
||||
|
||||
@@ -19890,22 +19699,6 @@ if (__DEV__) {
|
||||
return child;
|
||||
}
|
||||
|
||||
{
|
||||
var _type = Component.type;
|
||||
var _innerPropTypes = _type.propTypes;
|
||||
|
||||
if (_innerPropTypes) {
|
||||
// Inner memo component props aren't currently validated in createElement.
|
||||
// We could move it there, but we'd still need this for lazy code path.
|
||||
checkPropTypes(
|
||||
_innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(_type)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
var currentChild = current.child; // This is always exactly one child
|
||||
|
||||
var hasScheduledUpdateOrContext = checkScheduledUpdateOrContext(
|
||||
@@ -19951,40 +19744,6 @@ if (__DEV__) {
|
||||
// TODO: current can be non-null here even if the component
|
||||
// hasn't yet mounted. This happens when the inner render suspends.
|
||||
// We'll need to figure out if this is fine or can cause issues.
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var outerMemoType = workInProgress.elementType;
|
||||
|
||||
if (outerMemoType.$$typeof === REACT_LAZY_TYPE) {
|
||||
// We warn when you define propTypes on lazy()
|
||||
// so let's just skip over it to find memo() outer wrapper.
|
||||
// Inner props for memo are validated later.
|
||||
var lazyComponent = outerMemoType;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
outerMemoType = init(payload);
|
||||
} catch (x) {
|
||||
outerMemoType = null;
|
||||
} // Inner propTypes will be validated in the function component path.
|
||||
|
||||
var outerPropTypes = outerMemoType && outerMemoType.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
|
||||
"prop",
|
||||
getComponentNameFromType(outerMemoType)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (current !== null) {
|
||||
var prevProps = current.memoizedProps;
|
||||
|
||||
@@ -20435,23 +20194,6 @@ if (__DEV__) {
|
||||
nextProps,
|
||||
renderLanes
|
||||
) {
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var context;
|
||||
|
||||
{
|
||||
@@ -20599,21 +20341,6 @@ if (__DEV__) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
} // Push context providers early to prevent context stack mismatches.
|
||||
// During mounting we don't know the child context yet as the instance doesn't exist.
|
||||
// We will invalidate the child context in finishClassComponent() right after rendering.
|
||||
@@ -21158,21 +20885,6 @@ if (__DEV__) {
|
||||
}
|
||||
|
||||
case MemoComponent: {
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
var outerPropTypes = Component.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
resolvedProps, // Resolved for outer only
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
child = updateMemoComponent(
|
||||
null,
|
||||
workInProgress,
|
||||
@@ -22832,17 +22544,6 @@ if (__DEV__) {
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
var providerPropTypes = workInProgress.type.propTypes;
|
||||
|
||||
if (providerPropTypes) {
|
||||
checkPropTypes(
|
||||
providerPropTypes,
|
||||
newProps,
|
||||
"prop",
|
||||
"Context.Provider"
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
pushProvider(workInProgress, context, newValue);
|
||||
@@ -23543,31 +23244,16 @@ if (__DEV__) {
|
||||
return updateContextConsumer(current, workInProgress, renderLanes);
|
||||
|
||||
case MemoComponent: {
|
||||
var _type2 = workInProgress.type;
|
||||
var _type = workInProgress.type;
|
||||
var _unresolvedProps3 = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
|
||||
|
||||
var _resolvedProps3 = resolveDefaultProps(_type2, _unresolvedProps3);
|
||||
var _resolvedProps3 = resolveDefaultProps(_type, _unresolvedProps3);
|
||||
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
var outerPropTypes = _type2.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
_resolvedProps3, // Resolved for outer only
|
||||
"prop",
|
||||
getComponentNameFromType(_type2)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
_resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
|
||||
_resolvedProps3 = resolveDefaultProps(_type.type, _resolvedProps3);
|
||||
return updateMemoComponent(
|
||||
current,
|
||||
workInProgress,
|
||||
_type2,
|
||||
_type,
|
||||
_resolvedProps3,
|
||||
renderLanes
|
||||
);
|
||||
@@ -36641,7 +36327,7 @@ if (__DEV__) {
|
||||
return root;
|
||||
}
|
||||
|
||||
var ReactVersion = "18.3.0-www-classic-e7aae6cc";
|
||||
var ReactVersion = "18.3.0-www-classic-22e81a9f";
|
||||
|
||||
function createPortal$1(
|
||||
children,
|
||||
|
||||
@@ -3424,62 +3424,6 @@ if (__DEV__) {
|
||||
}
|
||||
}
|
||||
|
||||
function shouldConstruct$1(Component) {
|
||||
var prototype = Component.prototype;
|
||||
return !!(prototype && prototype.isReactComponent);
|
||||
}
|
||||
|
||||
function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
|
||||
if (type == null) {
|
||||
return "";
|
||||
}
|
||||
|
||||
if (typeof type === "function") {
|
||||
{
|
||||
return describeNativeComponentFrame(type, shouldConstruct$1(type));
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof type === "string") {
|
||||
return describeBuiltInComponentFrame(type);
|
||||
}
|
||||
|
||||
switch (type) {
|
||||
case REACT_SUSPENSE_TYPE:
|
||||
return describeBuiltInComponentFrame("Suspense");
|
||||
|
||||
case REACT_SUSPENSE_LIST_TYPE:
|
||||
return describeBuiltInComponentFrame("SuspenseList");
|
||||
}
|
||||
|
||||
if (typeof type === "object") {
|
||||
switch (type.$$typeof) {
|
||||
case REACT_FORWARD_REF_TYPE:
|
||||
return describeFunctionComponentFrame(type.render);
|
||||
|
||||
case REACT_MEMO_TYPE:
|
||||
// Memo may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
|
||||
|
||||
case REACT_LAZY_TYPE: {
|
||||
var lazyComponent = type;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
// Lazy may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(
|
||||
init(payload),
|
||||
ownerFn
|
||||
);
|
||||
} catch (x) {}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return "";
|
||||
}
|
||||
|
||||
function describeFiber(fiber) {
|
||||
switch (fiber.tag) {
|
||||
case HostHoistable:
|
||||
@@ -3782,7 +3726,7 @@ if (__DEV__) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
var current = null;
|
||||
var isRendering = false;
|
||||
function getCurrentFiberOwnerNameInDevOrNull() {
|
||||
@@ -3814,14 +3758,14 @@ if (__DEV__) {
|
||||
|
||||
function resetCurrentFiber() {
|
||||
{
|
||||
ReactDebugCurrentFrame$1.getCurrentStack = null;
|
||||
ReactDebugCurrentFrame.getCurrentStack = null;
|
||||
current = null;
|
||||
isRendering = false;
|
||||
}
|
||||
}
|
||||
function setCurrentFiber(fiber) {
|
||||
{
|
||||
ReactDebugCurrentFrame$1.getCurrentStack =
|
||||
ReactDebugCurrentFrame.getCurrentStack =
|
||||
fiber === null ? null : getCurrentFiberStackInDev;
|
||||
current = fiber;
|
||||
isRendering = false;
|
||||
@@ -10386,111 +10330,6 @@ if (__DEV__) {
|
||||
}
|
||||
}
|
||||
|
||||
var loggedTypeFailures = {};
|
||||
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
|
||||
function setCurrentlyValidatingElement(element) {
|
||||
{
|
||||
if (element) {
|
||||
var owner = element._owner;
|
||||
var stack = describeUnknownElementTypeFrameInDEV(
|
||||
element.type,
|
||||
owner ? owner.type : null
|
||||
);
|
||||
ReactDebugCurrentFrame.setExtraStackFrame(stack);
|
||||
} else {
|
||||
ReactDebugCurrentFrame.setExtraStackFrame(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function checkPropTypes(
|
||||
typeSpecs,
|
||||
values,
|
||||
location,
|
||||
componentName,
|
||||
element
|
||||
) {
|
||||
{
|
||||
// $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
|
||||
var has = Function.call.bind(hasOwnProperty);
|
||||
|
||||
for (var typeSpecName in typeSpecs) {
|
||||
if (has(typeSpecs, typeSpecName)) {
|
||||
var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
|
||||
// fail the render phase where it didn't fail before. So we log it.
|
||||
// After these have been cleaned up, we'll let them throw.
|
||||
|
||||
try {
|
||||
// This is intentionally an invariant that gets caught. It's the same
|
||||
// behavior as without this statement except with a better message.
|
||||
if (typeof typeSpecs[typeSpecName] !== "function") {
|
||||
// eslint-disable-next-line react-internal/prod-error-codes
|
||||
var err = Error(
|
||||
(componentName || "React class") +
|
||||
": " +
|
||||
location +
|
||||
" type `" +
|
||||
typeSpecName +
|
||||
"` is invalid; " +
|
||||
"it must be a function, usually from the `prop-types` package, but received `" +
|
||||
typeof typeSpecs[typeSpecName] +
|
||||
"`." +
|
||||
"This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
|
||||
);
|
||||
err.name = "Invariant Violation";
|
||||
throw err;
|
||||
}
|
||||
|
||||
error$1 = typeSpecs[typeSpecName](
|
||||
values,
|
||||
typeSpecName,
|
||||
componentName,
|
||||
location,
|
||||
null,
|
||||
"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"
|
||||
);
|
||||
} catch (ex) {
|
||||
error$1 = ex;
|
||||
}
|
||||
|
||||
if (error$1 && !(error$1 instanceof Error)) {
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error(
|
||||
"%s: type specification of %s" +
|
||||
" `%s` is invalid; the type checker " +
|
||||
"function must return `null` or an `Error` but returned a %s. " +
|
||||
"You may have forgotten to pass an argument to the type checker " +
|
||||
"creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and " +
|
||||
"shape all require an argument).",
|
||||
componentName || "React class",
|
||||
location,
|
||||
typeSpecName,
|
||||
typeof error$1
|
||||
);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
|
||||
if (
|
||||
error$1 instanceof Error &&
|
||||
!(error$1.message in loggedTypeFailures)
|
||||
) {
|
||||
// Only monitor this failure once because there tends to be a lot of the
|
||||
// same error.
|
||||
loggedTypeFailures[error$1.message] = true;
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error("Failed %s type: %s", location, error$1.message);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Performs equality by iterating through keys on an object and returning false
|
||||
* when any key has values which are not strictly equal between the arguments.
|
||||
@@ -19653,23 +19492,6 @@ if (__DEV__) {
|
||||
// TODO: current can be non-null here even if the component
|
||||
// hasn't yet mounted. This happens after the first render suspends.
|
||||
// We'll need to figure out if this is fine or can cause issues.
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var render = Component.render;
|
||||
var ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
|
||||
|
||||
@@ -19758,19 +19580,6 @@ if (__DEV__) {
|
||||
}
|
||||
|
||||
{
|
||||
var innerPropTypes = type.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
// Inner memo component props aren't currently validated in createElement.
|
||||
// We could move it there, but we'd still need this for lazy code path.
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(type)
|
||||
);
|
||||
}
|
||||
|
||||
if (Component.defaultProps !== undefined) {
|
||||
var componentName = getComponentNameFromType(type) || "Unknown";
|
||||
|
||||
@@ -19800,22 +19609,6 @@ if (__DEV__) {
|
||||
return child;
|
||||
}
|
||||
|
||||
{
|
||||
var _type = Component.type;
|
||||
var _innerPropTypes = _type.propTypes;
|
||||
|
||||
if (_innerPropTypes) {
|
||||
// Inner memo component props aren't currently validated in createElement.
|
||||
// We could move it there, but we'd still need this for lazy code path.
|
||||
checkPropTypes(
|
||||
_innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(_type)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
var currentChild = current.child; // This is always exactly one child
|
||||
|
||||
var hasScheduledUpdateOrContext = checkScheduledUpdateOrContext(
|
||||
@@ -19861,40 +19654,6 @@ if (__DEV__) {
|
||||
// TODO: current can be non-null here even if the component
|
||||
// hasn't yet mounted. This happens when the inner render suspends.
|
||||
// We'll need to figure out if this is fine or can cause issues.
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var outerMemoType = workInProgress.elementType;
|
||||
|
||||
if (outerMemoType.$$typeof === REACT_LAZY_TYPE) {
|
||||
// We warn when you define propTypes on lazy()
|
||||
// so let's just skip over it to find memo() outer wrapper.
|
||||
// Inner props for memo are validated later.
|
||||
var lazyComponent = outerMemoType;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
outerMemoType = init(payload);
|
||||
} catch (x) {
|
||||
outerMemoType = null;
|
||||
} // Inner propTypes will be validated in the function component path.
|
||||
|
||||
var outerPropTypes = outerMemoType && outerMemoType.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
|
||||
"prop",
|
||||
getComponentNameFromType(outerMemoType)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (current !== null) {
|
||||
var prevProps = current.memoizedProps;
|
||||
|
||||
@@ -20345,23 +20104,6 @@ if (__DEV__) {
|
||||
nextProps,
|
||||
renderLanes
|
||||
) {
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var context;
|
||||
|
||||
var nextChildren;
|
||||
@@ -20500,21 +20242,6 @@ if (__DEV__) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
} // Push context providers early to prevent context stack mismatches.
|
||||
// During mounting we don't know the child context yet as the instance doesn't exist.
|
||||
// We will invalidate the child context in finishClassComponent() right after rendering.
|
||||
@@ -21038,21 +20765,6 @@ if (__DEV__) {
|
||||
}
|
||||
|
||||
case MemoComponent: {
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
var outerPropTypes = Component.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
resolvedProps, // Resolved for outer only
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
child = updateMemoComponent(
|
||||
null,
|
||||
workInProgress,
|
||||
@@ -22712,17 +22424,6 @@ if (__DEV__) {
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
var providerPropTypes = workInProgress.type.propTypes;
|
||||
|
||||
if (providerPropTypes) {
|
||||
checkPropTypes(
|
||||
providerPropTypes,
|
||||
newProps,
|
||||
"prop",
|
||||
"Context.Provider"
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
pushProvider(workInProgress, context, newValue);
|
||||
@@ -23417,31 +23118,16 @@ if (__DEV__) {
|
||||
return updateContextConsumer(current, workInProgress, renderLanes);
|
||||
|
||||
case MemoComponent: {
|
||||
var _type2 = workInProgress.type;
|
||||
var _type = workInProgress.type;
|
||||
var _unresolvedProps3 = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
|
||||
|
||||
var _resolvedProps3 = resolveDefaultProps(_type2, _unresolvedProps3);
|
||||
var _resolvedProps3 = resolveDefaultProps(_type, _unresolvedProps3);
|
||||
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
var outerPropTypes = _type2.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
_resolvedProps3, // Resolved for outer only
|
||||
"prop",
|
||||
getComponentNameFromType(_type2)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
_resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
|
||||
_resolvedProps3 = resolveDefaultProps(_type.type, _resolvedProps3);
|
||||
return updateMemoComponent(
|
||||
current,
|
||||
workInProgress,
|
||||
_type2,
|
||||
_type,
|
||||
_resolvedProps3,
|
||||
renderLanes
|
||||
);
|
||||
@@ -36477,7 +36163,7 @@ if (__DEV__) {
|
||||
return root;
|
||||
}
|
||||
|
||||
var ReactVersion = "18.3.0-www-modern-6eadd94f";
|
||||
var ReactVersion = "18.3.0-www-modern-f98671a5";
|
||||
|
||||
function createPortal$1(
|
||||
children,
|
||||
|
||||
@@ -2231,9 +2231,9 @@ if (__DEV__) {
|
||||
}
|
||||
|
||||
if (render != null) {
|
||||
if (render.defaultProps != null || render.propTypes != null) {
|
||||
if (render.defaultProps != null) {
|
||||
error(
|
||||
"forwardRef render functions do not support propTypes or defaultProps. " +
|
||||
"forwardRef render functions do not support defaultProps. " +
|
||||
"Did you accidentally pass a React component?"
|
||||
);
|
||||
}
|
||||
@@ -2662,7 +2662,7 @@ if (__DEV__) {
|
||||
console["error"](error);
|
||||
};
|
||||
|
||||
var ReactVersion = "18.3.0-www-modern-5d89467b";
|
||||
var ReactVersion = "18.3.0-www-modern-508518a5";
|
||||
|
||||
// Patch fetch
|
||||
var Children = {
|
||||
|
||||
@@ -4069,6 +4069,50 @@ if (__DEV__) {
|
||||
}
|
||||
}
|
||||
|
||||
// $FlowFixMe[method-unbinding]
|
||||
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
||||
|
||||
/**
|
||||
* Performs equality by iterating through keys on an object and returning false
|
||||
* when any key has values which are not strictly equal between the arguments.
|
||||
* Returns true when the values of all keys are strictly equal.
|
||||
*/
|
||||
|
||||
function shallowEqual(objA, objB) {
|
||||
if (objectIs(objA, objB)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (
|
||||
typeof objA !== "object" ||
|
||||
objA === null ||
|
||||
typeof objB !== "object" ||
|
||||
objB === null
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var keysA = Object.keys(objA);
|
||||
var keysB = Object.keys(objB);
|
||||
|
||||
if (keysA.length !== keysB.length) {
|
||||
return false;
|
||||
} // Test for A's keys different from B.
|
||||
|
||||
for (var i = 0; i < keysA.length; i++) {
|
||||
var currentKey = keysA[i];
|
||||
|
||||
if (
|
||||
!hasOwnProperty.call(objB, currentKey) || // $FlowFixMe[incompatible-use] lost refinement of `objB`
|
||||
!objectIs(objA[currentKey], objB[currentKey])
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
var ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher;
|
||||
var prefix;
|
||||
function describeBuiltInComponentFrame(name, ownerFn) {
|
||||
@@ -4352,211 +4396,6 @@ if (__DEV__) {
|
||||
}
|
||||
}
|
||||
|
||||
function shouldConstruct$1(Component) {
|
||||
var prototype = Component.prototype;
|
||||
return !!(prototype && prototype.isReactComponent);
|
||||
}
|
||||
|
||||
function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
|
||||
if (type == null) {
|
||||
return "";
|
||||
}
|
||||
|
||||
if (typeof type === "function") {
|
||||
{
|
||||
return describeNativeComponentFrame(type, shouldConstruct$1(type));
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof type === "string") {
|
||||
return describeBuiltInComponentFrame(type);
|
||||
}
|
||||
|
||||
switch (type) {
|
||||
case REACT_SUSPENSE_TYPE:
|
||||
return describeBuiltInComponentFrame("Suspense");
|
||||
|
||||
case REACT_SUSPENSE_LIST_TYPE:
|
||||
return describeBuiltInComponentFrame("SuspenseList");
|
||||
}
|
||||
|
||||
if (typeof type === "object") {
|
||||
switch (type.$$typeof) {
|
||||
case REACT_FORWARD_REF_TYPE:
|
||||
return describeFunctionComponentFrame(type.render);
|
||||
|
||||
case REACT_MEMO_TYPE:
|
||||
// Memo may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
|
||||
|
||||
case REACT_LAZY_TYPE: {
|
||||
var lazyComponent = type;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
// Lazy may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(
|
||||
init(payload),
|
||||
ownerFn
|
||||
);
|
||||
} catch (x) {}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return "";
|
||||
}
|
||||
|
||||
// $FlowFixMe[method-unbinding]
|
||||
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
||||
|
||||
var loggedTypeFailures = {};
|
||||
var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
|
||||
function setCurrentlyValidatingElement(element) {
|
||||
{
|
||||
if (element) {
|
||||
var owner = element._owner;
|
||||
var stack = describeUnknownElementTypeFrameInDEV(
|
||||
element.type,
|
||||
owner ? owner.type : null
|
||||
);
|
||||
ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
|
||||
} else {
|
||||
ReactDebugCurrentFrame$1.setExtraStackFrame(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function checkPropTypes(
|
||||
typeSpecs,
|
||||
values,
|
||||
location,
|
||||
componentName,
|
||||
element
|
||||
) {
|
||||
{
|
||||
// $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
|
||||
var has = Function.call.bind(hasOwnProperty);
|
||||
|
||||
for (var typeSpecName in typeSpecs) {
|
||||
if (has(typeSpecs, typeSpecName)) {
|
||||
var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
|
||||
// fail the render phase where it didn't fail before. So we log it.
|
||||
// After these have been cleaned up, we'll let them throw.
|
||||
|
||||
try {
|
||||
// This is intentionally an invariant that gets caught. It's the same
|
||||
// behavior as without this statement except with a better message.
|
||||
if (typeof typeSpecs[typeSpecName] !== "function") {
|
||||
// eslint-disable-next-line react-internal/prod-error-codes
|
||||
var err = Error(
|
||||
(componentName || "React class") +
|
||||
": " +
|
||||
location +
|
||||
" type `" +
|
||||
typeSpecName +
|
||||
"` is invalid; " +
|
||||
"it must be a function, usually from the `prop-types` package, but received `" +
|
||||
typeof typeSpecs[typeSpecName] +
|
||||
"`." +
|
||||
"This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
|
||||
);
|
||||
err.name = "Invariant Violation";
|
||||
throw err;
|
||||
}
|
||||
|
||||
error$1 = typeSpecs[typeSpecName](
|
||||
values,
|
||||
typeSpecName,
|
||||
componentName,
|
||||
location,
|
||||
null,
|
||||
"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"
|
||||
);
|
||||
} catch (ex) {
|
||||
error$1 = ex;
|
||||
}
|
||||
|
||||
if (error$1 && !(error$1 instanceof Error)) {
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error(
|
||||
"%s: type specification of %s" +
|
||||
" `%s` is invalid; the type checker " +
|
||||
"function must return `null` or an `Error` but returned a %s. " +
|
||||
"You may have forgotten to pass an argument to the type checker " +
|
||||
"creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and " +
|
||||
"shape all require an argument).",
|
||||
componentName || "React class",
|
||||
location,
|
||||
typeSpecName,
|
||||
typeof error$1
|
||||
);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
|
||||
if (
|
||||
error$1 instanceof Error &&
|
||||
!(error$1.message in loggedTypeFailures)
|
||||
) {
|
||||
// Only monitor this failure once because there tends to be a lot of the
|
||||
// same error.
|
||||
loggedTypeFailures[error$1.message] = true;
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error("Failed %s type: %s", location, error$1.message);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Performs equality by iterating through keys on an object and returning false
|
||||
* when any key has values which are not strictly equal between the arguments.
|
||||
* Returns true when the values of all keys are strictly equal.
|
||||
*/
|
||||
|
||||
function shallowEqual(objA, objB) {
|
||||
if (objectIs(objA, objB)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (
|
||||
typeof objA !== "object" ||
|
||||
objA === null ||
|
||||
typeof objB !== "object" ||
|
||||
objB === null
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var keysA = Object.keys(objA);
|
||||
var keysB = Object.keys(objB);
|
||||
|
||||
if (keysA.length !== keysB.length) {
|
||||
return false;
|
||||
} // Test for A's keys different from B.
|
||||
|
||||
for (var i = 0; i < keysA.length; i++) {
|
||||
var currentKey = keysA[i];
|
||||
|
||||
if (
|
||||
!hasOwnProperty.call(objB, currentKey) || // $FlowFixMe[incompatible-use] lost refinement of `objB`
|
||||
!objectIs(objA[currentKey], objB[currentKey])
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
function describeFiber(fiber) {
|
||||
switch (fiber.tag) {
|
||||
case HostHoistable:
|
||||
@@ -13066,23 +12905,6 @@ if (__DEV__) {
|
||||
// TODO: current can be non-null here even if the component
|
||||
// hasn't yet mounted. This happens after the first render suspends.
|
||||
// We'll need to figure out if this is fine or can cause issues.
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var render = Component.render;
|
||||
var ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
|
||||
|
||||
@@ -13157,19 +12979,6 @@ if (__DEV__) {
|
||||
}
|
||||
|
||||
{
|
||||
var innerPropTypes = type.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
// Inner memo component props aren't currently validated in createElement.
|
||||
// We could move it there, but we'd still need this for lazy code path.
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(type)
|
||||
);
|
||||
}
|
||||
|
||||
if (Component.defaultProps !== undefined) {
|
||||
var componentName = getComponentNameFromType(type) || "Unknown";
|
||||
|
||||
@@ -13199,22 +13008,6 @@ if (__DEV__) {
|
||||
return child;
|
||||
}
|
||||
|
||||
{
|
||||
var _type = Component.type;
|
||||
var _innerPropTypes = _type.propTypes;
|
||||
|
||||
if (_innerPropTypes) {
|
||||
// Inner memo component props aren't currently validated in createElement.
|
||||
// We could move it there, but we'd still need this for lazy code path.
|
||||
checkPropTypes(
|
||||
_innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(_type)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
var currentChild = current.child; // This is always exactly one child
|
||||
|
||||
var hasScheduledUpdateOrContext = checkScheduledUpdateOrContext(
|
||||
@@ -13260,40 +13053,6 @@ if (__DEV__) {
|
||||
// TODO: current can be non-null here even if the component
|
||||
// hasn't yet mounted. This happens when the inner render suspends.
|
||||
// We'll need to figure out if this is fine or can cause issues.
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var outerMemoType = workInProgress.elementType;
|
||||
|
||||
if (outerMemoType.$$typeof === REACT_LAZY_TYPE) {
|
||||
// We warn when you define propTypes on lazy()
|
||||
// so let's just skip over it to find memo() outer wrapper.
|
||||
// Inner props for memo are validated later.
|
||||
var lazyComponent = outerMemoType;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
outerMemoType = init(payload);
|
||||
} catch (x) {
|
||||
outerMemoType = null;
|
||||
} // Inner propTypes will be validated in the function component path.
|
||||
|
||||
var outerPropTypes = outerMemoType && outerMemoType.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
|
||||
"prop",
|
||||
getComponentNameFromType(outerMemoType)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (current !== null) {
|
||||
var prevProps = current.memoizedProps;
|
||||
|
||||
@@ -13660,23 +13419,6 @@ if (__DEV__) {
|
||||
nextProps,
|
||||
renderLanes
|
||||
) {
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var context;
|
||||
|
||||
{
|
||||
@@ -13797,21 +13539,6 @@ if (__DEV__) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
} // Push context providers early to prevent context stack mismatches.
|
||||
// During mounting we don't know the child context yet as the instance doesn't exist.
|
||||
// We will invalidate the child context in finishClassComponent() right after rendering.
|
||||
@@ -14168,21 +13895,6 @@ if (__DEV__) {
|
||||
}
|
||||
|
||||
case MemoComponent: {
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
var outerPropTypes = Component.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
resolvedProps, // Resolved for outer only
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
child = updateMemoComponent(
|
||||
null,
|
||||
workInProgress,
|
||||
@@ -15639,17 +15351,6 @@ if (__DEV__) {
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
var providerPropTypes = workInProgress.type.propTypes;
|
||||
|
||||
if (providerPropTypes) {
|
||||
checkPropTypes(
|
||||
providerPropTypes,
|
||||
newProps,
|
||||
"prop",
|
||||
"Context.Provider"
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
pushProvider(workInProgress, context, newValue);
|
||||
@@ -16257,31 +15958,16 @@ if (__DEV__) {
|
||||
return updateContextConsumer(current, workInProgress, renderLanes);
|
||||
|
||||
case MemoComponent: {
|
||||
var _type2 = workInProgress.type;
|
||||
var _type = workInProgress.type;
|
||||
var _unresolvedProps3 = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
|
||||
|
||||
var _resolvedProps3 = resolveDefaultProps(_type2, _unresolvedProps3);
|
||||
var _resolvedProps3 = resolveDefaultProps(_type, _unresolvedProps3);
|
||||
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
var outerPropTypes = _type2.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
_resolvedProps3, // Resolved for outer only
|
||||
"prop",
|
||||
getComponentNameFromType(_type2)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
_resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
|
||||
_resolvedProps3 = resolveDefaultProps(_type.type, _resolvedProps3);
|
||||
return updateMemoComponent(
|
||||
current,
|
||||
workInProgress,
|
||||
_type2,
|
||||
_type,
|
||||
_resolvedProps3,
|
||||
renderLanes
|
||||
);
|
||||
@@ -26297,7 +25983,7 @@ if (__DEV__) {
|
||||
return root;
|
||||
}
|
||||
|
||||
var ReactVersion = "18.3.0-www-classic-2ab113e0";
|
||||
var ReactVersion = "18.3.0-www-classic-4db3a9db";
|
||||
|
||||
// Might add PROFILE later.
|
||||
|
||||
|
||||
@@ -4069,6 +4069,50 @@ if (__DEV__) {
|
||||
}
|
||||
}
|
||||
|
||||
// $FlowFixMe[method-unbinding]
|
||||
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
||||
|
||||
/**
|
||||
* Performs equality by iterating through keys on an object and returning false
|
||||
* when any key has values which are not strictly equal between the arguments.
|
||||
* Returns true when the values of all keys are strictly equal.
|
||||
*/
|
||||
|
||||
function shallowEqual(objA, objB) {
|
||||
if (objectIs(objA, objB)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (
|
||||
typeof objA !== "object" ||
|
||||
objA === null ||
|
||||
typeof objB !== "object" ||
|
||||
objB === null
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var keysA = Object.keys(objA);
|
||||
var keysB = Object.keys(objB);
|
||||
|
||||
if (keysA.length !== keysB.length) {
|
||||
return false;
|
||||
} // Test for A's keys different from B.
|
||||
|
||||
for (var i = 0; i < keysA.length; i++) {
|
||||
var currentKey = keysA[i];
|
||||
|
||||
if (
|
||||
!hasOwnProperty.call(objB, currentKey) || // $FlowFixMe[incompatible-use] lost refinement of `objB`
|
||||
!objectIs(objA[currentKey], objB[currentKey])
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
var ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher;
|
||||
var prefix;
|
||||
function describeBuiltInComponentFrame(name, ownerFn) {
|
||||
@@ -4352,211 +4396,6 @@ if (__DEV__) {
|
||||
}
|
||||
}
|
||||
|
||||
function shouldConstruct$1(Component) {
|
||||
var prototype = Component.prototype;
|
||||
return !!(prototype && prototype.isReactComponent);
|
||||
}
|
||||
|
||||
function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
|
||||
if (type == null) {
|
||||
return "";
|
||||
}
|
||||
|
||||
if (typeof type === "function") {
|
||||
{
|
||||
return describeNativeComponentFrame(type, shouldConstruct$1(type));
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof type === "string") {
|
||||
return describeBuiltInComponentFrame(type);
|
||||
}
|
||||
|
||||
switch (type) {
|
||||
case REACT_SUSPENSE_TYPE:
|
||||
return describeBuiltInComponentFrame("Suspense");
|
||||
|
||||
case REACT_SUSPENSE_LIST_TYPE:
|
||||
return describeBuiltInComponentFrame("SuspenseList");
|
||||
}
|
||||
|
||||
if (typeof type === "object") {
|
||||
switch (type.$$typeof) {
|
||||
case REACT_FORWARD_REF_TYPE:
|
||||
return describeFunctionComponentFrame(type.render);
|
||||
|
||||
case REACT_MEMO_TYPE:
|
||||
// Memo may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
|
||||
|
||||
case REACT_LAZY_TYPE: {
|
||||
var lazyComponent = type;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
// Lazy may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(
|
||||
init(payload),
|
||||
ownerFn
|
||||
);
|
||||
} catch (x) {}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return "";
|
||||
}
|
||||
|
||||
// $FlowFixMe[method-unbinding]
|
||||
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
||||
|
||||
var loggedTypeFailures = {};
|
||||
var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
|
||||
function setCurrentlyValidatingElement(element) {
|
||||
{
|
||||
if (element) {
|
||||
var owner = element._owner;
|
||||
var stack = describeUnknownElementTypeFrameInDEV(
|
||||
element.type,
|
||||
owner ? owner.type : null
|
||||
);
|
||||
ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
|
||||
} else {
|
||||
ReactDebugCurrentFrame$1.setExtraStackFrame(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function checkPropTypes(
|
||||
typeSpecs,
|
||||
values,
|
||||
location,
|
||||
componentName,
|
||||
element
|
||||
) {
|
||||
{
|
||||
// $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
|
||||
var has = Function.call.bind(hasOwnProperty);
|
||||
|
||||
for (var typeSpecName in typeSpecs) {
|
||||
if (has(typeSpecs, typeSpecName)) {
|
||||
var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
|
||||
// fail the render phase where it didn't fail before. So we log it.
|
||||
// After these have been cleaned up, we'll let them throw.
|
||||
|
||||
try {
|
||||
// This is intentionally an invariant that gets caught. It's the same
|
||||
// behavior as without this statement except with a better message.
|
||||
if (typeof typeSpecs[typeSpecName] !== "function") {
|
||||
// eslint-disable-next-line react-internal/prod-error-codes
|
||||
var err = Error(
|
||||
(componentName || "React class") +
|
||||
": " +
|
||||
location +
|
||||
" type `" +
|
||||
typeSpecName +
|
||||
"` is invalid; " +
|
||||
"it must be a function, usually from the `prop-types` package, but received `" +
|
||||
typeof typeSpecs[typeSpecName] +
|
||||
"`." +
|
||||
"This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
|
||||
);
|
||||
err.name = "Invariant Violation";
|
||||
throw err;
|
||||
}
|
||||
|
||||
error$1 = typeSpecs[typeSpecName](
|
||||
values,
|
||||
typeSpecName,
|
||||
componentName,
|
||||
location,
|
||||
null,
|
||||
"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"
|
||||
);
|
||||
} catch (ex) {
|
||||
error$1 = ex;
|
||||
}
|
||||
|
||||
if (error$1 && !(error$1 instanceof Error)) {
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error(
|
||||
"%s: type specification of %s" +
|
||||
" `%s` is invalid; the type checker " +
|
||||
"function must return `null` or an `Error` but returned a %s. " +
|
||||
"You may have forgotten to pass an argument to the type checker " +
|
||||
"creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and " +
|
||||
"shape all require an argument).",
|
||||
componentName || "React class",
|
||||
location,
|
||||
typeSpecName,
|
||||
typeof error$1
|
||||
);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
|
||||
if (
|
||||
error$1 instanceof Error &&
|
||||
!(error$1.message in loggedTypeFailures)
|
||||
) {
|
||||
// Only monitor this failure once because there tends to be a lot of the
|
||||
// same error.
|
||||
loggedTypeFailures[error$1.message] = true;
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error("Failed %s type: %s", location, error$1.message);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Performs equality by iterating through keys on an object and returning false
|
||||
* when any key has values which are not strictly equal between the arguments.
|
||||
* Returns true when the values of all keys are strictly equal.
|
||||
*/
|
||||
|
||||
function shallowEqual(objA, objB) {
|
||||
if (objectIs(objA, objB)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (
|
||||
typeof objA !== "object" ||
|
||||
objA === null ||
|
||||
typeof objB !== "object" ||
|
||||
objB === null
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var keysA = Object.keys(objA);
|
||||
var keysB = Object.keys(objB);
|
||||
|
||||
if (keysA.length !== keysB.length) {
|
||||
return false;
|
||||
} // Test for A's keys different from B.
|
||||
|
||||
for (var i = 0; i < keysA.length; i++) {
|
||||
var currentKey = keysA[i];
|
||||
|
||||
if (
|
||||
!hasOwnProperty.call(objB, currentKey) || // $FlowFixMe[incompatible-use] lost refinement of `objB`
|
||||
!objectIs(objA[currentKey], objB[currentKey])
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
function describeFiber(fiber) {
|
||||
switch (fiber.tag) {
|
||||
case HostHoistable:
|
||||
@@ -13066,23 +12905,6 @@ if (__DEV__) {
|
||||
// TODO: current can be non-null here even if the component
|
||||
// hasn't yet mounted. This happens after the first render suspends.
|
||||
// We'll need to figure out if this is fine or can cause issues.
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var render = Component.render;
|
||||
var ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
|
||||
|
||||
@@ -13157,19 +12979,6 @@ if (__DEV__) {
|
||||
}
|
||||
|
||||
{
|
||||
var innerPropTypes = type.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
// Inner memo component props aren't currently validated in createElement.
|
||||
// We could move it there, but we'd still need this for lazy code path.
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(type)
|
||||
);
|
||||
}
|
||||
|
||||
if (Component.defaultProps !== undefined) {
|
||||
var componentName = getComponentNameFromType(type) || "Unknown";
|
||||
|
||||
@@ -13199,22 +13008,6 @@ if (__DEV__) {
|
||||
return child;
|
||||
}
|
||||
|
||||
{
|
||||
var _type = Component.type;
|
||||
var _innerPropTypes = _type.propTypes;
|
||||
|
||||
if (_innerPropTypes) {
|
||||
// Inner memo component props aren't currently validated in createElement.
|
||||
// We could move it there, but we'd still need this for lazy code path.
|
||||
checkPropTypes(
|
||||
_innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(_type)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
var currentChild = current.child; // This is always exactly one child
|
||||
|
||||
var hasScheduledUpdateOrContext = checkScheduledUpdateOrContext(
|
||||
@@ -13260,40 +13053,6 @@ if (__DEV__) {
|
||||
// TODO: current can be non-null here even if the component
|
||||
// hasn't yet mounted. This happens when the inner render suspends.
|
||||
// We'll need to figure out if this is fine or can cause issues.
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var outerMemoType = workInProgress.elementType;
|
||||
|
||||
if (outerMemoType.$$typeof === REACT_LAZY_TYPE) {
|
||||
// We warn when you define propTypes on lazy()
|
||||
// so let's just skip over it to find memo() outer wrapper.
|
||||
// Inner props for memo are validated later.
|
||||
var lazyComponent = outerMemoType;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
outerMemoType = init(payload);
|
||||
} catch (x) {
|
||||
outerMemoType = null;
|
||||
} // Inner propTypes will be validated in the function component path.
|
||||
|
||||
var outerPropTypes = outerMemoType && outerMemoType.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
|
||||
"prop",
|
||||
getComponentNameFromType(outerMemoType)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (current !== null) {
|
||||
var prevProps = current.memoizedProps;
|
||||
|
||||
@@ -13660,23 +13419,6 @@ if (__DEV__) {
|
||||
nextProps,
|
||||
renderLanes
|
||||
) {
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var context;
|
||||
|
||||
{
|
||||
@@ -13797,21 +13539,6 @@ if (__DEV__) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
// Lazy component props can't be validated in createElement
|
||||
// because they're only guaranteed to be resolved here.
|
||||
var innerPropTypes = Component.propTypes;
|
||||
|
||||
if (innerPropTypes) {
|
||||
checkPropTypes(
|
||||
innerPropTypes,
|
||||
nextProps, // Resolved props
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
} // Push context providers early to prevent context stack mismatches.
|
||||
// During mounting we don't know the child context yet as the instance doesn't exist.
|
||||
// We will invalidate the child context in finishClassComponent() right after rendering.
|
||||
@@ -14168,21 +13895,6 @@ if (__DEV__) {
|
||||
}
|
||||
|
||||
case MemoComponent: {
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
var outerPropTypes = Component.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
resolvedProps, // Resolved for outer only
|
||||
"prop",
|
||||
getComponentNameFromType(Component)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
child = updateMemoComponent(
|
||||
null,
|
||||
workInProgress,
|
||||
@@ -15639,17 +15351,6 @@ if (__DEV__) {
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
var providerPropTypes = workInProgress.type.propTypes;
|
||||
|
||||
if (providerPropTypes) {
|
||||
checkPropTypes(
|
||||
providerPropTypes,
|
||||
newProps,
|
||||
"prop",
|
||||
"Context.Provider"
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
pushProvider(workInProgress, context, newValue);
|
||||
@@ -16257,31 +15958,16 @@ if (__DEV__) {
|
||||
return updateContextConsumer(current, workInProgress, renderLanes);
|
||||
|
||||
case MemoComponent: {
|
||||
var _type2 = workInProgress.type;
|
||||
var _type = workInProgress.type;
|
||||
var _unresolvedProps3 = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
|
||||
|
||||
var _resolvedProps3 = resolveDefaultProps(_type2, _unresolvedProps3);
|
||||
var _resolvedProps3 = resolveDefaultProps(_type, _unresolvedProps3);
|
||||
|
||||
{
|
||||
if (workInProgress.type !== workInProgress.elementType) {
|
||||
var outerPropTypes = _type2.propTypes;
|
||||
|
||||
if (outerPropTypes) {
|
||||
checkPropTypes(
|
||||
outerPropTypes,
|
||||
_resolvedProps3, // Resolved for outer only
|
||||
"prop",
|
||||
getComponentNameFromType(_type2)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
_resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
|
||||
_resolvedProps3 = resolveDefaultProps(_type.type, _resolvedProps3);
|
||||
return updateMemoComponent(
|
||||
current,
|
||||
workInProgress,
|
||||
_type2,
|
||||
_type,
|
||||
_resolvedProps3,
|
||||
renderLanes
|
||||
);
|
||||
@@ -26297,7 +25983,7 @@ if (__DEV__) {
|
||||
return root;
|
||||
}
|
||||
|
||||
var ReactVersion = "18.3.0-www-modern-0a08dcb6";
|
||||
var ReactVersion = "18.3.0-www-modern-b7080615";
|
||||
|
||||
// Might add PROFILE later.
|
||||
|
||||
|
||||
@@ -371,7 +371,7 @@ export default [
|
||||
"dispatchCommand was called with a ref that isn't a native component. Use React.forwardRef to get access to the underlying native component",
|
||||
"flushSync was called from inside a lifecycle method. React cannot flush when React is already rendering. Consider moving this call to a scheduler task or micro task.",
|
||||
"forwardRef render functions accept exactly two parameters: props and ref. %s",
|
||||
"forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?",
|
||||
"forwardRef render functions do not support defaultProps. Did you accidentally pass a React component?",
|
||||
"forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...)).",
|
||||
"forwardRef requires a render function but was given %s.",
|
||||
"getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.",
|
||||
|
||||
Reference in New Issue
Block a user