swc-project/swc
1
1
Fork 0
mirror of https://github.com/swc-project/swc.git synced 2024-12-21 12:41:54 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity
3ebc5c6b69
swc/crates/swc_ecma_minifier/tests/projects/refs/react-dom-17.0.2.js

26748 lines
958 KiB
JavaScript
Raw Normal View History

feat(es/minifier): Implement more rules (#1871) swc_ecma_codegen: - Fix codegen of `U+0028` and `U+0029`. swc_ecma_minifier: - Implement MVP. swc_ecma_transforms_base: - `fixer`: Handle seq/await in rhs of for-of.
2021-07-30 04:11:27 +03:00
/** @license React v17.0.2
* react-dom.development.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
!(function (
global, factory
) {
"object" == typeof exports && "undefined" != typeof module
? factory(
exports,
require(
"react"
)
)
: "function" == typeof define && define.amd
? define(
["exports", "react",],
factory
)
: factory(
((global = global || self).ReactDOM = {
}),
global.React
);
})(
this,
function (
exports, React
) {
"use strict";
var ReactSharedInternals =
React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
function warn(
format
) {
for (
var _len = arguments.length,
args = new Array(
_len > 1 ? _len - 1 : 0
),
_key = 1;
_key < _len;
_key++
)
args[_key - 1] = arguments[_key];
printWarning(
"warn",
format,
args
);
}
function error(
format
) {
for (
var _len2 = arguments.length,
args = new Array(
_len2 > 1 ? _len2 - 1 : 0
),
_key2 = 1;
_key2 < _len2;
_key2++
)
args[_key2 - 1] = arguments[_key2];
printWarning(
"error",
format,
args
);
}
function printWarning(
level, format, args
) {
var stack = ReactSharedInternals.ReactDebugCurrentFrame.getStackAddendum(
);
"" !== stack && ((format += "%s"), (args = args.concat(
[stack,]
)));
var argsWithFormat = args.map(
function (
item
) {
return "" + item;
}
);
argsWithFormat.unshift(
"Warning: " + format
),
Function.prototype.apply.call(
console[level],
console,
argsWithFormat
);
}
if (!React)
throw Error(
"ReactDOM was loaded before React. Make sure you load the React package before loading ReactDOM.",
);
var allNativeEvents = new Set(
),
registrationNameDependencies = {
},
possibleRegistrationNames = {
};
function registerTwoPhaseEvent(
registrationName, dependencies
) {
registerDirectEvent(
registrationName,
dependencies
),
registerDirectEvent(
registrationName + "Capture",
dependencies
);
}
function registerDirectEvent(
registrationName, dependencies
) {
registrationNameDependencies[registrationName] &&
error(
"EventRegistry: More than one plugin attempted to publish the same registration name, `%s`.",
registrationName,
),
(registrationNameDependencies[registrationName] = dependencies);
var lowerCasedName = registrationName.toLowerCase(
);
(possibleRegistrationNames[lowerCasedName] = registrationName),
"onDoubleClick" === registrationName &&
(possibleRegistrationNames.ondblclick = registrationName);
for (var i = 0; i < dependencies.length; i++)
allNativeEvents.add(
dependencies[i]
);
}
var canUseDOM = !(
"undefined" == typeof window ||
void 0 === window.document ||
void 0 === window.document.createElement
),
ATTRIBUTE_NAME_START_CHAR =
":A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD",
ATTRIBUTE_NAME_CHAR =
ATTRIBUTE_NAME_START_CHAR +
"\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040",
VALID_ATTRIBUTE_NAME_REGEX = new RegExp(
"^[" + ATTRIBUTE_NAME_START_CHAR + "][" + ATTRIBUTE_NAME_CHAR + "]*$",
),
hasOwnProperty = Object.prototype.hasOwnProperty,
illegalAttributeNameCache = {
},
validatedAttributeNameCache = {
};
function isAttributeNameSafe(
attributeName
) {
return (
!!hasOwnProperty.call(
validatedAttributeNameCache,
attributeName
) ||
(!hasOwnProperty.call(
illegalAttributeNameCache,
attributeName
) &&
(VALID_ATTRIBUTE_NAME_REGEX.test(
attributeName
)
? ((validatedAttributeNameCache[attributeName] = !0), !0)
: ((illegalAttributeNameCache[attributeName] = !0),
error(
"Invalid attribute name: `%s`",
attributeName
),
!1)))
);
}
function shouldIgnoreAttribute(
name, propertyInfo, isCustomComponentTag
) {
return null !== propertyInfo
? 0 === propertyInfo.type
: !isCustomComponentTag &&
name.length > 2 &&
("o" === name[0] || "O" === name[0]) &&
("n" === name[1] || "N" === name[1]);
}
function shouldRemoveAttributeWithWarning(
name,
value,
propertyInfo,
isCustomComponentTag,
) {
if (null !== propertyInfo && 0 === propertyInfo.type) return !1;
switch (typeof value) {
case "function":
case "symbol":
return !0;
case "boolean":
if (isCustomComponentTag) return !1;
if (null !== propertyInfo) return !propertyInfo.acceptsBooleans;
var prefix = name.toLowerCase(
).slice(
0,
5
);
return "data-" !== prefix && "aria-" !== prefix;
default:
return !1;
}
}
function shouldRemoveAttribute(
name,
value,
propertyInfo,
isCustomComponentTag,
) {
if (null == value) return !0;
if (
shouldRemoveAttributeWithWarning(
name,
value,
propertyInfo,
isCustomComponentTag,
)
)
return !0;
if (isCustomComponentTag) return !1;
if (null !== propertyInfo)
switch (propertyInfo.type) {
case 3:
return !value;
case 4:
return !1 === value;
case 5:
return isNaN(
value
);
case 6:
return isNaN(
value
) || value < 1;
}
return !1;
}
function getPropertyInfo(
name
) {
return properties.hasOwnProperty(
name
)
? properties[name]
: null;
}
function PropertyInfoRecord(
name,
type,
mustUseProperty,
attributeName,
attributeNamespace,
sanitizeURL,
removeEmptyString,
) {
(this.acceptsBooleans = 2 === type || 3 === type || 4 === type),
(this.attributeName = attributeName),
(this.attributeNamespace = attributeNamespace),
(this.mustUseProperty = mustUseProperty),
(this.propertyName = name),
(this.type = type),
(this.sanitizeURL = sanitizeURL),
(this.removeEmptyString = removeEmptyString);
}
var properties = {
};
[
"children",
"dangerouslySetInnerHTML",
"defaultValue",
"defaultChecked",
"innerHTML",
"suppressContentEditableWarning",
"suppressHydrationWarning",
"style",
].forEach(
function (
name
) {
properties[name] = new PropertyInfoRecord(
name,
0,
!1,
name,
null,
!1,
!1
);
}
),
[
["acceptCharset", "accept-charset",],
["className", "class",],
["htmlFor", "for",],
["httpEquiv", "http-equiv",],
].forEach(
function (
_ref
) {
var name = _ref[0],
attributeName = _ref[1];
properties[name] = new PropertyInfoRecord(
name,
1,
!1,
attributeName,
null,
!1,
!1,
);
}
),
["contentEditable", "draggable", "spellCheck", "value",].forEach(
function (
name,
) {
properties[name] = new PropertyInfoRecord(
name,
2,
!1,
name.toLowerCase(
),
null,
!1,
!1,
);
}
),
[
"autoReverse",
"externalResourcesRequired",
"focusable",
"preserveAlpha",
].forEach(
function (
name
) {
properties[name] = new PropertyInfoRecord(
name,
2,
!1,
name,
null,
!1,
!1,
);
}
),
[
"allowFullScreen",
"async",
"autoFocus",
"autoPlay",
"controls",
"default",
"defer",
"disabled",
"disablePictureInPicture",
"disableRemotePlayback",
"formNoValidate",
"hidden",
"loop",
"noModule",
"noValidate",
"open",
"playsInline",
"readOnly",
"required",
"reversed",
"scoped",
"seamless",
"itemScope",
].forEach(
function (
name
) {
properties[name] = new PropertyInfoRecord(
name,
3,
!1,
name.toLowerCase(
),
null,
!1,
!1,
);
}
),
["checked", "multiple", "muted", "selected",].forEach(
function (
name
) {
properties[name] = new PropertyInfoRecord(
name,
3,
!0,
name,
null,
!1,
!1,
);
}
),
["capture", "download",].forEach(
function (
name
) {
properties[name] = new PropertyInfoRecord(
name,
4,
!1,
name,
null,
!1,
!1,
);
}
),
["cols", "rows", "size", "span",].forEach(
function (
name
) {
properties[name] = new PropertyInfoRecord(
name,
6,
!1,
name,
null,
!1,
!1,
);
}
),
["rowSpan", "start",].forEach(
function (
name
) {
properties[name] = new PropertyInfoRecord(
name,
5,
!1,
name.toLowerCase(
),
null,
!1,
!1,
);
}
);
var CAMELIZE = /[\-\:]([a-z])/g,
capitalize = function (
token
) {
return token[1].toUpperCase(
);
};
[
"accent-height",
"alignment-baseline",
"arabic-form",
"baseline-shift",
"cap-height",
"clip-path",
"clip-rule",
"color-interpolation",
"color-interpolation-filters",
"color-profile",
"color-rendering",
"dominant-baseline",
"enable-background",
"fill-opacity",
"fill-rule",
"flood-color",
"flood-opacity",
"font-family",
"font-size",
"font-size-adjust",
"font-stretch",
"font-style",
"font-variant",
"font-weight",
"glyph-name",
"glyph-orientation-horizontal",
"glyph-orientation-vertical",
"horiz-adv-x",
"horiz-origin-x",
"image-rendering",
"letter-spacing",
"lighting-color",
"marker-end",
"marker-mid",
"marker-start",
"overline-position",
"overline-thickness",
"paint-order",
"panose-1",
"pointer-events",
"rendering-intent",
"shape-rendering",
"stop-color",
"stop-opacity",
"strikethrough-position",
"strikethrough-thickness",
"stroke-dasharray",
"stroke-dashoffset",
"stroke-linecap",
"stroke-linejoin",
"stroke-miterlimit",
"stroke-opacity",
"stroke-width",
"text-anchor",
"text-decoration",
"text-rendering",
"underline-position",
"underline-thickness",
"unicode-bidi",
"unicode-range",
"units-per-em",
"v-alphabetic",
"v-hanging",
"v-ideographic",
"v-mathematical",
"vector-effect",
"vert-adv-y",
"vert-origin-x",
"vert-origin-y",
"word-spacing",
"writing-mode",
"xmlns:xlink",
"x-height",
].forEach(
function (
attributeName
) {
var name = attributeName.replace(
CAMELIZE,
capitalize
);
properties[name] = new PropertyInfoRecord(
name,
1,
!1,
attributeName,
null,
!1,
!1,
);
}
),
[
"xlink:actuate",
"xlink:arcrole",
"xlink:role",
"xlink:show",
"xlink:title",
"xlink:type",
].forEach(
function (
attributeName
) {
var name = attributeName.replace(
CAMELIZE,
capitalize
);
properties[name] = new PropertyInfoRecord(
name,
1,
!1,
attributeName,
"http://www.w3.org/1999/xlink",
!1,
!1,
);
}
),
["xml:base", "xml:lang", "xml:space",].forEach(
function (
attributeName
) {
var name = attributeName.replace(
CAMELIZE,
capitalize
);
properties[name] = new PropertyInfoRecord(
name,
1,
!1,
attributeName,
"http://www.w3.org/XML/1998/namespace",
!1,
!1,
);
}
),
["tabIndex", "crossOrigin",].forEach(
function (
attributeName
) {
properties[attributeName] = new PropertyInfoRecord(
attributeName,
1,
!1,
attributeName.toLowerCase(
),
null,
!1,
!1,
);
}
);
(properties.xlinkHref = new PropertyInfoRecord(
"xlinkHref",
1,
!1,
"xlink:href",
"http://www.w3.org/1999/xlink",
!0,
!1,
)),
["src", "href", "action", "formAction",].forEach(
function (
attributeName
) {
properties[attributeName] = new PropertyInfoRecord(
attributeName,
1,
!1,
attributeName.toLowerCase(
),
null,
!0,
!0,
);
}
);
var isJavaScriptProtocol = /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*\:/i,
didWarn = !1;
function sanitizeURL(
url
) {
!didWarn &&
isJavaScriptProtocol.test(
url
) &&
((didWarn = !0),
error(
"A future version of React will block javascript: URLs as a security precaution. Use event handlers instead if you can. If you need to generate unsafe HTML try using dangerouslySetInnerHTML instead. React was passed %s.",
JSON.stringify(
url
),
));
}
function getValueForProperty(
node, name, expected, propertyInfo
) {
if (propertyInfo.mustUseProperty) return node[propertyInfo.propertyName];
propertyInfo.sanitizeURL && sanitizeURL(
"" + expected
);
var attributeName = propertyInfo.attributeName,
stringValue = null;
if (4 === propertyInfo.type) {
if (node.hasAttribute(
attributeName
)) {
var value = node.getAttribute(
attributeName
);
return (
"" === value ||
(shouldRemoveAttribute(
name,
expected,
propertyInfo,
!1
)
? value
: value === "" + expected
? expected
: value)
);
}
} else if (node.hasAttribute(
attributeName
)) {
if (shouldRemoveAttribute(
name,
expected,
propertyInfo,
!1
))
return node.getAttribute(
attributeName
);
if (3 === propertyInfo.type) return expected;
stringValue = node.getAttribute(
attributeName
);
}
return shouldRemoveAttribute(
name,
expected,
propertyInfo,
!1
)
? null === stringValue
? expected
: stringValue
: stringValue === "" + expected
? expected
: stringValue;
}
function getValueForAttribute(
node, name, expected
) {
if (isAttributeNameSafe(
name
)) {
if (
(function (
value
) {
return (
null !== value &&
"object" == typeof value &&
value.$$typeof === REACT_OPAQUE_ID_TYPE
);
})(
expected
)
)
return expected;
if (!node.hasAttribute(
name
)) return void 0 === expected ? void 0 : null;
var value = node.getAttribute(
name
);
return value === "" + expected ? expected : value;
}
}
function setValueForProperty(
node, name, value, isCustomComponentTag
) {
var propertyInfo = getPropertyInfo(
name
);
if (!shouldIgnoreAttribute(
name,
propertyInfo,
isCustomComponentTag
))
if (
(shouldRemoveAttribute(
name,
value,
propertyInfo,
isCustomComponentTag,
) && (value = null),
isCustomComponentTag || null === propertyInfo)
) {
if (isAttributeNameSafe(
name
)) {
var _attributeName = name;
null === value
? node.removeAttribute(
_attributeName
)
: node.setAttribute(
_attributeName,
"" + value
);
}
} else if (propertyInfo.mustUseProperty) {
var propertyName = propertyInfo.propertyName;
if (null === value) {
var type = propertyInfo.type;
node[propertyName] = 3 !== type && "";
} else node[propertyName] = value;
} else {
var attributeName = propertyInfo.attributeName,
attributeNamespace = propertyInfo.attributeNamespace;
if (null === value) node.removeAttribute(
attributeName
);
else {
var attributeValue,
_type = propertyInfo.type;
3 === _type || (4 === _type && !0 === value)
? (attributeValue = "")
: ((attributeValue = "" + value),
propertyInfo.sanitizeURL &&
sanitizeURL(
attributeValue.toString(
)
)),
attributeNamespace
? node.setAttributeNS(
attributeNamespace,
attributeName,
attributeValue,
)
: node.setAttribute(
attributeName,
attributeValue
);
}
}
}
var _assign = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.assign,
REACT_ELEMENT_TYPE = 60103,
REACT_PORTAL_TYPE = 60106,
REACT_FRAGMENT_TYPE = 60107,
REACT_STRICT_MODE_TYPE = 60108,
REACT_PROFILER_TYPE = 60114,
REACT_PROVIDER_TYPE = 60109,
REACT_CONTEXT_TYPE = 60110,
REACT_FORWARD_REF_TYPE = 60112,
REACT_SUSPENSE_TYPE = 60113,
REACT_SUSPENSE_LIST_TYPE = 60120,
REACT_MEMO_TYPE = 60115,
REACT_LAZY_TYPE = 60116,
REACT_BLOCK_TYPE = 60121,
REACT_SCOPE_TYPE = 60119,
REACT_OPAQUE_ID_TYPE = 60128,
REACT_DEBUG_TRACING_MODE_TYPE = 60129,
REACT_OFFSCREEN_TYPE = 60130,
REACT_LEGACY_HIDDEN_TYPE = 60131;
if ("function" == typeof Symbol && Symbol.for) {
var symbolFor = Symbol.for;
(REACT_ELEMENT_TYPE = symbolFor(
"react.element"
)),
(REACT_PORTAL_TYPE = symbolFor(
"react.portal"
)),
(REACT_FRAGMENT_TYPE = symbolFor(
"react.fragment"
)),
(REACT_STRICT_MODE_TYPE = symbolFor(
"react.strict_mode"
)),
(REACT_PROFILER_TYPE = symbolFor(
"react.profiler"
)),
(REACT_PROVIDER_TYPE = symbolFor(
"react.provider"
)),
(REACT_CONTEXT_TYPE = symbolFor(
"react.context"
)),
(REACT_FORWARD_REF_TYPE = symbolFor(
"react.forward_ref"
)),
(REACT_SUSPENSE_TYPE = symbolFor(
"react.suspense"
)),
(REACT_SUSPENSE_LIST_TYPE = symbolFor(
"react.suspense_list"
)),
(REACT_MEMO_TYPE = symbolFor(
"react.memo"
)),
(REACT_LAZY_TYPE = symbolFor(
"react.lazy"
)),
(REACT_BLOCK_TYPE = symbolFor(
"react.block"
)),
symbolFor(
"react.server.block"
),
symbolFor(
"react.fundamental"
),
(REACT_SCOPE_TYPE = symbolFor(
"react.scope"
)),
(REACT_OPAQUE_ID_TYPE = symbolFor(
"react.opaque.id"
)),
(REACT_DEBUG_TRACING_MODE_TYPE = symbolFor(
"react.debug_trace_mode"
)),
(REACT_OFFSCREEN_TYPE = symbolFor(
"react.offscreen"
)),
(REACT_LEGACY_HIDDEN_TYPE = symbolFor(
"react.legacy_hidden"
));
}
var MAYBE_ITERATOR_SYMBOL = "function" == typeof Symbol && Symbol.iterator;
function getIteratorFn(
maybeIterable
) {
if (null === maybeIterable || "object" != typeof maybeIterable) return null;
var maybeIterator =
(MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
maybeIterable["@@iterator"];
return "function" == typeof maybeIterator ? maybeIterator : null;
}
var prevLog,
prevInfo,
prevWarn,
prevError,
prevGroup,
prevGroupCollapsed,
prevGroupEnd,
disabledDepth = 0;
function disabledLog(
) {}
function disableLogs(
) {
if (0 === disabledDepth) {
(prevLog = console.log),
(prevInfo = console.info),
(prevWarn = console.warn),
(prevError = console.error),
(prevGroup = console.group),
(prevGroupCollapsed = console.groupCollapsed),
(prevGroupEnd = console.groupEnd);
var props = {
configurable: !0,
enumerable: !0,
value: disabledLog,
writable: !0,
};
Object.defineProperties(
console,
{
info: props,
log: props,
warn: props,
error: props,
group: props,
groupCollapsed: props,
groupEnd: props,
}
);
}
disabledDepth++;
}
function reenableLogs(
) {
if (0 === --disabledDepth) {
var props = {
configurable: !0,
enumerable: !0,
writable: !0,
};
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,
}
),
}
);
}
disabledDepth < 0 &&
error(
"disabledDepth fell below zero. This is a bug in React. Please file an issue.",
);
}
disabledLog.__reactDisabledLog = !0;
var prefix,
ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
function describeBuiltInComponentFrame(
name, source, ownerFn
) {
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 componentFrameCache,
reentry = !1,
PossiblyWeakMap = "function" == typeof WeakMap ? WeakMap : Map;
function describeNativeComponentFrame(
fn, construct
) {
if (!fn || reentry) return "";
var control,
frame = componentFrameCache.get(
fn
);
if (void 0 !== frame) return frame;
reentry = !0;
var previousDispatcher,
previousPrepareStackTrace = Error.prepareStackTrace;
(Error.prepareStackTrace = void 0),
(previousDispatcher = ReactCurrentDispatcher.current),
(ReactCurrentDispatcher.current = null),
disableLogs(
);
try {
if (construct) {
var Fake = function (
) {
throw Error(
);
};
if (
(Object.defineProperty(
Fake.prototype,
"props",
{
set: function (
) {
throw Error(
);
},
}
),
"object" == typeof Reflect && Reflect.construct)
) {
try {
Reflect.construct(
Fake,
[]
);
} catch (x) {
control = x;
}
Reflect.construct(
fn,
[],
Fake
);
} else {
try {
Fake.call(
);
} catch (x) {
control = x;
}
fn.call(
Fake.prototype
);
}
} else {
try {
throw Error(
);
} catch (x) {
control = x;
}
fn(
);
}
} catch (sample) {
if (sample && control && "string" == typeof sample.stack) {
for (
var sampleLines = sample.stack.split(
"\n"
),
controlLines = control.stack.split(
"\n"
),
s = sampleLines.length - 1,
c = controlLines.length - 1;
s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c];
)
c--;
for (; s >= 1 && c >= 0; s--, c--)
if (sampleLines[s] !== controlLines[c]) {
if (1 !== s || 1 !== c)
do {
if ((s--, --c < 0 || sampleLines[s] !== controlLines[c])) {
var _frame =
"\n" + sampleLines[s].replace(
" at new ",
" at "
);
return (
"function" == typeof fn &&
componentFrameCache.set(
fn,
_frame
),
_frame
);
}
} while (s >= 1 && c >= 0);
break;
}
}
} finally {
(reentry = !1),
(ReactCurrentDispatcher.current = previousDispatcher),
reenableLogs(
),
(Error.prepareStackTrace = previousPrepareStackTrace);
}
var name = fn ? fn.displayName || fn.name : "",
syntheticFrame = name
? describeBuiltInComponentFrame(
name
)
: "";
return (
"function" == typeof fn && componentFrameCache.set(
fn,
syntheticFrame
),
syntheticFrame
);
}
function describeFunctionComponentFrame(
fn, source, ownerFn
) {
return describeNativeComponentFrame(
fn,
!1
);
}
function describeUnknownElementTypeFrameInDEV(
type, source, ownerFn
) {
if (null == type) return "";
if ("function" == typeof type)
return describeNativeComponentFrame(
type,
!(!(prototype = type.prototype) || !prototype.isReactComponent),
);
var prototype;
if ("string" == typeof type) return describeBuiltInComponentFrame(
type
);
switch (type) {
case REACT_SUSPENSE_TYPE:
return describeBuiltInComponentFrame(
"Suspense"
);
case REACT_SUSPENSE_LIST_TYPE:
return describeBuiltInComponentFrame(
"SuspenseList"
);
}
if ("object" == typeof type)
switch (type.$$typeof) {
case REACT_FORWARD_REF_TYPE:
return describeFunctionComponentFrame(
type.render
);
case REACT_MEMO_TYPE:
return describeUnknownElementTypeFrameInDEV(
type.type,
source,
ownerFn,
);
case REACT_BLOCK_TYPE:
return describeFunctionComponentFrame(
type._render
);
case REACT_LAZY_TYPE:
var lazyComponent = type,
payload = lazyComponent._payload,
init = lazyComponent._init;
try {
return describeUnknownElementTypeFrameInDEV(
init(
payload
),
source,
ownerFn,
);
} catch (x) {}
}
return "";
}
function describeFiber(
fiber
) {
fiber._debugOwner && fiber._debugOwner.type, fiber._debugSource;
switch (fiber.tag) {
case 5:
return describeBuiltInComponentFrame(
fiber.type
);
case 16:
return describeBuiltInComponentFrame(
"Lazy"
);
case 13:
return describeBuiltInComponentFrame(
"Suspense"
);
case 19:
return describeBuiltInComponentFrame(
"SuspenseList"
);
case 0:
case 2:
case 15:
return describeFunctionComponentFrame(
fiber.type
);
case 11:
return describeFunctionComponentFrame(
fiber.type.render
);
case 22:
return describeFunctionComponentFrame(
fiber.type._render
);
case 1:
return describeNativeComponentFrame(
fiber.type,
!0
);
default:
return "";
}
}
function getStackByFiberInDevAndProd(
workInProgress
) {
try {
var info = "",
node = workInProgress;
do {
(info += describeFiber(
node
)), (node = node.return);
} while (node);
return info;
} catch (x) {
return "\nError generating stack: " + x.message + "\n" + x.stack;
}
}
function getContextName(
type
) {
return type.displayName || "Context";
}
function getComponentName(
type
) {
if (null == type) return null;
if (
("number" == typeof type.tag &&
error(
"Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue.",
),
"function" == typeof type)
)
return type.displayName || type.name || null;
if ("string" == typeof type) return type;
switch (type) {
case REACT_FRAGMENT_TYPE:
return "Fragment";
case REACT_PORTAL_TYPE:
return "Portal";
case REACT_PROFILER_TYPE:
return "Profiler";
case REACT_STRICT_MODE_TYPE:
return "StrictMode";
case REACT_SUSPENSE_TYPE:
return "Suspense";
case REACT_SUSPENSE_LIST_TYPE:
return "SuspenseList";
}
if ("object" == typeof type)
switch (type.$$typeof) {
case REACT_CONTEXT_TYPE:
return getContextName(
type
) + ".Consumer";
case REACT_PROVIDER_TYPE:
return getContextName(
type._context
) + ".Provider";
case REACT_FORWARD_REF_TYPE:
return (
(outerType = type),
(innerType = type.render),
(wrapperName = "ForwardRef"),
(functionName = innerType.displayName || innerType.name || ""),
outerType.displayName ||
("" !== functionName
? wrapperName + "(" + functionName + ")"
: wrapperName)
);
case REACT_MEMO_TYPE:
return getComponentName(
type.type
);
case REACT_BLOCK_TYPE:
return getComponentName(
type._render
);
case REACT_LAZY_TYPE:
var lazyComponent = type,
payload = lazyComponent._payload,
init = lazyComponent._init;
try {
return getComponentName(
init(
payload
)
);
} catch (x) {
return null;
}
}
var outerType, innerType, wrapperName, functionName;
return null;
}
componentFrameCache = new PossiblyWeakMap(
);
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame,
current = null,
isRendering = !1;
function getCurrentFiberOwnerNameInDevOrNull(
) {
if (null === current) return null;
var owner = current._debugOwner;
return null != owner
? getComponentName(
owner.type
)
: null;
}
function getCurrentFiberStackInDev(
) {
return null === current
? ""
: getStackByFiberInDevAndProd(
current
);
}
function resetCurrentFiber(
) {
(ReactDebugCurrentFrame.getCurrentStack = null),
(current = null),
(isRendering = !1);
}
function setCurrentFiber(
fiber
) {
(ReactDebugCurrentFrame.getCurrentStack = getCurrentFiberStackInDev),
(current = fiber),
(isRendering = !1);
}
function setIsRendering(
rendering
) {
isRendering = rendering;
}
function toString(
value
) {
return "" + value;
}
function getToStringValue(
value
) {
switch (typeof value) {
case "boolean":
case "number":
case "object":
case "string":
case "undefined":
return value;
default:
return "";
}
}
var hasReadOnlyValue = {
button: !0,
checkbox: !0,
image: !0,
hidden: !0,
radio: !0,
reset: !0,
submit: !0,
};
function checkControlledValueProps(
tagName, props
) {
hasReadOnlyValue[props.type] ||
props.onChange ||
props.onInput ||
props.readOnly ||
props.disabled ||
null == props.value ||
error(
"You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`.",
),
props.onChange ||
props.readOnly ||
props.disabled ||
null == props.checked ||
error(
"You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`.",
);
}
function isCheckable(
elem
) {
var type = elem.type,
nodeName = elem.nodeName;
return (
nodeName &&
"input" === nodeName.toLowerCase(
) &&
("checkbox" === type || "radio" === type)
);
}
function getTracker(
node
) {
return node._valueTracker;
}
function track(
node
) {
getTracker(
node
) ||
(node._valueTracker = (function (
node
) {
var valueField = isCheckable(
node
)
? "checked"
: "value",
descriptor = Object.getOwnPropertyDescriptor(
node.constructor.prototype,
valueField,
),
currentValue = "" + node[valueField];
if (
!node.hasOwnProperty(
valueField
) &&
void 0 !== descriptor &&
"function" == typeof descriptor.get &&
"function" == typeof descriptor.set
) {
var get = descriptor.get,
set = descriptor.set;
return (
Object.defineProperty(
node,
valueField,
{
configurable: !0,
get: function (
) {
return get.call(
this
);
},
set: function (
value
) {
(currentValue = "" + value), set.call(
this,
value
);
},
}
),
Object.defineProperty(
node,
valueField,
{
enumerable: descriptor.enumerable,
}
),
{
getValue: function (
) {
return currentValue;
},
setValue: function (
value
) {
currentValue = "" + value;
},
stopTracking: function (
) {
!(function (
node
) {
node._valueTracker = null;
})(
node
),
delete node[valueField];
},
}
);
}
})(
node
));
}
function updateValueIfChanged(
node
) {
if (!node) return !1;
var tracker = getTracker(
node
);
if (!tracker) return !0;
var lastValue = tracker.getValue(
),
nextValue = (function (
node
) {
var value = "";
return node
? (value = isCheckable(
node
)
? node.checked
? "true"
: "false"
: node.value)
: value;
})(
node
);
return nextValue !== lastValue && (tracker.setValue(
nextValue
), !0);
}
function getActiveElement(
doc
) {
if (
void 0 ===
(doc = doc || ("undefined" != typeof document ? document : void 0))
)
return null;
try {
return doc.activeElement || doc.body;
} catch (e) {
return doc.body;
}
}
var didWarnValueDefaultValue = !1,
didWarnCheckedDefaultChecked = !1,
didWarnControlledToUncontrolled = !1,
didWarnUncontrolledToControlled = !1;
function isControlled(
props
) {
return "checkbox" === props.type || "radio" === props.type
? null != props.checked
: null != props.value;
}
function getHostProps(
element, props
) {
var node = element,
checked = props.checked;
return _assign(
{
},
props,
{
defaultChecked: void 0,
defaultValue: void 0,
value: void 0,
checked: null != checked ? checked : node._wrapperState.initialChecked,
}
);
}
function initWrapperState(
element, props
) {
checkControlledValueProps(
0,
props
),
void 0 === props.checked ||
void 0 === props.defaultChecked ||
didWarnCheckedDefaultChecked ||
(error(
"%s contains an input of type %s with both checked and defaultChecked props. Input elements must be either controlled or uncontrolled (specify either the checked prop, or the defaultChecked prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://reactjs.org/link/controlled-components",
getCurrentFiberOwnerNameInDevOrNull(
) || "A component",
props.type,
),
(didWarnCheckedDefaultChecked = !0)),
void 0 === props.value ||
void 0 === props.defaultValue ||
didWarnValueDefaultValue ||
(error(
"%s contains an input of type %s with both value and defaultValue props. Input elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://reactjs.org/link/controlled-components",
getCurrentFiberOwnerNameInDevOrNull(
) || "A component",
props.type,
),
(didWarnValueDefaultValue = !0));
var node = element,
defaultValue = null == props.defaultValue ? "" : props.defaultValue;
node._wrapperState = {
initialChecked:
null != props.checked ? props.checked : props.defaultChecked,
initialValue: getToStringValue(
null != props.value ? props.value : defaultValue,
),
controlled: isControlled(
props
),
};
}
function updateChecked(
element, props
) {
var node = element,
checked = props.checked;
null != checked && setValueForProperty(
node,
"checked",
checked,
!1
);
}
function updateWrapper(
element, props
) {
var node = element,
controlled = isControlled(
props
);
node._wrapperState.controlled ||
!controlled ||
didWarnUncontrolledToControlled ||
(error(
"A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://reactjs.org/link/controlled-components",
),
(didWarnUncontrolledToControlled = !0)),
!node._wrapperState.controlled ||
controlled ||
didWarnControlledToUncontrolled ||
(error(
"A component is changing a controlled input to be uncontrolled. This is likely caused by the value changing from a defined to undefined, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://reactjs.org/link/controlled-components",
),
(didWarnControlledToUncontrolled = !0)),
updateChecked(
element,
props
);
var value = getToStringValue(
props.value
),
type = props.type;
if (null != value)
"number" === type
? ((0 === value && "" === node.value) || node.value != value) &&
(node.value = toString(
value
))
: node.value !== toString(
value
) && (node.value = toString(
value
));
else if ("submit" === type || "reset" === type)
return void node.removeAttribute(
"value"
);
props.hasOwnProperty(
"value"
)
? setDefaultValue(
node,
props.type,
value
)
: props.hasOwnProperty(
"defaultValue"
) &&
setDefaultValue(
node,
props.type,
getToStringValue(
props.defaultValue
)
),
null == props.checked &&
null != props.defaultChecked &&
(node.defaultChecked = !!props.defaultChecked);
}
function postMountWrapper(
element, props, isHydrating
) {
var node = element;
if (props.hasOwnProperty(
"value"
) || props.hasOwnProperty(
"defaultValue"
)) {
var type = props.type;
if (
("submit" === type || "reset" === type) &&
(void 0 === props.value || null === props.value)
)
return;
var initialValue = toString(
node._wrapperState.initialValue
);
isHydrating ||
(initialValue !== node.value && (node.value = initialValue)),
(node.defaultValue = initialValue);
}
var name = node.name;
"" !== name && (node.name = ""),
(node.defaultChecked = !node.defaultChecked),
(node.defaultChecked = !!node._wrapperState.initialChecked),
"" !== name && (node.name = name);
}
function restoreControlledState(
element, props
) {
var node = element;
updateWrapper(
node,
props
),
(function (
rootNode, props
) {
var name = props.name;
if ("radio" === props.type && null != name) {
for (var queryRoot = rootNode; queryRoot.parentNode; )
queryRoot = queryRoot.parentNode;
for (
var group = queryRoot.querySelectorAll(
"input[name=" + JSON.stringify(
"" + name
) + '][type="radio"]',
),
i = 0;
i < group.length;
i++
) {
var otherNode = group[i];
if (otherNode !== rootNode && otherNode.form === rootNode.form) {
var otherProps = getFiberCurrentPropsFromNode(
otherNode
);
if (!otherProps)
throw Error(
"ReactDOMInput: Mixing React and non-React radio inputs with the same `name` is not supported.",
);
updateValueIfChanged(
otherNode
),
updateWrapper(
otherNode,
otherProps
);
}
}
}
})(
node,
props
);
}
function setDefaultValue(
node, type, value
) {
("number" === type && getActiveElement(
node.ownerDocument
) === node) ||
(null == value
? (node.defaultValue = toString(
node._wrapperState.initialValue
))
: node.defaultValue !== toString(
value
) &&
(node.defaultValue = toString(
value
)));
}
var didWarnValueDefaultValue$1,
didWarnSelectedSetOnOption = !1,
didWarnInvalidChild = !1;
function validateProps(
element, props
) {
"object" == typeof props.children &&
null !== props.children &&
React.Children.forEach(
props.children,
function (
child
) {
null != child &&
"string" != typeof child &&
"number" != typeof child &&
"string" == typeof child.type &&
(didWarnInvalidChild ||
((didWarnInvalidChild = !0),
error(
"Only strings and numbers are supported as <option> children.",
)));
}
),
null == props.selected ||
didWarnSelectedSetOnOption ||
(error(
"Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>.",
),
(didWarnSelectedSetOnOption = !0));
}
function getHostProps$1(
element, props
) {
var hostProps = _assign(
{
children: void 0,
},
props
),
content = (function (
children
) {
var content = "";
return (
React.Children.forEach(
children,
function (
child
) {
null != child && (content += child);
}
),
content
);
})(
props.children
);
return content && (hostProps.children = content), hostProps;
}
function getDeclarationErrorAddendum(
) {
var ownerName = getCurrentFiberOwnerNameInDevOrNull(
);
return ownerName
? "\n\nCheck the render method of `" + ownerName + "`."
: "";
}
didWarnValueDefaultValue$1 = !1;
var valuePropNames = ["value", "defaultValue",];
function updateOptions(
node, multiple, propValue, setDefaultSelected
) {
var options = node.options;
if (multiple) {
for (
var selectedValues = propValue, selectedValue = {
}, i = 0;
i < selectedValues.length;
i++
)
selectedValue["$" + selectedValues[i]] = !0;
for (var _i = 0; _i < options.length; _i++) {
var selected = selectedValue.hasOwnProperty(
"$" + options[_i].value
);
options[_i].selected !== selected && (options[_i].selected = selected),
selected && setDefaultSelected && (options[_i].defaultSelected = !0);
}
} else {
for (
var _selectedValue = toString(
getToStringValue(
propValue
)
),
defaultSelected = null,
_i2 = 0;
_i2 < options.length;
_i2++
) {
if (options[_i2].value === _selectedValue)
return (
(options[_i2].selected = !0),
void (setDefaultSelected && (options[_i2].defaultSelected = !0))
);
null !== defaultSelected ||
options[_i2].disabled ||
(defaultSelected = options[_i2]);
}
null !== defaultSelected && (defaultSelected.selected = !0);
}
}
function getHostProps$2(
element, props
) {
return _assign(
{
},
props,
{
value: void 0,
}
);
}
function initWrapperState$1(
element, props
) {
var node = element;
!(function (
props
) {
checkControlledValueProps(
0,
props
);
for (var i = 0; i < valuePropNames.length; i++) {
var propName = valuePropNames[i];
if (null != props[propName]) {
var isArray = Array.isArray(
props[propName]
);
props.multiple && !isArray
? error(
"The `%s` prop supplied to <select> must be an array if `multiple` is true.%s",
propName,
getDeclarationErrorAddendum(
),
)
: !props.multiple &&
isArray &&
error(
"The `%s` prop supplied to <select> must be a scalar value if `multiple` is false.%s",
propName,
getDeclarationErrorAddendum(
),
);
}
}
})(
props
),
(node._wrapperState = {
wasMultiple: !!props.multiple,
}),
void 0 === props.value ||
void 0 === props.defaultValue ||
didWarnValueDefaultValue$1 ||
(error(
"Select elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled select element and remove one of these props. More info: https://reactjs.org/link/controlled-components",
),
(didWarnValueDefaultValue$1 = !0));
}
var didWarnValDefaultVal = !1;
function getHostProps$3(
element, props
) {
var node = element;
if (null != props.dangerouslySetInnerHTML)
throw Error(
"`dangerouslySetInnerHTML` does not make sense on <textarea>.",
);
return _assign(
{
},
props,
{
value: void 0,
defaultValue: void 0,
children: toString(
node._wrapperState.initialValue
),
}
);
}
function initWrapperState$2(
element, props
) {
var node = element;
checkControlledValueProps(
0,
props
),
void 0 === props.value ||
void 0 === props.defaultValue ||
didWarnValDefaultVal ||
(error(
"%s contains a textarea with both value and defaultValue props. Textarea elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled textarea and remove one of these props. More info: https://reactjs.org/link/controlled-components",
getCurrentFiberOwnerNameInDevOrNull(
) || "A component",
),
(didWarnValDefaultVal = !0));
var initialValue = props.value;
if (null == initialValue) {
var children = props.children,
defaultValue = props.defaultValue;
if (null != children) {
if (
(error(
"Use the `defaultValue` or `value` props instead of setting children on <textarea>.",
),
null != defaultValue)
)
throw Error(
"If you supply `defaultValue` on a <textarea>, do not pass children.",
);
if (Array.isArray(
children
)) {
if (!(children.length <= 1))
throw Error(
"<textarea> can only have at most one child."
);
children = children[0];
}
defaultValue = children;
}
null == defaultValue && (defaultValue = ""),
(initialValue = defaultValue);
}
node._wrapperState = {
initialValue: getToStringValue(
initialValue
),
};
}
function updateWrapper$1(
element, props
) {
var node = element,
value = getToStringValue(
props.value
),
defaultValue = getToStringValue(
props.defaultValue
);
if (null != value) {
var newValue = toString(
value
);
newValue !== node.value && (node.value = newValue),
null == props.defaultValue &&
node.defaultValue !== newValue &&
(node.defaultValue = newValue);
}
null != defaultValue && (node.defaultValue = toString(
defaultValue
));
}
function postMountWrapper$3(
element, props
) {
var node = element,
textContent = node.textContent;
textContent === node._wrapperState.initialValue &&
"" !== textContent &&
null !== textContent &&
(node.value = textContent);
}
var HTML_NAMESPACE = "http://www.w3.org/1999/xhtml",
SVG_NAMESPACE = "http://www.w3.org/2000/svg",
Namespaces_html = HTML_NAMESPACE,
Namespaces_svg = SVG_NAMESPACE;
function getIntrinsicNamespace(
type
) {
switch (type) {
case "svg":
return SVG_NAMESPACE;
case "math":
return "http://www.w3.org/1998/Math/MathML";
default:
return HTML_NAMESPACE;
}
}
function getChildNamespace(
parentNamespace, type
) {
return null == parentNamespace || parentNamespace === HTML_NAMESPACE
? getIntrinsicNamespace(
type
)
: parentNamespace === SVG_NAMESPACE && "foreignObject" === type
? HTML_NAMESPACE
: parentNamespace;
}
var reusableSVGContainer,
func,
setInnerHTML =
((func = function (
node, html
) {
if (node.namespaceURI !== Namespaces_svg || "innerHTML" in node)
node.innerHTML = html;
else {
(reusableSVGContainer =
reusableSVGContainer || document.createElement(
"div"
)).innerHTML =
"<svg>" + html.valueOf(
).toString(
) + "</svg>";
for (var svgNode = reusableSVGContainer.firstChild; node.firstChild; )
node.removeChild(
node.firstChild
);
for (; svgNode.firstChild; ) node.appendChild(
svgNode.firstChild
);
}
}),
"undefined" != typeof MSApp && MSApp.execUnsafeLocalFunction
? function (
arg0, arg1, arg2, arg3
) {
MSApp.execUnsafeLocalFunction(
function (
) {
return func(
arg0,
arg1,
arg2,
arg3
);
}
);
}
: func),
setTextContent = function (
node, text
) {
if (text) {
var firstChild = node.firstChild;
if (
firstChild &&
firstChild === node.lastChild &&
3 === firstChild.nodeType
)
return void (firstChild.nodeValue = text);
}
node.textContent = text;
},
shorthandToLonghand = {
animation: [
"animationDelay",
"animationDirection",
"animationDuration",
"animationFillMode",
"animationIterationCount",
"animationName",
"animationPlayState",
"animationTimingFunction",
],
background: [
"backgroundAttachment",
"backgroundClip",
"backgroundColor",
"backgroundImage",
"backgroundOrigin",
"backgroundPositionX",
"backgroundPositionY",
"backgroundRepeat",
"backgroundSize",
],
backgroundPosition: ["backgroundPositionX", "backgroundPositionY",],
border: [
"borderBottomColor",
"borderBottomStyle",
"borderBottomWidth",
"borderImageOutset",
"borderImageRepeat",
"borderImageSlice",
"borderImageSource",
"borderImageWidth",
"borderLeftColor",
"borderLeftStyle",
"borderLeftWidth",
"borderRightColor",
"borderRightStyle",
"borderRightWidth",
"borderTopColor",
"borderTopStyle",
"borderTopWidth",
],
borderBlockEnd: [
"borderBlockEndColor",
"borderBlockEndStyle",
"borderBlockEndWidth",
],
borderBlockStart: [
"borderBlockStartColor",
"borderBlockStartStyle",
"borderBlockStartWidth",
],
borderBottom: [
"borderBottomColor",
"borderBottomStyle",
"borderBottomWidth",
],
borderColor: [
"borderBottomColor",
"borderLeftColor",
"borderRightColor",
"borderTopColor",
],
borderImage: [
"borderImageOutset",
"borderImageRepeat",
"borderImageSlice",
"borderImageSource",
"borderImageWidth",
],
borderInlineEnd: [
"borderInlineEndColor",
"borderInlineEndStyle",
"borderInlineEndWidth",
],
borderInlineStart: [
"borderInlineStartColor",
"borderInlineStartStyle",
"borderInlineStartWidth",
],
borderLeft: ["borderLeftColor", "borderLeftStyle", "borderLeftWidth",],
borderRadius: [
"borderBottomLeftRadius",
"borderBottomRightRadius",
"borderTopLeftRadius",
"borderTopRightRadius",
],
borderRight: ["borderRightColor", "borderRightStyle", "borderRightWidth",],
borderStyle: [
"borderBottomStyle",
"borderLeftStyle",
"borderRightStyle",
"borderTopStyle",
],
borderTop: ["borderTopColor", "borderTopStyle", "borderTopWidth",],
borderWidth: [
"borderBottomWidth",
"borderLeftWidth",
"borderRightWidth",
"borderTopWidth",
],
columnRule: ["columnRuleColor", "columnRuleStyle", "columnRuleWidth",],
columns: ["columnCount", "columnWidth",],
flex: ["flexBasis", "flexGrow", "flexShrink",],
flexFlow: ["flexDirection", "flexWrap",],
font: [
"fontFamily",
"fontFeatureSettings",
"fontKerning",
"fontLanguageOverride",
"fontSize",
"fontSizeAdjust",
"fontStretch",
"fontStyle",
"fontVariant",
"fontVariantAlternates",
"fontVariantCaps",
"fontVariantEastAsian",
"fontVariantLigatures",
"fontVariantNumeric",
"fontVariantPosition",
"fontWeight",
"lineHeight",
],
fontVariant: [
"fontVariantAlternates",
"fontVariantCaps",
"fontVariantEastAsian",
"fontVariantLigatures",
"fontVariantNumeric",
"fontVariantPosition",
],
gap: ["columnGap", "rowGap",],
grid: [
"gridAutoColumns",
"gridAutoFlow",
"gridAutoRows",
"gridTemplateAreas",
"gridTemplateColumns",
"gridTemplateRows",
],
gridArea: [
"gridColumnEnd",
"gridColumnStart",
"gridRowEnd",
"gridRowStart",
],
gridColumn: ["gridColumnEnd", "gridColumnStart",],
gridColumnGap: ["columnGap",],
gridGap: ["columnGap", "rowGap",],
gridRow: ["gridRowEnd", "gridRowStart",],
gridRowGap: ["rowGap",],
gridTemplate: [
"gridTemplateAreas",
"gridTemplateColumns",
"gridTemplateRows",
],
listStyle: ["listStyleImage", "listStylePosition", "listStyleType",],
margin: ["marginBottom", "marginLeft", "marginRight", "marginTop",],
marker: ["markerEnd", "markerMid", "markerStart",],
mask: [
"maskClip",
"maskComposite",
"maskImage",
"maskMode",
"maskOrigin",
"maskPositionX",
"maskPositionY",
"maskRepeat",
"maskSize",
],
maskPosition: ["maskPositionX", "maskPositionY",],
outline: ["outlineColor", "outlineStyle", "outlineWidth",],
overflow: ["overflowX", "overflowY",],
padding: ["paddingBottom", "paddingLeft", "paddingRight", "paddingTop",],
placeContent: ["alignContent", "justifyContent",],
placeItems: ["alignItems", "justifyItems",],
placeSelf: ["alignSelf", "justifySelf",],
textDecoration: [
"textDecorationColor",
"textDecorationLine",
"textDecorationStyle",
],
textEmphasis: ["textEmphasisColor", "textEmphasisStyle",],
transition: [
"transitionDelay",
"transitionDuration",
"transitionProperty",
"transitionTimingFunction",
],
wordWrap: ["overflowWrap",],
},
isUnitlessNumber = {
animationIterationCount: !0,
borderImageOutset: !0,
borderImageSlice: !0,
borderImageWidth: !0,
boxFlex: !0,
boxFlexGroup: !0,
boxOrdinalGroup: !0,
columnCount: !0,
columns: !0,
flex: !0,
flexGrow: !0,
flexPositive: !0,
flexShrink: !0,
flexNegative: !0,
flexOrder: !0,
gridArea: !0,
gridRow: !0,
gridRowEnd: !0,
gridRowSpan: !0,
gridRowStart: !0,
gridColumn: !0,
gridColumnEnd: !0,
gridColumnSpan: !0,
gridColumnStart: !0,
fontWeight: !0,
lineClamp: !0,
lineHeight: !0,
opacity: !0,
order: !0,
orphans: !0,
tabSize: !0,
widows: !0,
zIndex: !0,
zoom: !0,
fillOpacity: !0,
floodOpacity: !0,
stopOpacity: !0,
strokeDasharray: !0,
strokeDashoffset: !0,
strokeMiterlimit: !0,
strokeOpacity: !0,
strokeWidth: !0,
};
var prefixes = ["Webkit", "ms", "Moz", "O",];
function dangerousStyleValue(
name, value, isCustomProperty
) {
return null == value || "boolean" == typeof value || "" === value
? ""
: isCustomProperty ||
"number" != typeof value ||
0 === value ||
(isUnitlessNumber.hasOwnProperty(
name
) && isUnitlessNumber[name])
? ("" + value).trim(
)
: value + "px";
}
Object.keys(
isUnitlessNumber
).forEach(
function (
prop
) {
prefixes.forEach(
function (
prefix
) {
isUnitlessNumber[
(function (
prefix, key
) {
return prefix + key.charAt(
0
).toUpperCase(
) + key.substring(
1
);
})(
prefix,
prop
)
] = isUnitlessNumber[prop];
}
);
}
);
var uppercasePattern = /([A-Z])/g,
msPattern = /^ms-/;
var badVendoredStyleNamePattern = /^(?:webkit|moz|o)[A-Z]/,
msPattern$1 = /^-ms-/,
hyphenPattern = /-(.)/g,
badStyleValueWithSemicolonPattern = /;\s*$/,
warnedStyleNames = {
},
warnedStyleValues = {
},
warnedForNaNValue = !1,
warnedForInfinityValue = !1,
warnHyphenatedStyleName = function (
name
) {
(warnedStyleNames.hasOwnProperty(
name
) && warnedStyleNames[name]) ||
((warnedStyleNames[name] = !0),
error(
"Unsupported style property %s. Did you mean %s?",
name,
name
.replace(
msPattern$1,
"ms-"
)
.replace(
hyphenPattern,
function (
_, character
) {
return character.toUpperCase(
);
}
),
));
},
warnValidStyle$1 = function (
name, value
) {
name.indexOf(
"-"
) > -1
? warnHyphenatedStyleName(
name
)
: badVendoredStyleNamePattern.test(
name
)
? (function (
name
) {
(warnedStyleNames.hasOwnProperty(
name
) && warnedStyleNames[name]) ||
((warnedStyleNames[name] = !0),
error(
"Unsupported vendor-prefixed style property %s. Did you mean %s?",
name,
name.charAt(
0
).toUpperCase(
) + name.slice(
1
),
));
})(
name
)
: badStyleValueWithSemicolonPattern.test(
value
) &&
(function (
name, value
) {
(warnedStyleValues.hasOwnProperty(
value
) &&
warnedStyleValues[value]) ||
((warnedStyleValues[value] = !0),
error(
'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
name,
value.replace(
badStyleValueWithSemicolonPattern,
""
),
));
})(
name,
value
),
"number" == typeof value &&
(isNaN(
value
)
? (function (
name, value
) {
warnedForNaNValue ||
((warnedForNaNValue = !0),
error(
"`NaN` is an invalid value for the `%s` css style property.",
name,
));
})(
name
)
: isFinite(
value
) ||
(function (
name, value
) {
warnedForInfinityValue ||
((warnedForInfinityValue = !0),
error(
"`Infinity` is an invalid value for the `%s` css style property.",
name,
));
})(
name
));
};
function createDangerousStringForStyles(
styles
) {
var serialized = "",
delimiter = "";
for (var styleName in styles)
if (styles.hasOwnProperty(
styleName
)) {
var styleValue = styles[styleName];
if (null != styleValue) {
var isCustomProperty = 0 === styleName.indexOf(
"--"
);
(serialized +=
delimiter +
(isCustomProperty
? styleName
: styleName
.replace(
uppercasePattern,
"-$1"
)
.toLowerCase(
)
.replace(
msPattern,
"-ms-"
)) +
":"),
(serialized += dangerousStyleValue(
styleName,
styleValue,
isCustomProperty,
)),
(delimiter = ";");
}
}
return serialized || null;
}
function setValueForStyles(
node, styles
) {
var style = node.style;
for (var styleName in styles)
if (styles.hasOwnProperty(
styleName
)) {
var isCustomProperty = 0 === styleName.indexOf(
"--"
);
isCustomProperty || warnValidStyle$1(
styleName,
styles[styleName]
);
var styleValue = dangerousStyleValue(
styleName,
styles[styleName],
isCustomProperty,
);
"float" === styleName && (styleName = "cssFloat"),
isCustomProperty
? style.setProperty(
styleName,
styleValue
)
: (style[styleName] = styleValue);
}
}
function expandShorthandMap(
styles
) {
var expanded = {
};
for (var key in styles)
for (
var longhands = shorthandToLonghand[key] || [key,], i = 0;
i < longhands.length;
i++
)
expanded[longhands[i]] = key;
return expanded;
}
var voidElementTags = _assign(
{
menuitem: !0,
},
{
area: !0,
base: !0,
br: !0,
col: !0,
embed: !0,
hr: !0,
img: !0,
input: !0,
keygen: !0,
link: !0,
meta: !0,
param: !0,
source: !0,
track: !0,
wbr: !0,
},
);
function assertValidProps(
tag, props
) {
if (props) {
if (
voidElementTags[tag] &&
(null != props.children || null != props.dangerouslySetInnerHTML)
)
throw Error(
tag +
" is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.",
);
if (null != props.dangerouslySetInnerHTML) {
if (null != props.children)
throw Error(
"Can only set one of `children` or `props.dangerouslySetInnerHTML`.",
);
if (
"object" != typeof props.dangerouslySetInnerHTML ||
!("__html" in props.dangerouslySetInnerHTML)
)
throw Error(
"`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.",
);
}
if (
(!props.suppressContentEditableWarning &&
props.contentEditable &&
null != props.children &&
error(
"A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional.",
),
null != props.style && "object" != typeof props.style)
)
throw Error(
"The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX.",
);
}
}
function isCustomComponent(
tagName, props
) {
if (-1 === tagName.indexOf(
"-"
)) return "string" == typeof props.is;
switch (tagName) {
case "annotation-xml":
case "color-profile":
case "font-face":
case "font-face-src":
case "font-face-uri":
case "font-face-format":
case "font-face-name":
case "missing-glyph":
return !1;
default:
return !0;
}
}
var possibleStandardNames = {
accept: "accept",
acceptcharset: "acceptCharset",
"accept-charset": "acceptCharset",
accesskey: "accessKey",
action: "action",
allowfullscreen: "allowFullScreen",
alt: "alt",
as: "as",
async: "async",
autocapitalize: "autoCapitalize",
autocomplete: "autoComplete",
autocorrect: "autoCorrect",
autofocus: "autoFocus",
autoplay: "autoPlay",
autosave: "autoSave",
capture: "capture",
cellpadding: "cellPadding",
cellspacing: "cellSpacing",
challenge: "challenge",
charset: "charSet",
checked: "checked",
children: "children",
cite: "cite",
class: "className",
classid: "classID",
classname: "className",
cols: "cols",
colspan: "colSpan",
content: "content",
contenteditable: "contentEditable",
contextmenu: "contextMenu",
controls: "controls",
controlslist: "controlsList",
coords: "coords",
crossorigin: "crossOrigin",
dangerouslysetinnerhtml: "dangerouslySetInnerHTML",
data: "data",
datetime: "dateTime",
default: "default",
defaultchecked: "defaultChecked",
defaultvalue: "defaultValue",
defer: "defer",
dir: "dir",
disabled: "disabled",
disablepictureinpicture: "disablePictureInPicture",
disableremoteplayback: "disableRemotePlayback",
download: "download",
draggable: "draggable",
enctype: "encType",
enterkeyhint: "enterKeyHint",
for: "htmlFor",
form: "form",
formmethod: "formMethod",
formaction: "formAction",
formenctype: "formEncType",
formnovalidate: "formNoValidate",
formtarget: "formTarget",
frameborder: "frameBorder",
headers: "headers",
height: "height",
hidden: "hidden",
high: "high",
href: "href",
hreflang: "hrefLang",
htmlfor: "htmlFor",
httpequiv: "httpEquiv",
"http-equiv": "httpEquiv",
icon: "icon",
id: "id",
innerhtml: "innerHTML",
inputmode: "inputMode",
integrity: "integrity",
is: "is",
itemid: "itemID",
itemprop: "itemProp",
itemref: "itemRef",
itemscope: "itemScope",
itemtype: "itemType",
keyparams: "keyParams",
keytype: "keyType",
kind: "kind",
label: "label",
lang: "lang",
list: "list",
loop: "loop",
low: "low",
manifest: "manifest",
marginwidth: "marginWidth",
marginheight: "marginHeight",
max: "max",
maxlength: "maxLength",
media: "media",
mediagroup: "mediaGroup",
method: "method",
min: "min",
minlength: "minLength",
multiple: "multiple",
muted: "muted",
name: "name",
nomodule: "noModule",
nonce: "nonce",
novalidate: "noValidate",
open: "open",
optimum: "optimum",
pattern: "pattern",
placeholder: "placeholder",
playsinline: "playsInline",
poster: "poster",
preload: "preload",
profile: "profile",
radiogroup: "radioGroup",
readonly: "readOnly",
referrerpolicy: "referrerPolicy",
rel: "rel",
required: "required",
reversed: "reversed",
role: "role",
rows: "rows",
rowspan: "rowSpan",
sandbox: "sandbox",
scope: "scope",
scoped: "scoped",
scrolling: "scrolling",
seamless: "seamless",
selected: "selected",
shape: "shape",
size: "size",
sizes: "sizes",
span: "span",
spellcheck: "spellCheck",
src: "src",
srcdoc: "srcDoc",
srclang: "srcLang",
srcset: "srcSet",
start: "start",
step: "step",
style: "style",
summary: "summary",
tabindex: "tabIndex",
target: "target",
title: "title",
type: "type",
usemap: "useMap",
value: "value",
width: "width",
wmode: "wmode",
wrap: "wrap",
about: "about",
accentheight: "accentHeight",
"accent-height": "accentHeight",
accumulate: "accumulate",
additive: "additive",
alignmentbaseline: "alignmentBaseline",
"alignment-baseline": "alignmentBaseline",
allowreorder: "allowReorder",
alphabetic: "alphabetic",
amplitude: "amplitude",
arabicform: "arabicForm",
"arabic-form": "arabicForm",
ascent: "ascent",
attributename: "attributeName",
attributetype: "attributeType",
autoreverse: "autoReverse",
azimuth: "azimuth",
basefrequency: "baseFrequency",
baselineshift: "baselineShift",
"baseline-shift": "baselineShift",
baseprofile: "baseProfile",
bbox: "bbox",
begin: "begin",
bias: "bias",
by: "by",
calcmode: "calcMode",
capheight: "capHeight",
"cap-height": "capHeight",
clip: "clip",
clippath: "clipPath",
"clip-path": "clipPath",
clippathunits: "clipPathUnits",
cliprule: "clipRule",
"clip-rule": "clipRule",
color: "color",
colorinterpolation: "colorInterpolation",
"color-interpolation": "colorInterpolation",
colorinterpolationfilters: "colorInterpolationFilters",
"color-interpolation-filters": "colorInterpolationFilters",
colorprofile: "colorProfile",
"color-profile": "colorProfile",
colorrendering: "colorRendering",
"color-rendering": "colorRendering",
contentscripttype: "contentScriptType",
contentstyletype: "contentStyleType",
cursor: "cursor",
cx: "cx",
cy: "cy",
d: "d",
datatype: "datatype",
decelerate: "decelerate",
descent: "descent",
diffuseconstant: "diffuseConstant",
direction: "direction",
display: "display",
divisor: "divisor",
dominantbaseline: "dominantBaseline",
"dominant-baseline": "dominantBaseline",
dur: "dur",
dx: "dx",
dy: "dy",
edgemode: "edgeMode",
elevation: "elevation",
enablebackground: "enableBackground",
"enable-background": "enableBackground",
end: "end",
exponent: "exponent",
externalresourcesrequired: "externalResourcesRequired",
fill: "fill",
fillopacity: "fillOpacity",
"fill-opacity": "fillOpacity",
fillrule: "fillRule",
"fill-rule": "fillRule",
filter: "filter",
filterres: "filterRes",
filterunits: "filterUnits",
floodopacity: "floodOpacity",
"flood-opacity": "floodOpacity",
floodcolor: "floodColor",
"flood-color": "floodColor",
focusable: "focusable",
fontfamily: "fontFamily",
"font-family": "fontFamily",
fontsize: "fontSize",
"font-size": "fontSize",
fontsizeadjust: "fontSizeAdjust",
"font-size-adjust": "fontSizeAdjust",
fontstretch: "fontStretch",
"font-stretch": "fontStretch",
fontstyle: "fontStyle",
"font-style": "fontStyle",
fontvariant: "fontVariant",
"font-variant": "fontVariant",
fontweight: "fontWeight",
"font-weight": "fontWeight",
format: "format",
from: "from",
fx: "fx",
fy: "fy",
g1: "g1",
g2: "g2",
glyphname: "glyphName",
"glyph-name": "glyphName",
glyphorientationhorizontal: "glyphOrientationHorizontal",
"glyph-orientation-horizontal": "glyphOrientationHorizontal",
glyphorientationvertical: "glyphOrientationVertical",
"glyph-orientation-vertical": "glyphOrientationVertical",
glyphref: "glyphRef",
gradienttransform: "gradientTransform",
gradientunits: "gradientUnits",
hanging: "hanging",
horizadvx: "horizAdvX",
"horiz-adv-x": "horizAdvX",
horizoriginx: "horizOriginX",
"horiz-origin-x": "horizOriginX",
ideographic: "ideographic",
imagerendering: "imageRendering",
"image-rendering": "imageRendering",
in2: "in2",
in: "in",
inlist: "inlist",
intercept: "intercept",
k1: "k1",
k2: "k2",
k3: "k3",
k4: "k4",
k: "k",
kernelmatrix: "kernelMatrix",
kernelunitlength: "kernelUnitLength",
kerning: "kerning",
keypoints: "keyPoints",
keysplines: "keySplines",
keytimes: "keyTimes",
lengthadjust: "lengthAdjust",
letterspacing: "letterSpacing",
"letter-spacing": "letterSpacing",
lightingcolor: "lightingColor",
"lighting-color": "lightingColor",
limitingconeangle: "limitingConeAngle",
local: "local",
markerend: "markerEnd",
"marker-end": "markerEnd",
markerheight: "markerHeight",
markermid: "markerMid",
"marker-mid": "markerMid",
markerstart: "markerStart",
"marker-start": "markerStart",
markerunits: "markerUnits",
markerwidth: "markerWidth",
mask: "mask",
maskcontentunits: "maskContentUnits",
maskunits: "maskUnits",
mathematical: "mathematical",
mode: "mode",
numoctaves: "numOctaves",
offset: "offset",
opacity: "opacity",
operator: "operator",
order: "order",
orient: "orient",
orientation: "orientation",
origin: "origin",
overflow: "overflow",
overlineposition: "overlinePosition",
"overline-position": "overlinePosition",
overlinethickness: "overlineThickness",
"overline-thickness": "overlineThickness",
paintorder: "paintOrder",
"paint-order": "paintOrder",
panose1: "panose1",
"panose-1": "panose1",
pathlength: "pathLength",
patterncontentunits: "patternContentUnits",
patterntransform: "patternTransform",
patternunits: "patternUnits",
pointerevents: "pointerEvents",
"pointer-events": "pointerEvents",
points: "points",
pointsatx: "pointsAtX",
pointsaty: "pointsAtY",
pointsatz: "pointsAtZ",
prefix: "prefix",
preservealpha: "preserveAlpha",
preserveaspectratio: "preserveAspectRatio",
primitiveunits: "primitiveUnits",
property: "property",
r: "r",
radius: "radius",
refx: "refX",
refy: "refY",
renderingintent: "renderingIntent",
"rendering-intent": "renderingIntent",
repeatcount: "repeatCount",
repeatdur: "repeatDur",
requiredextensions: "requiredExtensions",
requiredfeatures: "requiredFeatures",
resource: "resource",
restart: "restart",
result: "result",
results: "results",
rotate: "rotate",
rx: "rx",
ry: "ry",
scale: "scale",
security: "security",
seed: "seed",
shaperendering: "shapeRendering",
"shape-rendering": "shapeRendering",
slope: "slope",
spacing: "spacing",
specularconstant: "specularConstant",
specularexponent: "specularExponent",
speed: "speed",
spreadmethod: "spreadMethod",
startoffset: "startOffset",
stddeviation: "stdDeviation",
stemh: "stemh",
stemv: "stemv",
stitchtiles: "stitchTiles",
stopcolor: "stopColor",
"stop-color": "stopColor",
stopopacity: "stopOpacity",
"stop-opacity": "stopOpacity",
strikethroughposition: "strikethroughPosition",
"strikethrough-position": "strikethroughPosition",
strikethroughthickness: "strikethroughThickness",
"strikethrough-thickness": "strikethroughThickness",
string: "string",
stroke: "stroke",
strokedasharray: "strokeDasharray",
"stroke-dasharray": "strokeDasharray",
strokedashoffset: "strokeDashoffset",
"stroke-dashoffset": "strokeDashoffset",
strokelinecap: "strokeLinecap",
"stroke-linecap": "strokeLinecap",
strokelinejoin: "strokeLinejoin",
"stroke-linejoin": "strokeLinejoin",
strokemiterlimit: "strokeMiterlimit",
"stroke-miterlimit": "strokeMiterlimit",
strokewidth: "strokeWidth",
"stroke-width": "strokeWidth",
strokeopacity: "strokeOpacity",
"stroke-opacity": "strokeOpacity",
suppresscontenteditablewarning: "suppressContentEditableWarning",
suppresshydrationwarning: "suppressHydrationWarning",
surfacescale: "surfaceScale",
systemlanguage: "systemLanguage",
tablevalues: "tableValues",
targetx: "targetX",
targety: "targetY",
textanchor: "textAnchor",
"text-anchor": "textAnchor",
textdecoration: "textDecoration",
"text-decoration": "textDecoration",
textlength: "textLength",
textrendering: "textRendering",
"text-rendering": "textRendering",
to: "to",
transform: "transform",
typeof: "typeof",
u1: "u1",
u2: "u2",
underlineposition: "underlinePosition",
"underline-position": "underlinePosition",
underlinethickness: "underlineThickness",
"underline-thickness": "underlineThickness",
unicode: "unicode",
unicodebidi: "unicodeBidi",
"unicode-bidi": "unicodeBidi",
unicoderange: "unicodeRange",
"unicode-range": "unicodeRange",
unitsperem: "unitsPerEm",
"units-per-em": "unitsPerEm",
unselectable: "unselectable",
valphabetic: "vAlphabetic",
"v-alphabetic": "vAlphabetic",
values: "values",
vectoreffect: "vectorEffect",
"vector-effect": "vectorEffect",
version: "version",
vertadvy: "vertAdvY",
"vert-adv-y": "vertAdvY",
vertoriginx: "vertOriginX",
"vert-origin-x": "vertOriginX",
vertoriginy: "vertOriginY",
"vert-origin-y": "vertOriginY",
vhanging: "vHanging",
"v-hanging": "vHanging",
videographic: "vIdeographic",
"v-ideographic": "vIdeographic",
viewbox: "viewBox",
viewtarget: "viewTarget",
visibility: "visibility",
vmathematical: "vMathematical",
"v-mathematical": "vMathematical",
vocab: "vocab",
widths: "widths",
wordspacing: "wordSpacing",
"word-spacing": "wordSpacing",
writingmode: "writingMode",
"writing-mode": "writingMode",
x1: "x1",
x2: "x2",
x: "x",
xchannelselector: "xChannelSelector",
xheight: "xHeight",
"x-height": "xHeight",
xlinkactuate: "xlinkActuate",
"xlink:actuate": "xlinkActuate",
xlinkarcrole: "xlinkArcrole",
"xlink:arcrole": "xlinkArcrole",
xlinkhref: "xlinkHref",
"xlink:href": "xlinkHref",
xlinkrole: "xlinkRole",
"xlink:role": "xlinkRole",
xlinkshow: "xlinkShow",
"xlink:show": "xlinkShow",
xlinktitle: "xlinkTitle",
"xlink:title": "xlinkTitle",
xlinktype: "xlinkType",
"xlink:type": "xlinkType",
xmlbase: "xmlBase",
"xml:base": "xmlBase",
xmllang: "xmlLang",
"xml:lang": "xmlLang",
xmlns: "xmlns",
"xml:space": "xmlSpace",
xmlnsxlink: "xmlnsXlink",
"xmlns:xlink": "xmlnsXlink",
xmlspace: "xmlSpace",
y1: "y1",
y2: "y2",
y: "y",
ychannelselector: "yChannelSelector",
z: "z",
zoomandpan: "zoomAndPan",
},
ariaProperties = {
"aria-current": 0,
"aria-details": 0,
"aria-disabled": 0,
"aria-hidden": 0,
"aria-invalid": 0,
"aria-keyshortcuts": 0,
"aria-label": 0,
"aria-roledescription": 0,
"aria-autocomplete": 0,
"aria-checked": 0,
"aria-expanded": 0,
"aria-haspopup": 0,
"aria-level": 0,
"aria-modal": 0,
"aria-multiline": 0,
"aria-multiselectable": 0,
"aria-orientation": 0,
"aria-placeholder": 0,
"aria-pressed": 0,
"aria-readonly": 0,
"aria-required": 0,
"aria-selected": 0,
"aria-sort": 0,
"aria-valuemax": 0,
"aria-valuemin": 0,
"aria-valuenow": 0,
"aria-valuetext": 0,
"aria-atomic": 0,
"aria-busy": 0,
"aria-live": 0,
"aria-relevant": 0,
"aria-dropeffect": 0,
"aria-grabbed": 0,
"aria-activedescendant": 0,
"aria-colcount": 0,
"aria-colindex": 0,
"aria-colspan": 0,
"aria-controls": 0,
"aria-describedby": 0,
"aria-errormessage": 0,
"aria-flowto": 0,
"aria-labelledby": 0,
"aria-owns": 0,
"aria-posinset": 0,
"aria-rowcount": 0,
"aria-rowindex": 0,
"aria-rowspan": 0,
"aria-setsize": 0,
},
warnedProperties = {
},
rARIA = new RegExp(
"^(aria)-[" + ATTRIBUTE_NAME_CHAR + "]*$"
),
rARIACamel = new RegExp(
"^(aria)[A-Z][" + ATTRIBUTE_NAME_CHAR + "]*$"
),
hasOwnProperty$1 = Object.prototype.hasOwnProperty;
function validateProperty(
tagName, name
) {
if (hasOwnProperty$1.call(
warnedProperties,
name
) && warnedProperties[name])
return !0;
if (rARIACamel.test(
name
)) {
var ariaName = "aria-" + name.slice(
4
).toLowerCase(
),
correctName = ariaProperties.hasOwnProperty(
ariaName
)
? ariaName
: null;
if (null == correctName)
return (
error(
"Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
name,
),
(warnedProperties[name] = !0),
!0
);
if (name !== correctName)
return (
error(
"Invalid ARIA attribute `%s`. Did you mean `%s`?",
name,
correctName,
),
(warnedProperties[name] = !0),
!0
);
}
if (rARIA.test(
name
)) {
var lowerCasedName = name.toLowerCase(
),
standardName = ariaProperties.hasOwnProperty(
lowerCasedName
)
? lowerCasedName
: null;
if (null == standardName) return (warnedProperties[name] = !0), !1;
if (name !== standardName)
return (
error(
"Unknown ARIA attribute `%s`. Did you mean `%s`?",
name,
standardName,
),
(warnedProperties[name] = !0),
!0
);
}
return !0;
}
function validateProperties(
type, props
) {
isCustomComponent(
type,
props
) ||
(function (
type, props
) {
var invalidProps = [];
for (var key in props)
validateProperty(
0,
key
) || invalidProps.push(
key
);
var unknownPropString = invalidProps
.map(
function (
prop
) {
return "`" + prop + "`";
}
)
.join(
", "
);
1 === invalidProps.length
? error(
"Invalid aria prop %s on <%s> tag. For details, see https://reactjs.org/link/invalid-aria-props",
unknownPropString,
type,
)
: invalidProps.length > 1 &&
error(
"Invalid aria props %s on <%s> tag. For details, see https://reactjs.org/link/invalid-aria-props",
unknownPropString,
type,
);
})(
type,
props
);
}
var didWarnValueNull = !1;
var validateProperty$1,
warnedProperties$1 = {
},
_hasOwnProperty = Object.prototype.hasOwnProperty,
EVENT_NAME_REGEX = /^on./,
INVALID_EVENT_NAME_REGEX = /^on[^A-Z]/,
rARIA$1 = new RegExp(
"^(aria)-[" + ATTRIBUTE_NAME_CHAR + "]*$"
),
rARIACamel$1 = new RegExp(
"^(aria)[A-Z][" + ATTRIBUTE_NAME_CHAR + "]*$"
);
validateProperty$1 = function (
tagName, name, value, eventRegistry
) {
if (
_hasOwnProperty.call(
warnedProperties$1,
name
) &&
warnedProperties$1[name]
)
return !0;
var lowerCasedName = name.toLowerCase(
);
if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
return (
error(
"React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React.",
),
(warnedProperties$1[name] = !0),
!0
);
if (null != eventRegistry) {
var registrationNameDependencies =
eventRegistry.registrationNameDependencies,
possibleRegistrationNames = eventRegistry.possibleRegistrationNames;
if (registrationNameDependencies.hasOwnProperty(
name
)) return !0;
var registrationName = possibleRegistrationNames.hasOwnProperty(
lowerCasedName,
)
? possibleRegistrationNames[lowerCasedName]
: null;
if (null != registrationName)
return (
error(
"Invalid event handler property `%s`. Did you mean `%s`?",
name,
registrationName,
),
(warnedProperties$1[name] = !0),
!0
);
if (EVENT_NAME_REGEX.test(
name
))
return (
error(
"Unknown event handler property `%s`. It will be ignored.",
name,
),
(warnedProperties$1[name] = !0),
!0
);
} else if (EVENT_NAME_REGEX.test(
name
))
return (
INVALID_EVENT_NAME_REGEX.test(
name
) &&
error(
"Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
name,
),
(warnedProperties$1[name] = !0),
!0
);
if (rARIA$1.test(
name
) || rARIACamel$1.test(
name
)) return !0;
if ("innerhtml" === lowerCasedName)
return (
error(
"Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`.",
),
(warnedProperties$1[name] = !0),
!0
);
if ("aria" === lowerCasedName)
return (
error(
"The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead.",
),
(warnedProperties$1[name] = !0),
!0
);
if ("is" === lowerCasedName && null != value && "string" != typeof value)
return (
error(
"Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
typeof value,
),
(warnedProperties$1[name] = !0),
!0
);
if ("number" == typeof value && isNaN(
value
))
return (
error(
"Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
name,
),
(warnedProperties$1[name] = !0),
!0
);
var propertyInfo = getPropertyInfo(
name
),
isReserved = null !== propertyInfo && 0 === propertyInfo.type;
if (possibleStandardNames.hasOwnProperty(
lowerCasedName
)) {
var standardName = possibleStandardNames[lowerCasedName];
if (standardName !== name)
return (
error(
"Invalid DOM property `%s`. Did you mean `%s`?",
name,
standardName,
),
(warnedProperties$1[name] = !0),
!0
);
} else if (!isReserved && name !== lowerCasedName)
return (
error(
"React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
name,
lowerCasedName,
),
(warnedProperties$1[name] = !0),
!0
);
return "boolean" == typeof value &&
shouldRemoveAttributeWithWarning(
name,
value,
propertyInfo,
!1
)
? (value
? error(
'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
value,
name,
name,
value,
name,
)
: error(
'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
value,
name,
name,
value,
name,
name,
name,
),
(warnedProperties$1[name] = !0),
!0)
: !!isReserved ||
(shouldRemoveAttributeWithWarning(
name,
value,
propertyInfo,
!1
)
? ((warnedProperties$1[name] = !0), !1)
: (("false" !== value && "true" !== value) ||
null === propertyInfo ||
3 !== propertyInfo.type ||
(error(
"Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
value,
name,
"false" === value
? "The browser will interpret it as a truthy value."
: 'Although this works, it will not work as expected if you pass the string "false".',
name,
value,
),
(warnedProperties$1[name] = !0)),
!0));
};
function validateProperties$2(
type, props, eventRegistry
) {
isCustomComponent(
type,
props
) ||
(function (
type, props, eventRegistry
) {
var unknownProps = [];
for (var key in props)
validateProperty$1(
0,
key,
props[key],
eventRegistry
) ||
unknownProps.push(
key
);
var unknownPropString = unknownProps
.map(
function (
prop
) {
return "`" + prop + "`";
}
)
.join(
", "
);
1 === unknownProps.length
? error(
"Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://reactjs.org/link/attribute-behavior ",
unknownPropString,
type,
)
: unknownProps.length > 1 &&
error(
"Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://reactjs.org/link/attribute-behavior ",
unknownPropString,
type,
);
})(
type,
props,
eventRegistry
);
}
function getEventTarget(
nativeEvent
) {
var target = nativeEvent.target || nativeEvent.srcElement || window;
return (
target.correspondingUseElement &&
(target = target.correspondingUseElement),
3 === target.nodeType ? target.parentNode : target
);
}
var restoreImpl = null,
restoreTarget = null,
restoreQueue = null;
function restoreStateOfTarget(
target
) {
var internalInstance = getInstanceFromNode(
target
);
if (internalInstance) {
if ("function" != typeof restoreImpl)
throw Error(
"setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue.",
);
var stateNode = internalInstance.stateNode;
if (stateNode) {
var _props = getFiberCurrentPropsFromNode(
stateNode
);
restoreImpl(
internalInstance.stateNode,
internalInstance.type,
_props
);
}
}
}
function enqueueStateRestore(
target
) {
restoreTarget
? restoreQueue
? restoreQueue.push(
target
)
: (restoreQueue = [target,])
: (restoreTarget = target);
}
function restoreStateIfNeeded(
) {
if (restoreTarget) {
var target = restoreTarget,
queuedTargets = restoreQueue;
if (
((restoreTarget = null),
(restoreQueue = null),
restoreStateOfTarget(
target
),
queuedTargets)
)
for (var i = 0; i < queuedTargets.length; i++)
restoreStateOfTarget(
queuedTargets[i]
);
}
}
var batchedUpdatesImpl = function (
fn, bookkeeping
) {
return fn(
bookkeeping
);
},
discreteUpdatesImpl = function (
fn, a, b, c, d
) {
return fn(
a,
b,
c,
d
);
},
flushDiscreteUpdatesImpl = function (
) {},
batchedEventUpdatesImpl = batchedUpdatesImpl,
isInsideEventHandler = !1,
isBatchingEventUpdates = !1;
function finishEventHandler(
) {
(null !== restoreTarget || null !== restoreQueue) &&
(flushDiscreteUpdatesImpl(
), restoreStateIfNeeded(
));
}
function getListener(
inst, registrationName
) {
var stateNode = inst.stateNode;
if (null === stateNode) return null;
var props = getFiberCurrentPropsFromNode(
stateNode
);
if (null === props) return null;
var listener = props[registrationName];
if (
(function (
name, type, props
) {
switch (name) {
case "onClick":
case "onClickCapture":
case "onDoubleClick":
case "onDoubleClickCapture":
case "onMouseDown":
case "onMouseDownCapture":
case "onMouseMove":
case "onMouseMoveCapture":
case "onMouseUp":
case "onMouseUpCapture":
case "onMouseEnter":
return !(
!props.disabled ||
((tag = type),
"button" !== tag &&
"input" !== tag &&
"select" !== tag &&
"textarea" !== tag)
);
default:
return !1;
}
var tag;
})(
registrationName,
inst.type,
props
)
)
return null;
if (listener && "function" != typeof listener)
throw Error(
"Expected `" +
registrationName +
"` listener to be a function, instead got a value of `" +
typeof listener +
"` type.",
);
return listener;
}
var passiveBrowserEventsSupported = !1;
if (canUseDOM)
try {
var options = {
};
Object.defineProperty(
options,
"passive",
{
get: function (
) {
passiveBrowserEventsSupported = !0;
},
}
),
window.addEventListener(
"test",
options,
options
),
window.removeEventListener(
"test",
options,
options
);
} catch (e) {
passiveBrowserEventsSupported = !1;
}
function invokeGuardedCallbackProd(
name, func, context, a, b, c, d, e, f
) {
var funcArgs = Array.prototype.slice.call(
arguments,
3
);
try {
func.apply(
context,
funcArgs
);
} catch (error) {
this.onError(
error
);
}
}
var invokeGuardedCallbackImpl = invokeGuardedCallbackProd;
if (
"undefined" != typeof window &&
"function" == typeof window.dispatchEvent &&
"undefined" != typeof document &&
"function" == typeof document.createEvent
) {
var fakeNode = document.createElement(
"react"
);
invokeGuardedCallbackImpl = function (
name,
func,
context,
a,
b,
c,
d,
e,
f,
) {
if ("undefined" == typeof document)
throw Error(
"The `document` global was defined when React was initialized, but is not defined anymore. This can happen in a test environment if a component schedules an update from an asynchronous callback, but the test has already finished running. To solve this, you can either unmount the component at the end of your test (and ensure that any asynchronous operations get canceled in `componentWillUnmount`), or you can change the test itself to be asynchronous.",
);
var evt = document.createEvent(
"Event"
),
didCall = !1,
didError = !0,
windowEvent = window.event,
windowEventDescriptor = Object.getOwnPropertyDescriptor(
window,
"event",
);
function restoreAfterDispatch(
) {
fakeNode.removeEventListener(
evtType,
callCallback,
!1
),
void 0 !== window.event &&
window.hasOwnProperty(
"event"
) &&
(window.event = windowEvent);
}
var error,
funcArgs = Array.prototype.slice.call(
arguments,
3
);
function callCallback(
) {
(didCall = !0),
restoreAfterDispatch(
),
func.apply(
context,
funcArgs
),
(didError = !1);
}
var didSetError = !1,
isCrossOriginError = !1;
function handleWindowError(
event
) {
if (
((error = event.error),
(didSetError = !0),
null === error &&
0 === event.colno &&
0 === event.lineno &&
(isCrossOriginError = !0),
event.defaultPrevented && null != error && "object" == typeof error)
)
try {
error._suppressLogging = !0;
} catch (inner) {}
}
var evtType = "react-" + (name || "invokeguardedcallback");
if (
(window.addEventListener(
"error",
handleWindowError
),
fakeNode.addEventListener(
evtType,
callCallback,
!1
),
evt.initEvent(
evtType,
!1,
!1
),
fakeNode.dispatchEvent(
evt
),
windowEventDescriptor &&
Object.defineProperty(
window,
"event",
windowEventDescriptor
),
didCall &&
didError &&
(didSetError
? isCrossOriginError &&
(error = new Error(
"A cross-origin error was thrown. React doesn't have access to the actual error object in development. See https://reactjs.org/link/crossorigin-error for more information.",
))
: (error = new Error(
"An error was thrown inside one of your components, but React doesn't know what it was. This is likely due to browser flakiness. React does its best to preserve the \"Pause on exceptions\" behavior of the DevTools, which requires some DEV-mode only tricks. It's possible that these don't work in your browser. Try triggering the error in production mode, or switching to a modern browser. If you suspect that this is actually an issue with React, please file an issue.",
)),
this.onError(
error
)),
window.removeEventListener(
"error",
handleWindowError
),
!didCall)
)
return (
restoreAfterDispatch(
),
invokeGuardedCallbackProd.apply(
this,
arguments
)
);
};
}
var invokeGuardedCallbackImpl$1 = invokeGuardedCallbackImpl,
hasError = !1,
caughtError = null,
hasRethrowError = !1,
rethrowError = null,
reporter = {
onError: function (
error
) {
(hasError = !0), (caughtError = error);
},
};
function invokeGuardedCallback(
name, func, context, a, b, c, d, e, f
) {
(hasError = !1),
(caughtError = null),
invokeGuardedCallbackImpl$1.apply(
reporter,
arguments
);
}
function hasCaughtError(
) {
return hasError;
}
function clearCaughtError(
) {
if (hasError) {
var error = caughtError;
return (hasError = !1), (caughtError = null), error;
}
throw Error(
"clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue.",
);
}
var _ReactInternals$Sched =
React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Scheduler,
unstable_cancelCallback = _ReactInternals$Sched.unstable_cancelCallback,
unstable_now = _ReactInternals$Sched.unstable_now,
unstable_scheduleCallback = _ReactInternals$Sched.unstable_scheduleCallback,
unstable_shouldYield = _ReactInternals$Sched.unstable_shouldYield,
unstable_requestPaint = _ReactInternals$Sched.unstable_requestPaint,
unstable_runWithPriority =
(_ReactInternals$Sched.unstable_getFirstCallbackNode,
_ReactInternals$Sched.unstable_runWithPriority),
unstable_getCurrentPriorityLevel =
(_ReactInternals$Sched.unstable_next,
_ReactInternals$Sched.unstable_continueExecution,
_ReactInternals$Sched.unstable_pauseExecution,
_ReactInternals$Sched.unstable_getCurrentPriorityLevel),
unstable_ImmediatePriority =
_ReactInternals$Sched.unstable_ImmediatePriority,
unstable_UserBlockingPriority =
_ReactInternals$Sched.unstable_UserBlockingPriority,
unstable_NormalPriority = _ReactInternals$Sched.unstable_NormalPriority,
unstable_LowPriority = _ReactInternals$Sched.unstable_LowPriority,
unstable_IdlePriority = _ReactInternals$Sched.unstable_IdlePriority,
unstable_flushAllWithoutAsserting =
(_ReactInternals$Sched.unstable_forceFrameRate,
_ReactInternals$Sched.unstable_flushAllWithoutAsserting);
function get(
key
) {
return key._reactInternals;
}
var attemptUserBlockingHydration,
attemptContinuousHydration,
attemptHydrationAtCurrentPriority,
attemptHydrationAtPriority,
ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
function getNearestMountedFiber(
fiber
) {
var node = fiber,
nearestMounted = fiber;
if (fiber.alternate) for (; node.return; ) node = node.return;
else {
var nextNode = node;
do {
0 != (1026 & (node = nextNode).flags) && (nearestMounted = node.return),
(nextNode = node.return);
} while (nextNode);
}
return 3 === node.tag ? nearestMounted : null;
}
function getSuspenseInstanceFromFiber(
fiber
) {
if (13 === fiber.tag) {
var suspenseState = fiber.memoizedState;
if (null === suspenseState) {
var current = fiber.alternate;
null !== current && (suspenseState = current.memoizedState);
}
if (null !== suspenseState) return suspenseState.dehydrated;
}
return null;
}
function getContainerFromFiber(
fiber
) {
return 3 === fiber.tag ? fiber.stateNode.containerInfo : null;
}
function assertIsMounted(
fiber
) {
if (getNearestMountedFiber(
fiber
) !== fiber)
throw Error(
"Unable to find node on an unmounted component."
);
}
function findCurrentFiberUsingSlowPath(
fiber
) {
var alternate = fiber.alternate;
if (!alternate) {
var nearestMounted = getNearestMountedFiber(
fiber
);
if (null === nearestMounted)
throw Error(
"Unable to find node on an unmounted component."
);
return nearestMounted !== fiber ? null : fiber;
}
for (var a = fiber, b = alternate; ; ) {
var parentA = a.return;
if (null === parentA) break;
var parentB = parentA.alternate;
if (null === parentB) {
var nextParent = parentA.return;
if (null !== nextParent) {
a = b = nextParent;
continue;
}
break;
}
if (parentA.child === parentB.child) {
for (var child = parentA.child; child; ) {
if (child === a) return assertIsMounted(
parentA
), fiber;
if (child === b) return assertIsMounted(
parentA
), alternate;
child = child.sibling;
}
throw Error(
"Unable to find node on an unmounted component."
);
}
if (a.return !== b.return) (a = parentA), (b = parentB);
else {
for (var didFindChild = !1, _child = parentA.child; _child; ) {
if (_child === a) {
(didFindChild = !0), (a = parentA), (b = parentB);
break;
}
if (_child === b) {
(didFindChild = !0), (b = parentA), (a = parentB);
break;
}
_child = _child.sibling;
}
if (!didFindChild) {
for (_child = parentB.child; _child; ) {
if (_child === a) {
(didFindChild = !0), (a = parentB), (b = parentA);
break;
}
if (_child === b) {
(didFindChild = !0), (b = parentB), (a = parentA);
break;
}
_child = _child.sibling;
}
if (!didFindChild)
throw Error(
"Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue.",
);
}
}
if (a.alternate !== b)
throw Error(
"Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue.",
);
}
if (3 !== a.tag)
throw Error(
"Unable to find node on an unmounted component."
);
return a.stateNode.current === a ? fiber : alternate;
}
function findCurrentHostFiber(
parent
) {
var currentParent = findCurrentFiberUsingSlowPath(
parent
);
if (!currentParent) return null;
for (var node = currentParent; ; ) {
if (5 === node.tag || 6 === node.tag) return node;
if (node.child) (node.child.return = node), (node = node.child);
else {
if (node === currentParent) return null;
for (; !node.sibling; ) {
if (!node.return || node.return === currentParent) return null;
node = node.return;
}
(node.sibling.return = node.return), (node = node.sibling);
}
}
return null;
}
function doesFiberContain(
parentFiber, childFiber
) {
for (
var node = childFiber, parentFiberAlternate = parentFiber.alternate;
null !== node;
) {
if (node === parentFiber || node === parentFiberAlternate) return !0;
node = node.return;
}
return !1;
}
var hasScheduledReplayAttempt = !1,
queuedDiscreteEvents = [],
queuedFocus = null,
queuedDrag = null,
queuedMouse = null,
queuedPointers = new Map(
),
queuedPointerCaptures = new Map(
),
queuedExplicitHydrationTargets = [];
var discreteReplayableEvents = [
"mousedown",
"mouseup",
"touchcancel",
"touchend",
"touchstart",
"auxclick",
"dblclick",
"pointercancel",
"pointerdown",
"pointerup",
"dragend",
"dragstart",
"drop",
"compositionend",
"compositionstart",
"keydown",
"keypress",
"keyup",
"input",
"textInput",
"copy",
"cut",
"paste",
"click",
"change",
"contextmenu",
"reset",
"submit",
];
function isReplayableDiscreteEvent(
eventType
) {
return discreteReplayableEvents.indexOf(
eventType
) > -1;
}
function createQueuedReplayableEvent(
blockedOn,
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent,
) {
return {
blockedOn: blockedOn,
domEventName: domEventName,
eventSystemFlags: 16 | eventSystemFlags,
nativeEvent: nativeEvent,
targetContainers: [targetContainer,],
};
}
function queueDiscreteEvent(
blockedOn,
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent,
) {
var queuedEvent = createQueuedReplayableEvent(
blockedOn,
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent,
);
queuedDiscreteEvents.push(
queuedEvent
);
}
function clearIfContinuousEvent(
domEventName, nativeEvent
) {
switch (domEventName) {
case "focusin":
case "focusout":
queuedFocus = null;
break;
case "dragenter":
case "dragleave":
queuedDrag = null;
break;
case "mouseover":
case "mouseout":
queuedMouse = null;
break;
case "pointerover":
case "pointerout":
var pointerId = nativeEvent.pointerId;
queuedPointers.delete(
pointerId
);
break;
case "gotpointercapture":
case "lostpointercapture":
var _pointerId = nativeEvent.pointerId;
queuedPointerCaptures.delete(
_pointerId
);
}
}
function accumulateOrCreateContinuousQueuedReplayableEvent(
existingQueuedEvent,
blockedOn,
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent,
) {
if (
null === existingQueuedEvent ||
existingQueuedEvent.nativeEvent !== nativeEvent
) {
var queuedEvent = createQueuedReplayableEvent(
blockedOn,
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent,
);
if (null !== blockedOn) {
var _fiber2 = getInstanceFromNode(
blockedOn
);
null !== _fiber2 && attemptContinuousHydration(
_fiber2
);
}
return queuedEvent;
}
existingQueuedEvent.eventSystemFlags |= eventSystemFlags;
var targetContainers = existingQueuedEvent.targetContainers;
return (
null !== targetContainer &&
-1 === targetContainers.indexOf(
targetContainer
) &&
targetContainers.push(
targetContainer
),
existingQueuedEvent
);
}
function attemptExplicitHydrationTarget(
queuedTarget
) {
var targetInst = getClosestInstanceFromNode(
queuedTarget.target
);
if (null !== targetInst) {
var nearestMounted = getNearestMountedFiber(
targetInst
);
if (null !== nearestMounted) {
var tag = nearestMounted.tag;
if (13 === tag) {
var instance = getSuspenseInstanceFromFiber(
nearestMounted
);
if (null !== instance)
return (
(queuedTarget.blockedOn = instance),
void attemptHydrationAtPriority(
queuedTarget.lanePriority,
function (
) {
unstable_runWithPriority(
queuedTarget.priority,
function (
) {
attemptHydrationAtCurrentPriority(
nearestMounted
);
}
);
},
)
);
} else if (3 === tag) {
if (nearestMounted.stateNode.hydrate)
return void (queuedTarget.blockedOn = getContainerFromFiber(
nearestMounted,
));
}
}
}
queuedTarget.blockedOn = null;
}
function attemptReplayContinuousQueuedEvent(
queuedEvent
) {
if (null !== queuedEvent.blockedOn) return !1;
for (
var targetContainers = queuedEvent.targetContainers;
targetContainers.length > 0;
) {
var targetContainer = targetContainers[0],
nextBlockedOn = attemptToDispatchEvent(
queuedEvent.domEventName,
queuedEvent.eventSystemFlags,
targetContainer,
queuedEvent.nativeEvent,
);
if (null !== nextBlockedOn) {
var _fiber3 = getInstanceFromNode(
nextBlockedOn
);
return (
null !== _fiber3 && attemptContinuousHydration(
_fiber3
),
(queuedEvent.blockedOn = nextBlockedOn),
!1
);
}
targetContainers.shift(
);
}
return !0;
}
function attemptReplayContinuousQueuedEventInMap(
queuedEvent, key, map
) {
attemptReplayContinuousQueuedEvent(
queuedEvent
) && map.delete(
key
);
}
function replayUnblockedEvents(
) {
for (hasScheduledReplayAttempt = !1; queuedDiscreteEvents.length > 0; ) {
var nextDiscreteEvent = queuedDiscreteEvents[0];
if (null !== nextDiscreteEvent.blockedOn) {
var _fiber4 = getInstanceFromNode(
nextDiscreteEvent.blockedOn
);
null !== _fiber4 && attemptUserBlockingHydration(
_fiber4
);
break;
}
for (
var targetContainers = nextDiscreteEvent.targetContainers;
targetContainers.length > 0;
) {
var targetContainer = targetContainers[0],
nextBlockedOn = attemptToDispatchEvent(
nextDiscreteEvent.domEventName,
nextDiscreteEvent.eventSystemFlags,
targetContainer,
nextDiscreteEvent.nativeEvent,
);
if (null !== nextBlockedOn) {
nextDiscreteEvent.blockedOn = nextBlockedOn;
break;
}
targetContainers.shift(
);
}
null === nextDiscreteEvent.blockedOn && queuedDiscreteEvents.shift(
);
}
null !== queuedFocus &&
attemptReplayContinuousQueuedEvent(
queuedFocus
) &&
(queuedFocus = null),
null !== queuedDrag &&
attemptReplayContinuousQueuedEvent(
queuedDrag
) &&
(queuedDrag = null),
null !== queuedMouse &&
attemptReplayContinuousQueuedEvent(
queuedMouse
) &&
(queuedMouse = null),
queuedPointers.forEach(
attemptReplayContinuousQueuedEventInMap
),
queuedPointerCaptures.forEach(
attemptReplayContinuousQueuedEventInMap
);
}
function scheduleCallbackIfUnblocked(
queuedEvent, unblocked
) {
queuedEvent.blockedOn === unblocked &&
((queuedEvent.blockedOn = null),
hasScheduledReplayAttempt ||
((hasScheduledReplayAttempt = !0),
unstable_scheduleCallback(
unstable_NormalPriority,
replayUnblockedEvents,
)));
}
function retryIfBlockedOn(
unblocked
) {
if (queuedDiscreteEvents.length > 0) {
scheduleCallbackIfUnblocked(
queuedDiscreteEvents[0],
unblocked
);
for (var i = 1; i < queuedDiscreteEvents.length; i++) {
var queuedEvent = queuedDiscreteEvents[i];
queuedEvent.blockedOn === unblocked && (queuedEvent.blockedOn = null);
}
}
null !== queuedFocus && scheduleCallbackIfUnblocked(
queuedFocus,
unblocked
),
null !== queuedDrag && scheduleCallbackIfUnblocked(
queuedDrag,
unblocked
),
null !== queuedMouse &&
scheduleCallbackIfUnblocked(
queuedMouse,
unblocked
);
var unblock = function (
queuedEvent
) {
return scheduleCallbackIfUnblocked(
queuedEvent,
unblocked
);
};
queuedPointers.forEach(
unblock
), queuedPointerCaptures.forEach(
unblock
);
for (var _i = 0; _i < queuedExplicitHydrationTargets.length; _i++) {
var queuedTarget = queuedExplicitHydrationTargets[_i];
queuedTarget.blockedOn === unblocked && (queuedTarget.blockedOn = null);
}
for (; queuedExplicitHydrationTargets.length > 0; ) {
var nextExplicitTarget = queuedExplicitHydrationTargets[0];
if (null !== nextExplicitTarget.blockedOn) break;
attemptExplicitHydrationTarget(
nextExplicitTarget
),
null === nextExplicitTarget.blockedOn &&
queuedExplicitHydrationTargets.shift(
);
}
}
function makePrefixMap(
styleProp, eventName
) {
var prefixes = {
};
return (
(prefixes[styleProp.toLowerCase(
)] = eventName.toLowerCase(
)),
(prefixes["Webkit" + styleProp] = "webkit" + eventName),
(prefixes["Moz" + styleProp] = "moz" + eventName),
prefixes
);
}
var vendorPrefixes = {
animationend: makePrefixMap(
"Animation",
"AnimationEnd"
),
animationiteration: makePrefixMap(
"Animation",
"AnimationIteration"
),
animationstart: makePrefixMap(
"Animation",
"AnimationStart"
),
transitionend: makePrefixMap(
"Transition",
"TransitionEnd"
),
},
prefixedEventNames = {
},
style = {
};
function getVendorPrefixedEventName(
eventName
) {
if (prefixedEventNames[eventName]) return prefixedEventNames[eventName];
if (!vendorPrefixes[eventName]) return eventName;
var prefixMap = vendorPrefixes[eventName];
for (var styleProp in prefixMap)
if (prefixMap.hasOwnProperty(
styleProp
) && styleProp in style)
return (prefixedEventNames[eventName] = prefixMap[styleProp]);
return eventName;
}
canUseDOM &&
((style = document.createElement(
"div"
).style),
"AnimationEvent" in window ||
(delete vendorPrefixes.animationend.animation,
delete vendorPrefixes.animationiteration.animation,
delete vendorPrefixes.animationstart.animation),
"TransitionEvent" in window ||
delete vendorPrefixes.transitionend.transition);
var ANIMATION_END = getVendorPrefixedEventName(
"animationend"
),
ANIMATION_ITERATION = getVendorPrefixedEventName(
"animationiteration"
),
ANIMATION_START = getVendorPrefixedEventName(
"animationstart"
),
TRANSITION_END = getVendorPrefixedEventName(
"transitionend"
),
topLevelEventsToReactNames = new Map(
),
eventPriorities = new Map(
),
discreteEventPairsForSimpleEventPlugin = [
"cancel",
"cancel",
"click",
"click",
"close",
"close",
"contextmenu",
"contextMenu",
"copy",
"copy",
"cut",
"cut",
"auxclick",
"auxClick",
"dblclick",
"doubleClick",
"dragend",
"dragEnd",
"dragstart",
"dragStart",
"drop",
"drop",
"focusin",
"focus",
"focusout",
"blur",
"input",
"input",
"invalid",
"invalid",
"keydown",
"keyDown",
"keypress",
"keyPress",
"keyup",
"keyUp",
"mousedown",
"mouseDown",
"mouseup",
"mouseUp",
"paste",
"paste",
"pause",
"pause",
"play",
"play",
"pointercancel",
"pointerCancel",
"pointerdown",
"pointerDown",
"pointerup",
"pointerUp",
"ratechange",
"rateChange",
"reset",
"reset",
"seeked",
"seeked",
"submit",
"submit",
"touchcancel",
"touchCancel",
"touchend",
"touchEnd",
"touchstart",
"touchStart",
"volumechange",
"volumeChange",
],
otherDiscreteEvents = [
"change",
"selectionchange",
"textInput",
"compositionstart",
"compositionend",
"compositionupdate",
],
userBlockingPairsForSimpleEventPlugin = [
"drag",
"drag",
"dragenter",
"dragEnter",
"dragexit",
"dragExit",
"dragleave",
"dragLeave",
"dragover",
"dragOver",
"mousemove",
"mouseMove",
"mouseout",
"mouseOut",
"mouseover",
"mouseOver",
"pointermove",
"pointerMove",
"pointerout",
"pointerOut",
"pointerover",
"pointerOver",
"scroll",
"scroll",
"toggle",
"toggle",
"touchmove",
"touchMove",
"wheel",
"wheel",
],
continuousPairsForSimpleEventPlugin = [
"abort",
"abort",
ANIMATION_END,
"animationEnd",
ANIMATION_ITERATION,
"animationIteration",
ANIMATION_START,
"animationStart",
"canplay",
"canPlay",
"canplaythrough",
"canPlayThrough",
"durationchange",
"durationChange",
"emptied",
"emptied",
"encrypted",
"encrypted",
"ended",
"ended",
"error",
"error",
"gotpointercapture",
"gotPointerCapture",
"load",
"load",
"loadeddata",
"loadedData",
"loadedmetadata",
"loadedMetadata",
"loadstart",
"loadStart",
"lostpointercapture",
"lostPointerCapture",
"playing",
"playing",
"progress",
"progress",
"seeking",
"seeking",
"stalled",
"stalled",
"suspend",
"suspend",
"timeupdate",
"timeUpdate",
TRANSITION_END,
"transitionEnd",
"waiting",
"waiting",
];
function registerSimplePluginEventsAndSetTheirPriorities(
eventTypes,
priority,
) {
for (var i = 0; i < eventTypes.length; i += 2) {
var topEvent = eventTypes[i],
event = eventTypes[i + 1],
reactName = "on" + (event[0].toUpperCase(
) + event.slice(
1
));
eventPriorities.set(
topEvent,
priority
),
topLevelEventsToReactNames.set(
topEvent,
reactName
),
registerTwoPhaseEvent(
reactName,
[topEvent,]
);
}
}
var _ReactInternals$Sched$1 =
React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.SchedulerTracing,
__interactionsRef = _ReactInternals$Sched$1.__interactionsRef,
__subscriberRef = _ReactInternals$Sched$1.__subscriberRef,
unstable_getThreadID =
(_ReactInternals$Sched$1.unstable_clear,
_ReactInternals$Sched$1.unstable_getCurrent,
_ReactInternals$Sched$1.unstable_getThreadID),
unstable_wrap =
(_ReactInternals$Sched$1.unstable_subscribe,
_ReactInternals$Sched$1.unstable_trace,
_ReactInternals$Sched$1.unstable_unsubscribe,
_ReactInternals$Sched$1.unstable_wrap),
Scheduler_now = unstable_now;
if (null == __interactionsRef || null == __interactionsRef.current)
throw Error(
"It is not supported to run the profiling version of a renderer (for example, `react-dom/profiling`) without also replacing the `scheduler/tracing` module with `scheduler/tracing-profiling`. Your bundler might have a setting for aliasing both modules. Learn more at https://reactjs.org/link/profiling",
);
Scheduler_now(
);
var return_highestLanePriority = 8;
function getHighestPriorityLanes(
lanes
) {
if (0 != (1 & lanes)) return (return_highestLanePriority = 15), 1;
if (0 != (2 & lanes)) return (return_highestLanePriority = 14), 2;
if (0 != (4 & lanes)) return (return_highestLanePriority = 13), 4;
var inputDiscreteLanes = 24 & lanes;
if (0 !== inputDiscreteLanes)
return (return_highestLanePriority = 12), inputDiscreteLanes;
if (0 != (32 & lanes)) return (return_highestLanePriority = 11), 32;
var inputContinuousLanes = 192 & lanes;
if (0 !== inputContinuousLanes)
return (return_highestLanePriority = 10), inputContinuousLanes;
if (0 != (256 & lanes)) return (return_highestLanePriority = 9), 256;
var defaultLanes = 3584 & lanes;
if (0 !== defaultLanes)
return (return_highestLanePriority = 8), defaultLanes;
if (0 != (4096 & lanes)) return (return_highestLanePriority = 7), 4096;
var transitionLanes = 4186112 & lanes;
if (0 !== transitionLanes)
return (return_highestLanePriority = 6), transitionLanes;
var retryLanes = 62914560 & lanes;
if (0 !== retryLanes) return (return_highestLanePriority = 5), retryLanes;
if (67108864 & lanes) return (return_highestLanePriority = 4), 67108864;
if (0 != (134217728 & lanes))
return (return_highestLanePriority = 3), 134217728;
var idleLanes = 805306368 & lanes;
return 0 !== idleLanes
? ((return_highestLanePriority = 2), idleLanes)
: 0 != (1073741824 & lanes)
? ((return_highestLanePriority = 1), 1073741824)
: (error(
"Should have found matching lanes. This is a bug in React."
),
(return_highestLanePriority = 8),
lanes);
}
function getNextLanes(
root, wipLanes
) {
var pendingLanes = root.pendingLanes;
if (0 === pendingLanes) return (return_highestLanePriority = 0), 0;
var nextLanes = 0,
nextLanePriority = 0,
expiredLanes = root.expiredLanes,
suspendedLanes = root.suspendedLanes,
pingedLanes = root.pingedLanes;
if (0 !== expiredLanes)
(nextLanes = expiredLanes),
(nextLanePriority = return_highestLanePriority = 15);
else {
var nonIdlePendingLanes = 134217727 & pendingLanes;
if (0 !== nonIdlePendingLanes) {
var nonIdleUnblockedLanes = nonIdlePendingLanes & ~suspendedLanes;
if (0 !== nonIdleUnblockedLanes)
(nextLanes = getHighestPriorityLanes(
nonIdleUnblockedLanes
)),
(nextLanePriority = return_highestLanePriority);
else {
var nonIdlePingedLanes = nonIdlePendingLanes & pingedLanes;
0 !== nonIdlePingedLanes &&
((nextLanes = getHighestPriorityLanes(
nonIdlePingedLanes
)),
(nextLanePriority = return_highestLanePriority));
}
} else {
var unblockedLanes = pendingLanes & ~suspendedLanes;
0 !== unblockedLanes
? ((nextLanes = getHighestPriorityLanes(
unblockedLanes
)),
(nextLanePriority = return_highestLanePriority))
: 0 !== pingedLanes &&
((nextLanes = getHighestPriorityLanes(
pingedLanes
)),
(nextLanePriority = return_highestLanePriority));
}
}
if (0 === nextLanes) return 0;
if (
((nextLanes =
pendingLanes &
(function (
lanes
) {
return (
((function (
lanes
) {
var index = 31 - clz32(
lanes
);
return index < 0 ? 0 : 1 << index;
})(
lanes
) <<
1) -
1
);
})(
nextLanes
)),
0 !== wipLanes &&
wipLanes !== nextLanes &&
0 == (wipLanes & suspendedLanes))
) {
if (
(getHighestPriorityLanes(
wipLanes
),
nextLanePriority <= return_highestLanePriority)
)
return wipLanes;
return_highestLanePriority = nextLanePriority;
}
var entangledLanes = root.entangledLanes;
if (0 !== entangledLanes)
for (
var entanglements = root.entanglements,
lanes = nextLanes & entangledLanes;
lanes > 0;
) {
var index = pickArbitraryLaneIndex(
lanes
),
lane = 1 << index;
(nextLanes |= entanglements[index]), (lanes &= ~lane);
}
return nextLanes;
}
function computeExpirationTime(
lane, currentTime
) {
getHighestPriorityLanes(
lane
);
return return_highestLanePriority >= 10
? currentTime + 250
: return_highestLanePriority >= 6
? currentTime + 5e3
: -1;
}
function getLanesToRetrySynchronouslyOnError(
root
) {
var everythingButOffscreen = -1073741825 & root.pendingLanes;
return 0 !== everythingButOffscreen
? everythingButOffscreen
: 1073741824 & everythingButOffscreen
? 1073741824
: 0;
}
function includesNonIdleWork(
lanes
) {
return 0 != (134217727 & lanes);
}
function includesOnlyRetries(
lanes
) {
return (62914560 & lanes) === lanes;
}
function findUpdateLane(
lanePriority, wipLanes
) {
switch (lanePriority) {
case 0:
break;
case 15:
return 1;
case 14:
return 2;
case 12:
var _lane = pickArbitraryLane(
24 & ~wipLanes
);
return 0 === _lane
? findUpdateLane(
10,
wipLanes
)
: _lane;
case 10:
var _lane2 = pickArbitraryLane(
192 & ~wipLanes
);
return 0 === _lane2
? findUpdateLane(
8,
wipLanes
)
: _lane2;
case 8:
var _lane3 = pickArbitraryLane(
3584 & ~wipLanes
);
return (
0 === _lane3 &&
0 === (_lane3 = pickArbitraryLane(
4186112 & ~wipLanes
)) &&
(_lane3 = pickArbitraryLane(
3584
)),
_lane3
);
case 6:
case 5:
break;
case 2:
var lane = pickArbitraryLane(
805306368 & ~wipLanes
);
return 0 === lane && (lane = pickArbitraryLane(
805306368
)), lane;
}
throw Error(
"Invalid update priority: " + lanePriority + ". This is a bug in React.",
);
}
function pickArbitraryLane(
lanes
) {
return (function (
lanes
) {
return lanes & -lanes;
})(
lanes
);
}
function pickArbitraryLaneIndex(
lanes
) {
return 31 - clz32(
lanes
);
}
function includesSomeLane(
a, b
) {
return 0 != (a & b);
}
function isSubsetOfLanes(
set, subset
) {
return (set & subset) === subset;
}
function mergeLanes(
a, b
) {
return a | b;
}
function removeLanes(
set, subset
) {
return set & ~subset;
}
function createLaneMap(
initial
) {
for (var laneMap = [], i = 0; i < 31; i++) laneMap.push(
initial
);
return laneMap;
}
function markRootUpdated(
root, updateLane, eventTime
) {
root.pendingLanes |= updateLane;
var higherPriorityLanes = updateLane - 1;
(root.suspendedLanes &= higherPriorityLanes),
(root.pingedLanes &= higherPriorityLanes),
(root.eventTimes[pickArbitraryLaneIndex(
updateLane
)] = eventTime);
}
function markRootPinged(
root, pingedLanes, eventTime
) {
root.pingedLanes |= root.suspendedLanes & pingedLanes;
}
function markRootMutableRead(
root, updateLane
) {
root.mutableReadLanes |= updateLane & root.pendingLanes;
}
var clz32 = Math.clz32
? Math.clz32
: function (
lanes
) {
if (0 === lanes) return 32;
return (31 - ((log(
lanes
) / LN2) | 0)) | 0;
},
log = Math.log,
LN2 = Math.LN2;
var UserBlockingPriority$1 = unstable_UserBlockingPriority,
runWithPriority = unstable_runWithPriority,
_enabled = !0;
function setEnabled(
enabled
) {
_enabled = !!enabled;
}
function createEventListenerWrapperWithPriority(
targetContainer,
domEventName,
eventSystemFlags,
) {
var listenerWrapper;
switch (
(function (
domEventName
) {
var priority = eventPriorities.get(
domEventName
);
return void 0 === priority ? 2 : priority;
})(
domEventName
)
) {
case 0:
listenerWrapper = dispatchDiscreteEvent;
break;
case 1:
listenerWrapper = dispatchUserBlockingUpdate;
break;
case 2:
default:
listenerWrapper = dispatchEvent;
}
return listenerWrapper.bind(
null,
domEventName,
eventSystemFlags,
targetContainer,
);
}
function dispatchDiscreteEvent(
domEventName,
eventSystemFlags,
container,
nativeEvent,
) {
nativeEvent.timeStamp,
isInsideEventHandler || flushDiscreteUpdatesImpl(
),
(function (
fn, a, b, c, d
) {
var prevIsInsideEventHandler = isInsideEventHandler;
isInsideEventHandler = !0;
try {
discreteUpdatesImpl(
fn,
a,
b,
c,
d
);
} finally {
(isInsideEventHandler = prevIsInsideEventHandler) ||
finishEventHandler(
);
}
})(
dispatchEvent,
domEventName,
eventSystemFlags,
container,
nativeEvent
);
}
function dispatchUserBlockingUpdate(
domEventName,
eventSystemFlags,
container,
nativeEvent,
) {
runWithPriority(
UserBlockingPriority$1,
dispatchEvent.bind(
null,
domEventName,
eventSystemFlags,
container,
nativeEvent,
),
);
}
function dispatchEvent(
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent,
) {
if (_enabled) {
var allowReplay;
if (
(allowReplay = 0 == (4 & eventSystemFlags)) &&
queuedDiscreteEvents.length > 0 &&
isReplayableDiscreteEvent(
domEventName
)
)
queueDiscreteEvent(
null,
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent,
);
else {
var blockedOn = attemptToDispatchEvent(
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent,
);
if (null !== blockedOn) {
if (allowReplay) {
if (isReplayableDiscreteEvent(
domEventName
))
return void queueDiscreteEvent(
blockedOn,
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent,
);
if (
(function (
blockedOn,
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent,
) {
switch (domEventName) {
case "focusin":
return (
(queuedFocus = accumulateOrCreateContinuousQueuedReplayableEvent(
queuedFocus,
blockedOn,
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent,
)),
!0
);
case "dragenter":
return (
(queuedDrag = accumulateOrCreateContinuousQueuedReplayableEvent(
queuedDrag,
blockedOn,
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent,
)),
!0
);
case "mouseover":
return (
(queuedMouse = accumulateOrCreateContinuousQueuedReplayableEvent(
queuedMouse,
blockedOn,
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent,
)),
!0
);
case "pointerover":
var pointerEvent = nativeEvent,
pointerId = pointerEvent.pointerId;
return (
queuedPointers.set(
pointerId,
accumulateOrCreateContinuousQueuedReplayableEvent(
queuedPointers.get(
pointerId
) || null,
blockedOn,
domEventName,
eventSystemFlags,
targetContainer,
pointerEvent,
),
),
!0
);
case "gotpointercapture":
var _pointerEvent = nativeEvent,
_pointerId2 = _pointerEvent.pointerId;
return (
queuedPointerCaptures.set(
_pointerId2,
accumulateOrCreateContinuousQueuedReplayableEvent(
queuedPointerCaptures.get(
_pointerId2
) || null,
blockedOn,
domEventName,
eventSystemFlags,
targetContainer,
_pointerEvent,
),
),
!0
);
}
return !1;
})(
blockedOn,
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent,
)
)
return;
clearIfContinuousEvent(
domEventName,
nativeEvent
);
}
dispatchEventForPluginEventSystem(
domEventName,
eventSystemFlags,
nativeEvent,
null,
targetContainer,
);
} else allowReplay && clearIfContinuousEvent(
domEventName,
nativeEvent
);
}
}
}
function attemptToDispatchEvent(
domEventName,
eventSystemFlags,
targetContainer,
nativeEvent,
) {
var targetInst = getClosestInstanceFromNode(
getEventTarget(
nativeEvent
)
);
if (null !== targetInst) {
var nearestMounted = getNearestMountedFiber(
targetInst
);
if (null === nearestMounted) targetInst = null;
else {
var tag = nearestMounted.tag;
if (13 === tag) {
var instance = getSuspenseInstanceFromFiber(
nearestMounted
);
if (null !== instance) return instance;
targetInst = null;
} else if (3 === tag) {
if (nearestMounted.stateNode.hydrate)
return getContainerFromFiber(
nearestMounted
);
targetInst = null;
} else nearestMounted !== targetInst && (targetInst = null);
}
}
return (
dispatchEventForPluginEventSystem(
domEventName,
eventSystemFlags,
nativeEvent,
targetInst,
targetContainer,
),
null
);
}
var root = null,
startText = null,
fallbackText = null;
function getData(
) {
if (fallbackText) return fallbackText;
var start,
end,
startValue = startText,
startLength = startValue.length,
endValue = getText(
),
endLength = endValue.length;
for (
start = 0;
start < startLength && startValue[start] === endValue[start];
start++
);
var minEnd = startLength - start;
for (
end = 1;
end <= minEnd &&
startValue[startLength - end] === endValue[endLength - end];
end++
);
var sliceTail = end > 1 ? 1 - end : void 0;
return (fallbackText = endValue.slice(
start,
sliceTail
));
}
function getText(
) {
return "value" in root ? root.value : root.textContent;
}
function getEventCharCode(
nativeEvent
) {
var charCode,
keyCode = nativeEvent.keyCode;
return (
"charCode" in nativeEvent
? 0 === (charCode = nativeEvent.charCode) &&
13 === keyCode &&
(charCode = 13)
: (charCode = keyCode),
10 === charCode && (charCode = 13),
charCode >= 32 || 13 === charCode ? charCode : 0
);
}
function functionThatReturnsTrue(
) {
return !0;
}
function functionThatReturnsFalse(
) {
return !1;
}
function createSyntheticEvent(
Interface
) {
function SyntheticBaseEvent(
reactName,
reactEventType,
targetInst,
nativeEvent,
nativeEventTarget,
) {
for (var _propName in ((this._reactName = reactName),
(this._targetInst = targetInst),
(this.type = reactEventType),
(this.nativeEvent = nativeEvent),
(this.target = nativeEventTarget),
(this.currentTarget = null),
Interface))
if (Interface.hasOwnProperty(
_propName
)) {
var normalize = Interface[_propName];
this[_propName] = normalize
? normalize(
nativeEvent
)
: nativeEvent[_propName];
}
var defaultPrevented =
null != nativeEvent.defaultPrevented
? nativeEvent.defaultPrevented
: !1 === nativeEvent.returnValue;
return (
(this.isDefaultPrevented = defaultPrevented
? functionThatReturnsTrue
: functionThatReturnsFalse),
(this.isPropagationStopped = functionThatReturnsFalse),
this
);
}
return (
_assign(
SyntheticBaseEvent.prototype,
{
preventDefault: function (
) {
this.defaultPrevented = !0;
var event = this.nativeEvent;
event &&
(event.preventDefault
? event.preventDefault(
)
: "unknown" != typeof event.returnValue &&
(event.returnValue = !1),
(this.isDefaultPrevented = functionThatReturnsTrue));
},
stopPropagation: function (
) {
var event = this.nativeEvent;
event &&
(event.stopPropagation
? event.stopPropagation(
)
: "unknown" != typeof event.cancelBubble &&
(event.cancelBubble = !0),
(this.isPropagationStopped = functionThatReturnsTrue));
},
persist: function (
) {},
isPersistent: functionThatReturnsTrue,
}
),
SyntheticBaseEvent
);
}
var lastMovementX,
lastMovementY,
lastMouseEvent,
EventInterface = {
eventPhase: 0,
bubbles: 0,
cancelable: 0,
timeStamp: function (
event
) {
return event.timeStamp || Date.now(
);
},
defaultPrevented: 0,
isTrusted: 0,
},
SyntheticEvent = createSyntheticEvent(
EventInterface
),
UIEventInterface = _assign(
{
},
EventInterface,
{
view: 0,
detail: 0,
}
),
SyntheticUIEvent = createSyntheticEvent(
UIEventInterface
);
var MouseEventInterface = _assign(
{
},
UIEventInterface,
{
screenX: 0,
screenY: 0,
clientX: 0,
clientY: 0,
pageX: 0,
pageY: 0,
ctrlKey: 0,
shiftKey: 0,
altKey: 0,
metaKey: 0,
getModifierState: getEventModifierState,
button: 0,
buttons: 0,
relatedTarget: function (
event
) {
return void 0 === event.relatedTarget
? event.fromElement === event.srcElement
? event.toElement
: event.fromElement
: event.relatedTarget;
},
movementX: function (
event
) {
return "movementX" in event
? event.movementX
: ((function (
event
) {
event !== lastMouseEvent &&
(lastMouseEvent && "mousemove" === event.type
? ((lastMovementX = event.screenX - lastMouseEvent.screenX),
(lastMovementY = event.screenY - lastMouseEvent.screenY))
: ((lastMovementX = 0), (lastMovementY = 0)),
(lastMouseEvent = event));
})(
event
),
lastMovementX);
},
movementY: function (
event
) {
return "movementY" in event ? event.movementY : lastMovementY;
},
}
),
SyntheticMouseEvent = createSyntheticEvent(
MouseEventInterface
),
SyntheticDragEvent = createSyntheticEvent(
_assign(
{
},
MouseEventInterface,
{
dataTransfer: 0,
}
),
),
SyntheticFocusEvent = createSyntheticEvent(
_assign(
{
},
UIEventInterface,
{
relatedTarget: 0,
}
),
),
SyntheticAnimationEvent = createSyntheticEvent(
_assign(
{
},
EventInterface,
{
animationName: 0,
elapsedTime: 0,
pseudoElement: 0,
}
),
),
SyntheticClipboardEvent = createSyntheticEvent(
_assign(
{
},
EventInterface,
{
clipboardData: function (
event
) {
return "clipboardData" in event
? event.clipboardData
: window.clipboardData;
},
}
),
),
SyntheticCompositionEvent = createSyntheticEvent(
_assign(
{
},
EventInterface,
{
data: 0,
}
),
),
SyntheticInputEvent = SyntheticCompositionEvent,
normalizeKey = {
Esc: "Escape",
Spacebar: " ",
Left: "ArrowLeft",
Up: "ArrowUp",
Right: "ArrowRight",
Down: "ArrowDown",
Del: "Delete",
Win: "OS",
Menu: "ContextMenu",
Apps: "ContextMenu",
Scroll: "ScrollLock",
MozPrintableKey: "Unidentified",
},
translateToKey = {
8: "Backspace",
9: "Tab",
12: "Clear",
13: "Enter",
16: "Shift",
17: "Control",
18: "Alt",
19: "Pause",
20: "CapsLock",
27: "Escape",
32: " ",
33: "PageUp",
34: "PageDown",
35: "End",
36: "Home",
37: "ArrowLeft",
38: "ArrowUp",
39: "ArrowRight",
40: "ArrowDown",
45: "Insert",
46: "Delete",
112: "F1",
113: "F2",
114: "F3",
115: "F4",
116: "F5",
117: "F6",
118: "F7",
119: "F8",
120: "F9",
121: "F10",
122: "F11",
123: "F12",
144: "NumLock",
145: "ScrollLock",
224: "Meta",
};
var modifierKeyToProp = {
Alt: "altKey",
Control: "ctrlKey",
Meta: "metaKey",
Shift: "shiftKey",
};
function modifierStateGetter(
keyArg
) {
var nativeEvent = this.nativeEvent;
if (nativeEvent.getModifierState)
return nativeEvent.getModifierState(
keyArg
);
var keyProp = modifierKeyToProp[keyArg];
return !!keyProp && !!nativeEvent[keyProp];
}
function getEventModifierState(
nativeEvent
) {
return modifierStateGetter;
}
var SyntheticKeyboardEvent = createSyntheticEvent(
_assign(
{
},
UIEventInterface,
{
key: function (
nativeEvent
) {
if (nativeEvent.key) {
var key = normalizeKey[nativeEvent.key] || nativeEvent.key;
if ("Unidentified" !== key) return key;
}
if ("keypress" === nativeEvent.type) {
var charCode = getEventCharCode(
nativeEvent
);
return 13 === charCode
? "Enter"
: String.fromCharCode(
charCode
);
}
return "keydown" === nativeEvent.type || "keyup" === nativeEvent.type
? translateToKey[nativeEvent.keyCode] || "Unidentified"
: "";
},
code: 0,
location: 0,
ctrlKey: 0,
shiftKey: 0,
altKey: 0,
metaKey: 0,
repeat: 0,
locale: 0,
getModifierState: getEventModifierState,
charCode: function (
event
) {
return "keypress" === event.type
? getEventCharCode(
event
)
: 0;
},
keyCode: function (
event
) {
return "keydown" === event.type || "keyup" === event.type
? event.keyCode
: 0;
},
which: function (
event
) {
return "keypress" === event.type
? getEventCharCode(
event
)
: "keydown" === event.type || "keyup" === event.type
? event.keyCode
: 0;
},
}
),
),
SyntheticPointerEvent = createSyntheticEvent(
_assign(
{
},
MouseEventInterface,
{
pointerId: 0,
width: 0,
height: 0,
pressure: 0,
tangentialPressure: 0,
tiltX: 0,
tiltY: 0,
twist: 0,
pointerType: 0,
isPrimary: 0,
}
),
),
SyntheticTouchEvent = createSyntheticEvent(
_assign(
{
},
UIEventInterface,
{
touches: 0,
targetTouches: 0,
changedTouches: 0,
altKey: 0,
metaKey: 0,
ctrlKey: 0,
shiftKey: 0,
getModifierState: getEventModifierState,
}
),
),
SyntheticTransitionEvent = createSyntheticEvent(
_assign(
{
},
EventInterface,
{
propertyName: 0,
elapsedTime: 0,
pseudoElement: 0,
}
),
),
SyntheticWheelEvent = createSyntheticEvent(
_assign(
{
},
MouseEventInterface,
{
deltaX: function (
event
) {
return "deltaX" in event
? event.deltaX
: "wheelDeltaX" in event
? -event.wheelDeltaX
: 0;
},
deltaY: function (
event
) {
return "deltaY" in event
? event.deltaY
: "wheelDeltaY" in event
? -event.wheelDeltaY
: "wheelDelta" in event
? -event.wheelDelta
: 0;
},
deltaZ: 0,
deltaMode: 0,
}
),
),
END_KEYCODES = [9, 13, 27, 32,],
canUseCompositionEvent = canUseDOM && "CompositionEvent" in window,
documentMode = null;
canUseDOM &&
"documentMode" in document &&
(documentMode = document.documentMode);
var canUseTextInputEvent =
canUseDOM && "TextEvent" in window && !documentMode,
useFallbackCompositionData =
canUseDOM &&
(!canUseCompositionEvent ||
(documentMode && documentMode > 8 && documentMode <= 11)),
SPACEBAR_CHAR = String.fromCharCode(
32
);
var hasSpaceKeypress = !1;
function isFallbackCompositionEnd(
domEventName, nativeEvent
) {
switch (domEventName) {
case "keyup":
return -1 !== END_KEYCODES.indexOf(
nativeEvent.keyCode
);
case "keydown":
return 229 !== nativeEvent.keyCode;
case "keypress":
case "mousedown":
case "focusout":
return !0;
default:
return !1;
}
}
function getDataFromCustomEvent(
nativeEvent
) {
var detail = nativeEvent.detail;
return "object" == typeof detail && "data" in detail ? detail.data : null;
}
function isUsingKoreanIME(
nativeEvent
) {
return "ko" === nativeEvent.locale;
}
var isComposing = !1;
function extractCompositionEvent(
dispatchQueue,
domEventName,
targetInst,
nativeEvent,
nativeEventTarget,
) {
var eventType, fallbackData;
if (
(canUseCompositionEvent
? (eventType = (function (
domEventName
) {
switch (domEventName) {
case "compositionstart":
return "onCompositionStart";
case "compositionend":
return "onCompositionEnd";
case "compositionupdate":
return "onCompositionUpdate";
}
})(
domEventName
))
: isComposing
? isFallbackCompositionEnd(
domEventName,
nativeEvent
) &&
(eventType = "onCompositionEnd")
: (function (
domEventName, nativeEvent
) {
return "keydown" === domEventName && 229 === nativeEvent.keyCode;
})(
domEventName,
nativeEvent
) && (eventType = "onCompositionStart"),
!eventType)
)
return null;
useFallbackCompositionData &&
!isUsingKoreanIME(
nativeEvent
) &&
(isComposing || "onCompositionStart" !== eventType
? "onCompositionEnd" === eventType &&
isComposing &&
(fallbackData = getData(
))
: (isComposing = (function (
nativeEventTarget
) {
return (root = nativeEventTarget), (startText = getText(
)), !0;
})(
nativeEventTarget
)));
var listeners = accumulateTwoPhaseListeners(
targetInst,
eventType
);
if (listeners.length > 0) {
var event = new SyntheticCompositionEvent(
eventType,
domEventName,
null,
nativeEvent,
nativeEventTarget,
);
if (
(dispatchQueue.push(
{
event: event,
listeners: listeners,
}
),
fallbackData)
)
event.data = fallbackData;
else {
var customData = getDataFromCustomEvent(
nativeEvent
);
null !== customData && (event.data = customData);
}
}
}
function getFallbackBeforeInputChars(
domEventName, nativeEvent
) {
if (isComposing) {
if (
"compositionend" === domEventName ||
(!canUseCompositionEvent &&
isFallbackCompositionEnd(
domEventName,
nativeEvent
))
) {
var chars = getData(
);
return (
(root = null),
(startText = null),
(fallbackText = null),
(isComposing = !1),
chars
);
}
return null;
}
switch (domEventName) {
case "paste":
return null;
case "keypress":
if (
!(function (
nativeEvent
) {
return (
(nativeEvent.ctrlKey ||
nativeEvent.altKey ||
nativeEvent.metaKey) &&
!(nativeEvent.ctrlKey && nativeEvent.altKey)
);
})(
nativeEvent
)
) {
if (nativeEvent.char && nativeEvent.char.length > 1)
return nativeEvent.char;
if (nativeEvent.which) return String.fromCharCode(
nativeEvent.which
);
}
return null;
case "compositionend":
return useFallbackCompositionData && !isUsingKoreanIME(
nativeEvent
)
? null
: nativeEvent.data;
default:
return null;
}
}
function extractBeforeInputEvent(
dispatchQueue,
domEventName,
targetInst,
nativeEvent,
nativeEventTarget,
) {
var chars;
if (
!(chars = canUseTextInputEvent
? (function (
domEventName, nativeEvent
) {
switch (domEventName) {
case "compositionend":
return getDataFromCustomEvent(
nativeEvent
);
case "keypress":
return 32 !== nativeEvent.which
? null
: ((hasSpaceKeypress = !0), SPACEBAR_CHAR);
case "textInput":
var chars = nativeEvent.data;
return chars === SPACEBAR_CHAR && hasSpaceKeypress
? null
: chars;
default:
return null;
}
})(
domEventName,
nativeEvent
)
: getFallbackBeforeInputChars(
domEventName,
nativeEvent
))
)
return null;
var listeners = accumulateTwoPhaseListeners(
targetInst,
"onBeforeInput"
);
if (listeners.length > 0) {
var event = new SyntheticInputEvent(
"onBeforeInput",
"beforeinput",
null,
nativeEvent,
nativeEventTarget,
);
dispatchQueue.push(
{
event: event,
listeners: listeners,
}
),
(event.data = chars);
}
}
var supportedInputTypes = {
color: !0,
date: !0,
datetime: !0,
"datetime-local": !0,
email: !0,
month: !0,
number: !0,
password: !0,
range: !0,
search: !0,
tel: !0,
text: !0,
time: !0,
url: !0,
week: !0,
};
function isTextInputElement(
elem
) {
var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase(
);
return "input" === nodeName
? !!supportedInputTypes[elem.type]
: "textarea" === nodeName;
}
/**
* Checks if an event is supported in the current execution environment.
*
* NOTE: This will not work correctly for non-generic events such as `change`,
* `reset`, `load`, `error`, and `select`.
*
* Borrows from Modernizr.
*
* @param {string} eventNameSuffix Event name, e.g. "click".
* @return {boolean} True if the event is supported.
* @internal
* @license Modernizr 3.0.0pre (Custom Build) | MIT
*/ function createAndAccumulateChangeEvent(
dispatchQueue,
inst,
nativeEvent,
target,
) {
enqueueStateRestore(
target
);
var listeners = accumulateTwoPhaseListeners(
inst,
"onChange"
);
if (listeners.length > 0) {
var event = new SyntheticEvent(
"onChange",
"change",
null,
nativeEvent,
target,
);
dispatchQueue.push(
{
event: event,
listeners: listeners,
}
);
}
}
var activeElement = null,
activeElementInst = null;
function manualDispatchChangeEvent(
nativeEvent
) {
var dispatchQueue = [];
createAndAccumulateChangeEvent(
dispatchQueue,
activeElementInst,
nativeEvent,
getEventTarget(
nativeEvent
),
),
(function (
fn, bookkeeping
) {
if (isInsideEventHandler) return fn(
bookkeeping
);
isInsideEventHandler = !0;
try {
batchedUpdatesImpl(
fn,
bookkeeping
);
} finally {
(isInsideEventHandler = !1), finishEventHandler(
);
}
})(
runEventInBatch,
dispatchQueue
);
}
function runEventInBatch(
dispatchQueue
) {
processDispatchQueue(
dispatchQueue,
0
);
}
function getInstIfValueChanged(
targetInst
) {
if (updateValueIfChanged(
getNodeFromInstance(
targetInst
)
))
return targetInst;
}
function getTargetInstForChangeEvent(
domEventName, targetInst
) {
if ("change" === domEventName) return targetInst;
}
var isInputEventSupported = !1;
function stopWatchingForValueChange(
) {
activeElement &&
(activeElement.detachEvent(
"onpropertychange",
handlePropertyChange
),
(activeElement = null),
(activeElementInst = null));
}
function handlePropertyChange(
nativeEvent
) {
"value" === nativeEvent.propertyName &&
getInstIfValueChanged(
activeElementInst
) &&
manualDispatchChangeEvent(
nativeEvent
);
}
function handleEventsForInputEventPolyfill(
domEventName, target, targetInst
) {
"focusin" === domEventName
? (stopWatchingForValueChange(
),
(function (
target, targetInst
) {
(activeElementInst = targetInst),
(activeElement = target).attachEvent(
"onpropertychange",
handlePropertyChange,
);
})(
target,
targetInst
))
: "focusout" === domEventName && stopWatchingForValueChange(
);
}
function getTargetInstForInputEventPolyfill(
domEventName, targetInst
) {
if (
"selectionchange" === domEventName ||
"keyup" === domEventName ||
"keydown" === domEventName
)
return getInstIfValueChanged(
activeElementInst
);
}
function getTargetInstForClickEvent(
domEventName, targetInst
) {
if ("click" === domEventName) return getInstIfValueChanged(
targetInst
);
}
function getTargetInstForInputOrChangeEvent(
domEventName, targetInst
) {
if ("input" === domEventName || "change" === domEventName)
return getInstIfValueChanged(
targetInst
);
}
function extractEvents$1(
dispatchQueue,
domEventName,
targetInst,
nativeEvent,
nativeEventTarget,
eventSystemFlags,
targetContainer,
) {
var getTargetInstFunc,
handleEventFunc,
elem,
nodeName,
node,
state,
targetNode = targetInst
? getNodeFromInstance(
targetInst
)
: window;
if (
("select" ===
(nodeName =
(elem = targetNode).nodeName && elem.nodeName.toLowerCase(
)) ||
("input" === nodeName && "file" === elem.type)
? (getTargetInstFunc = getTargetInstForChangeEvent)
: isTextInputElement(
targetNode
)
? isInputEventSupported
? (getTargetInstFunc = getTargetInstForInputOrChangeEvent)
: ((getTargetInstFunc = getTargetInstForInputEventPolyfill),
(handleEventFunc = handleEventsForInputEventPolyfill))
: (function (
elem
) {
var nodeName = elem.nodeName;
return (
nodeName &&
"input" === nodeName.toLowerCase(
) &&
("checkbox" === elem.type || "radio" === elem.type)
);
})(
targetNode
) && (getTargetInstFunc = getTargetInstForClickEvent),
getTargetInstFunc)
) {
var inst = getTargetInstFunc(
domEventName,
targetInst
);
if (inst)
return void createAndAccumulateChangeEvent(
dispatchQueue,
inst,
nativeEvent,
nativeEventTarget,
);
}
handleEventFunc && handleEventFunc(
domEventName,
targetNode,
targetInst
),
"focusout" === domEventName &&
(state = (node = targetNode)._wrapperState) &&
state.controlled &&
"number" === node.type &&
setDefaultValue(
node,
"number",
node.value
);
}
function extractEvents$2(
dispatchQueue,
domEventName,
targetInst,
nativeEvent,
nativeEventTarget,
eventSystemFlags,
targetContainer,
) {
var isOverEvent =
"mouseover" === domEventName || "pointerover" === domEventName,
isOutEvent = "mouseout" === domEventName || "pointerout" === domEventName;
if (isOverEvent && 0 == (16 & eventSystemFlags)) {
var related = nativeEvent.relatedTarget || nativeEvent.fromElement;
if (
related &&
(getClosestInstanceFromNode(
related
) ||
isContainerMarkedAsRoot(
related
))
)
return;
}
if (isOutEvent || isOverEvent) {
var win, from, to;
if (nativeEventTarget.window === nativeEventTarget)
win = nativeEventTarget;
else {
var doc = nativeEventTarget.ownerDocument;
win = doc ? doc.defaultView || doc.parentWindow : window;
}
if (isOutEvent) {
var _related = nativeEvent.relatedTarget || nativeEvent.toElement;
if (
((from = targetInst),
null !==
(to = _related
? getClosestInstanceFromNode(
_related
)
: null))
)
(to !== getNearestMountedFiber(
to
) ||
(5 !== to.tag && 6 !== to.tag)) &&
(to = null);
} else (from = null), (to = targetInst);
if (from !== to) {
var SyntheticEventCtor = SyntheticMouseEvent,
leaveEventType = "onMouseLeave",
enterEventType = "onMouseEnter",
eventTypePrefix = "mouse";
("pointerout" !== domEventName && "pointerover" !== domEventName) ||
((SyntheticEventCtor = SyntheticPointerEvent),
(leaveEventType = "onPointerLeave"),
(enterEventType = "onPointerEnter"),
(eventTypePrefix = "pointer"));
var fromNode = null == from
? win
: getNodeFromInstance(
from
),
toNode = null == to
? win
: getNodeFromInstance(
to
),
leave = new SyntheticEventCtor(
leaveEventType,
eventTypePrefix + "leave",
from,
nativeEvent,
nativeEventTarget,
);
(leave.target = fromNode), (leave.relatedTarget = toNode);
var enter = null;
if (getClosestInstanceFromNode(
nativeEventTarget
) === targetInst) {
var enterEvent = new SyntheticEventCtor(
enterEventType,
eventTypePrefix + "enter",
to,
nativeEvent,
nativeEventTarget,
);
(enterEvent.target = toNode),
(enterEvent.relatedTarget = fromNode),
(enter = enterEvent);
}
!(function (
dispatchQueue, leaveEvent, enterEvent, from, to
) {
var common =
from && to
? (function (
instA, instB
) {
for (
var nodeA = instA, nodeB = instB, depthA = 0, tempA = nodeA;
tempA;
tempA = getParent(
tempA
)
)
depthA++;
for (
var depthB = 0, tempB = nodeB;
tempB;
tempB = getParent(
tempB
)
)
depthB++;
for (; depthA - depthB > 0; )
(nodeA = getParent(
nodeA
)), depthA--;
for (; depthB - depthA > 0; )
(nodeB = getParent(
nodeB
)), depthB--;
var depth = depthA;
for (; depth--; ) {
if (
nodeA === nodeB ||
(null !== nodeB && nodeA === nodeB.alternate)
)
return nodeA;
(nodeA = getParent(
nodeA
)), (nodeB = getParent(
nodeB
));
}
return null;
})(
from,
to
)
: null;
null !== from &&
accumulateEnterLeaveListenersForEvent(
dispatchQueue,
leaveEvent,
from,
common,
!1,
);
null !== to &&
null !== enterEvent &&
accumulateEnterLeaveListenersForEvent(
dispatchQueue,
enterEvent,
to,
common,
!0,
);
})(
dispatchQueue,
leave,
enter,
from,
to
);
}
}
}
canUseDOM &&
(isInputEventSupported =
(function (
eventNameSuffix
) {
if (!canUseDOM) return !1;
var eventName = "on" + eventNameSuffix,
isSupported = eventName in document;
if (!isSupported) {
var element = document.createElement(
"div"
);
element.setAttribute(
eventName,
"return;"
),
(isSupported = "function" == typeof element[eventName]);
}
return isSupported;
})(
"input"
) &&
(!document.documentMode || document.documentMode > 9));
var objectIs =
"function" == typeof Object.is
? Object.is
: function (
x, y
) {
return (
(x === y && (0 !== x || 1 / x == 1 / y)) || (x != x && y != y)
);
},
hasOwnProperty$2 = 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 (var i = 0; i < keysA.length; i++)
if (
!hasOwnProperty$2.call(
objB,
keysA[i]
) ||
!objectIs(
objA[keysA[i]],
objB[keysA[i]]
)
)
return !1;
return !0;
}
function getLeafNode(
node
) {
for (; node && node.firstChild; ) node = node.firstChild;
return node;
}
function getSiblingNode(
node
) {
for (; node; ) {
if (node.nextSibling) return node.nextSibling;
node = node.parentNode;
}
}
function getNodeForCharacterOffset(
root, offset
) {
for (var node = getLeafNode(
root
), nodeStart = 0, nodeEnd = 0; node; ) {
if (3 === node.nodeType) {
if (
((nodeEnd = nodeStart + node.textContent.length),
nodeStart <= offset && nodeEnd >= offset)
)
return {
node: node,
offset: offset - nodeStart,
};
nodeStart = nodeEnd;
}
node = getLeafNode(
getSiblingNode(
node
)
);
}
}
function getOffsets(
outerNode
) {
var ownerDocument = outerNode.ownerDocument,
win = (ownerDocument && ownerDocument.defaultView) || window,
selection = win.getSelection && win.getSelection(
);
if (!selection || 0 === selection.rangeCount) return null;
var anchorNode = selection.anchorNode,
anchorOffset = selection.anchorOffset,
focusNode = selection.focusNode,
focusOffset = selection.focusOffset;
try {
anchorNode.nodeType, focusNode.nodeType;
} catch (e) {
return null;
}
return (function (
outerNode,
anchorNode,
anchorOffset,
focusNode,
focusOffset,
) {
var length = 0,
start = -1,
end = -1,
indexWithinAnchor = 0,
indexWithinFocus = 0,
node = outerNode,
parentNode = null;
outer: for (;;) {
for (
var next = null;
node !== anchorNode ||
(0 !== anchorOffset && 3 !== node.nodeType) ||
(start = length + anchorOffset),
node !== focusNode ||
(0 !== focusOffset && 3 !== node.nodeType) ||
(end = length + focusOffset),
3 === node.nodeType && (length += node.nodeValue.length),
null !== (next = node.firstChild);
)
(parentNode = node), (node = next);
for (;;) {
if (node === outerNode) break outer;
if (
(parentNode === anchorNode &&
++indexWithinAnchor === anchorOffset &&
(start = length),
parentNode === focusNode &&
++indexWithinFocus === focusOffset &&
(end = length),
null !== (next = node.nextSibling))
)
break;
parentNode = (node = parentNode).parentNode;
}
node = next;
}
if (-1 === start || -1 === end) return null;
return {
start: start,
end: end,
};
})(
outerNode,
anchorNode,
anchorOffset,
focusNode,
focusOffset
);
}
function isTextNode(
node
) {
return node && 3 === node.nodeType;
}
function containsNode(
outerNode, innerNode
) {
return (
!(!outerNode || !innerNode) &&
(outerNode === innerNode ||
(!isTextNode(
outerNode
) &&
(isTextNode(
innerNode
)
? containsNode(
outerNode,
innerNode.parentNode
)
: "contains" in outerNode
? outerNode.contains(
innerNode
)
: !!outerNode.compareDocumentPosition &&
!!(16 & outerNode.compareDocumentPosition(
innerNode
)))))
);
}
function isInDocument(
node
) {
return (
node &&
node.ownerDocument &&
containsNode(
node.ownerDocument.documentElement,
node
)
);
}
function isSameOriginFrame(
iframe
) {
try {
return "string" == typeof iframe.contentWindow.location.href;
} catch (err) {
return !1;
}
}
function getActiveElementDeep(
) {
for (
var win = window, element = getActiveElement(
);
element instanceof win.HTMLIFrameElement;
) {
if (!isSameOriginFrame(
element
)) return element;
element = getActiveElement(
(win = element.contentWindow).document
);
}
return element;
}
function hasSelectionCapabilities(
elem
) {
var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase(
);
return (
nodeName &&
(("input" === nodeName &&
("text" === elem.type ||
"search" === elem.type ||
"tel" === elem.type ||
"url" === elem.type ||
"password" === elem.type)) ||
"textarea" === nodeName ||
"true" === elem.contentEditable)
);
}
function restoreSelection(
priorSelectionInformation
) {
var curFocusedElem = getActiveElementDeep(
),
priorFocusedElem = priorSelectionInformation.focusedElem,
priorSelectionRange = priorSelectionInformation.selectionRange;
if (curFocusedElem !== priorFocusedElem && isInDocument(
priorFocusedElem
)) {
null !== priorSelectionRange &&
hasSelectionCapabilities(
priorFocusedElem
) &&
(function (
input, offsets
) {
var start = offsets.start,
end = offsets.end;
void 0 === end && (end = start);
"selectionStart" in input
? ((input.selectionStart = start),
(input.selectionEnd = Math.min(
end,
input.value.length
)))
: (function (
node, offsets
) {
var doc = node.ownerDocument || document,
win = (doc && doc.defaultView) || window;
if (win.getSelection) {
var selection = win.getSelection(
),
length = node.textContent.length,
start = Math.min(
offsets.start,
length
),
end =
void 0 === offsets.end
? start
: Math.min(
offsets.end,
length
);
if (!selection.extend && start > end) {
var temp = end;
(end = start), (start = temp);
}
var startMarker = getNodeForCharacterOffset(
node,
start
),
endMarker = getNodeForCharacterOffset(
node,
end
);
if (startMarker && endMarker) {
if (
1 === selection.rangeCount &&
selection.anchorNode === startMarker.node &&
selection.anchorOffset === startMarker.offset &&
selection.focusNode === endMarker.node &&
selection.focusOffset === endMarker.offset
)
return;
var range = doc.createRange(
);
range.setStart(
startMarker.node,
startMarker.offset
),
selection.removeAllRanges(
),
start > end
? (selection.addRange(
range
),
selection.extend(
endMarker.node,
endMarker.offset
))
: (range.setEnd(
endMarker.node,
endMarker.offset
),
selection.addRange(
range
));
}
}
})(
input,
offsets
);
})(
priorFocusedElem,
priorSelectionRange
);
for (
var ancestors = [], ancestor = priorFocusedElem;
(ancestor = ancestor.parentNode);
)
1 === ancestor.nodeType &&
ancestors.push(
{
element: ancestor,
left: ancestor.scrollLeft,
top: ancestor.scrollTop,
}
);
"function" == typeof priorFocusedElem.focus && priorFocusedElem.focus(
);
for (var i = 0; i < ancestors.length; i++) {
var info = ancestors[i];
(info.element.scrollLeft = info.left),
(info.element.scrollTop = info.top);
}
}
}
function getSelection(
input
) {
return (
("selectionStart" in input
? {
start: input.selectionStart,
end: input.selectionEnd,
}
: getOffsets(
input
)) || {
start: 0,
end: 0,
}
);
}
var skipSelectionChangeEvent =
canUseDOM && "documentMode" in document && document.documentMode <= 11;
var activeElement$1 = null,
activeElementInst$1 = null,
lastSelection = null,
mouseDown = !1;
function constructSelectEvent(
dispatchQueue, nativeEvent, nativeEventTarget
) {
var eventTarget,
doc =
(eventTarget = nativeEventTarget).window === eventTarget
? eventTarget.document
: 9 === eventTarget.nodeType
? eventTarget
: eventTarget.ownerDocument;
if (
!mouseDown &&
null != activeElement$1 &&
activeElement$1 === getActiveElement(
doc
)
) {
var currentSelection = (function (
node
) {
if ("selectionStart" in node && hasSelectionCapabilities(
node
))
return {
start: node.selectionStart,
end: node.selectionEnd,
};
var selection = (
(node.ownerDocument && node.ownerDocument.defaultView) ||
window
).getSelection(
);
return {
anchorNode: selection.anchorNode,
anchorOffset: selection.anchorOffset,
focusNode: selection.focusNode,
focusOffset: selection.focusOffset,
};
})(
activeElement$1
);
if (!lastSelection || !shallowEqual(
lastSelection,
currentSelection
)) {
lastSelection = currentSelection;
var listeners = accumulateTwoPhaseListeners(
activeElementInst$1,
"onSelect",
);
if (listeners.length > 0) {
var event = new SyntheticEvent(
"onSelect",
"select",
null,
nativeEvent,
nativeEventTarget,
);
dispatchQueue.push(
{
event: event,
listeners: listeners,
}
),
(event.target = activeElement$1);
}
}
}
}
function extractEvents$4(
dispatchQueue,
domEventName,
targetInst,
nativeEvent,
nativeEventTarget,
eventSystemFlags,
targetContainer,
) {
var reactName = topLevelEventsToReactNames.get(
domEventName
);
if (void 0 !== reactName) {
var SyntheticEventCtor = SyntheticEvent,
reactEventType = domEventName;
switch (domEventName) {
case "keypress":
if (0 === getEventCharCode(
nativeEvent
)) return;
case "keydown":
case "keyup":
SyntheticEventCtor = SyntheticKeyboardEvent;
break;
case "focusin":
(reactEventType = "focus"),
(SyntheticEventCtor = SyntheticFocusEvent);
break;
case "focusout":
(reactEventType = "blur"), (SyntheticEventCtor = SyntheticFocusEvent);
break;
case "beforeblur":
case "afterblur":
SyntheticEventCtor = SyntheticFocusEvent;
break;
case "click":
if (2 === nativeEvent.button) return;
case "auxclick":
case "dblclick":
case "mousedown":
case "mousemove":
case "mouseup":
case "mouseout":
case "mouseover":
case "contextmenu":
SyntheticEventCtor = SyntheticMouseEvent;
break;
case "drag":
case "dragend":
case "dragenter":
case "dragexit":
case "dragleave":
case "dragover":
case "dragstart":
case "drop":
SyntheticEventCtor = SyntheticDragEvent;
break;
case "touchcancel":
case "touchend":
case "touchmove":
case "touchstart":
SyntheticEventCtor = SyntheticTouchEvent;
break;
case ANIMATION_END:
case ANIMATION_ITERATION:
case ANIMATION_START:
SyntheticEventCtor = SyntheticAnimationEvent;
break;
case TRANSITION_END:
SyntheticEventCtor = SyntheticTransitionEvent;
break;
case "scroll":
SyntheticEventCtor = SyntheticUIEvent;
break;
case "wheel":
SyntheticEventCtor = SyntheticWheelEvent;
break;
case "copy":
case "cut":
case "paste":
SyntheticEventCtor = SyntheticClipboardEvent;
break;
case "gotpointercapture":
case "lostpointercapture":
case "pointercancel":
case "pointerdown":
case "pointermove":
case "pointerout":
case "pointerover":
case "pointerup":
SyntheticEventCtor = SyntheticPointerEvent;
}
var inCapturePhase = 0 != (4 & eventSystemFlags),
accumulateTargetOnly = !inCapturePhase && "scroll" === domEventName,
_listeners = (function (
targetFiber,
reactName,
nativeEventType,
inCapturePhase,
accumulateTargetOnly,
) {
var captureName = null !== reactName ? reactName + "Capture" : null,
reactEventName = inCapturePhase ? captureName : reactName,
listeners = [],
instance = targetFiber,
lastHostComponent = null;
for (; null !== instance; ) {
var _instance2 = instance,
stateNode = _instance2.stateNode;
if (
5 === _instance2.tag &&
null !== stateNode &&
((lastHostComponent = stateNode), null !== reactEventName)
) {
var listener = getListener(
instance,
reactEventName
);
null != listener &&
listeners.push(
createDispatchListener(
instance,
listener,
lastHostComponent
),
);
}
if (accumulateTargetOnly) break;
instance = instance.return;
}
return listeners;
})(
targetInst,
reactName,
nativeEvent.type,
inCapturePhase,
accumulateTargetOnly,
);
if (_listeners.length > 0) {
var _event = new SyntheticEventCtor(
reactName,
reactEventType,
null,
nativeEvent,
nativeEventTarget,
);
dispatchQueue.push(
{
event: _event,
listeners: _listeners,
}
);
}
}
}
function extractEvents$5(
dispatchQueue,
domEventName,
targetInst,
nativeEvent,
nativeEventTarget,
eventSystemFlags,
targetContainer,
) {
extractEvents$4(
dispatchQueue,
domEventName,
targetInst,
nativeEvent,
nativeEventTarget,
eventSystemFlags,
),
0 == (7 & eventSystemFlags) &&
(extractEvents$2(
dispatchQueue,
domEventName,
targetInst,
nativeEvent,
nativeEventTarget,
eventSystemFlags,
),
extractEvents$1(
dispatchQueue,
domEventName,
targetInst,
nativeEvent,
nativeEventTarget,
),
(function (
dispatchQueue,
domEventName,
targetInst,
nativeEvent,
nativeEventTarget,
eventSystemFlags,
targetContainer,
) {
var targetNode = targetInst
? getNodeFromInstance(
targetInst
)
: window;
switch (domEventName) {
case "focusin":
(isTextInputElement(
targetNode
) ||
"true" === targetNode.contentEditable) &&
((activeElement$1 = targetNode),
(activeElementInst$1 = targetInst),
(lastSelection = null));
break;
case "focusout":
(activeElement$1 = null),
(activeElementInst$1 = null),
(lastSelection = null);
break;
case "mousedown":
mouseDown = !0;
break;
case "contextmenu":
case "mouseup":
case "dragend":
(mouseDown = !1),
constructSelectEvent(
dispatchQueue,
nativeEvent,
nativeEventTarget,
);
break;
case "selectionchange":
if (skipSelectionChangeEvent) break;
case "keydown":
case "keyup":
constructSelectEvent(
dispatchQueue,
nativeEvent,
nativeEventTarget,
);
}
})(
dispatchQueue,
domEventName,
targetInst,
nativeEvent,
nativeEventTarget,
),
(function (
dispatchQueue,
domEventName,
targetInst,
nativeEvent,
nativeEventTarget,
eventSystemFlags,
targetContainer,
) {
extractCompositionEvent(
dispatchQueue,
domEventName,
targetInst,
nativeEvent,
nativeEventTarget,
),
extractBeforeInputEvent(
dispatchQueue,
domEventName,
targetInst,
nativeEvent,
nativeEventTarget,
);
})(
dispatchQueue,
domEventName,
targetInst,
nativeEvent,
nativeEventTarget,
));
}
registerSimplePluginEventsAndSetTheirPriorities(
discreteEventPairsForSimpleEventPlugin,
0,
),
registerSimplePluginEventsAndSetTheirPriorities(
userBlockingPairsForSimpleEventPlugin,
1,
),
registerSimplePluginEventsAndSetTheirPriorities(
continuousPairsForSimpleEventPlugin,
2,
),
(function (
eventTypes, priority
) {
for (var i = 0; i < eventTypes.length; i++)
eventPriorities.set(
eventTypes[i],
priority
);
})(
otherDiscreteEvents,
0
),
registerDirectEvent(
"onMouseEnter",
["mouseout", "mouseover",]
),
registerDirectEvent(
"onMouseLeave",
["mouseout", "mouseover",]
),
registerDirectEvent(
"onPointerEnter",
["pointerout", "pointerover",]
),
registerDirectEvent(
"onPointerLeave",
["pointerout", "pointerover",]
),
registerTwoPhaseEvent(
"onChange",
[
"change",
"click",
"focusin",
"focusout",
"input",
"keydown",
"keyup",
"selectionchange",
]
),
registerTwoPhaseEvent(
"onSelect",
[
"focusout",
"contextmenu",
"dragend",
"focusin",
"keydown",
"keyup",
"mousedown",
"mouseup",
"selectionchange",
]
),
registerTwoPhaseEvent(
"onBeforeInput",
[
"compositionend",
"keypress",
"textInput",
"paste",
]
),
registerTwoPhaseEvent(
"onCompositionEnd",
[
"compositionend",
"focusout",
"keydown",
"keypress",
"keyup",
"mousedown",
]
),
registerTwoPhaseEvent(
"onCompositionStart",
[
"compositionstart",
"focusout",
"keydown",
"keypress",
"keyup",
"mousedown",
]
),
registerTwoPhaseEvent(
"onCompositionUpdate",
[
"compositionupdate",
"focusout",
"keydown",
"keypress",
"keyup",
"mousedown",
]
);
var mediaEventTypes = [
"abort",
"canplay",
"canplaythrough",
"durationchange",
"emptied",
"encrypted",
"ended",
"error",
"loadeddata",
"loadedmetadata",
"loadstart",
"pause",
"play",
"playing",
"progress",
"ratechange",
"seeked",
"seeking",
"stalled",
"suspend",
"timeupdate",
"volumechange",
"waiting",
],
nonDelegatedEvents = new Set(
["cancel", "close", "invalid", "load", "scroll", "toggle",].concat(
mediaEventTypes,
),
);
function executeDispatch(
event, listener, currentTarget
) {
var type = event.type || "unknown-event";
(event.currentTarget = currentTarget),
(function (
name, func, context, a, b, c, d, e, f
) {
if ((invokeGuardedCallback.apply(
this,
arguments
), hasError)) {
var error = clearCaughtError(
);
hasRethrowError || ((hasRethrowError = !0), (rethrowError = error));
}
})(
type,
listener,
void 0,
event
),
(event.currentTarget = null);
}
function processDispatchQueueItemsInOrder(
event,
dispatchListeners,
inCapturePhase,
) {
var previousInstance;
if (inCapturePhase)
for (var i = dispatchListeners.length - 1; i >= 0; i--) {
var _dispatchListeners$i = dispatchListeners[i],
instance = _dispatchListeners$i.instance,
currentTarget = _dispatchListeners$i.currentTarget,
listener = _dispatchListeners$i.listener;
if (instance !== previousInstance && event.isPropagationStopped(
))
return;
executeDispatch(
event,
listener,
currentTarget
),
(previousInstance = instance);
}
else
for (var _i = 0; _i < dispatchListeners.length; _i++) {
var _dispatchListeners$_i = dispatchListeners[_i],
_instance = _dispatchListeners$_i.instance,
_currentTarget = _dispatchListeners$_i.currentTarget,
_listener = _dispatchListeners$_i.listener;
if (_instance !== previousInstance && event.isPropagationStopped(
))
return;
executeDispatch(
event,
_listener,
_currentTarget
),
(previousInstance = _instance);
}
}
function processDispatchQueue(
dispatchQueue, eventSystemFlags
) {
for (
var inCapturePhase = 0 != (4 & eventSystemFlags), i = 0;
i < dispatchQueue.length;
i++
) {
var _dispatchQueue$i = dispatchQueue[i];
processDispatchQueueItemsInOrder(
_dispatchQueue$i.event,
_dispatchQueue$i.listeners,
inCapturePhase,
);
}
!(function (
) {
if (hasRethrowError) {
var error = rethrowError;
throw ((hasRethrowError = !1), (rethrowError = null), error);
}
})(
);
}
function listenToNonDelegatedEvent(
domEventName, targetElement
) {
var listenerSet = getEventListenerSet(
targetElement
),
listenerSetKey = getListenerSetKey(
domEventName,
false
);
listenerSet.has(
listenerSetKey
) ||
(addTrappedEventListener(
targetElement,
domEventName,
2,
false
),
listenerSet.add(
listenerSetKey
));
}
var listeningMarker = "_reactListening" + Math.random(
).toString(
36
).slice(
2
);
function listenToAllSupportedEvents(
rootContainerElement
) {
rootContainerElement[listeningMarker] ||
((rootContainerElement[listeningMarker] = !0),
allNativeEvents.forEach(
function (
domEventName
) {
nonDelegatedEvents.has(
domEventName
) ||
listenToNativeEvent(
domEventName,
!1,
rootContainerElement,
null
),
listenToNativeEvent(
domEventName,
!0,
rootContainerElement,
null
);
}
));
}
function listenToNativeEvent(
domEventName,
isCapturePhaseListener,
rootContainerElement,
targetElement,
) {
var eventSystemFlags =
arguments.length > 4 && void 0 !== arguments[4] ? arguments[4] : 0,
target = rootContainerElement;
if (
("selectionchange" === domEventName &&
9 !== rootContainerElement.nodeType &&
(target = rootContainerElement.ownerDocument),
null !== targetElement &&
!isCapturePhaseListener &&
nonDelegatedEvents.has(
domEventName
))
) {
if ("scroll" !== domEventName) return;
(eventSystemFlags |= 2), (target = targetElement);
}
var listenerSet = getEventListenerSet(
target
),
listenerSetKey = getListenerSetKey(
domEventName,
isCapturePhaseListener
);
listenerSet.has(
listenerSetKey
) ||
(isCapturePhaseListener && (eventSystemFlags |= 4),
addTrappedEventListener(
target,
domEventName,
eventSystemFlags,
isCapturePhaseListener,
),
listenerSet.add(
listenerSetKey
));
}
function addTrappedEventListener(
targetContainer,
domEventName,
eventSystemFlags,
isCapturePhaseListener,
isDeferredListenerForLegacyFBSupport,
) {
var listener = createEventListenerWrapperWithPriority(
targetContainer,
domEventName,
eventSystemFlags,
),
isPassiveListener = void 0;
passiveBrowserEventsSupported &&
(("touchstart" !== domEventName &&
"touchmove" !== domEventName &&
"wheel" !== domEventName) ||
(isPassiveListener = !0)),
(targetContainer = targetContainer),
isCapturePhaseListener
? void 0 !== isPassiveListener
? (function (
target, eventType, listener, passive
) {
target.addEventListener(
eventType,
listener,
{
capture: !0,
passive: passive,
}
);
})(
targetContainer,
domEventName,
listener,
isPassiveListener
)
: (function (
target, eventType, listener
) {
target.addEventListener(
eventType,
listener,
!0
);
})(
targetContainer,
domEventName,
listener
)
: void 0 !== isPassiveListener
? (function (
target, eventType, listener, passive
) {
target.addEventListener(
eventType,
listener,
{
passive: passive,
}
);
})(
targetContainer,
domEventName,
listener,
isPassiveListener
)
: (function (
target, eventType, listener
) {
target.addEventListener(
eventType,
listener,
!1
);
})(
targetContainer,
domEventName,
listener
);
}
function isMatchingRootContainer(
grandContainer, targetContainer
) {
return (
grandContainer === targetContainer ||
(8 === grandContainer.nodeType &&
grandContainer.parentNode === targetContainer)
);
}
function dispatchEventForPluginEventSystem(
domEventName,
eventSystemFlags,
nativeEvent,
targetInst,
targetContainer,
) {
var ancestorInst = targetInst;
if (0 == (1 & eventSystemFlags) && 0 == (2 & eventSystemFlags)) {
var targetContainerNode = targetContainer;
if (null !== targetInst) {
var node = targetInst;
mainLoop: for (;;) {
if (null === node) return;
var nodeTag = node.tag;
if (3 === nodeTag || 4 === nodeTag) {
var container = node.stateNode.containerInfo;
if (isMatchingRootContainer(
container,
targetContainerNode
)) break;
if (4 === nodeTag)
for (var grandNode = node.return; null !== grandNode; ) {
var grandTag = grandNode.tag;
if (3 === grandTag || 4 === grandTag)
if (
isMatchingRootContainer(
grandNode.stateNode.containerInfo,
targetContainerNode,
)
)
return;
grandNode = grandNode.return;
}
for (; null !== container; ) {
var parentNode = getClosestInstanceFromNode(
container
);
if (null === parentNode) return;
var parentTag = parentNode.tag;
if (5 === parentTag || 6 === parentTag) {
node = ancestorInst = parentNode;
continue mainLoop;
}
container = container.parentNode;
}
}
node = node.return;
}
}
}
!(function (
fn, a, b
) {
if (isBatchingEventUpdates) return fn(
a,
b
);
isBatchingEventUpdates = !0;
try {
batchedEventUpdatesImpl(
fn,
a,
b
);
} finally {
(isBatchingEventUpdates = !1), finishEventHandler(
);
}
})(
function (
) {
return (function (
domEventName,
eventSystemFlags,
nativeEvent,
targetInst,
targetContainer,
) {
var dispatchQueue = [];
extractEvents$5(
dispatchQueue,
domEventName,
targetInst,
nativeEvent,
getEventTarget(
nativeEvent
),
eventSystemFlags,
),
processDispatchQueue(
dispatchQueue,
eventSystemFlags
);
})(
domEventName,
eventSystemFlags,
nativeEvent,
ancestorInst
);
}
);
}
function createDispatchListener(
instance, listener, currentTarget
) {
return {
instance: instance,
listener: listener,
currentTarget: currentTarget,
};
}
function accumulateTwoPhaseListeners(
targetFiber, reactName
) {
for (
var captureName = reactName + "Capture",
listeners = [],
instance = targetFiber;
null !== instance;
) {
var _instance3 = instance,
stateNode = _instance3.stateNode;
if (5 === _instance3.tag && null !== stateNode) {
var currentTarget = stateNode,
captureListener = getListener(
instance,
captureName
);
null != captureListener &&
listeners.unshift(
createDispatchListener(
instance,
captureListener,
currentTarget
),
);
var bubbleListener = getListener(
instance,
reactName
);
null != bubbleListener &&
listeners.push(
createDispatchListener(
instance,
bubbleListener,
currentTarget
),
);
}
instance = instance.return;
}
return listeners;
}
function getParent(
inst
) {
if (null === inst) return null;
do {
inst = inst.return;
} while (inst && 5 !== inst.tag);
return inst || null;
}
function accumulateEnterLeaveListenersForEvent(
dispatchQueue,
event,
target,
common,
inCapturePhase,
) {
for (
var registrationName = event._reactName,
listeners = [],
instance = target;
null !== instance && instance !== common;
) {
var _instance4 = instance,
alternate = _instance4.alternate,
stateNode = _instance4.stateNode,
tag = _instance4.tag;
if (null !== alternate && alternate === common) break;
if (5 === tag && null !== stateNode) {
var currentTarget = stateNode;
if (inCapturePhase) {
var captureListener = getListener(
instance,
registrationName
);
null != captureListener &&
listeners.unshift(
createDispatchListener(
instance,
captureListener,
currentTarget
),
);
} else if (!inCapturePhase) {
var bubbleListener = getListener(
instance,
registrationName
);
null != bubbleListener &&
listeners.push(
createDispatchListener(
instance,
bubbleListener,
currentTarget
),
);
}
}
instance = instance.return;
}
0 !== listeners.length &&
dispatchQueue.push(
{
event: event,
listeners: listeners,
}
);
}
function getListenerSetKey(
domEventName, capture
) {
return domEventName + "__" + (capture ? "capture" : "bubble");
}
var warnedUnknownTags,
suppressHydrationWarning,
validatePropertiesInDevelopment,
warnForTextDifference,
warnForPropDifference,
warnForExtraAttributes,
warnForInvalidEventListener,
canDiffStyleForHydrationWarning,
normalizeMarkupForTextOrAttribute,
normalizeHTML,
didWarnInvalidHydration = !1,
HTML_NAMESPACE$1 = Namespaces_html;
(warnedUnknownTags = {
dialog: !0,
webview: !0,
}),
(validatePropertiesInDevelopment = function (
type, props
) {
validateProperties(
type,
props
),
(function (
type, props
) {
("input" !== type && "textarea" !== type && "select" !== type) ||
null == props ||
null !== props.value ||
didWarnValueNull ||
((didWarnValueNull = !0),
"select" === type && props.multiple
? error(
"`value` prop on `%s` should not be null. Consider using an empty array when `multiple` is set to `true` to clear the component or `undefined` for uncontrolled components.",
type,
)
: error(
"`value` prop on `%s` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.",
type,
));
})(
type,
props
),
validateProperties$2(
type,
props,
{
registrationNameDependencies: registrationNameDependencies,
possibleRegistrationNames: possibleRegistrationNames,
}
);
}),
(canDiffStyleForHydrationWarning = canUseDOM && !document.documentMode);
var NORMALIZE_NEWLINES_REGEX = /\r\n?/g,
NORMALIZE_NULL_AND_REPLACEMENT_REGEX = /\u0000|\uFFFD/g;
function getOwnerDocumentFromRootContainer(
rootContainerElement
) {
return 9 === rootContainerElement.nodeType
? rootContainerElement
: rootContainerElement.ownerDocument;
}
function noop(
) {}
function trapClickOnNonInteractiveElement(
node
) {
node.onclick = noop;
}
function setInitialProperties(
domElement,
tag,
rawProps,
rootContainerElement,
) {
var props,
isCustomComponentTag = isCustomComponent(
tag,
rawProps
);
switch ((validatePropertiesInDevelopment(
tag,
rawProps
), tag)) {
case "dialog":
listenToNonDelegatedEvent(
"cancel",
domElement
),
listenToNonDelegatedEvent(
"close",
domElement
),
(props = rawProps);
break;
case "iframe":
case "object":
case "embed":
listenToNonDelegatedEvent(
"load",
domElement
), (props = rawProps);
break;
case "video":
case "audio":
for (var i = 0; i < mediaEventTypes.length; i++)
listenToNonDelegatedEvent(
mediaEventTypes[i],
domElement
);
props = rawProps;
break;
case "source":
listenToNonDelegatedEvent(
"error",
domElement
), (props = rawProps);
break;
case "img":
case "image":
case "link":
listenToNonDelegatedEvent(
"error",
domElement
),
listenToNonDelegatedEvent(
"load",
domElement
),
(props = rawProps);
break;
case "details":
listenToNonDelegatedEvent(
"toggle",
domElement
), (props = rawProps);
break;
case "input":
initWrapperState(
domElement,
rawProps
),
(props = getHostProps(
domElement,
rawProps
)),
listenToNonDelegatedEvent(
"invalid",
domElement
);
break;
case "option":
validateProps(
0,
rawProps
), (props = getHostProps$1(
0,
rawProps
));
break;
case "select":
initWrapperState$1(
domElement,
rawProps
),
(props = getHostProps$2(
0,
rawProps
)),
listenToNonDelegatedEvent(
"invalid",
domElement
);
break;
case "textarea":
initWrapperState$2(
domElement,
rawProps
),
(props = getHostProps$3(
domElement,
rawProps
)),
listenToNonDelegatedEvent(
"invalid",
domElement
);
break;
default:
props = rawProps;
}
switch (
(assertValidProps(
tag,
props
),
(function (
tag,
domElement,
rootContainerElement,
nextProps,
isCustomComponentTag,
) {
for (var propKey in nextProps)
if (nextProps.hasOwnProperty(
propKey
)) {
var nextProp = nextProps[propKey];
if ("style" === propKey)
nextProp && Object.freeze(
nextProp
),
setValueForStyles(
domElement,
nextProp
);
else if ("dangerouslySetInnerHTML" === propKey) {
var nextHtml = nextProp ? nextProp.__html : void 0;
null != nextHtml && setInnerHTML(
domElement,
nextHtml
);
} else
"children" === propKey
? "string" == typeof nextProp
? ("textarea" !== tag || "" !== nextProp) &&
setTextContent(
domElement,
nextProp
)
: "number" == typeof nextProp &&
setTextContent(
domElement,
"" + nextProp
)
: "suppressContentEditableWarning" === propKey ||
"suppressHydrationWarning" === propKey ||
"autoFocus" === propKey ||
(registrationNameDependencies.hasOwnProperty(
propKey
)
? null != nextProp &&
("function" != typeof nextProp &&
warnForInvalidEventListener(
propKey,
nextProp
),
"onScroll" === propKey &&
listenToNonDelegatedEvent(
"scroll",
domElement
))
: null != nextProp &&
setValueForProperty(
domElement,
propKey,
nextProp,
isCustomComponentTag,
));
}
})(
tag,
domElement,
0,
props,
isCustomComponentTag
),
tag)
) {
case "input":
track(
domElement
), postMountWrapper(
domElement,
rawProps,
!1
);
break;
case "textarea":
track(
domElement
), postMountWrapper$3(
domElement
);
break;
case "option":
!(function (
element, props
) {
null != props.value &&
element.setAttribute(
"value",
toString(
getToStringValue(
props.value
)
),
);
})(
domElement,
rawProps
);
break;
case "select":
!(function (
element, props
) {
var node = element;
node.multiple = !!props.multiple;
var value = props.value;
null != value
? updateOptions(
node,
!!props.multiple,
value,
!1
)
: null != props.defaultValue &&
updateOptions(
node,
!!props.multiple,
props.defaultValue,
!0
);
})(
domElement,
rawProps
);
break;
default:
"function" == typeof props.onClick &&
trapClickOnNonInteractiveElement(
domElement
);
}
}
function diffProperties(
domElement,
tag,
lastRawProps,
nextRawProps,
rootContainerElement,
) {
validatePropertiesInDevelopment(
tag,
nextRawProps
);
var lastProps,
nextProps,
propKey,
styleName,
updatePayload = null;
switch (tag) {
case "input":
(lastProps = getHostProps(
domElement,
lastRawProps
)),
(nextProps = getHostProps(
domElement,
nextRawProps
)),
(updatePayload = []);
break;
case "option":
(lastProps = getHostProps$1(
0,
lastRawProps
)),
(nextProps = getHostProps$1(
0,
nextRawProps
)),
(updatePayload = []);
break;
case "select":
(lastProps = getHostProps$2(
0,
lastRawProps
)),
(nextProps = getHostProps$2(
0,
nextRawProps
)),
(updatePayload = []);
break;
case "textarea":
(lastProps = getHostProps$3(
domElement,
lastRawProps
)),
(nextProps = getHostProps$3(
domElement,
nextRawProps
)),
(updatePayload = []);
break;
default:
(nextProps = nextRawProps),
"function" != typeof (lastProps = lastRawProps).onClick &&
"function" == typeof nextProps.onClick &&
trapClickOnNonInteractiveElement(
domElement
);
}
assertValidProps(
tag,
nextProps
);
var styleUpdates = null;
for (propKey in lastProps)
if (
!nextProps.hasOwnProperty(
propKey
) &&
lastProps.hasOwnProperty(
propKey
) &&
null != lastProps[propKey]
)
if ("style" === propKey) {
var lastStyle = lastProps[propKey];
for (styleName in lastStyle)
lastStyle.hasOwnProperty(
styleName
) &&
(styleUpdates || (styleUpdates = {
}),
(styleUpdates[styleName] = ""));
} else
"dangerouslySetInnerHTML" === propKey ||
"children" === propKey ||
"suppressContentEditableWarning" === propKey ||
"suppressHydrationWarning" === propKey ||
"autoFocus" === propKey ||
(registrationNameDependencies.hasOwnProperty(
propKey
)
? updatePayload || (updatePayload = [])
: (updatePayload = updatePayload || []).push(
propKey,
null
));
for (propKey in nextProps) {
var nextProp = nextProps[propKey],
lastProp = null != lastProps ? lastProps[propKey] : void 0;
if (
nextProps.hasOwnProperty(
propKey
) &&
nextProp !== lastProp &&
(null != nextProp || null != lastProp)
)
if ("style" === propKey)
if ((nextProp && Object.freeze(
nextProp
), lastProp)) {
for (styleName in lastProp)
!lastProp.hasOwnProperty(
styleName
) ||
(nextProp && nextProp.hasOwnProperty(
styleName
)) ||
(styleUpdates || (styleUpdates = {
}),
(styleUpdates[styleName] = ""));
for (styleName in nextProp)
nextProp.hasOwnProperty(
styleName
) &&
lastProp[styleName] !== nextProp[styleName] &&
(styleUpdates || (styleUpdates = {
}),
(styleUpdates[styleName] = nextProp[styleName]));
} else
styleUpdates ||
(updatePayload || (updatePayload = []),
updatePayload.push(
propKey,
styleUpdates
)),
(styleUpdates = nextProp);
else if ("dangerouslySetInnerHTML" === propKey) {
var nextHtml = nextProp ? nextProp.__html : void 0,
lastHtml = lastProp ? lastProp.__html : void 0;
null != nextHtml &&
lastHtml !== nextHtml &&
(updatePayload = updatePayload || []).push(
propKey,
nextHtml
);
} else
"children" === propKey
? ("string" != typeof nextProp && "number" != typeof nextProp) ||
(updatePayload = updatePayload || []).push(
propKey,
"" + nextProp
)
: "suppressContentEditableWarning" === propKey ||
"suppressHydrationWarning" === propKey ||
(registrationNameDependencies.hasOwnProperty(
propKey
)
? (null != nextProp &&
("function" != typeof nextProp &&
warnForInvalidEventListener(
propKey,
nextProp
),
"onScroll" === propKey &&
listenToNonDelegatedEvent(
"scroll",
domElement
)),
updatePayload ||
lastProp === nextProp ||
(updatePayload = []))
: "object" == typeof nextProp &&
null !== nextProp &&
nextProp.$$typeof === REACT_OPAQUE_ID_TYPE
? nextProp.toString(
)
: (updatePayload = updatePayload || []).push(
propKey,
nextProp,
));
}
return (
styleUpdates &&
(!(function (
styleUpdates, nextStyles
) {
if (nextStyles) {
var value,
expandedUpdates = expandShorthandMap(
styleUpdates
),
expandedStyles = expandShorthandMap(
nextStyles
),
warnedAbout = {
};
for (var key in expandedUpdates) {
var originalKey = expandedUpdates[key],
correctOriginalKey = expandedStyles[key];
if (correctOriginalKey && originalKey !== correctOriginalKey) {
var warningKey = originalKey + "," + correctOriginalKey;
if (warnedAbout[warningKey]) continue;
(warnedAbout[warningKey] = !0),
error(
"%s a style property during rerender (%s) when a conflicting property is set (%s) can lead to styling bugs. To avoid this, don't mix shorthand and non-shorthand properties for the same value; instead, replace the shorthand with separate values.",
null == (value = styleUpdates[originalKey]) ||
"boolean" == typeof value ||
"" === value
? "Removing"
: "Updating",
originalKey,
correctOriginalKey,
);
}
}
}
})(
styleUpdates,
nextProps.style
),
(updatePayload = updatePayload || []).push(
"style",
styleUpdates
)),
updatePayload
);
}
function updateProperties(
domElement,
updatePayload,
tag,
lastRawProps,
nextRawProps,
) {
"input" === tag &&
"radio" === nextRawProps.type &&
null != nextRawProps.name &&
updateChecked(
domElement,
nextRawProps
);
isCustomComponent(
tag,
lastRawProps
);
switch (
((function (
domElement,
updatePayload,
wasCustomComponentTag,
isCustomComponentTag,
) {
for (var i = 0; i < updatePayload.length; i += 2) {
var propKey = updatePayload[i],
propValue = updatePayload[i + 1];
"style" === propKey
? setValueForStyles(
domElement,
propValue
)
: "dangerouslySetInnerHTML" === propKey
? setInnerHTML(
domElement,
propValue
)
: "children" === propKey
? setTextContent(
domElement,
propValue
)
: setValueForProperty(
domElement,
propKey,
propValue,
isCustomComponentTag,
);
}
})(
domElement,
updatePayload,
0,
isCustomComponent(
tag,
nextRawProps
)
),
tag)
) {
case "input":
updateWrapper(
domElement,
nextRawProps
);
break;
case "textarea":
updateWrapper$1(
domElement,
nextRawProps
);
break;
case "select":
!(function (
element, props
) {
var node = element,
wasMultiple = node._wrapperState.wasMultiple;
node._wrapperState.wasMultiple = !!props.multiple;
var value = props.value;
null != value
? updateOptions(
node,
!!props.multiple,
value,
!1
)
: wasMultiple !== !!props.multiple &&
(null != props.defaultValue
? updateOptions(
node,
!!props.multiple,
props.defaultValue,
!0
)
: updateOptions(
node,
!!props.multiple,
props.multiple ? [] : "",
!1,
));
})(
domElement,
nextRawProps
);
}
}
function warnForUnmatchedText(
textNode, text
) {
warnForTextDifference(
textNode.nodeValue,
text
);
}
function warnForDeletedHydratableElement(
parentNode, child
) {
didWarnInvalidHydration ||
((didWarnInvalidHydration = !0),
error(
"Did not expect server HTML to contain a <%s> in <%s>.",
child.nodeName.toLowerCase(
),
parentNode.nodeName.toLowerCase(
),
));
}
function warnForDeletedHydratableText(
parentNode, child
) {
didWarnInvalidHydration ||
((didWarnInvalidHydration = !0),
error(
'Did not expect server HTML to contain the text node "%s" in <%s>.',
child.nodeValue,
parentNode.nodeName.toLowerCase(
),
));
}
function warnForInsertedHydratedElement(
parentNode, tag, props
) {
didWarnInvalidHydration ||
((didWarnInvalidHydration = !0),
error(
"Expected server HTML to contain a matching <%s> in <%s>.",
tag,
parentNode.nodeName.toLowerCase(
),
));
}
function warnForInsertedHydratedText(
parentNode, text
) {
"" !== text &&
(didWarnInvalidHydration ||
((didWarnInvalidHydration = !0),
error(
'Expected server HTML to contain a matching text node for "%s" in <%s>.',
text,
parentNode.nodeName.toLowerCase(
),
)));
}
(normalizeMarkupForTextOrAttribute = function (
markup
) {
return ("string" == typeof markup ? markup : "" + markup)
.replace(
NORMALIZE_NEWLINES_REGEX,
"\n"
)
.replace(
NORMALIZE_NULL_AND_REPLACEMENT_REGEX,
""
);
}),
(warnForTextDifference = function (
serverText, clientText
) {
if (!didWarnInvalidHydration) {
var normalizedClientText = normalizeMarkupForTextOrAttribute(
clientText,
),
normalizedServerText = normalizeMarkupForTextOrAttribute(
serverText
);
normalizedServerText !== normalizedClientText &&
((didWarnInvalidHydration = !0),
error(
'Text content did not match. Server: "%s" Client: "%s"',
normalizedServerText,
normalizedClientText,
));
}
}),
(warnForPropDifference = function (
propName, serverValue, clientValue
) {
if (!didWarnInvalidHydration) {
var normalizedClientValue = normalizeMarkupForTextOrAttribute(
clientValue,
),
normalizedServerValue = normalizeMarkupForTextOrAttribute(
serverValue,
);
normalizedServerValue !== normalizedClientValue &&
((didWarnInvalidHydration = !0),
error(
"Prop `%s` did not match. Server: %s Client: %s",
propName,
JSON.stringify(
normalizedServerValue
),
JSON.stringify(
normalizedClientValue
),
));
}
}),
(warnForExtraAttributes = function (
attributeNames
) {
if (!didWarnInvalidHydration) {
didWarnInvalidHydration = !0;
var names = [];
attributeNames.forEach(
function (
name
) {
names.push(
name
);
}
),
error(
"Extra attributes from the server: %s",
names
);
}
}),
(warnForInvalidEventListener = function (
registrationName, listener
) {
!1 === listener
? error(
"Expected `%s` listener to be a function, instead got `false`.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.",
registrationName,
registrationName,
registrationName,
)
: error(
"Expected `%s` listener to be a function, instead got a value of `%s` type.",
registrationName,
typeof listener,
);
}),
(normalizeHTML = function (
parent, html
) {
var testElement =
parent.namespaceURI === HTML_NAMESPACE$1
? parent.ownerDocument.createElement(
parent.tagName
)
: parent.ownerDocument.createElementNS(
parent.namespaceURI,
parent.tagName,
);
return (testElement.innerHTML = html), testElement.innerHTML;
});
var validateDOMNesting,
updatedAncestorInfo,
specialTags = [
"address",
"applet",
"area",
"article",
"aside",
"base",
"basefont",
"bgsound",
"blockquote",
"body",
"br",
"button",
"caption",
"center",
"col",
"colgroup",
"dd",
"details",
"dir",
"div",
"dl",
"dt",
"embed",
"fieldset",
"figcaption",
"figure",
"footer",
"form",
"frame",
"frameset",
"h1",
"h2",
"h3",
"h4",
"h5",
"h6",
"head",
"header",
"hgroup",
"hr",
"html",
"iframe",
"img",
"input",
"isindex",
"li",
"link",
"listing",
"main",
"marquee",
"menu",
"menuitem",
"meta",
"nav",
"noembed",
"noframes",
"noscript",
"object",
"ol",
"p",
"param",
"plaintext",
"pre",
"script",
"section",
"select",
"source",
"style",
"summary",
"table",
"tbody",
"td",
"template",
"textarea",
"tfoot",
"th",
"thead",
"title",
"tr",
"track",
"ul",
"wbr",
"xmp",
],
inScopeTags = [
"applet",
"caption",
"html",
"table",
"td",
"th",
"marquee",
"object",
"template",
"foreignObject",
"desc",
"title",
],
buttonScopeTags = inScopeTags.concat(
["button",]
),
impliedEndTags = ["dd", "dt", "li", "option", "optgroup", "p", "rp", "rt",],
emptyAncestorInfo = {
current: null,
formTag: null,
aTagInScope: null,
buttonTagInScope: null,
nobrTagInScope: null,
pTagInButtonScope: null,
listItemTagAutoclosing: null,
dlItemTagAutoclosing: null,
};
updatedAncestorInfo = function (
oldInfo, tag
) {
var ancestorInfo = _assign(
{
},
oldInfo || emptyAncestorInfo
),
info = {
tag: tag,
};
return (
-1 !== inScopeTags.indexOf(
tag
) &&
((ancestorInfo.aTagInScope = null),
(ancestorInfo.buttonTagInScope = null),
(ancestorInfo.nobrTagInScope = null)),
-1 !== buttonScopeTags.indexOf(
tag
) &&
(ancestorInfo.pTagInButtonScope = null),
-1 !== specialTags.indexOf(
tag
) &&
"address" !== tag &&
"div" !== tag &&
"p" !== tag &&
((ancestorInfo.listItemTagAutoclosing = null),
(ancestorInfo.dlItemTagAutoclosing = null)),
(ancestorInfo.current = info),
"form" === tag && (ancestorInfo.formTag = info),
"a" === tag && (ancestorInfo.aTagInScope = info),
"button" === tag && (ancestorInfo.buttonTagInScope = info),
"nobr" === tag && (ancestorInfo.nobrTagInScope = info),
"p" === tag && (ancestorInfo.pTagInButtonScope = info),
"li" === tag && (ancestorInfo.listItemTagAutoclosing = info),
("dd" !== tag && "dt" !== tag) ||
(ancestorInfo.dlItemTagAutoclosing = info),
ancestorInfo
);
};
var didWarn$1 = {
};
validateDOMNesting = function (
childTag, childText, ancestorInfo
) {
var parentInfo = (ancestorInfo = ancestorInfo || emptyAncestorInfo).current,
parentTag = parentInfo && parentInfo.tag;
null != childText &&
(null != childTag &&
error(
"validateDOMNesting: when childText is passed, childTag should be null",
),
(childTag = "#text"));
var invalidParent = (function (
tag, parentTag
) {
switch (parentTag) {
case "select":
return "option" === tag || "optgroup" === tag || "#text" === tag;
case "optgroup":
return "option" === tag || "#text" === tag;
case "option":
return "#text" === tag;
case "tr":
return (
"th" === tag ||
"td" === tag ||
"style" === tag ||
"script" === tag ||
"template" === tag
);
case "tbody":
case "thead":
case "tfoot":
return (
"tr" === tag ||
"style" === tag ||
"script" === tag ||
"template" === tag
);
case "colgroup":
return "col" === tag || "template" === tag;
case "table":
return (
"caption" === tag ||
"colgroup" === tag ||
"tbody" === tag ||
"tfoot" === tag ||
"thead" === tag ||
"style" === tag ||
"script" === tag ||
"template" === tag
);
case "head":
return (
"base" === tag ||
"basefont" === tag ||
"bgsound" === tag ||
"link" === tag ||
"meta" === tag ||
"title" === tag ||
"noscript" === tag ||
"noframes" === tag ||
"style" === tag ||
"script" === tag ||
"template" === tag
);
case "html":
return "head" === tag || "body" === tag || "frameset" === tag;
case "frameset":
return "frame" === tag;
case "#document":
return "html" === tag;
}
switch (tag) {
case "h1":
case "h2":
case "h3":
case "h4":
case "h5":
case "h6":
return (
"h1" !== parentTag &&
"h2" !== parentTag &&
"h3" !== parentTag &&
"h4" !== parentTag &&
"h5" !== parentTag &&
"h6" !== parentTag
);
case "rp":
case "rt":
return -1 === impliedEndTags.indexOf(
parentTag
);
case "body":
case "caption":
case "col":
case "colgroup":
case "frameset":
case "frame":
case "head":
case "html":
case "tbody":
case "td":
case "tfoot":
case "th":
case "thead":
case "tr":
return null == parentTag;
}
return !0;
})(
childTag,
parentTag
)
? null
: parentInfo,
invalidAncestor = invalidParent
? null
: (function (
tag, ancestorInfo
) {
switch (tag) {
case "address":
case "article":
case "aside":
case "blockquote":
case "center":
case "details":
case "dialog":
case "dir":
case "div":
case "dl":
case "fieldset":
case "figcaption":
case "figure":
case "footer":
case "header":
case "hgroup":
case "main":
case "menu":
case "nav":
case "ol":
case "p":
case "section":
case "summary":
case "ul":
case "pre":
case "listing":
case "table":
case "hr":
case "xmp":
case "h1":
case "h2":
case "h3":
case "h4":
case "h5":
case "h6":
return ancestorInfo.pTagInButtonScope;
case "form":
return ancestorInfo.formTag || ancestorInfo.pTagInButtonScope;
case "li":
return ancestorInfo.listItemTagAutoclosing;
case "dd":
case "dt":
return ancestorInfo.dlItemTagAutoclosing;
case "button":
return ancestorInfo.buttonTagInScope;
case "a":
return ancestorInfo.aTagInScope;
case "nobr":
return ancestorInfo.nobrTagInScope;
}
return null;
})(
childTag,
ancestorInfo
),
invalidParentOrAncestor = invalidParent || invalidAncestor;
if (invalidParentOrAncestor) {
var ancestorTag = invalidParentOrAncestor.tag,
warnKey = !!invalidParent + "|" + childTag + "|" + ancestorTag;
if (!didWarn$1[warnKey]) {
didWarn$1[warnKey] = !0;
var tagDisplayName = childTag,
whitespaceInfo = "";
if (
("#text" === childTag
? /\S/.test(
childText
)
? (tagDisplayName = "Text nodes")
: ((tagDisplayName = "Whitespace text nodes"),
(whitespaceInfo =
" Make sure you don't have any extra whitespace between tags on each line of your source code."))
: (tagDisplayName = "<" + childTag + ">"),
invalidParent)
) {
var info = "";
"table" === ancestorTag &&
"tr" === childTag &&
(info +=
" Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser."),
error(
"validateDOMNesting(...): %s cannot appear as a child of <%s>.%s%s",
tagDisplayName,
ancestorTag,
whitespaceInfo,
info,
);
} else
error(
"validateDOMNesting(...): %s cannot appear as a descendant of <%s>.",
tagDisplayName,
ancestorTag,
);
}
}
};
var eventsEnabled = null,
selectionInformation = null;
function shouldAutoFocusHostComponent(
type, props
) {
switch (type) {
case "button":
case "input":
case "select":
case "textarea":
return !!props.autoFocus;
}
return !1;
}
function prepareForCommit(
containerInfo
) {
var focusedElem;
(eventsEnabled = _enabled),
(focusedElem = getActiveElementDeep(
)),
(selectionInformation = {
focusedElem: focusedElem,
selectionRange: hasSelectionCapabilities(
focusedElem
)
? getSelection(
focusedElem
)
: null,
});
return setEnabled(
!1
), null;
}
function createInstance(
type,
props,
rootContainerInstance,
hostContext,
internalInstanceHandle,
) {
var hostContextDev = hostContext;
if (
(validateDOMNesting(
type,
null,
hostContextDev.ancestorInfo
),
"string" == typeof props.children || "number" == typeof props.children)
) {
var string = "" + props.children,
ownAncestorInfo = updatedAncestorInfo(
hostContextDev.ancestorInfo,
type,
);
validateDOMNesting(
null,
string,
ownAncestorInfo
);
}
var domElement = (function (
type,
props,
rootContainerElement,
parentNamespace,
) {
var isCustomComponentTag,
domElement,
ownerDocument = getOwnerDocumentFromRootContainer(
rootContainerElement
),
namespaceURI = parentNamespace;
if (
(namespaceURI === HTML_NAMESPACE$1 &&
(namespaceURI = getIntrinsicNamespace(
type
)),
namespaceURI === HTML_NAMESPACE$1)
) {
if (
((isCustomComponentTag = isCustomComponent(
type,
props
)) ||
type === type.toLowerCase(
) ||
error(
"<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.",
type,
),
"script" === type)
) {
var div = ownerDocument.createElement(
"div"
);
div.innerHTML = "<script></script>";
var firstChild = div.firstChild;
domElement = div.removeChild(
firstChild
);
} else if ("string" == typeof props.is)
domElement = ownerDocument.createElement(
type,
{
is: props.is,
}
);
else if (
((domElement = ownerDocument.createElement(
type
)), "select" === type)
) {
var node = domElement;
props.multiple
? (node.multiple = !0)
: props.size && (node.size = props.size);
}
} else domElement = ownerDocument.createElementNS(
namespaceURI,
type
);
return (
namespaceURI === HTML_NAMESPACE$1 &&
(isCustomComponentTag ||
"[object HTMLUnknownElement]" !==
Object.prototype.toString.call(
domElement
) ||
Object.prototype.hasOwnProperty.call(
warnedUnknownTags,
type
) ||
((warnedUnknownTags[type] = !0),
error(
"The tag <%s> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.",
type,
))),
domElement
);
})(
type,
props,
rootContainerInstance,
hostContextDev.namespace
);
return (
precacheFiberNode(
internalInstanceHandle,
domElement
),
updateFiberProps(
domElement,
props
),
domElement
);
}
function shouldSetTextContent(
type, props
) {
return (
"textarea" === type ||
"option" === type ||
"noscript" === type ||
"string" == typeof props.children ||
"number" == typeof props.children ||
("object" == typeof props.dangerouslySetInnerHTML &&
null !== props.dangerouslySetInnerHTML &&
null != props.dangerouslySetInnerHTML.__html)
);
}
function createTextInstance(
text,
rootContainerInstance,
hostContext,
internalInstanceHandle,
) {
validateDOMNesting(
null,
text,
hostContext.ancestorInfo
);
var textNode = (function (
text, rootContainerElement
) {
return getOwnerDocumentFromRootContainer(
rootContainerElement,
).createTextNode(
text
);
})(
text,
rootContainerInstance
);
return precacheFiberNode(
internalInstanceHandle,
textNode
), textNode;
}
var scheduleTimeout = "function" == typeof setTimeout ? setTimeout : void 0,
cancelTimeout = "function" == typeof clearTimeout ? clearTimeout : void 0;
function resetTextContent(
domElement
) {
setTextContent(
domElement,
""
);
}
function removeChild(
parentInstance, child
) {
parentInstance.removeChild(
child
);
}
function hideInstance(
instance
) {
var style = (instance = instance).style;
"function" == typeof style.setProperty
? style.setProperty(
"display",
"none",
"important"
)
: (style.display = "none");
}
function unhideInstance(
instance, props
) {
instance = instance;
var styleProp = props.style,
display =
null != styleProp && styleProp.hasOwnProperty(
"display"
)
? styleProp.display
: null;
instance.style.display = dangerousStyleValue(
"display",
display
);
}
function unhideTextInstance(
textInstance, text
) {
textInstance.nodeValue = text;
}
function clearContainer(
container
) {
if (1 === container.nodeType) container.textContent = "";
else if (9 === container.nodeType) {
var body = container.body;
null != body && (body.textContent = "");
}
}
function isSuspenseInstanceFallback(
instance
) {
return "$!" === instance.data;
}
function getNextHydratable(
node
) {
for (; null != node; node = node.nextSibling) {
var nodeType = node.nodeType;
if (1 === nodeType || 3 === nodeType) break;
}
return node;
}
function getNextHydratableSibling(
instance
) {
return getNextHydratable(
instance.nextSibling
);
}
function getFirstHydratableChild(
parentInstance
) {
return getNextHydratable(
parentInstance.firstChild
);
}
function hydrateInstance(
instance,
type,
props,
rootContainerInstance,
hostContext,
internalInstanceHandle,
) {
return (
precacheFiberNode(
internalInstanceHandle,
instance
),
updateFiberProps(
instance,
props
),
(function (
domElement,
tag,
rawProps,
parentNamespace,
rootContainerElement,
) {
var isCustomComponentTag, extraAttributeNames;
switch (
((suppressHydrationWarning =
!0 === rawProps.suppressHydrationWarning),
(isCustomComponentTag = isCustomComponent(
tag,
rawProps
)),
validatePropertiesInDevelopment(
tag,
rawProps
),
tag)
) {
case "dialog":
listenToNonDelegatedEvent(
"cancel",
domElement
),
listenToNonDelegatedEvent(
"close",
domElement
);
break;
case "iframe":
case "object":
case "embed":
listenToNonDelegatedEvent(
"load",
domElement
);
break;
case "video":
case "audio":
for (var i = 0; i < mediaEventTypes.length; i++)
listenToNonDelegatedEvent(
mediaEventTypes[i],
domElement
);
break;
case "source":
listenToNonDelegatedEvent(
"error",
domElement
);
break;
case "img":
case "image":
case "link":
listenToNonDelegatedEvent(
"error",
domElement
),
listenToNonDelegatedEvent(
"load",
domElement
);
break;
case "details":
listenToNonDelegatedEvent(
"toggle",
domElement
);
break;
case "input":
initWrapperState(
domElement,
rawProps
),
listenToNonDelegatedEvent(
"invalid",
domElement
);
break;
case "option":
validateProps(
0,
rawProps
);
break;
case "select":
initWrapperState$1(
domElement,
rawProps
),
listenToNonDelegatedEvent(
"invalid",
domElement
);
break;
case "textarea":
initWrapperState$2(
domElement,
rawProps
),
listenToNonDelegatedEvent(
"invalid",
domElement
);
}
assertValidProps(
tag,
rawProps
), (extraAttributeNames = new Set(
));
for (
var attributes = domElement.attributes, _i = 0;
_i < attributes.length;
_i++
)
switch (attributes[_i].name.toLowerCase(
)) {
case "data-reactroot":
case "value":
case "checked":
case "selected":
break;
default:
extraAttributeNames.add(
attributes[_i].name
);
}
var lowerCasedName,
updatePayload = null;
for (var propKey in rawProps)
if (rawProps.hasOwnProperty(
propKey
)) {
var nextProp = rawProps[propKey];
if ("children" === propKey)
"string" == typeof nextProp
? domElement.textContent !== nextProp &&
(suppressHydrationWarning ||
warnForTextDifference(
domElement.textContent,
nextProp
),
(updatePayload = ["children", nextProp,]))
: "number" == typeof nextProp &&
domElement.textContent !== "" + nextProp &&
(suppressHydrationWarning ||
warnForTextDifference(
domElement.textContent,
nextProp
),
(updatePayload = ["children", "" + nextProp,]));
else if (registrationNameDependencies.hasOwnProperty(
propKey
))
null != nextProp &&
("function" != typeof nextProp &&
warnForInvalidEventListener(
propKey,
nextProp
),
"onScroll" === propKey &&
listenToNonDelegatedEvent(
"scroll",
domElement
));
else if ("boolean" == typeof isCustomComponentTag) {
var serverValue = void 0,
propertyInfo = getPropertyInfo(
propKey
);
if (suppressHydrationWarning);
else if (
"suppressContentEditableWarning" === propKey ||
"suppressHydrationWarning" === propKey ||
"value" === propKey ||
"checked" === propKey ||
"selected" === propKey
);
else if ("dangerouslySetInnerHTML" === propKey) {
var serverHTML = domElement.innerHTML,
nextHtml = nextProp ? nextProp.__html : void 0;
if (null != nextHtml) {
var expectedHTML = normalizeHTML(
domElement,
nextHtml
);
expectedHTML !== serverHTML &&
warnForPropDifference(
propKey,
serverHTML,
expectedHTML
);
}
} else if ("style" === propKey) {
if (
(extraAttributeNames.delete(
propKey
),
canDiffStyleForHydrationWarning)
) {
var expectedStyle = createDangerousStringForStyles(
nextProp
);
expectedStyle !==
(serverValue = domElement.getAttribute(
"style"
)) &&
warnForPropDifference(
propKey,
serverValue,
expectedStyle
);
}
} else if (isCustomComponentTag)
extraAttributeNames.delete(
propKey.toLowerCase(
)
),
nextProp !==
(serverValue = getValueForAttribute(
domElement,
propKey,
nextProp,
)) && warnForPropDifference(
propKey,
serverValue,
nextProp
);
else if (
!shouldIgnoreAttribute(
propKey,
propertyInfo,
isCustomComponentTag,
) &&
!shouldRemoveAttribute(
propKey,
nextProp,
propertyInfo,
isCustomComponentTag,
)
) {
var isMismatchDueToBadCasing = !1;
if (null !== propertyInfo)
extraAttributeNames.delete(
propertyInfo.attributeName
),
(serverValue = getValueForProperty(
domElement,
propKey,
nextProp,
propertyInfo,
));
else {
var ownNamespace = parentNamespace;
if (
(ownNamespace === HTML_NAMESPACE$1 &&
(ownNamespace = getIntrinsicNamespace(
tag
)),
ownNamespace === HTML_NAMESPACE$1)
)
extraAttributeNames.delete(
propKey.toLowerCase(
)
);
else {
var standardName =
((lowerCasedName = void 0),
(lowerCasedName = propKey.toLowerCase(
)),
(possibleStandardNames.hasOwnProperty(
lowerCasedName
) &&
possibleStandardNames[lowerCasedName]) ||
null);
null !== standardName &&
standardName !== propKey &&
((isMismatchDueToBadCasing = !0),
extraAttributeNames.delete(
standardName
)),
extraAttributeNames.delete(
propKey
);
}
serverValue = getValueForAttribute(
domElement,
propKey,
nextProp,
);
}
nextProp === serverValue ||
isMismatchDueToBadCasing ||
warnForPropDifference(
propKey,
serverValue,
nextProp
);
}
}
}
switch (
(extraAttributeNames.size > 0 &&
!suppressHydrationWarning &&
warnForExtraAttributes(
extraAttributeNames
),
tag)
) {
case "input":
track(
domElement
), postMountWrapper(
domElement,
rawProps,
!0
);
break;
case "textarea":
track(
domElement
), postMountWrapper$3(
domElement
);
break;
case "select":
case "option":
break;
default:
"function" == typeof rawProps.onClick &&
trapClickOnNonInteractiveElement(
domElement
);
}
return updatePayload;
})(
instance,
type,
props,
hostContext.namespace
)
);
}
function getParentSuspenseInstance(
targetInstance
) {
for (var node = targetInstance.previousSibling, depth = 0; node; ) {
if (8 === node.nodeType) {
var data = node.data;
if ("$" === data || "$!" === data || "$?" === data) {
if (0 === depth) return node;
depth--;
} else "/$" === data && depth++;
}
node = node.previousSibling;
}
return null;
}
var clientId = 0;
function makeClientIdInDEV(
warnOnAccessInDEV
) {
var id = "r:" + (clientId++).toString(
36
);
return {
toString: function (
) {
return warnOnAccessInDEV(
), id;
},
valueOf: function (
) {
return warnOnAccessInDEV(
), id;
},
};
}
var randomKey = Math.random(
).toString(
36
).slice(
2
),
internalInstanceKey = "__reactFiber$" + randomKey,
internalPropsKey = "__reactProps$" + randomKey,
internalContainerInstanceKey = "__reactContainer$" + randomKey,
internalEventHandlersKey = "__reactEvents$" + randomKey;
function precacheFiberNode(
hostInst, node
) {
node[internalInstanceKey] = hostInst;
}
function unmarkContainerAsRoot(
node
) {
node[internalContainerInstanceKey] = null;
}
function isContainerMarkedAsRoot(
node
) {
return !!node[internalContainerInstanceKey];
}
function getClosestInstanceFromNode(
targetNode
) {
var targetInst = targetNode[internalInstanceKey];
if (targetInst) return targetInst;
for (var parentNode = targetNode.parentNode; parentNode; ) {
if (
(targetInst =
parentNode[internalContainerInstanceKey] ||
parentNode[internalInstanceKey])
) {
var alternate = targetInst.alternate;
if (
null !== targetInst.child ||
(null !== alternate && null !== alternate.child)
)
for (
var suspenseInstance = getParentSuspenseInstance(
targetNode
);
null !== suspenseInstance;
) {
var targetSuspenseInst = suspenseInstance[internalInstanceKey];
if (targetSuspenseInst) return targetSuspenseInst;
suspenseInstance = getParentSuspenseInstance(
suspenseInstance
);
}
return targetInst;
}
parentNode = (targetNode = parentNode).parentNode;
}
return null;
}
function getInstanceFromNode(
node
) {
var inst = node[internalInstanceKey] || node[internalContainerInstanceKey];
return inst &&
(5 === inst.tag || 6 === inst.tag || 13 === inst.tag || 3 === inst.tag)
? inst
: null;
}
function getNodeFromInstance(
inst
) {
if (5 === inst.tag || 6 === inst.tag) return inst.stateNode;
throw Error(
"getNodeFromInstance: Invalid argument."
);
}
function getFiberCurrentPropsFromNode(
node
) {
return node[internalPropsKey] || null;
}
function updateFiberProps(
node, props
) {
node[internalPropsKey] = props;
}
function getEventListenerSet(
node
) {
var elementListenerSet = node[internalEventHandlersKey];
return (
void 0 === elementListenerSet &&
(elementListenerSet = node[internalEventHandlersKey] = new Set(
)),
elementListenerSet
);
}
var loggedTypeFailures = {
},
ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
function setCurrentlyValidatingElement(
element
) {
if (element) {
var owner = element._owner,
stack = describeUnknownElementTypeFrameInDEV(
element.type,
element._source,
owner ? owner.type : null,
);
ReactDebugCurrentFrame$1.setExtraStackFrame(
stack
);
} else ReactDebugCurrentFrame$1.setExtraStackFrame(
null
);
}
function checkPropTypes(
typeSpecs, values, location, componentName, element
) {
var has = Function.call.bind(
Object.prototype.hasOwnProperty
);
for (var typeSpecName in typeSpecs)
if (has(
typeSpecs,
typeSpecName
)) {
var error$1 = void 0;
try {
if ("function" != typeof typeSpecs[typeSpecName]) {
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`.",
);
throw ((err.name = "Invariant Violation"), 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;
}
!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
)),
error$1 instanceof Error &&
!(error$1.message in loggedTypeFailures) &&
((loggedTypeFailures[error$1.message] = !0),
setCurrentlyValidatingElement(
element
),
error(
"Failed %s type: %s",
location,
error$1.message
),
setCurrentlyValidatingElement(
null
));
}
}
var fiberStack,
valueStack = [];
fiberStack = [];
var warnedAboutMissingGetChildContext,
index = -1;
function createCursor(
defaultValue
) {
return {
current: defaultValue,
};
}
function pop(
cursor, fiber
) {
index < 0
? error(
"Unexpected pop."
)
: (fiber !== fiberStack[index] && error(
"Unexpected Fiber popped."
),
(cursor.current = valueStack[index]),
(valueStack[index] = null),
(fiberStack[index] = null),
index--);
}
function push(
cursor, value, fiber
) {
index++,
(valueStack[index] = cursor.current),
(fiberStack[index] = fiber),
(cursor.current = value);
}
warnedAboutMissingGetChildContext = {
};
var emptyContextObject = {
};
Object.freeze(
emptyContextObject
);
var contextStackCursor = createCursor(
emptyContextObject
),
didPerformWorkStackCursor = createCursor(
!1
),
previousContext = emptyContextObject;
function getUnmaskedContext(
workInProgress,
Component,
didPushOwnContextIfProvider,
) {
return didPushOwnContextIfProvider && isContextProvider(
Component
)
? previousContext
: contextStackCursor.current;
}
function cacheContext(
workInProgress, unmaskedContext, maskedContext
) {
var instance = workInProgress.stateNode;
(instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
(instance.__reactInternalMemoizedMaskedChildContext = maskedContext);
}
function getMaskedContext(
workInProgress, unmaskedContext
) {
var type = workInProgress.type,
contextTypes = type.contextTypes;
if (!contextTypes) return emptyContextObject;
var instance = workInProgress.stateNode;
if (
instance &&
instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
)
return instance.__reactInternalMemoizedMaskedChildContext;
var context = {
};
for (var key in contextTypes) context[key] = unmaskedContext[key];
return (
checkPropTypes(
contextTypes,
context,
"context",
getComponentName(
type
) || "Unknown",
),
instance && cacheContext(
workInProgress,
unmaskedContext,
context
),
context
);
}
function hasContextChanged(
) {
return didPerformWorkStackCursor.current;
}
function isContextProvider(
type
) {
var childContextTypes = type.childContextTypes;
return null != childContextTypes;
}
function popContext(
fiber
) {
pop(
didPerformWorkStackCursor,
fiber
), pop(
contextStackCursor,
fiber
);
}
function popTopLevelContextObject(
fiber
) {
pop(
didPerformWorkStackCursor,
fiber
), pop(
contextStackCursor,
fiber
);
}
function pushTopLevelContextObject(
fiber, context, didChange
) {
if (contextStackCursor.current !== emptyContextObject)
throw Error(
"Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue.",
);
push(
contextStackCursor,
context,
fiber
),
push(
didPerformWorkStackCursor,
didChange,
fiber
);
}
function processChildContext(
fiber, type, parentContext
) {
var instance = fiber.stateNode,
childContextTypes = type.childContextTypes;
if ("function" != typeof instance.getChildContext) {
var componentName = getComponentName(
type
) || "Unknown";
return (
warnedAboutMissingGetChildContext[componentName] ||
((warnedAboutMissingGetChildContext[componentName] = !0),
error(
"%s.childContextTypes is specified but there is no getChildContext() method on the instance. You can either define getChildContext() on %s or remove childContextTypes from it.",
componentName,
componentName,
)),
parentContext
);
}
var childContext = instance.getChildContext(
);
for (var contextKey in childContext)
if (!(contextKey in childContextTypes))
throw Error(
(getComponentName(
type
) || "Unknown") +
'.getChildContext(): key "' +
contextKey +
'" is not defined in childContextTypes.',
);
return (
checkPropTypes(
childContextTypes,
childContext,
"child context",
getComponentName(
type
) || "Unknown",
),
_assign(
{
},
parentContext,
childContext
)
);
}
function pushContextProvider(
workInProgress
) {
var instance = workInProgress.stateNode,
memoizedMergedChildContext =
(instance && instance.__reactInternalMemoizedMergedChildContext) ||
emptyContextObject;
return (
(previousContext = contextStackCursor.current),
push(
contextStackCursor,
memoizedMergedChildContext,
workInProgress
),
push(
didPerformWorkStackCursor,
didPerformWorkStackCursor.current,
workInProgress,
),
!0
);
}
function invalidateContextProvider(
workInProgress, type, didChange
) {
var instance = workInProgress.stateNode;
if (!instance)
throw Error(
"Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue.",
);
if (didChange) {
var mergedContext = processChildContext(
workInProgress,
type,
previousContext,
);
(instance.__reactInternalMemoizedMergedChildContext = mergedContext),
pop(
didPerformWorkStackCursor,
workInProgress
),
pop(
contextStackCursor,
workInProgress
),
push(
contextStackCursor,
mergedContext,
workInProgress
),
push(
didPerformWorkStackCursor,
didChange,
workInProgress
);
} else pop(
didPerformWorkStackCursor,
workInProgress
), push(
didPerformWorkStackCursor,
didChange,
workInProgress
);
}
function findCurrentUnmaskedContext(
fiber
) {
if (
!(function (
fiber
) {
return getNearestMountedFiber(
fiber
) === fiber;
})(
fiber
) ||
1 !== fiber.tag
)
throw Error(
"Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue.",
);
var node = fiber;
do {
switch (node.tag) {
case 3:
return node.stateNode.context;
case 1:
if (isContextProvider(
node.type
))
return node.stateNode.__reactInternalMemoizedMergedChildContext;
}
node = node.return;
} while (null !== node);
throw Error(
"Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue.",
);
}
var rendererID = null,
injectedHook = null,
hasLoggedError = !1,
isDevToolsPresent = "undefined" != typeof __REACT_DEVTOOLS_GLOBAL_HOOK__;
function onCommitRoot(
root, priorityLevel
) {
if (injectedHook && "function" == typeof injectedHook.onCommitFiberRoot)
try {
var didError = 64 == (64 & root.current.flags);
injectedHook.onCommitFiberRoot(
rendererID,
root,
priorityLevel,
didError,
);
} catch (err) {
hasLoggedError ||
((hasLoggedError = !0),
error(
"React instrumentation encountered an error: %s",
err
));
}
}
var Scheduler_runWithPriority = unstable_runWithPriority,
Scheduler_scheduleCallback = unstable_scheduleCallback,
Scheduler_cancelCallback = unstable_cancelCallback,
Scheduler_shouldYield = unstable_shouldYield,
Scheduler_requestPaint = unstable_requestPaint,
Scheduler_now$1 = unstable_now,
Scheduler_getCurrentPriorityLevel = unstable_getCurrentPriorityLevel,
Scheduler_ImmediatePriority = unstable_ImmediatePriority,
Scheduler_UserBlockingPriority = unstable_UserBlockingPriority,
Scheduler_NormalPriority = unstable_NormalPriority,
Scheduler_LowPriority = unstable_LowPriority,
Scheduler_IdlePriority = unstable_IdlePriority;
if (null == __interactionsRef || null == __interactionsRef.current)
throw Error(
"It is not supported to run the profiling version of a renderer (for example, `react-dom/profiling`) without also replacing the `scheduler/tracing` module with `scheduler/tracing-profiling`. Your bundler might have a setting for aliasing both modules. Learn more at https://reactjs.org/link/profiling",
);
var fakeCallbackNode = {
},
shouldYield = Scheduler_shouldYield,
requestPaint =
void 0 !== Scheduler_requestPaint
? Scheduler_requestPaint
: function (
) {},
syncQueue = null,
immediateQueueCallbackNode = null,
isFlushingSyncQueue = !1,
initialTimeMs$1 = Scheduler_now$1(
),
now =
initialTimeMs$1 < 1e4
? Scheduler_now$1
: function (
) {
return Scheduler_now$1(
) - initialTimeMs$1;
};
function getCurrentPriorityLevel(
) {
switch (Scheduler_getCurrentPriorityLevel(
)) {
case Scheduler_ImmediatePriority:
return 99;
case Scheduler_UserBlockingPriority:
return 98;
case Scheduler_NormalPriority:
return 97;
case Scheduler_LowPriority:
return 96;
case Scheduler_IdlePriority:
return 95;
default:
throw Error(
"Unknown priority level."
);
}
}
function reactPriorityToSchedulerPriority(
reactPriorityLevel
) {
switch (reactPriorityLevel) {
case 99:
return Scheduler_ImmediatePriority;
case 98:
return Scheduler_UserBlockingPriority;
case 97:
return Scheduler_NormalPriority;
case 96:
return Scheduler_LowPriority;
case 95:
return Scheduler_IdlePriority;
default:
throw Error(
"Unknown priority level."
);
}
}
function runWithPriority$1(
reactPriorityLevel, fn
) {
var priorityLevel = reactPriorityToSchedulerPriority(
reactPriorityLevel
);
return Scheduler_runWithPriority(
priorityLevel,
fn
);
}
function scheduleCallback(
reactPriorityLevel, callback, options
) {
var priorityLevel = reactPriorityToSchedulerPriority(
reactPriorityLevel
);
return Scheduler_scheduleCallback(
priorityLevel,
callback,
options
);
}
function cancelCallback(
callbackNode
) {
callbackNode !== fakeCallbackNode && Scheduler_cancelCallback(
callbackNode
);
}
function flushSyncCallbackQueue(
) {
if (null !== immediateQueueCallbackNode) {
var node = immediateQueueCallbackNode;
(immediateQueueCallbackNode = null), Scheduler_cancelCallback(
node
);
}
flushSyncCallbackQueueImpl(
);
}
function flushSyncCallbackQueueImpl(
) {
if (!isFlushingSyncQueue && null !== syncQueue) {
isFlushingSyncQueue = !0;
var i = 0;
try {
var _queue = syncQueue;
runWithPriority$1(
99,
function (
) {
for (; i < _queue.length; i++) {
var callback = _queue[i];
do {
callback = callback(
true
);
} while (null !== callback);
}
}
),
(syncQueue = null);
} catch (error) {
throw (
(null !== syncQueue && (syncQueue = syncQueue.slice(
i + 1
)),
Scheduler_scheduleCallback(
Scheduler_ImmediatePriority,
flushSyncCallbackQueue,
),
error)
);
} finally {
isFlushingSyncQueue = !1;
}
}
}
var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig;
var ReactStrictModeWarnings = {
recordUnsafeLifecycleWarnings: function (
fiber, instance
) {},
flushPendingUnsafeLifecycleWarnings: function (
) {},
recordLegacyContextWarning: function (
fiber, instance
) {},
flushLegacyContextWarning: function (
) {},
discardPendingWarnings: function (
) {},
},
setToSortedString = function (
set
) {
var array = [];
return (
set.forEach(
function (
value
) {
array.push(
value
);
}
),
array.sort(
).join(
", "
)
);
},
pendingComponentWillMountWarnings = [],
pendingUNSAFE_ComponentWillMountWarnings = [],
pendingComponentWillReceivePropsWarnings = [],
pendingUNSAFE_ComponentWillReceivePropsWarnings = [],
pendingComponentWillUpdateWarnings = [],
pendingUNSAFE_ComponentWillUpdateWarnings = [],
didWarnAboutUnsafeLifecycles = new Set(
);
(ReactStrictModeWarnings.recordUnsafeLifecycleWarnings = function (
fiber,
instance,
) {
didWarnAboutUnsafeLifecycles.has(
fiber.type
) ||
("function" == typeof instance.componentWillMount &&
!0 !== instance.componentWillMount.__suppressDeprecationWarning &&
pendingComponentWillMountWarnings.push(
fiber
),
1 & fiber.mode &&
"function" == typeof instance.UNSAFE_componentWillMount &&
pendingUNSAFE_ComponentWillMountWarnings.push(
fiber
),
"function" == typeof instance.componentWillReceiveProps &&
!0 !==
instance.componentWillReceiveProps.__suppressDeprecationWarning &&
pendingComponentWillReceivePropsWarnings.push(
fiber
),
1 & fiber.mode &&
"function" == typeof instance.UNSAFE_componentWillReceiveProps &&
pendingUNSAFE_ComponentWillReceivePropsWarnings.push(
fiber
),
"function" == typeof instance.componentWillUpdate &&
!0 !== instance.componentWillUpdate.__suppressDeprecationWarning &&
pendingComponentWillUpdateWarnings.push(
fiber
),
1 & fiber.mode &&
"function" == typeof instance.UNSAFE_componentWillUpdate &&
pendingUNSAFE_ComponentWillUpdateWarnings.push(
fiber
));
}),
(ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings = function (
) {
var componentWillMountUniqueNames = new Set(
);
pendingComponentWillMountWarnings.length > 0 &&
(pendingComponentWillMountWarnings.forEach(
function (
fiber
) {
componentWillMountUniqueNames.add(
getComponentName(
fiber.type
) || "Component",
),
didWarnAboutUnsafeLifecycles.add(
fiber.type
);
}
),
(pendingComponentWillMountWarnings = []));
var UNSAFE_componentWillMountUniqueNames = new Set(
);
pendingUNSAFE_ComponentWillMountWarnings.length > 0 &&
(pendingUNSAFE_ComponentWillMountWarnings.forEach(
function (
fiber
) {
UNSAFE_componentWillMountUniqueNames.add(
getComponentName(
fiber.type
) || "Component",
),
didWarnAboutUnsafeLifecycles.add(
fiber.type
);
}
),
(pendingUNSAFE_ComponentWillMountWarnings = []));
var componentWillReceivePropsUniqueNames = new Set(
);
pendingComponentWillReceivePropsWarnings.length > 0 &&
(pendingComponentWillReceivePropsWarnings.forEach(
function (
fiber
) {
componentWillReceivePropsUniqueNames.add(
getComponentName(
fiber.type
) || "Component",
),
didWarnAboutUnsafeLifecycles.add(
fiber.type
);
}
),
(pendingComponentWillReceivePropsWarnings = []));
var UNSAFE_componentWillReceivePropsUniqueNames = new Set(
);
pendingUNSAFE_ComponentWillReceivePropsWarnings.length > 0 &&
(pendingUNSAFE_ComponentWillReceivePropsWarnings.forEach(
function (
fiber,
) {
UNSAFE_componentWillReceivePropsUniqueNames.add(
getComponentName(
fiber.type
) || "Component",
),
didWarnAboutUnsafeLifecycles.add(
fiber.type
);
}
),
(pendingUNSAFE_ComponentWillReceivePropsWarnings = []));
var componentWillUpdateUniqueNames = new Set(
);
pendingComponentWillUpdateWarnings.length > 0 &&
(pendingComponentWillUpdateWarnings.forEach(
function (
fiber
) {
componentWillUpdateUniqueNames.add(
getComponentName(
fiber.type
) || "Component",
),
didWarnAboutUnsafeLifecycles.add(
fiber.type
);
}
),
(pendingComponentWillUpdateWarnings = []));
var UNSAFE_componentWillUpdateUniqueNames = new Set(
);
(pendingUNSAFE_ComponentWillUpdateWarnings.length > 0 &&
(pendingUNSAFE_ComponentWillUpdateWarnings.forEach(
function (
fiber
) {
UNSAFE_componentWillUpdateUniqueNames.add(
getComponentName(
fiber.type
) || "Component",
),
didWarnAboutUnsafeLifecycles.add(
fiber.type
);
}
),
(pendingUNSAFE_ComponentWillUpdateWarnings = [])),
UNSAFE_componentWillMountUniqueNames.size > 0) &&
error(
"Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. See https://reactjs.org/link/unsafe-component-lifecycles for details.\n\n* Move code with side effects to componentDidMount, and set initial state in the constructor.\n\nPlease update the following components: %s",
setToSortedString(
UNSAFE_componentWillMountUniqueNames
),
);
UNSAFE_componentWillReceivePropsUniqueNames.size > 0 &&
error(
"Using UNSAFE_componentWillReceiveProps in strict mode is not recommended and may indicate bugs in your code. See https://reactjs.org/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://reactjs.org/link/derived-state\n\nPlease update the following components: %s",
setToSortedString(
UNSAFE_componentWillReceivePropsUniqueNames
),
);
UNSAFE_componentWillUpdateUniqueNames.size > 0 &&
error(
"Using UNSAFE_componentWillUpdate in strict mode is not recommended and may indicate bugs in your code. See https://reactjs.org/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n\nPlease update the following components: %s",
setToSortedString(
UNSAFE_componentWillUpdateUniqueNames
),
);
componentWillMountUniqueNames.size > 0 &&
warn(
"componentWillMount has been renamed, and is not recommended for use. See https://reactjs.org/link/unsafe-component-lifecycles for details.\n\n* Move code with side effects to componentDidMount, and set initial state in the constructor.\n* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\nPlease update the following components: %s",
setToSortedString(
componentWillMountUniqueNames
),
);
componentWillReceivePropsUniqueNames.size > 0 &&
warn(
"componentWillReceiveProps has been renamed, and is not recommended for use. See https://reactjs.org/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://reactjs.org/link/derived-state\n* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\nPlease update the following components: %s",
setToSortedString(
componentWillReceivePropsUniqueNames
),
);
componentWillUpdateUniqueNames.size > 0 &&
warn(
"componentWillUpdate has been renamed, and is not recommended for use. See https://reactjs.org/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\nPlease update the following components: %s",
setToSortedString(
componentWillUpdateUniqueNames
),
);
});
var pendingLegacyContextWarning = new Map(
),
didWarnAboutLegacyContext = new Set(
);
function resolveDefaultProps(
Component, baseProps
) {
if (Component && Component.defaultProps) {
var props = _assign(
{
},
baseProps
),
defaultProps = Component.defaultProps;
for (var propName in defaultProps)
void 0 === props[propName] &&
(props[propName] = defaultProps[propName]);
return props;
}
return baseProps;
}
(ReactStrictModeWarnings.recordLegacyContextWarning = function (
fiber,
instance,
) {
var strictRoot = (function (
fiber
) {
for (var maybeStrictRoot = null, node = fiber; null !== node; )
1 & node.mode && (maybeStrictRoot = node), (node = node.return);
return maybeStrictRoot;
})(
fiber
);
if (null !== strictRoot) {
if (!didWarnAboutLegacyContext.has(
fiber.type
)) {
var warningsForRoot = pendingLegacyContextWarning.get(
strictRoot
);
(null != fiber.type.contextTypes ||
null != fiber.type.childContextTypes ||
(null !== instance &&
"function" == typeof instance.getChildContext)) &&
(void 0 === warningsForRoot &&
((warningsForRoot = []),
pendingLegacyContextWarning.set(
strictRoot,
warningsForRoot
)),
warningsForRoot.push(
fiber
));
}
} else
error(
"Expected to find a StrictMode component in a strict mode tree. This error is likely caused by a bug in React. Please file an issue.",
);
}),
(ReactStrictModeWarnings.flushLegacyContextWarning = function (
) {
pendingLegacyContextWarning.forEach(
function (
fiberArray, strictRoot
) {
if (0 !== fiberArray.length) {
var firstFiber = fiberArray[0],
uniqueNames = new Set(
);
fiberArray.forEach(
function (
fiber
) {
uniqueNames.add(
getComponentName(
fiber.type
) || "Component"
),
didWarnAboutLegacyContext.add(
fiber.type
);
}
);
var sortedNames = setToSortedString(
uniqueNames
);
try {
setCurrentFiber(
firstFiber
),
error(
"Legacy context API has been detected within a strict-mode tree.\n\nThe old API will be supported in all 16.x releases, but applications using it should migrate to the new version.\n\nPlease update the following components: %s\n\nLearn more about this warning here: https://reactjs.org/link/legacy-context",
sortedNames,
);
} finally {
resetCurrentFiber(
);
}
}
}
);
}),
(ReactStrictModeWarnings.discardPendingWarnings = function (
) {
(pendingComponentWillMountWarnings = []),
(pendingUNSAFE_ComponentWillMountWarnings = []),
(pendingComponentWillReceivePropsWarnings = []),
(pendingUNSAFE_ComponentWillReceivePropsWarnings = []),
(pendingComponentWillUpdateWarnings = []),
(pendingUNSAFE_ComponentWillUpdateWarnings = []),
(pendingLegacyContextWarning = new Map(
));
});
var rendererSigil,
valueCursor = createCursor(
null
);
rendererSigil = {
};
var currentlyRenderingFiber = null,
lastContextDependency = null,
lastContextWithAllBitsObserved = null,
isDisallowedContextReadInDEV = !1;
function resetContextDependencies(
) {
(currentlyRenderingFiber = null),
(lastContextDependency = null),
(lastContextWithAllBitsObserved = null),
(isDisallowedContextReadInDEV = !1);
}
function enterDisallowedContextReadInDEV(
) {
isDisallowedContextReadInDEV = !0;
}
function exitDisallowedContextReadInDEV(
) {
isDisallowedContextReadInDEV = !1;
}
function pushProvider(
providerFiber, nextValue
) {
var context = providerFiber.type._context;
push(
valueCursor,
context._currentValue,
providerFiber
),
(context._currentValue = nextValue),
void 0 !== context._currentRenderer &&
null !== context._currentRenderer &&
context._currentRenderer !== rendererSigil &&
error(
"Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported.",
),
(context._currentRenderer = rendererSigil);
}
function popProvider(
providerFiber
) {
var currentValue = valueCursor.current;
pop(
valueCursor,
providerFiber
),
(providerFiber.type._context._currentValue = currentValue);
}
function scheduleWorkOnParentPath(
parent, renderLanes
) {
for (var node = parent; null !== node; ) {
var alternate = node.alternate;
if (isSubsetOfLanes(
node.childLanes,
renderLanes
)) {
if (
null === alternate ||
isSubsetOfLanes(
alternate.childLanes,
renderLanes
)
)
break;
alternate.childLanes = mergeLanes(
alternate.childLanes,
renderLanes
);
} else
(node.childLanes = mergeLanes(
node.childLanes,
renderLanes
)),
null !== alternate &&
(alternate.childLanes = mergeLanes(
alternate.childLanes,
renderLanes,
));
node = node.return;
}
}
function prepareToReadContext(
workInProgress, renderLanes
) {
(currentlyRenderingFiber = workInProgress),
(lastContextDependency = null),
(lastContextWithAllBitsObserved = null);
var dependencies = workInProgress.dependencies;
null !== dependencies &&
null !== dependencies.firstContext &&
(includesSomeLane(
dependencies.lanes,
renderLanes
) &&
markWorkInProgressReceivedUpdate(
),
(dependencies.firstContext = null));
}
function readContext(
context, observedBits
) {
if (
(isDisallowedContextReadInDEV &&
error(
"Context can only be read while React is rendering. In classes, you can read it in the render method or getDerivedStateFromProps. In function components, you can read it directly in the function body, but not inside Hooks like useReducer() or useMemo().",
),
lastContextWithAllBitsObserved === context)
);
else if (!1 === observedBits || 0 === observedBits);
else {
var resolvedObservedBits;
"number" != typeof observedBits || 1073741823 === observedBits
? ((lastContextWithAllBitsObserved = context),
(resolvedObservedBits = 1073741823))
: (resolvedObservedBits = observedBits);
var contextItem = {
context: context,
observedBits: resolvedObservedBits,
next: null,
};
if (null === lastContextDependency) {
if (null === currentlyRenderingFiber)
throw Error(
"Context can only be read while React is rendering. In classes, you can read it in the render method or getDerivedStateFromProps. In function components, you can read it directly in the function body, but not inside Hooks like useReducer() or useMemo().",
);
(lastContextDependency = contextItem),
(currentlyRenderingFiber.dependencies = {
lanes: 0,
firstContext: contextItem,
responders: null,
});
} else lastContextDependency = lastContextDependency.next = contextItem;
}
return context._currentValue;
}
var didWarnUpdateInsideUpdate,
currentlyProcessingQueue,
ForceUpdate = 2,
hasForceUpdate = !1;
function initializeUpdateQueue(
fiber
) {
var queue = {
baseState: fiber.memoizedState,
firstBaseUpdate: null,
lastBaseUpdate: null,
shared: {
pending: null,
},
effects: null,
};
fiber.updateQueue = queue;
}
function cloneUpdateQueue(
current, workInProgress
) {
var queue = workInProgress.updateQueue,
currentQueue = current.updateQueue;
if (queue === currentQueue) {
var clone = {
baseState: currentQueue.baseState,
firstBaseUpdate: currentQueue.firstBaseUpdate,
lastBaseUpdate: currentQueue.lastBaseUpdate,
shared: currentQueue.shared,
effects: currentQueue.effects,
};
workInProgress.updateQueue = clone;
}
}
function createUpdate(
eventTime, lane
) {
return {
eventTime: eventTime,
lane: lane,
tag: 0,
payload: null,
callback: null,
next: null,
};
}
function enqueueUpdate(
fiber, update
) {
var updateQueue = fiber.updateQueue;
if (null !== updateQueue) {
var sharedQueue = updateQueue.shared,
pending = sharedQueue.pending;
null === pending
? (update.next = update)
: ((update.next = pending.next), (pending.next = update)),
(sharedQueue.pending = update),
currentlyProcessingQueue !== sharedQueue ||
didWarnUpdateInsideUpdate ||
(error(
"An update (setState, replaceState, or forceUpdate) was scheduled from inside an update function. Update functions should be pure, with zero side-effects. Consider using componentDidUpdate or a callback.",
),
(didWarnUpdateInsideUpdate = !0));
}
}
function enqueueCapturedUpdate(
workInProgress, capturedUpdate
) {
var queue = workInProgress.updateQueue,
current = workInProgress.alternate;
if (null !== current) {
var currentQueue = current.updateQueue;
if (queue === currentQueue) {
var newFirst = null,
newLast = null,
firstBaseUpdate = queue.firstBaseUpdate;
if (null !== firstBaseUpdate) {
var update = firstBaseUpdate;
do {
var clone = {
eventTime: update.eventTime,
lane: update.lane,
tag: update.tag,
payload: update.payload,
callback: update.callback,
next: null,
};
null === newLast
? (newFirst = newLast = clone)
: ((newLast.next = clone), (newLast = clone)),
(update = update.next);
} while (null !== update);
null === newLast
? (newFirst = newLast = capturedUpdate)
: ((newLast.next = capturedUpdate), (newLast = capturedUpdate));
} else newFirst = newLast = capturedUpdate;
return (
(queue = {
baseState: currentQueue.baseState,
firstBaseUpdate: newFirst,
lastBaseUpdate: newLast,
shared: currentQueue.shared,
effects: currentQueue.effects,
}),
void (workInProgress.updateQueue = queue)
);
}
}
var lastBaseUpdate = queue.lastBaseUpdate;
null === lastBaseUpdate
? (queue.firstBaseUpdate = capturedUpdate)
: (lastBaseUpdate.next = capturedUpdate),
(queue.lastBaseUpdate = capturedUpdate);
}
function getStateFromUpdate(
workInProgress,
queue,
update,
prevState,
nextProps,
instance,
) {
switch (update.tag) {
case 1:
var payload = update.payload;
if ("function" == typeof payload) {
enterDisallowedContextReadInDEV(
);
var nextState = payload.call(
instance,
prevState,
nextProps
);
if (1 & workInProgress.mode) {
disableLogs(
);
try {
payload.call(
instance,
prevState,
nextProps
);
} finally {
reenableLogs(
);
}
}
return exitDisallowedContextReadInDEV(
), nextState;
}
return payload;
case 3:
workInProgress.flags = (-4097 & workInProgress.flags) | 64;
case 0:
var partialState,
_payload = update.payload;
if ("function" == typeof _payload) {
if (
(enterDisallowedContextReadInDEV(
),
(partialState = _payload.call(
instance,
prevState,
nextProps
)),
1 & workInProgress.mode)
) {
disableLogs(
);
try {
_payload.call(
instance,
prevState,
nextProps
);
} finally {
reenableLogs(
);
}
}
exitDisallowedContextReadInDEV(
);
} else partialState = _payload;
return null == partialState
? prevState
: _assign(
{
},
prevState,
partialState
);
case ForceUpdate:
return (hasForceUpdate = !0), prevState;
}
return prevState;
}
function processUpdateQueue(
workInProgress, props, instance, renderLanes
) {
var queue = workInProgress.updateQueue;
(hasForceUpdate = !1), (currentlyProcessingQueue = queue.shared);
var firstBaseUpdate = queue.firstBaseUpdate,
lastBaseUpdate = queue.lastBaseUpdate,
pendingQueue = queue.shared.pending;
if (null !== pendingQueue) {
queue.shared.pending = null;
var lastPendingUpdate = pendingQueue,
firstPendingUpdate = lastPendingUpdate.next;
(lastPendingUpdate.next = null),
null === lastBaseUpdate
? (firstBaseUpdate = firstPendingUpdate)
: (lastBaseUpdate.next = firstPendingUpdate),
(lastBaseUpdate = lastPendingUpdate);
var current = workInProgress.alternate;
if (null !== current) {
var currentQueue = current.updateQueue,
currentLastBaseUpdate = currentQueue.lastBaseUpdate;
currentLastBaseUpdate !== lastBaseUpdate &&
(null === currentLastBaseUpdate
? (currentQueue.firstBaseUpdate = firstPendingUpdate)
: (currentLastBaseUpdate.next = firstPendingUpdate),
(currentQueue.lastBaseUpdate = lastPendingUpdate));
}
}
if (null !== firstBaseUpdate) {
for (
var newState = queue.baseState,
newLanes = 0,
newBaseState = null,
newFirstBaseUpdate = null,
newLastBaseUpdate = null,
update = firstBaseUpdate;
;
) {
var updateLane = update.lane,
updateEventTime = update.eventTime;
if (isSubsetOfLanes(
renderLanes,
updateLane
)) {
if (null !== newLastBaseUpdate) {
var _clone = {
eventTime: updateEventTime,
lane: 0,
tag: update.tag,
payload: update.payload,
callback: update.callback,
next: null,
};
newLastBaseUpdate = newLastBaseUpdate.next = _clone;
}
if (
((newState = getStateFromUpdate(
workInProgress,
0,
update,
newState,
props,
instance,
)),
null !== update.callback)
) {
workInProgress.flags |= 32;
var effects = queue.effects;
null === effects
? (queue.effects = [update,])
: effects.push(
update
);
}
} else {
var clone = {
eventTime: updateEventTime,
lane: updateLane,
tag: update.tag,
payload: update.payload,
callback: update.callback,
next: null,
};
null === newLastBaseUpdate
? ((newFirstBaseUpdate = newLastBaseUpdate = clone),
(newBaseState = newState))
: (newLastBaseUpdate = newLastBaseUpdate.next = clone),
(newLanes = mergeLanes(
newLanes,
updateLane
));
}
if (null === (update = update.next)) {
if (null === (pendingQueue = queue.shared.pending)) break;
var _lastPendingUpdate = pendingQueue,
_firstPendingUpdate = _lastPendingUpdate.next;
(_lastPendingUpdate.next = null),
(update = _firstPendingUpdate),
(queue.lastBaseUpdate = _lastPendingUpdate),
(queue.shared.pending = null);
}
}
null === newLastBaseUpdate && (newBaseState = newState),
(queue.baseState = newBaseState),
(queue.firstBaseUpdate = newFirstBaseUpdate),
(queue.lastBaseUpdate = newLastBaseUpdate),
markSkippedUpdateLanes(
newLanes
),
(workInProgress.lanes = newLanes),
(workInProgress.memoizedState = newState);
}
currentlyProcessingQueue = null;
}
function callCallback(
callback, context
) {
if ("function" != typeof callback)
throw Error(
"Invalid argument passed as callback. Expected a function. Instead received: " +
callback,
);
callback.call(
context
);
}
function resetHasForceUpdateBeforeProcessing(
) {
hasForceUpdate = !1;
}
function checkHasForceUpdateAfterProcessing(
) {
return hasForceUpdate;
}
function commitUpdateQueue(
finishedWork, finishedQueue, instance
) {
var effects = finishedQueue.effects;
if (((finishedQueue.effects = null), null !== effects))
for (var i = 0; i < effects.length; i++) {
var effect = effects[i],
callback = effect.callback;
null !== callback &&
((effect.callback = null), callCallback(
callback,
instance
));
}
}
(didWarnUpdateInsideUpdate = !1), (currentlyProcessingQueue = null);
var didWarnAboutStateAssignmentForComponent,
didWarnAboutUninitializedState,
didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate,
didWarnAboutLegacyLifecyclesAndDerivedState,
didWarnAboutUndefinedDerivedState,
warnOnUndefinedDerivedState,
warnOnInvalidCallback,
didWarnAboutDirectlyAssigningPropsToState,
didWarnAboutContextTypeAndContextTypes,
didWarnAboutInvalidateContextType,
fakeInternalInstance = {
},
isArray = Array.isArray,
emptyRefsObject = new React.Component(
).refs;
(didWarnAboutStateAssignmentForComponent = new Set(
)),
(didWarnAboutUninitializedState = new Set(
)),
(didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = new Set(
)),
(didWarnAboutLegacyLifecyclesAndDerivedState = new Set(
)),
(didWarnAboutDirectlyAssigningPropsToState = new Set(
)),
(didWarnAboutUndefinedDerivedState = new Set(
)),
(didWarnAboutContextTypeAndContextTypes = new Set(
)),
(didWarnAboutInvalidateContextType = new Set(
));
var didWarnOnInvalidCallback = new Set(
);
function applyDerivedStateFromProps(
workInProgress,
ctor,
getDerivedStateFromProps,
nextProps,
) {
var prevState = workInProgress.memoizedState;
if (1 & workInProgress.mode) {
disableLogs(
);
try {
getDerivedStateFromProps(
nextProps,
prevState
);
} finally {
reenableLogs(
);
}
}
var partialState = getDerivedStateFromProps(
nextProps,
prevState
);
warnOnUndefinedDerivedState(
ctor,
partialState
);
var memoizedState =
null == partialState
? prevState
: _assign(
{
},
prevState,
partialState
);
((workInProgress.memoizedState = memoizedState),
0 === workInProgress.lanes) &&
(workInProgress.updateQueue.baseState = memoizedState);
}
(warnOnInvalidCallback = function (
callback, callerName
) {
if (null !== callback && "function" != typeof callback) {
var key = callerName + "_" + callback;
didWarnOnInvalidCallback.has(
key
) ||
(didWarnOnInvalidCallback.add(
key
),
error(
"%s(...): Expected the last optional `callback` argument to be a function. Instead received: %s.",
callerName,
callback,
));
}
}),
(warnOnUndefinedDerivedState = function (
type, partialState
) {
if (void 0 === partialState) {
var componentName = getComponentName(
type
) || "Component";
didWarnAboutUndefinedDerivedState.has(
componentName
) ||
(didWarnAboutUndefinedDerivedState.add(
componentName
),
error(
"%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. You have returned undefined.",
componentName,
));
}
}),
Object.defineProperty(
fakeInternalInstance,
"_processChildContext",
{
enumerable: !1,
value: function (
) {
throw Error(
"_processChildContext is not available in React 16+. This likely means you have multiple copies of React and are attempting to nest a React 15 tree inside a React 16 tree using unstable_renderSubtreeIntoContainer, which isn't supported. Try to make sure you have only one copy of React (and ideally, switch to ReactDOM.createPortal).",
);
},
}
),
Object.freeze(
fakeInternalInstance
);
var didWarnAboutMaps,
didWarnAboutGenerators,
didWarnAboutStringRefs,
ownerHasKeyUseWarning,
ownerHasFunctionTypeWarning,
classComponentUpdater = {
isMounted: function (
component
) {
var owner = ReactCurrentOwner.current;
if (null !== owner && 1 === owner.tag) {
var ownerFiber = owner,
instance = ownerFiber.stateNode;
instance._warnedAboutRefsInRender ||
error(
"%s is accessing isMounted inside its render() function. render() should be a pure function of props and state. It should never access something that requires stale data from the previous render, such as refs. Move this logic to componentDidMount and componentDidUpdate instead.",
getComponentName(
ownerFiber.type
) || "A component",
),
(instance._warnedAboutRefsInRender = !0);
}
var fiber = get(
component
);
return !!fiber && getNearestMountedFiber(
fiber
) === fiber;
},
enqueueSetState: function (
inst, payload, callback
) {
var fiber = get(
inst
),
eventTime = requestEventTime(
),
lane = requestUpdateLane(
fiber
),
update = createUpdate(
eventTime,
lane
);
(update.payload = payload),
null != callback &&
(warnOnInvalidCallback(
callback,
"setState"
),
(update.callback = callback)),
enqueueUpdate(
fiber,
update
),
scheduleUpdateOnFiber(
fiber,
lane,
eventTime
);
},
enqueueReplaceState: function (
inst, payload, callback
) {
var fiber = get(
inst
),
eventTime = requestEventTime(
),
lane = requestUpdateLane(
fiber
),
update = createUpdate(
eventTime,
lane
);
(update.tag = 1),
(update.payload = payload),
null != callback &&
(warnOnInvalidCallback(
callback,
"replaceState"
),
(update.callback = callback)),
enqueueUpdate(
fiber,
update
),
scheduleUpdateOnFiber(
fiber,
lane,
eventTime
);
},
enqueueForceUpdate: function (
inst, callback
) {
var fiber = get(
inst
),
eventTime = requestEventTime(
),
lane = requestUpdateLane(
fiber
),
update = createUpdate(
eventTime,
lane
);
(update.tag = ForceUpdate),
null != callback &&
(warnOnInvalidCallback(
callback,
"forceUpdate"
),
(update.callback = callback)),
enqueueUpdate(
fiber,
update
),
scheduleUpdateOnFiber(
fiber,
lane,
eventTime
);
},
};
function checkShouldComponentUpdate(
workInProgress,
ctor,
oldProps,
newProps,
oldState,
newState,
nextContext,
) {
var instance = workInProgress.stateNode;
if ("function" == typeof instance.shouldComponentUpdate) {
if (1 & workInProgress.mode) {
disableLogs(
);
try {
instance.shouldComponentUpdate(
newProps,
newState,
nextContext
);
} finally {
reenableLogs(
);
}
}
var shouldUpdate = instance.shouldComponentUpdate(
newProps,
newState,
nextContext,
);
return (
void 0 === shouldUpdate &&
error(
"%s.shouldComponentUpdate(): Returned undefined instead of a boolean value. Make sure to return true or false.",
getComponentName(
ctor
) || "Component",
),
shouldUpdate
);
}
return (
!ctor.prototype ||
!ctor.prototype.isPureReactComponent ||
!shallowEqual(
oldProps,
newProps
) ||
!shallowEqual(
oldState,
newState
)
);
}
function adoptClassInstance(
workInProgress, instance
) {
var value;
(instance.updater = classComponentUpdater),
(workInProgress.stateNode = instance),
(value = workInProgress),
(instance._reactInternals = value),
(instance._reactInternalInstance = fakeInternalInstance);
}
function constructClassInstance(
workInProgress, ctor, props
) {
var isLegacyContextConsumer = !1,
unmaskedContext = emptyContextObject,
context = emptyContextObject,
contextType = ctor.contextType;
if (
"contextType" in ctor &&
!(
null === contextType ||
(void 0 !== contextType &&
contextType.$$typeof === REACT_CONTEXT_TYPE &&
void 0 === contextType._context)
) &&
!didWarnAboutInvalidateContextType.has(
ctor
)
) {
didWarnAboutInvalidateContextType.add(
ctor
);
var addendum = "";
(addendum =
void 0 === contextType
? " However, it is set to undefined. This can be caused by a typo or by mixing up named and default imports. This can also happen due to a circular dependency, so try moving the createContext() call to a separate file."
: "object" != typeof contextType
? " However, it is set to a " + typeof contextType + "."
: contextType.$$typeof === REACT_PROVIDER_TYPE
? " Did you accidentally pass the Context.Provider instead?"
: void 0 !== contextType._context
? " Did you accidentally pass the Context.Consumer instead?"
: " However, it is set to an object with keys {" +
Object.keys(
contextType
).join(
", "
) +
"}."),
error(
"%s defines an invalid contextType. contextType should point to the Context object returned by React.createContext().%s",
getComponentName(
ctor
) || "Component",
addendum,
);
}
if ("object" == typeof contextType && null !== contextType)
context = readContext(
contextType
);
else {
unmaskedContext = getUnmaskedContext(
0,
ctor,
!0
);
var contextTypes = ctor.contextTypes;
context = (isLegacyContextConsumer = null != contextTypes)
? getMaskedContext(
workInProgress,
unmaskedContext
)
: emptyContextObject;
}
if (1 & workInProgress.mode) {
disableLogs(
);
try {
new ctor(
props,
context
);
} finally {
reenableLogs(
);
}
}
var instance = new ctor(
props,
context
),
state = (workInProgress.memoizedState =
null !== instance.state && void 0 !== instance.state
? instance.state
: null);
if (
(adoptClassInstance(
workInProgress,
instance
),
"function" == typeof ctor.getDerivedStateFromProps && null === state)
) {
var componentName = getComponentName(
ctor
) || "Component";
didWarnAboutUninitializedState.has(
componentName
) ||
(didWarnAboutUninitializedState.add(
componentName
),
error(
"`%s` uses `getDerivedStateFromProps` but its initial state is %s. This is not recommended. Instead, define the initial state by assigning an object to `this.state` in the constructor of `%s`. This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",
componentName,
null === instance.state ? "null" : "undefined",
componentName,
));
}
if (
"function" == typeof ctor.getDerivedStateFromProps ||
"function" == typeof instance.getSnapshotBeforeUpdate
) {
var foundWillMountName = null,
foundWillReceivePropsName = null,
foundWillUpdateName = null;
if (
("function" == typeof instance.componentWillMount &&
!0 !== instance.componentWillMount.__suppressDeprecationWarning
? (foundWillMountName = "componentWillMount")
: "function" == typeof instance.UNSAFE_componentWillMount &&
(foundWillMountName = "UNSAFE_componentWillMount"),
"function" == typeof instance.componentWillReceiveProps &&
!0 !== instance.componentWillReceiveProps.__suppressDeprecationWarning
? (foundWillReceivePropsName = "componentWillReceiveProps")
: "function" == typeof instance.UNSAFE_componentWillReceiveProps &&
(foundWillReceivePropsName = "UNSAFE_componentWillReceiveProps"),
"function" == typeof instance.componentWillUpdate &&
!0 !== instance.componentWillUpdate.__suppressDeprecationWarning
? (foundWillUpdateName = "componentWillUpdate")
: "function" == typeof instance.UNSAFE_componentWillUpdate &&
(foundWillUpdateName = "UNSAFE_componentWillUpdate"),
null !== foundWillMountName ||
null !== foundWillReceivePropsName ||
null !== foundWillUpdateName)
) {
var _componentName = getComponentName(
ctor
) || "Component",
newApiName =
"function" == typeof ctor.getDerivedStateFromProps
? "getDerivedStateFromProps()"
: "getSnapshotBeforeUpdate()";
didWarnAboutLegacyLifecyclesAndDerivedState.has(
_componentName
) ||
(didWarnAboutLegacyLifecyclesAndDerivedState.add(
_componentName
),
error(
"Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://reactjs.org/link/unsafe-component-lifecycles",
_componentName,
newApiName,
null !== foundWillMountName ? "\n " + foundWillMountName : "",
null !== foundWillReceivePropsName
? "\n " + foundWillReceivePropsName
: "",
null !== foundWillUpdateName ? "\n " + foundWillUpdateName : "",
));
}
}
return (
isLegacyContextConsumer &&
cacheContext(
workInProgress,
unmaskedContext,
context
),
instance
);
}
function callComponentWillReceiveProps(
workInProgress,
instance,
newProps,
nextContext,
) {
var oldState = instance.state;
if (
("function" == typeof instance.componentWillReceiveProps &&
instance.componentWillReceiveProps(
newProps,
nextContext
),
"function" == typeof instance.UNSAFE_componentWillReceiveProps &&
instance.UNSAFE_componentWillReceiveProps(
newProps,
nextContext
),
instance.state !== oldState)
) {
var componentName = getComponentName(
workInProgress.type
) || "Component";
didWarnAboutStateAssignmentForComponent.has(
componentName
) ||
(didWarnAboutStateAssignmentForComponent.add(
componentName
),
error(
"%s.componentWillReceiveProps(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
componentName,
)),
classComponentUpdater.enqueueReplaceState(
instance,
instance.state,
null,
);
}
}
function mountClassInstance(
workInProgress, ctor, newProps, renderLanes
) {
!(function (
workInProgress, ctor, newProps
) {
var instance = workInProgress.stateNode,
name = getComponentName(
ctor
) || "Component";
instance.render ||
(ctor.prototype && "function" == typeof ctor.prototype.render
? error(
"%s(...): No `render` method found on the returned component instance: did you accidentally return an object from the constructor?",
name,
)
: error(
"%s(...): No `render` method found on the returned component instance: you may have forgotten to define `render`.",
name,
)),
!instance.getInitialState ||
instance.getInitialState.isReactClassApproved ||
instance.state ||
error(
"getInitialState was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Did you mean to define a state property instead?",
name,
),
instance.getDefaultProps &&
!instance.getDefaultProps.isReactClassApproved &&
error(
"getDefaultProps was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Use a static property to define defaultProps instead.",
name,
),
instance.propTypes &&
error(
"propTypes was defined as an instance property on %s. Use a static property to define propTypes instead.",
name,
),
instance.contextType &&
error(
"contextType was defined as an instance property on %s. Use a static property to define contextType instead.",
name,
),
instance.contextTypes &&
error(
"contextTypes was defined as an instance property on %s. Use a static property to define contextTypes instead.",
name,
),
ctor.contextType &&
ctor.contextTypes &&
!didWarnAboutContextTypeAndContextTypes.has(
ctor
) &&
(didWarnAboutContextTypeAndContextTypes.add(
ctor
),
error(
"%s declares both contextTypes and contextType static properties. The legacy contextTypes property will be ignored.",
name,
)),
"function" == typeof instance.componentShouldUpdate &&
error(
"%s has a method called componentShouldUpdate(). Did you mean shouldComponentUpdate()? The name is phrased as a question because the function is expected to return a value.",
name,
),
ctor.prototype &&
ctor.prototype.isPureReactComponent &&
void 0 !== instance.shouldComponentUpdate &&
error(
"%s has a method called shouldComponentUpdate(). shouldComponentUpdate should not be used when extending React.PureComponent. Please extend React.Component if shouldComponentUpdate is used.",
getComponentName(
ctor
) || "A pure component",
),
"function" == typeof instance.componentDidUnmount &&
error(
"%s has a method called componentDidUnmount(). But there is no such lifecycle method. Did you mean componentWillUnmount()?",
name,
),
"function" == typeof instance.componentDidReceiveProps &&
error(
"%s has a method called componentDidReceiveProps(). But there is no such lifecycle method. If you meant to update the state in response to changing props, use componentWillReceiveProps(). If you meant to fetch data or run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
name,
),
"function" == typeof instance.componentWillRecieveProps &&
error(
"%s has a method called componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
name,
),
"function" == typeof instance.UNSAFE_componentWillRecieveProps &&
error(
"%s has a method called UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
name,
);
var hasMutatedProps = instance.props !== newProps;
void 0 !== instance.props &&
hasMutatedProps &&
error(
"%s(...): When calling super() in `%s`, make sure to pass up the same props that your component's constructor was passed.",
name,
name,
),
instance.defaultProps &&
error(
"Setting defaultProps as an instance property on %s is not supported and will be ignored. Instead, define defaultProps as a static property on %s.",
name,
name,
),
"function" != typeof instance.getSnapshotBeforeUpdate ||
"function" == typeof instance.componentDidUpdate ||
didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(
ctor
) ||
(didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(
ctor
),
error(
"%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). This component defines getSnapshotBeforeUpdate() only.",
getComponentName(
ctor
),
)),
"function" == typeof instance.getDerivedStateFromProps &&
error(
"%s: getDerivedStateFromProps() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
name,
),
"function" == typeof instance.getDerivedStateFromError &&
error(
"%s: getDerivedStateFromError() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
name,
),
"function" == typeof ctor.getSnapshotBeforeUpdate &&
error(
"%s: getSnapshotBeforeUpdate() is defined as a static method and will be ignored. Instead, declare it as an instance method.",
name,
);
var _state = instance.state;
_state &&
("object" != typeof _state || isArray(
_state
)) &&
error(
"%s.state: must be set to an object or null",
name
),
"function" == typeof instance.getChildContext &&
"object" != typeof ctor.childContextTypes &&
error(
"%s.getChildContext(): childContextTypes must be defined in order to use getChildContext().",
name,
);
})(
workInProgress,
ctor,
newProps
);
var instance = workInProgress.stateNode;
(instance.props = newProps),
(instance.state = workInProgress.memoizedState),
(instance.refs = emptyRefsObject),
initializeUpdateQueue(
workInProgress
);
var contextType = ctor.contextType;
if ("object" == typeof contextType && null !== contextType)
instance.context = readContext(
contextType
);
else {
var unmaskedContext = getUnmaskedContext(
0,
ctor,
!0
);
instance.context = getMaskedContext(
workInProgress,
unmaskedContext
);
}
if (instance.state === newProps) {
var componentName = getComponentName(
ctor
) || "Component";
didWarnAboutDirectlyAssigningPropsToState.has(
componentName
) ||
(didWarnAboutDirectlyAssigningPropsToState.add(
componentName
),
error(
"%s: It is not recommended to assign props directly to state because updates to props won't be reflected in state. In most cases, it is better to use props directly.",
componentName,
));
}
1 & workInProgress.mode &&
ReactStrictModeWarnings.recordLegacyContextWarning(
workInProgress,
instance,
),
ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
workInProgress,
instance,
),
processUpdateQueue(
workInProgress,
newProps,
instance,
renderLanes
),
(instance.state = workInProgress.memoizedState);
var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
"function" == typeof getDerivedStateFromProps &&
(applyDerivedStateFromProps(
workInProgress,
ctor,
getDerivedStateFromProps,
newProps,
),
(instance.state = workInProgress.memoizedState)),
"function" == typeof ctor.getDerivedStateFromProps ||
"function" == typeof instance.getSnapshotBeforeUpdate ||
("function" != typeof instance.UNSAFE_componentWillMount &&
"function" != typeof instance.componentWillMount) ||
(!(function (
workInProgress, instance
) {
var oldState = instance.state;
"function" == typeof instance.componentWillMount &&
instance.componentWillMount(
),
"function" == typeof instance.UNSAFE_componentWillMount &&
instance.UNSAFE_componentWillMount(
),
oldState !== instance.state &&
(error(
"%s.componentWillMount(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
getComponentName(
workInProgress.type
) || "Component",
),
classComponentUpdater.enqueueReplaceState(
instance,
instance.state,
null,
));
})(
workInProgress,
instance
),
processUpdateQueue(
workInProgress,
newProps,
instance,
renderLanes
),
(instance.state = workInProgress.memoizedState)),
"function" == typeof instance.componentDidMount &&
(workInProgress.flags |= 4);
}
var warnForMissingKey;
(didWarnAboutMaps = !1),
(didWarnAboutGenerators = !1),
(didWarnAboutStringRefs = {
}),
(ownerHasKeyUseWarning = {
}),
(ownerHasFunctionTypeWarning = {
}),
(warnForMissingKey = function (
child, returnFiber
) {
if (
null !== child &&
"object" == typeof child &&
child._store &&
!child._store.validated &&
null == child.key
) {
if ("object" != typeof child._store)
throw Error(
"React Component in warnForMissingKey should have a _store. This error is likely caused by a bug in React. Please file an issue.",
);
child._store.validated = !0;
var componentName = getComponentName(
returnFiber.type
) || "Component";
ownerHasKeyUseWarning[componentName] ||
((ownerHasKeyUseWarning[componentName] = !0),
error(
'Each child in a list should have a unique "key" prop. See https://reactjs.org/link/warning-keys for more information.',
));
}
});
var isArray$1 = Array.isArray;
function coerceRef(
returnFiber, current, element
) {
var mixedRef = element.ref;
if (
null !== mixedRef &&
"function" != typeof mixedRef &&
"object" != typeof mixedRef
) {
if (
1 & returnFiber.mode &&
(!element._owner ||
!element._self ||
element._owner.stateNode === element._self)
) {
var componentName = getComponentName(
returnFiber.type
) || "Component";
didWarnAboutStringRefs[componentName] ||
(error(
'A string ref, "%s", has been found within a strict mode tree. String refs are a source of potential bugs and should be avoided. We recommend using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',
mixedRef,
),
(didWarnAboutStringRefs[componentName] = !0));
}
if (element._owner) {
var inst,
owner = element._owner;
if (owner) {
var ownerFiber = owner;
if (1 !== ownerFiber.tag)
throw Error(
"Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref",
);
inst = ownerFiber.stateNode;
}
if (!inst)
throw Error(
"Missing owner for string ref " +
mixedRef +
". This error is likely caused by a bug in React. Please file an issue.",
);
var stringRef = "" + mixedRef;
if (
null !== current &&
null !== current.ref &&
"function" == typeof current.ref &&
current.ref._stringRef === stringRef
)
return current.ref;
var ref = function (
value
) {
var refs = inst.refs;
refs === emptyRefsObject && (refs = inst.refs = {
}),
null === value ? delete refs[stringRef] : (refs[stringRef] = value);
};
return (ref._stringRef = stringRef), ref;
}
if ("string" != typeof mixedRef)
throw Error(
"Expected ref to be a function, a string, an object returned by React.createRef(), or null.",
);
if (!element._owner)
throw Error(
"Element ref was specified as a string (" +
mixedRef +
") but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a function component\n2. You may be adding a ref to a component that was not created inside a component's render method\n3. You have multiple copies of React loaded\nSee https://reactjs.org/link/refs-must-have-owner for more information.",
);
}
return mixedRef;
}
function throwOnInvalidObjectType(
returnFiber, newChild
) {
if ("textarea" !== returnFiber.type)
throw Error(
"Objects are not valid as a React child (found: " +
("[object Object]" === Object.prototype.toString.call(
newChild
)
? "object with keys {" + Object.keys(
newChild
).join(
", "
) + "}"
: newChild) +
"). If you meant to render a collection of children, use an array instead.",
);
}
function warnOnFunctionType(
returnFiber
) {
var componentName = getComponentName(
returnFiber.type
) || "Component";
ownerHasFunctionTypeWarning[componentName] ||
((ownerHasFunctionTypeWarning[componentName] = !0),
error(
"Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it.",
));
}
function ChildReconciler(
shouldTrackSideEffects
) {
function deleteChild(
returnFiber, childToDelete
) {
if (shouldTrackSideEffects) {
var last = returnFiber.lastEffect;
null !== last
? ((last.nextEffect = childToDelete),
(returnFiber.lastEffect = childToDelete))
: (returnFiber.firstEffect = returnFiber.lastEffect = childToDelete),
(childToDelete.nextEffect = null),
(childToDelete.flags = 8);
}
}
function deleteRemainingChildren(
returnFiber, currentFirstChild
) {
if (!shouldTrackSideEffects) return null;
for (var childToDelete = currentFirstChild; null !== childToDelete; )
deleteChild(
returnFiber,
childToDelete
),
(childToDelete = childToDelete.sibling);
return null;
}
function mapRemainingChildren(
returnFiber, currentFirstChild
) {
for (
var existingChildren = new Map(
), existingChild = currentFirstChild;
null !== existingChild;
)
null !== existingChild.key
? existingChildren.set(
existingChild.key,
existingChild
)
: existingChildren.set(
existingChild.index,
existingChild
),
(existingChild = existingChild.sibling);
return existingChildren;
}
function useFiber(
fiber, pendingProps
) {
var clone = createWorkInProgress(
fiber,
pendingProps
);
return (clone.index = 0), (clone.sibling = null), clone;
}
function placeChild(
newFiber, lastPlacedIndex, newIndex
) {
if (((newFiber.index = newIndex), !shouldTrackSideEffects))
return lastPlacedIndex;
var current = newFiber.alternate;
if (null !== current) {
var oldIndex = current.index;
return oldIndex < lastPlacedIndex
? ((newFiber.flags = 2), lastPlacedIndex)
: oldIndex;
}
return (newFiber.flags = 2), lastPlacedIndex;
}
function placeSingleChild(
newFiber
) {
return (
shouldTrackSideEffects &&
null === newFiber.alternate &&
(newFiber.flags = 2),
newFiber
);
}
function updateTextNode(
returnFiber, current, textContent, lanes
) {
if (null === current || 6 !== current.tag) {
var created = createFiberFromText(
textContent,
returnFiber.mode,
lanes
);
return (created.return = returnFiber), created;
}
var existing = useFiber(
current,
textContent
);
return (existing.return = returnFiber), existing;
}
function updateElement(
returnFiber, current, element, lanes
) {
if (
null !== current &&
(current.elementType === element.type ||
isCompatibleFamilyForHotReloading(
current,
element
))
) {
var existing = useFiber(
current,
element.props
);
return (
(existing.ref = coerceRef(
returnFiber,
current,
element
)),
(existing.return = returnFiber),
(existing._debugSource = element._source),
(existing._debugOwner = element._owner),
existing
);
}
var created = createFiberFromElement(
element,
returnFiber.mode,
lanes
);
return (
(created.ref = coerceRef(
returnFiber,
current,
element
)),
(created.return = returnFiber),
created
);
}
function updatePortal(
returnFiber, current, portal, lanes
) {
if (
null === current ||
4 !== current.tag ||
current.stateNode.containerInfo !== portal.containerInfo ||
current.stateNode.implementation !== portal.implementation
) {
var created = createFiberFromPortal(
portal,
returnFiber.mode,
lanes
);
return (created.return = returnFiber), created;
}
var existing = useFiber(
current,
portal.children || []
);
return (existing.return = returnFiber), existing;
}
function updateFragment(
returnFiber, current, fragment, lanes, key
) {
if (null === current || 7 !== current.tag) {
var created = createFiberFromFragment(
fragment,
returnFiber.mode,
lanes,
key,
);
return (created.return = returnFiber), created;
}
var existing = useFiber(
current,
fragment
);
return (existing.return = returnFiber), existing;
}
function createChild(
returnFiber, newChild, lanes
) {
if ("string" == typeof newChild || "number" == typeof newChild) {
var created = createFiberFromText(
"" + newChild,
returnFiber.mode,
lanes,
);
return (created.return = returnFiber), created;
}
if ("object" == typeof newChild && null !== newChild) {
switch (newChild.$$typeof) {
case REACT_ELEMENT_TYPE:
var _created = createFiberFromElement(
newChild,
returnFiber.mode,
lanes,
);
return (
(_created.ref = coerceRef(
returnFiber,
null,
newChild
)),
(_created.return = returnFiber),
_created
);
case REACT_PORTAL_TYPE:
var _created2 = createFiberFromPortal(
newChild,
returnFiber.mode,
lanes,
);
return (_created2.return = returnFiber), _created2;
}
if (isArray$1(
newChild
) || getIteratorFn(
newChild
)) {
var _created3 = createFiberFromFragment(
newChild,
returnFiber.mode,
lanes,
null,
);
return (_created3.return = returnFiber), _created3;
}
throwOnInvalidObjectType(
returnFiber,
newChild
);
}
return (
"function" == typeof newChild && warnOnFunctionType(
returnFiber
), null
);
}
function updateSlot(
returnFiber, oldFiber, newChild, lanes
) {
var key = null !== oldFiber ? oldFiber.key : null;
if ("string" == typeof newChild || "number" == typeof newChild)
return null !== key
? null
: updateTextNode(
returnFiber,
oldFiber,
"" + newChild,
lanes
);
if ("object" == typeof newChild && null !== newChild) {
switch (newChild.$$typeof) {
case REACT_ELEMENT_TYPE:
return newChild.key === key
? newChild.type === REACT_FRAGMENT_TYPE
? updateFragment(
returnFiber,
oldFiber,
newChild.props.children,
lanes,
key,
)
: updateElement(
returnFiber,
oldFiber,
newChild,
lanes
)
: null;
case REACT_PORTAL_TYPE:
return newChild.key === key
? updatePortal(
returnFiber,
oldFiber,
newChild,
lanes
)
: null;
}
if (isArray$1(
newChild
) || getIteratorFn(
newChild
))
return null !== key
? null
: updateFragment(
returnFiber,
oldFiber,
newChild,
lanes,
null
);
throwOnInvalidObjectType(
returnFiber,
newChild
);
}
return (
"function" == typeof newChild && warnOnFunctionType(
returnFiber
), null
);
}
function updateFromMap(
existingChildren,
returnFiber,
newIdx,
newChild,
lanes,
) {
if ("string" == typeof newChild || "number" == typeof newChild)
return updateTextNode(
returnFiber,
existingChildren.get(
newIdx
) || null,
"" + newChild,
lanes,
);
if ("object" == typeof newChild && null !== newChild) {
switch (newChild.$$typeof) {
case REACT_ELEMENT_TYPE:
var _matchedFiber =
existingChildren.get(
null === newChild.key ? newIdx : newChild.key,
) || null;
return newChild.type === REACT_FRAGMENT_TYPE
? updateFragment(
returnFiber,
_matchedFiber,
newChild.props.children,
lanes,
newChild.key,
)
: updateElement(
returnFiber,
_matchedFiber,
newChild,
lanes
);
case REACT_PORTAL_TYPE:
return updatePortal(
returnFiber,
existingChildren.get(
null === newChild.key ? newIdx : newChild.key,
) || null,
newChild,
lanes,
);
}
if (isArray$1(
newChild
) || getIteratorFn(
newChild
))
return updateFragment(
returnFiber,
existingChildren.get(
newIdx
) || null,
newChild,
lanes,
null,
);
throwOnInvalidObjectType(
returnFiber,
newChild
);
}
return (
"function" == typeof newChild && warnOnFunctionType(
returnFiber
), null
);
}
function warnOnInvalidKey(
child, knownKeys, returnFiber
) {
if ("object" != typeof child || null === child) return knownKeys;
switch (child.$$typeof) {
case REACT_ELEMENT_TYPE:
case REACT_PORTAL_TYPE:
warnForMissingKey(
child,
returnFiber
);
var key = child.key;
if ("string" != typeof key) break;
if (null === knownKeys) {
(knownKeys = new Set(
)).add(
key
);
break;
}
if (!knownKeys.has(
key
)) {
knownKeys.add(
key
);
break;
}
error(
"Encountered two children with the same key, `%s`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.",
key,
);
}
return knownKeys;
}
return function (
returnFiber, currentFirstChild, newChild, lanes
) {
var isUnkeyedTopLevelFragment =
"object" == typeof newChild &&
null !== newChild &&
newChild.type === REACT_FRAGMENT_TYPE &&
null === newChild.key;
isUnkeyedTopLevelFragment && (newChild = newChild.props.children);
var isObject = "object" == typeof newChild && null !== newChild;
if (isObject)
switch (newChild.$$typeof) {
case REACT_ELEMENT_TYPE:
return placeSingleChild(
(function (
returnFiber, currentFirstChild, element, lanes
) {
for (
var key = element.key, child = currentFirstChild;
null !== child;
) {
if (child.key === key) {
switch (child.tag) {
case 7:
if (element.type === REACT_FRAGMENT_TYPE) {
deleteRemainingChildren(
returnFiber,
child.sibling
);
var existing = useFiber(
child,
element.props.children,
);
return (
(existing.return = returnFiber),
(existing._debugSource = element._source),
(existing._debugOwner = element._owner),
existing
);
}
break;
case 22:
default:
if (
child.elementType === element.type ||
isCompatibleFamilyForHotReloading(
child,
element
)
) {
deleteRemainingChildren(
returnFiber,
child.sibling
);
var _existing3 = useFiber(
child,
element.props
);
return (
(_existing3.ref = coerceRef(
returnFiber,
child,
element,
)),
(_existing3.return = returnFiber),
(_existing3._debugSource = element._source),
(_existing3._debugOwner = element._owner),
_existing3
);
}
}
deleteRemainingChildren(
returnFiber,
child
);
break;
}
deleteChild(
returnFiber,
child
), (child = child.sibling);
}
if (element.type === REACT_FRAGMENT_TYPE) {
var created = createFiberFromFragment(
element.props.children,
returnFiber.mode,
lanes,
element.key,
);
return (created.return = returnFiber), created;
}
var _created4 = createFiberFromElement(
element,
returnFiber.mode,
lanes,
);
return (
(_created4.ref = coerceRef(
returnFiber,
currentFirstChild,
element,
)),
(_created4.return = returnFiber),
_created4
);
})(
returnFiber,
currentFirstChild,
newChild,
lanes
),
);
case REACT_PORTAL_TYPE:
return placeSingleChild(
(function (
returnFiber, currentFirstChild, portal, lanes
) {
for (
var key = portal.key, child = currentFirstChild;
null !== child;
) {
if (child.key === key) {
if (
4 === child.tag &&
child.stateNode.containerInfo === portal.containerInfo &&
child.stateNode.implementation === portal.implementation
) {
deleteRemainingChildren(
returnFiber,
child.sibling
);
var existing = useFiber(
child,
portal.children || []
);
return (existing.return = returnFiber), existing;
}
deleteRemainingChildren(
returnFiber,
child
);
break;
}
deleteChild(
returnFiber,
child
), (child = child.sibling);
}
var created = createFiberFromPortal(
portal,
returnFiber.mode,
lanes,
);
return (created.return = returnFiber), created;
})(
returnFiber,
currentFirstChild,
newChild,
lanes
),
);
}
if ("string" == typeof newChild || "number" == typeof newChild)
return placeSingleChild(
(function (
returnFiber, currentFirstChild, textContent, lanes
) {
if (null !== currentFirstChild && 6 === currentFirstChild.tag) {
deleteRemainingChildren(
returnFiber,
currentFirstChild.sibling
);
var existing = useFiber(
currentFirstChild,
textContent
);
return (existing.return = returnFiber), existing;
}
deleteRemainingChildren(
returnFiber,
currentFirstChild
);
var created = createFiberFromText(
textContent,
returnFiber.mode,
lanes,
);
return (created.return = returnFiber), created;
})(
returnFiber,
currentFirstChild,
"" + newChild,
lanes
),
);
if (isArray$1(
newChild
))
return (function (
returnFiber, currentFirstChild, newChildren, lanes
) {
for (var knownKeys = null, i = 0; i < newChildren.length; i++)
knownKeys = warnOnInvalidKey(
newChildren[i],
knownKeys,
returnFiber,
);
for (
var resultingFirstChild = null,
previousNewFiber = null,
oldFiber = currentFirstChild,
lastPlacedIndex = 0,
newIdx = 0,
nextOldFiber = null;
null !== oldFiber && newIdx < newChildren.length;
newIdx++
) {
oldFiber.index > newIdx
? ((nextOldFiber = oldFiber), (oldFiber = null))
: (nextOldFiber = oldFiber.sibling);
var newFiber = updateSlot(
returnFiber,
oldFiber,
newChildren[newIdx],
lanes,
);
if (null === newFiber) {
null === oldFiber && (oldFiber = nextOldFiber);
break;
}
shouldTrackSideEffects &&
oldFiber &&
null === newFiber.alternate &&
deleteChild(
returnFiber,
oldFiber
),
(lastPlacedIndex = placeChild(
newFiber,
lastPlacedIndex,
newIdx
)),
null === previousNewFiber
? (resultingFirstChild = newFiber)
: (previousNewFiber.sibling = newFiber),
(previousNewFiber = newFiber),
(oldFiber = nextOldFiber);
}
if (newIdx === newChildren.length)
return (
deleteRemainingChildren(
returnFiber,
oldFiber
),
resultingFirstChild
);
if (null === oldFiber) {
for (; newIdx < newChildren.length; newIdx++) {
var _newFiber = createChild(
returnFiber,
newChildren[newIdx],
lanes,
);
null !== _newFiber &&
((lastPlacedIndex = placeChild(
_newFiber,
lastPlacedIndex,
newIdx,
)),
null === previousNewFiber
? (resultingFirstChild = _newFiber)
: (previousNewFiber.sibling = _newFiber),
(previousNewFiber = _newFiber));
}
return resultingFirstChild;
}
for (
var existingChildren = mapRemainingChildren(
0,
oldFiber
);
newIdx < newChildren.length;
newIdx++
) {
var _newFiber2 = updateFromMap(
existingChildren,
returnFiber,
newIdx,
newChildren[newIdx],
lanes,
);
null !== _newFiber2 &&
(shouldTrackSideEffects &&
null !== _newFiber2.alternate &&
existingChildren.delete(
null === _newFiber2.key ? newIdx : _newFiber2.key,
),
(lastPlacedIndex = placeChild(
_newFiber2,
lastPlacedIndex,
newIdx,
)),
null === previousNewFiber
? (resultingFirstChild = _newFiber2)
: (previousNewFiber.sibling = _newFiber2),
(previousNewFiber = _newFiber2));
}
return (
shouldTrackSideEffects &&
existingChildren.forEach(
function (
child
) {
return deleteChild(
returnFiber,
child
);
}
),
resultingFirstChild
);
})(
returnFiber,
currentFirstChild,
newChild,
lanes
);
if (getIteratorFn(
newChild
))
return (function (
returnFiber,
currentFirstChild,
newChildrenIterable,
lanes,
) {
var iteratorFn = getIteratorFn(
newChildrenIterable
);
if ("function" != typeof iteratorFn)
throw Error(
"An object is not an iterable. This error is likely caused by a bug in React. Please file an issue.",
);
"function" == typeof Symbol &&
"Generator" === newChildrenIterable[Symbol.toStringTag] &&
(didWarnAboutGenerators ||
error(
"Using Generators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. Keep in mind you might need to polyfill these features for older browsers.",
),
(didWarnAboutGenerators = !0)),
newChildrenIterable.entries === iteratorFn &&
(didWarnAboutMaps ||
error(
"Using Maps as children is not supported. Use an array of keyed ReactElements instead.",
),
(didWarnAboutMaps = !0));
var _newChildren = iteratorFn.call(
newChildrenIterable
);
if (_newChildren)
for (
var knownKeys = null, _step = _newChildren.next(
);
!_step.done;
_step = _newChildren.next(
)
)
knownKeys = warnOnInvalidKey(
_step.value,
knownKeys,
returnFiber
);
var newChildren = iteratorFn.call(
newChildrenIterable
);
if (null == newChildren)
throw Error(
"An iterable object provided no iterator."
);
for (
var resultingFirstChild = null,
previousNewFiber = null,
oldFiber = currentFirstChild,
lastPlacedIndex = 0,
newIdx = 0,
nextOldFiber = null,
step = newChildren.next(
);
null !== oldFiber && !step.done;
newIdx++, step = newChildren.next(
)
) {
oldFiber.index > newIdx
? ((nextOldFiber = oldFiber), (oldFiber = null))
: (nextOldFiber = oldFiber.sibling);
var newFiber = updateSlot(
returnFiber,
oldFiber,
step.value,
lanes
);
if (null === newFiber) {
null === oldFiber && (oldFiber = nextOldFiber);
break;
}
shouldTrackSideEffects &&
oldFiber &&
null === newFiber.alternate &&
deleteChild(
returnFiber,
oldFiber
),
(lastPlacedIndex = placeChild(
newFiber,
lastPlacedIndex,
newIdx
)),
null === previousNewFiber
? (resultingFirstChild = newFiber)
: (previousNewFiber.sibling = newFiber),
(previousNewFiber = newFiber),
(oldFiber = nextOldFiber);
}
if (step.done)
return (
deleteRemainingChildren(
returnFiber,
oldFiber
),
resultingFirstChild
);
if (null === oldFiber) {
for (; !step.done; newIdx++, step = newChildren.next(
)) {
var _newFiber3 = createChild(
returnFiber,
step.value,
lanes
);
null !== _newFiber3 &&
((lastPlacedIndex = placeChild(
_newFiber3,
lastPlacedIndex,
newIdx,
)),
null === previousNewFiber
? (resultingFirstChild = _newFiber3)
: (previousNewFiber.sibling = _newFiber3),
(previousNewFiber = _newFiber3));
}
return resultingFirstChild;
}
for (
var existingChildren = mapRemainingChildren(
0,
oldFiber
);
!step.done;
newIdx++, step = newChildren.next(
)
) {
var _newFiber4 = updateFromMap(
existingChildren,
returnFiber,
newIdx,
step.value,
lanes,
);
null !== _newFiber4 &&
(shouldTrackSideEffects &&
null !== _newFiber4.alternate &&
existingChildren.delete(
null === _newFiber4.key ? newIdx : _newFiber4.key,
),
(lastPlacedIndex = placeChild(
_newFiber4,
lastPlacedIndex,
newIdx,
)),
null === previousNewFiber
? (resultingFirstChild = _newFiber4)
: (previousNewFiber.sibling = _newFiber4),
(previousNewFiber = _newFiber4));
}
return (
shouldTrackSideEffects &&
existingChildren.forEach(
function (
child
) {
return deleteChild(
returnFiber,
child
);
}
),
resultingFirstChild
);
})(
returnFiber,
currentFirstChild,
newChild,
lanes
);
if (
(isObject && throwOnInvalidObjectType(
returnFiber,
newChild
),
"function" == typeof newChild && warnOnFunctionType(
returnFiber
),
void 0 === newChild && !isUnkeyedTopLevelFragment)
)
switch (returnFiber.tag) {
case 1:
if (returnFiber.stateNode.render._isMockFunction) break;
case 22:
case 0:
case 11:
case 15:
throw Error(
(getComponentName(
returnFiber.type
) || "Component") +
"(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.",
);
}
return deleteRemainingChildren(
returnFiber,
currentFirstChild
);
};
}
var reconcileChildFibers = ChildReconciler(
!0
),
mountChildFibers = ChildReconciler(
!1
);
function resetChildFibers(
workInProgress, lanes
) {
for (var child = workInProgress.child; null !== child; )
resetWorkInProgress(
child,
lanes
), (child = child.sibling);
}
var NO_CONTEXT = {
},
contextStackCursor$1 = createCursor(
NO_CONTEXT
),
contextFiberStackCursor = createCursor(
NO_CONTEXT
),
rootInstanceStackCursor = createCursor(
NO_CONTEXT
);
function requiredContext(
c
) {
if (c === NO_CONTEXT)
throw Error(
"Expected host context to exist. This error is likely caused by a bug in React. Please file an issue.",
);
return c;
}
function getRootHostContainer(
) {
return requiredContext(
rootInstanceStackCursor.current
);
}
function pushHostContainer(
fiber, nextRootInstance
) {
push(
rootInstanceStackCursor,
nextRootInstance,
fiber
),
push(
contextFiberStackCursor,
fiber,
fiber
),
push(
contextStackCursor$1,
NO_CONTEXT,
fiber
);
var nextRootContext = (function (
rootContainerInstance
) {
var type,
namespace,
nodeType = rootContainerInstance.nodeType;
switch (nodeType) {
case 9:
case 11:
type = 9 === nodeType ? "#document" : "#fragment";
var root = rootContainerInstance.documentElement;
namespace = root
? root.namespaceURI
: getChildNamespace(
null,
""
);
break;
default:
var container =
8 === nodeType
? rootContainerInstance.parentNode
: rootContainerInstance;
namespace = getChildNamespace(
container.namespaceURI || null,
(type = container.tagName),
);
}
var validatedTag = type.toLowerCase(
);
return {
namespace: namespace,
ancestorInfo: updatedAncestorInfo(
null,
validatedTag
),
};
})(
nextRootInstance
);
pop(
contextStackCursor$1,
fiber
),
push(
contextStackCursor$1,
nextRootContext,
fiber
);
}
function popHostContainer(
fiber
) {
pop(
contextStackCursor$1,
fiber
),
pop(
contextFiberStackCursor,
fiber
),
pop(
rootInstanceStackCursor,
fiber
);
}
function getHostContext(
) {
return requiredContext(
contextStackCursor$1.current
);
}
function pushHostContext(
fiber
) {
requiredContext(
rootInstanceStackCursor.current
);
var parentHostContext,
type,
parentHostContextDev,
context = requiredContext(
contextStackCursor$1.current
),
nextContext =
((parentHostContext = context),
(type = fiber.type),
{
namespace: getChildNamespace(
(parentHostContextDev = parentHostContext).namespace,
type,
),
ancestorInfo: updatedAncestorInfo(
parentHostContextDev.ancestorInfo,
type,
),
});
context !== nextContext &&
(push(
contextFiberStackCursor,
fiber,
fiber
),
push(
contextStackCursor$1,
nextContext,
fiber
));
}
function popHostContext(
fiber
) {
contextFiberStackCursor.current === fiber &&
(pop(
contextStackCursor$1,
fiber
), pop(
contextFiberStackCursor,
fiber
));
}
var suspenseStackCursor = createCursor(
0
);
function hasSuspenseContext(
parentContext, flag
) {
return 0 != (parentContext & flag);
}
function setDefaultShallowSuspenseContext(
parentContext
) {
return 1 & parentContext;
}
function setShallowSuspenseContext(
parentContext, shallowContext
) {
return (1 & parentContext) | shallowContext;
}
function pushSuspenseContext(
fiber, newContext
) {
push(
suspenseStackCursor,
newContext,
fiber
);
}
function popSuspenseContext(
fiber
) {
pop(
suspenseStackCursor,
fiber
);
}
function shouldCaptureSuspense(
workInProgress, hasInvisibleParent
) {
var nextState = workInProgress.memoizedState;
if (null !== nextState) return null !== nextState.dehydrated;
var props = workInProgress.memoizedProps;
return (
void 0 !== props.fallback &&
(!0 !== props.unstable_avoidThisFallback || !hasInvisibleParent)
);
}
function findFirstSuspended(
row
) {
for (var node = row; null !== node; ) {
if (13 === node.tag) {
var state = node.memoizedState;
if (null !== state) {
var dehydrated = state.dehydrated;
if (
null === dehydrated ||
"$?" === dehydrated.data ||
isSuspenseInstanceFallback(
dehydrated
)
)
return node;
}
} else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) {
if (0 != (64 & node.flags)) return node;
} else if (null !== node.child) {
(node.child.return = node), (node = node.child);
continue;
}
if (node === row) return null;
for (; null === node.sibling; ) {
if (null === node.return || node.return === row) return null;
node = node.return;
}
(node.sibling.return = node.return), (node = node.sibling);
}
return null;
}
var hydrationParentFiber = null,
nextHydratableInstance = null,
isHydrating = !1;
function deleteHydratableInstance(
returnFiber, instance
) {
switch (returnFiber.tag) {
case 3:
!(function (
parentContainer, instance
) {
1 === instance.nodeType
? warnForDeletedHydratableElement(
parentContainer,
instance
)
: 8 === instance.nodeType ||
warnForDeletedHydratableText(
parentContainer,
instance
);
})(
returnFiber.stateNode.containerInfo,
instance
);
break;
case 5:
!(function (
parentType, parentProps, parentInstance, instance
) {
!0 !== parentProps.suppressHydrationWarning &&
(1 === instance.nodeType
? warnForDeletedHydratableElement(
parentInstance,
instance
)
: 8 === instance.nodeType ||
warnForDeletedHydratableText(
parentInstance,
instance
));
})(
returnFiber.type,
returnFiber.memoizedProps,
returnFiber.stateNode,
instance,
);
}
var fiber,
childToDelete =
(((fiber = createFiber(
5,
null,
null,
0
)).elementType = "DELETED"),
(fiber.type = "DELETED"),
fiber);
(childToDelete.stateNode = instance),
(childToDelete.return = returnFiber),
(childToDelete.flags = 8),
null !== returnFiber.lastEffect
? ((returnFiber.lastEffect.nextEffect = childToDelete),
(returnFiber.lastEffect = childToDelete))
: (returnFiber.firstEffect = returnFiber.lastEffect = childToDelete);
}
function insertNonHydratedInstance(
returnFiber, fiber
) {
switch (((fiber.flags = (-1025 & fiber.flags) | 2), returnFiber.tag)) {
case 3:
var parentContainer = returnFiber.stateNode.containerInfo;
switch (fiber.tag) {
case 5:
var type = fiber.type;
fiber.pendingProps;
!(function (
parentContainer, type, props
) {
warnForInsertedHydratedElement(
parentContainer,
type
);
})(
parentContainer,
type
);
break;
case 6:
!(function (
parentContainer, text
) {
warnForInsertedHydratedText(
parentContainer,
text
);
})(
parentContainer,
fiber.pendingProps
);
}
break;
case 5:
returnFiber.type;
var parentProps = returnFiber.memoizedProps,
parentInstance = returnFiber.stateNode;
switch (fiber.tag) {
case 5:
var _type = fiber.type;
fiber.pendingProps;
!(function (
parentType, parentProps, parentInstance, type, props
) {
!0 !== parentProps.suppressHydrationWarning &&
warnForInsertedHydratedElement(
parentInstance,
type
);
})(
0,
parentProps,
parentInstance,
_type
);
break;
case 6:
!(function (
parentType, parentProps, parentInstance, text
) {
!0 !== parentProps.suppressHydrationWarning &&
warnForInsertedHydratedText(
parentInstance,
text
);
})(
0,
parentProps,
parentInstance,
fiber.pendingProps
);
break;
case 13:
!(function (
parentType, parentProps, parentInstance
) {
parentProps.suppressHydrationWarning;
})(
0,
parentProps
);
}
break;
default:
return;
}
}
function tryHydrate(
fiber, nextInstance
) {
switch (fiber.tag) {
case 5:
var type = fiber.type,
instance =
(fiber.pendingProps,
(function (
instance, type, props
) {
return 1 !== instance.nodeType ||
type.toLowerCase(
) !== instance.nodeName.toLowerCase(
)
? null
: instance;
})(
nextInstance,
type
));
return null !== instance && ((fiber.stateNode = instance), !0);
case 6:
var textInstance = (function (
instance, text
) {
return "" === text || 3 !== instance.nodeType ? null : instance;
})(
nextInstance,
fiber.pendingProps
);
return null !== textInstance && ((fiber.stateNode = textInstance), !0);
case 13:
default:
return !1;
}
}
function tryToClaimNextHydratableInstance(
fiber
) {
if (isHydrating) {
var nextInstance = nextHydratableInstance;
if (!nextInstance)
return (
insertNonHydratedInstance(
hydrationParentFiber,
fiber
),
(isHydrating = !1),
void (hydrationParentFiber = fiber)
);
var firstAttemptedInstance = nextInstance;
if (!tryHydrate(
fiber,
nextInstance
)) {
if (
!(nextInstance = getNextHydratableSibling(
firstAttemptedInstance
)) ||
!tryHydrate(
fiber,
nextInstance
)
)
return (
insertNonHydratedInstance(
hydrationParentFiber,
fiber
),
(isHydrating = !1),
void (hydrationParentFiber = fiber)
);
deleteHydratableInstance(
hydrationParentFiber,
firstAttemptedInstance
);
}
(hydrationParentFiber = fiber),
(nextHydratableInstance = getFirstHydratableChild(
nextInstance
));
}
}
function prepareToHydrateHostTextInstance(
fiber
) {
var textInstance = fiber.stateNode,
textContent = fiber.memoizedProps,
shouldUpdate = (function (
textInstance, text, internalInstanceHandle
) {
return (
precacheFiberNode(
internalInstanceHandle,
textInstance
),
(function (
textNode, text
) {
return textNode.nodeValue !== text;
})(
textInstance,
text
)
);
})(
textInstance,
textContent,
fiber
);
if (shouldUpdate) {
var returnFiber = hydrationParentFiber;
if (null !== returnFiber)
switch (returnFiber.tag) {
case 3:
returnFiber.stateNode.containerInfo;
!(function (
parentContainer, textInstance, text
) {
warnForUnmatchedText(
textInstance,
text
);
})(
0,
textInstance,
textContent
);
break;
case 5:
returnFiber.type;
var parentProps = returnFiber.memoizedProps;
returnFiber.stateNode;
!(function (
parentType,
parentProps,
parentInstance,
textInstance,
text,
) {
!0 !== parentProps.suppressHydrationWarning &&
warnForUnmatchedText(
textInstance,
text
);
})(
0,
parentProps,
0,
textInstance,
textContent
);
}
}
return shouldUpdate;
}
function skipPastDehydratedSuspenseInstance(
fiber
) {
var suspenseState = fiber.memoizedState,
suspenseInstance =
null !== suspenseState ? suspenseState.dehydrated : null;
if (!suspenseInstance)
throw Error(
"Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue.",
);
return (function (
suspenseInstance
) {
for (var node = suspenseInstance.nextSibling, depth = 0; node; ) {
if (8 === node.nodeType) {
var data = node.data;
if ("/$" === data) {
if (0 === depth) return getNextHydratableSibling(
node
);
depth--;
} else ("$" !== data && "$!" !== data && "$?" !== data) || depth++;
}
node = node.nextSibling;
}
return null;
})(
suspenseInstance
);
}
function popToNextHostParent(
fiber
) {
for (
var parent = fiber.return;
null !== parent &&
5 !== parent.tag &&
3 !== parent.tag &&
13 !== parent.tag;
)
parent = parent.return;
hydrationParentFiber = parent;
}
function popHydrationState(
fiber
) {
if (fiber !== hydrationParentFiber) return !1;
if (!isHydrating) return popToNextHostParent(
fiber
), (isHydrating = !0), !1;
var type = fiber.type;
if (
5 !== fiber.tag ||
("head" !== type &&
"body" !== type &&
!shouldSetTextContent(
type,
fiber.memoizedProps
))
)
for (var nextInstance = nextHydratableInstance; nextInstance; )
deleteHydratableInstance(
fiber,
nextInstance
),
(nextInstance = getNextHydratableSibling(
nextInstance
));
return (
popToNextHostParent(
fiber
),
(nextHydratableInstance =
13 === fiber.tag
? skipPastDehydratedSuspenseInstance(
fiber
)
: hydrationParentFiber
? getNextHydratableSibling(
fiber.stateNode
)
: null),
!0
);
}
function resetHydrationState(
) {
(hydrationParentFiber = null),
(nextHydratableInstance = null),
(isHydrating = !1);
}
function getIsHydrating(
) {
return isHydrating;
}
var rendererSigil$1,
workInProgressSources = [];
function resetWorkInProgressVersions(
) {
for (var i = 0; i < workInProgressSources.length; i++) {
workInProgressSources[i]._workInProgressVersionPrimary = null;
}
workInProgressSources.length = 0;
}
function setWorkInProgressVersion(
mutableSource, version
) {
(mutableSource._workInProgressVersionPrimary = version),
workInProgressSources.push(
mutableSource
);
}
rendererSigil$1 = {
};
var didWarnAboutMismatchedHooksForComponent,
didWarnAboutUseOpaqueIdentifier,
ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig;
(didWarnAboutUseOpaqueIdentifier = {
}),
(didWarnAboutMismatchedHooksForComponent = new Set(
));
var renderLanes = 0,
currentlyRenderingFiber$1 = null,
currentHook = null,
workInProgressHook = null,
didScheduleRenderPhaseUpdate = !1,
didScheduleRenderPhaseUpdateDuringThisPass = !1,
currentHookNameInDev = null,
hookTypesDev = null,
hookTypesUpdateIndexDev = -1,
ignorePreviousDependencies = !1;
function mountHookTypesDev(
) {
var hookName = currentHookNameInDev;
null === hookTypesDev
? (hookTypesDev = [hookName,])
: hookTypesDev.push(
hookName
);
}
function updateHookTypesDev(
) {
var hookName = currentHookNameInDev;
null !== hookTypesDev &&
(hookTypesUpdateIndexDev++,
hookTypesDev[hookTypesUpdateIndexDev] !== hookName &&
(function (
currentHookName
) {
var componentName = getComponentName(
currentlyRenderingFiber$1.type
);
if (
!didWarnAboutMismatchedHooksForComponent.has(
componentName
) &&
(didWarnAboutMismatchedHooksForComponent.add(
componentName
),
null !== hookTypesDev)
) {
for (
var table = "", secondColumnStart = 30, i = 0;
i <= hookTypesUpdateIndexDev;
i++
) {
for (
var oldHookName = hookTypesDev[i],
newHookName =
i === hookTypesUpdateIndexDev
? currentHookName
: oldHookName,
row = i + 1 + ". " + oldHookName;
row.length < secondColumnStart;
)
row += " ";
table += row += newHookName + "\n";
}
error(
"React has detected a change in the order of Hooks called by %s. This will lead to bugs and errors if not fixed. For more information, read the Rules of Hooks: https://reactjs.org/link/rules-of-hooks\n\n Previous render Next render\n ------------------------------------------------------\n%s ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n",
componentName,
table,
);
}
})(
hookName
));
}
function checkDepsAreArrayDev(
deps
) {
null == deps ||
Array.isArray(
deps
) ||
error(
"%s received a final argument that is not an array (instead, received `%s`). When specified, the final argument must be an array.",
currentHookNameInDev,
typeof deps,
);
}
function throwInvalidHookError(
) {
throw Error(
"Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.",
);
}
function areHookInputsEqual(
nextDeps, prevDeps
) {
if (ignorePreviousDependencies) return !1;
if (null === prevDeps)
return (
error(
"%s received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.",
currentHookNameInDev,
),
!1
);
nextDeps.length !== prevDeps.length &&
error(
"The final argument passed to %s changed size between renders. The order and size of this array must remain constant.\n\nPrevious: %s\nIncoming: %s",
currentHookNameInDev,
"[" + prevDeps.join(
", "
) + "]",
"[" + nextDeps.join(
", "
) + "]",
);
for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++)
if (!objectIs(
nextDeps[i],
prevDeps[i]
)) return !1;
return !0;
}
function renderWithHooks(
current,
workInProgress,
Component,
props,
secondArg,
nextRenderLanes,
) {
(renderLanes = nextRenderLanes),
(currentlyRenderingFiber$1 = workInProgress),
(hookTypesDev = null !== current ? current._debugHookTypes : null),
(hookTypesUpdateIndexDev = -1),
(ignorePreviousDependencies =
null !== current && current.type !== workInProgress.type),
(workInProgress.memoizedState = null),
(workInProgress.updateQueue = null),
(workInProgress.lanes = 0),
null !== current && null !== current.memoizedState
? (ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV)
: (ReactCurrentDispatcher$1.current =
null !== hookTypesDev
? HooksDispatcherOnMountWithHookTypesInDEV
: HooksDispatcherOnMountInDEV);
var children = Component(
props,
secondArg
);
if (didScheduleRenderPhaseUpdateDuringThisPass) {
var numberOfReRenders = 0;
do {
if (
((didScheduleRenderPhaseUpdateDuringThisPass = !1),
!(numberOfReRenders < 25))
)
throw Error(
"Too many re-renders. React limits the number of renders to prevent an infinite loop.",
);
(numberOfReRenders += 1),
(ignorePreviousDependencies = !1),
(currentHook = null),
(workInProgressHook = null),
(workInProgress.updateQueue = null),
(hookTypesUpdateIndexDev = -1),
(ReactCurrentDispatcher$1.current = HooksDispatcherOnRerenderInDEV),
(children = Component(
props,
secondArg
));
} while (didScheduleRenderPhaseUpdateDuringThisPass);
}
(ReactCurrentDispatcher$1.current = ContextOnlyDispatcher),
(workInProgress._debugHookTypes = hookTypesDev);
var didRenderTooFewHooks =
null !== currentHook && null !== currentHook.next;
if (
((renderLanes = 0),
(currentlyRenderingFiber$1 = null),
(currentHook = null),
(workInProgressHook = null),
(currentHookNameInDev = null),
(hookTypesDev = null),
(hookTypesUpdateIndexDev = -1),
(didScheduleRenderPhaseUpdate = !1),
didRenderTooFewHooks)
)
throw Error(
"Rendered fewer hooks than expected. This may be caused by an accidental early return statement.",
);
return children;
}
function bailoutHooks(
current, workInProgress, lanes
) {
(workInProgress.updateQueue = current.updateQueue),
(workInProgress.flags &= -517),
(current.lanes = removeLanes(
current.lanes,
lanes
));
}
function resetHooksAfterThrow(
) {
if (
((ReactCurrentDispatcher$1.current = ContextOnlyDispatcher),
didScheduleRenderPhaseUpdate)
) {
for (
var hook = currentlyRenderingFiber$1.memoizedState;
null !== hook;
) {
var queue = hook.queue;
null !== queue && (queue.pending = null), (hook = hook.next);
}
didScheduleRenderPhaseUpdate = !1;
}
(renderLanes = 0),
(currentlyRenderingFiber$1 = null),
(currentHook = null),
(workInProgressHook = null),
(hookTypesDev = null),
(hookTypesUpdateIndexDev = -1),
(currentHookNameInDev = null),
(isUpdatingOpaqueValueInRenderPhase = !1),
(didScheduleRenderPhaseUpdateDuringThisPass = !1);
}
function mountWorkInProgressHook(
) {
var hook = {
memoizedState: null,
baseState: null,
baseQueue: null,
queue: null,
next: null,
};
return (
null === workInProgressHook
? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = hook)
: (workInProgressHook = workInProgressHook.next = hook),
workInProgressHook
);
}
function updateWorkInProgressHook(
) {
var nextCurrentHook, nextWorkInProgressHook;
if (null === currentHook) {
var current = currentlyRenderingFiber$1.alternate;
nextCurrentHook = null !== current ? current.memoizedState : null;
} else nextCurrentHook = currentHook.next;
if (
null !==
(nextWorkInProgressHook =
null === workInProgressHook
? currentlyRenderingFiber$1.memoizedState
: workInProgressHook.next)
)
(nextWorkInProgressHook = (workInProgressHook = nextWorkInProgressHook)
.next),
(currentHook = nextCurrentHook);
else {
if (null === nextCurrentHook)
throw Error(
"Rendered more hooks than during the previous render."
);
var newHook = {
memoizedState: (currentHook = nextCurrentHook).memoizedState,
baseState: currentHook.baseState,
baseQueue: currentHook.baseQueue,
queue: currentHook.queue,
next: null,
};
null === workInProgressHook
? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = newHook)
: (workInProgressHook = workInProgressHook.next = newHook);
}
return workInProgressHook;
}
function basicStateReducer(
state, action
) {
return "function" == typeof action
? action(
state
)
: action;
}
function mountReducer(
reducer, initialArg, init
) {
var initialState,
hook = mountWorkInProgressHook(
);
(initialState = void 0 !== init
? init(
initialArg
)
: initialArg),
(hook.memoizedState = hook.baseState = initialState);
var queue = (hook.queue = {
pending: null,
dispatch: null,
lastRenderedReducer: reducer,
lastRenderedState: initialState,
}),
dispatch = (queue.dispatch = dispatchAction.bind(
null,
currentlyRenderingFiber$1,
queue,
));
return [hook.memoizedState, dispatch,];
}
function updateReducer(
reducer, initialArg, init
) {
var hook = updateWorkInProgressHook(
),
queue = hook.queue;
if (null === queue)
throw Error(
"Should have a queue. This is likely a bug in React. Please file an issue.",
);
queue.lastRenderedReducer = reducer;
var current = currentHook,
baseQueue = current.baseQueue,
pendingQueue = queue.pending;
if (null !== pendingQueue) {
if (null !== baseQueue) {
var baseFirst = baseQueue.next,
pendingFirst = pendingQueue.next;
(baseQueue.next = pendingFirst), (pendingQueue.next = baseFirst);
}
current.baseQueue !== baseQueue &&
error(
"Internal error: Expected work-in-progress queue to be a clone. This is a bug in React.",
),
(current.baseQueue = baseQueue = pendingQueue),
(queue.pending = null);
}
if (null !== baseQueue) {
var first = baseQueue.next,
newState = current.baseState,
newBaseState = null,
newBaseQueueFirst = null,
newBaseQueueLast = null,
update = first;
do {
var updateLane = update.lane;
if (isSubsetOfLanes(
renderLanes,
updateLane
)) {
if (null !== newBaseQueueLast) {
var _clone = {
lane: 0,
action: update.action,
eagerReducer: update.eagerReducer,
eagerState: update.eagerState,
next: null,
};
newBaseQueueLast = newBaseQueueLast.next = _clone;
}
if (update.eagerReducer === reducer) newState = update.eagerState;
else newState = reducer(
newState,
update.action
);
} else {
var clone = {
lane: updateLane,
action: update.action,
eagerReducer: update.eagerReducer,
eagerState: update.eagerState,
next: null,
};
null === newBaseQueueLast
? ((newBaseQueueFirst = newBaseQueueLast = clone),
(newBaseState = newState))
: (newBaseQueueLast = newBaseQueueLast.next = clone),
(currentlyRenderingFiber$1.lanes = mergeLanes(
currentlyRenderingFiber$1.lanes,
updateLane,
)),
markSkippedUpdateLanes(
updateLane
);
}
update = update.next;
} while (null !== update && update !== first);
null === newBaseQueueLast
? (newBaseState = newState)
: (newBaseQueueLast.next = newBaseQueueFirst),
objectIs(
newState,
hook.memoizedState
) ||
markWorkInProgressReceivedUpdate(
),
(hook.memoizedState = newState),
(hook.baseState = newBaseState),
(hook.baseQueue = newBaseQueueLast),
(queue.lastRenderedState = newState);
}
var dispatch = queue.dispatch;
return [hook.memoizedState, dispatch,];
}
function rerenderReducer(
reducer, initialArg, init
) {
var hook = updateWorkInProgressHook(
),
queue = hook.queue;
if (null === queue)
throw Error(
"Should have a queue. This is likely a bug in React. Please file an issue.",
);
queue.lastRenderedReducer = reducer;
var dispatch = queue.dispatch,
lastRenderPhaseUpdate = queue.pending,
newState = hook.memoizedState;
if (null !== lastRenderPhaseUpdate) {
queue.pending = null;
var firstRenderPhaseUpdate = lastRenderPhaseUpdate.next,
update = firstRenderPhaseUpdate;
do {
(newState = reducer(
newState,
update.action
)), (update = update.next);
} while (update !== firstRenderPhaseUpdate);
objectIs(
newState,
hook.memoizedState
) ||
markWorkInProgressReceivedUpdate(
),
(hook.memoizedState = newState),
null === hook.baseQueue && (hook.baseState = newState),
(queue.lastRenderedState = newState);
}
return [newState, dispatch,];
}
function readFromUnsubcribedMutableSource(
root, source, getSnapshot
) {
var mutableSource;
null == (mutableSource = source)._currentPrimaryRenderer
? (mutableSource._currentPrimaryRenderer = rendererSigil$1)
: mutableSource._currentPrimaryRenderer !== rendererSigil$1 &&
error(
"Detected multiple renderers concurrently rendering the same mutable source. This is currently unsupported.",
);
var version = (0, source._getVersion)(
source._source
),
isSafeToReadFromSource = !1,
currentRenderVersion = (function (
mutableSource
) {
return mutableSource._workInProgressVersionPrimary;
})(
source
);
if (
(null !== currentRenderVersion
? (isSafeToReadFromSource = currentRenderVersion === version)
: (isSafeToReadFromSource = isSubsetOfLanes(
renderLanes,
root.mutableReadLanes,
)) && setWorkInProgressVersion(
source,
version
),
isSafeToReadFromSource)
) {
var snapshot = getSnapshot(
source._source
);
return (
"function" == typeof snapshot &&
error(
"Mutable source should not return a function as the snapshot value. Functions may close over mutable values and cause tearing.",
),
snapshot
);
}
throw (
((function (
mutableSource
) {
workInProgressSources.push(
mutableSource
);
})(
source
),
Error(
"Cannot read from mutable source during the current render without tearing. This is a bug in React. Please file an issue.",
))
);
}
function useMutableSource(
hook, source, getSnapshot, subscribe
) {
var root = workInProgressRoot;
if (null === root)
throw Error(
"Expected a work-in-progress root. This is a bug in React. Please file an issue.",
);
var getVersion = source._getVersion,
version = getVersion(
source._source
),
dispatcher = ReactCurrentDispatcher$1.current,
_dispatcher$useState = dispatcher.useState(
function (
) {
return readFromUnsubcribedMutableSource(
root,
source,
getSnapshot
);
}
),
currentSnapshot = _dispatcher$useState[0],
setSnapshot = _dispatcher$useState[1],
snapshot = currentSnapshot,
stateHook = workInProgressHook,
memoizedState = hook.memoizedState,
refs = memoizedState.refs,
prevGetSnapshot = refs.getSnapshot,
prevSource = memoizedState.source,
prevSubscribe = memoizedState.subscribe,
fiber = currentlyRenderingFiber$1;
if (
((hook.memoizedState = {
refs: refs,
source: source,
subscribe: subscribe,
}),
dispatcher.useEffect(
function (
) {
(refs.getSnapshot = getSnapshot), (refs.setSnapshot = setSnapshot);
var maybeNewVersion = getVersion(
source._source
);
if (!objectIs(
version,
maybeNewVersion
)) {
var maybeNewSnapshot = getSnapshot(
source._source
);
if (
("function" == typeof maybeNewSnapshot &&
error(
"Mutable source should not return a function as the snapshot value. Functions may close over mutable values and cause tearing.",
),
!objectIs(
snapshot,
maybeNewSnapshot
))
) {
setSnapshot(
maybeNewSnapshot
);
var lane = requestUpdateLane(
fiber
);
markRootMutableRead(
root,
lane
);
}
!(function (
root, entangledLanes
) {
root.entangledLanes |= entangledLanes;
for (
var entanglements = root.entanglements, lanes = entangledLanes;
lanes > 0;
) {
var index = pickArbitraryLaneIndex(
lanes
),
lane = 1 << index;
(entanglements[index] |= entangledLanes), (lanes &= ~lane);
}
})(
root,
root.mutableReadLanes
);
}
},
[getSnapshot, source, subscribe,],
),
dispatcher.useEffect(
function (
) {
var unsubscribe = subscribe(
source._source,
function (
) {
var latestGetSnapshot = refs.getSnapshot,
latestSetSnapshot = refs.setSnapshot;
try {
latestSetSnapshot(
latestGetSnapshot(
source._source
)
);
var lane = requestUpdateLane(
fiber
);
markRootMutableRead(
root,
lane
);
} catch (error) {
latestSetSnapshot(
function (
) {
throw error;
}
);
}
}
);
return (
"function" != typeof unsubscribe &&
error(
"Mutable source subscribe function must return an unsubscribe function.",
),
unsubscribe
);
},
[source, subscribe,],
),
!objectIs(
prevGetSnapshot,
getSnapshot
) ||
!objectIs(
prevSource,
source
) ||
!objectIs(
prevSubscribe,
subscribe
))
) {
var newQueue = {
pending: null,
dispatch: null,
lastRenderedReducer: basicStateReducer,
lastRenderedState: snapshot,
};
(newQueue.dispatch = setSnapshot = dispatchAction.bind(
null,
currentlyRenderingFiber$1,
newQueue,
)),
(stateHook.queue = newQueue),
(stateHook.baseQueue = null),
(snapshot = readFromUnsubcribedMutableSource(
root,
source,
getSnapshot,
)),
(stateHook.memoizedState = stateHook.baseState = snapshot);
}
return snapshot;
}
function mountMutableSource(
source, getSnapshot, subscribe
) {
var hook = mountWorkInProgressHook(
);
return (
(hook.memoizedState = {
refs: {
getSnapshot: getSnapshot,
setSnapshot: null,
},
source: source,
subscribe: subscribe,
}),
useMutableSource(
hook,
source,
getSnapshot,
subscribe
)
);
}
function updateMutableSource(
source, getSnapshot, subscribe
) {
return useMutableSource(
updateWorkInProgressHook(
),
source,
getSnapshot,
subscribe,
);
}
function mountState(
initialState
) {
var hook = mountWorkInProgressHook(
);
"function" == typeof initialState && (initialState = initialState(
)),
(hook.memoizedState = hook.baseState = initialState);
var queue = (hook.queue = {
pending: null,
dispatch: null,
lastRenderedReducer: basicStateReducer,
lastRenderedState: initialState,
}),
dispatch = (queue.dispatch = dispatchAction.bind(
null,
currentlyRenderingFiber$1,
queue,
));
return [hook.memoizedState, dispatch,];
}
function updateState(
initialState
) {
return updateReducer(
basicStateReducer
);
}
function rerenderState(
initialState
) {
return rerenderReducer(
basicStateReducer
);
}
function pushEffect(
tag, create, destroy, deps
) {
var effect = {
tag: tag,
create: create,
destroy: destroy,
deps: deps,
next: null,
},
componentUpdateQueue = currentlyRenderingFiber$1.updateQueue;
if (null === componentUpdateQueue)
(componentUpdateQueue = {
lastEffect: null,
}),
(currentlyRenderingFiber$1.updateQueue = componentUpdateQueue),
(componentUpdateQueue.lastEffect = effect.next = effect);
else {
var lastEffect = componentUpdateQueue.lastEffect;
if (null === lastEffect)
componentUpdateQueue.lastEffect = effect.next = effect;
else {
var firstEffect = lastEffect.next;
(lastEffect.next = effect),
(effect.next = firstEffect),
(componentUpdateQueue.lastEffect = effect);
}
}
return effect;
}
function mountRef(
initialValue
) {
var hook = mountWorkInProgressHook(
),
ref = {
current: initialValue,
};
return Object.seal(
ref
), (hook.memoizedState = ref), ref;
}
function updateRef(
initialValue
) {
return updateWorkInProgressHook(
).memoizedState;
}
function mountEffectImpl(
fiberFlags, hookFlags, create, deps
) {
var hook = mountWorkInProgressHook(
),
nextDeps = void 0 === deps ? null : deps;
(currentlyRenderingFiber$1.flags |= fiberFlags),
(hook.memoizedState = pushEffect(
1 | hookFlags,
create,
void 0,
nextDeps,
));
}
function updateEffectImpl(
fiberFlags, hookFlags, create, deps
) {
var hook = updateWorkInProgressHook(
),
nextDeps = void 0 === deps ? null : deps,
destroy = void 0;
if (null !== currentHook) {
var prevEffect = currentHook.memoizedState;
if (((destroy = prevEffect.destroy), null !== nextDeps))
if (areHookInputsEqual(
nextDeps,
prevEffect.deps
))
return void pushEffect(
hookFlags,
create,
destroy,
nextDeps
);
}
(currentlyRenderingFiber$1.flags |= fiberFlags),
(hook.memoizedState = pushEffect(
1 | hookFlags,
create,
destroy,
nextDeps,
));
}
function mountEffect(
create, deps
) {
return (
"undefined" != typeof jest &&
warnIfNotCurrentlyActingEffectsInDEV(
currentlyRenderingFiber$1
),
mountEffectImpl(
516,
4,
create,
deps
)
);
}
function updateEffect(
create, deps
) {
return (
"undefined" != typeof jest &&
warnIfNotCurrentlyActingEffectsInDEV(
currentlyRenderingFiber$1
),
updateEffectImpl(
516,
4,
create,
deps
)
);
}
function mountLayoutEffect(
create, deps
) {
return mountEffectImpl(
4,
2,
create,
deps
);
}
function updateLayoutEffect(
create, deps
) {
return updateEffectImpl(
4,
2,
create,
deps
);
}
function imperativeHandleEffect(
create, ref
) {
if ("function" == typeof ref) {
var refCallback = ref,
_inst = create(
);
return (
refCallback(
_inst
),
function (
) {
refCallback(
null
);
}
);
}
if (null != ref) {
var refObject = ref;
refObject.hasOwnProperty(
"current"
) ||
error(
"Expected useImperativeHandle() first argument to either be a ref callback or React.createRef() object. Instead received: %s.",
"an object with keys {" + Object.keys(
refObject
).join(
", "
) + "}",
);
var _inst2 = create(
);
return (
(refObject.current = _inst2),
function (
) {
refObject.current = null;
}
);
}
}
function mountImperativeHandle(
ref, create, deps
) {
"function" != typeof create &&
error(
"Expected useImperativeHandle() second argument to be a function that creates a handle. Instead received: %s.",
null !== create ? typeof create : "null",
);
var effectDeps = null != deps
? deps.concat(
[ref,]
)
: null;
return mountEffectImpl(
4,
2,
imperativeHandleEffect.bind(
null,
create,
ref
),
effectDeps,
);
}
function updateImperativeHandle(
ref, create, deps
) {
"function" != typeof create &&
error(
"Expected useImperativeHandle() second argument to be a function that creates a handle. Instead received: %s.",
null !== create ? typeof create : "null",
);
var effectDeps = null != deps
? deps.concat(
[ref,]
)
: null;
return updateEffectImpl(
4,
2,
imperativeHandleEffect.bind(
null,
create,
ref
),
effectDeps,
);
}
function mountDebugValue(
value, formatterFn
) {}
var updateDebugValue = mountDebugValue;
function mountCallback(
callback, deps
) {
var nextDeps = void 0 === deps ? null : deps;
return (
(mountWorkInProgressHook(
).memoizedState = [callback, nextDeps,]), callback
);
}
function updateCallback(
callback, deps
) {
var hook = updateWorkInProgressHook(
),
nextDeps = void 0 === deps ? null : deps,
prevState = hook.memoizedState;
if (
null !== prevState &&
null !== nextDeps &&
areHookInputsEqual(
nextDeps,
prevState[1]
)
)
return prevState[0];
return (hook.memoizedState = [callback, nextDeps,]), callback;
}
function mountMemo(
nextCreate, deps
) {
var hook = mountWorkInProgressHook(
),
nextDeps = void 0 === deps ? null : deps,
nextValue = nextCreate(
);
return (hook.memoizedState = [nextValue, nextDeps,]), nextValue;
}
function updateMemo(
nextCreate, deps
) {
var hook = updateWorkInProgressHook(
),
nextDeps = void 0 === deps ? null : deps,
prevState = hook.memoizedState;
if (
null !== prevState &&
null !== nextDeps &&
areHookInputsEqual(
nextDeps,
prevState[1]
)
)
return prevState[0];
var nextValue = nextCreate(
);
return (hook.memoizedState = [nextValue, nextDeps,]), nextValue;
}
function mountDeferredValue(
value
) {
var _mountState = mountState(
value
),
prevValue = _mountState[0],
setValue = _mountState[1];
return (
mountEffect(
function (
) {
var prevTransition = ReactCurrentBatchConfig$1.transition;
ReactCurrentBatchConfig$1.transition = 1;
try {
setValue(
value
);
} finally {
ReactCurrentBatchConfig$1.transition = prevTransition;
}
},
[value,],
),
prevValue
);
}
function updateDeferredValue(
value
) {
var _updateState = updateState(
),
prevValue = _updateState[0],
setValue = _updateState[1];
return (
updateEffect(
function (
) {
var prevTransition = ReactCurrentBatchConfig$1.transition;
ReactCurrentBatchConfig$1.transition = 1;
try {
setValue(
value
);
} finally {
ReactCurrentBatchConfig$1.transition = prevTransition;
}
},
[value,],
),
prevValue
);
}
function rerenderDeferredValue(
value
) {
var _rerenderState = rerenderState(
),
prevValue = _rerenderState[0],
setValue = _rerenderState[1];
return (
updateEffect(
function (
) {
var prevTransition = ReactCurrentBatchConfig$1.transition;
ReactCurrentBatchConfig$1.transition = 1;
try {
setValue(
value
);
} finally {
ReactCurrentBatchConfig$1.transition = prevTransition;
}
},
[value,],
),
prevValue
);
}
function startTransition(
setPending, callback
) {
var priorityLevel = getCurrentPriorityLevel(
);
runWithPriority$1(
priorityLevel < 98 ? 98 : priorityLevel,
function (
) {
setPending(
!0
);
}
),
runWithPriority$1(
priorityLevel > 97 ? 97 : priorityLevel,
function (
) {
var prevTransition = ReactCurrentBatchConfig$1.transition;
ReactCurrentBatchConfig$1.transition = 1;
try {
setPending(
!1
), callback(
);
} finally {
ReactCurrentBatchConfig$1.transition = prevTransition;
}
}
);
}
function mountTransition(
) {
var _mountState2 = mountState(
!1
),
isPending = _mountState2[0],
setPending = _mountState2[1],
start = startTransition.bind(
null,
setPending
);
return mountRef(
start
), [start, isPending,];
}
function updateTransition(
) {
var isPending = updateState(
)[0];
return [updateRef(
).current, isPending,];
}
function rerenderTransition(
) {
var isPending = rerenderState(
)[0];
return [updateRef(
).current, isPending,];
}
var isUpdatingOpaqueValueInRenderPhase = !1;
function warnOnOpaqueIdentifierAccessInDEV(
fiber
) {
var name = getComponentName(
fiber.type
) || "Unknown";
isRendering &&
!didWarnAboutUseOpaqueIdentifier[name] &&
(error(
"The object passed back from useOpaqueIdentifier is meant to be passed through to attributes only. Do not read the value directly.",
),
(didWarnAboutUseOpaqueIdentifier[name] = !0));
}
function mountOpaqueIdentifier(
) {
var makeId = makeClientIdInDEV.bind(
null,
warnOnOpaqueIdentifierAccessInDEV.bind(
null,
currentlyRenderingFiber$1
),
);
if (getIsHydrating(
)) {
var didUpgrade = !1,
fiber = currentlyRenderingFiber$1,
id = {
$$typeof: REACT_OPAQUE_ID_TYPE,
toString: (attemptToReadValue = function (
) {
throw (
(didUpgrade ||
((didUpgrade = !0),
(isUpdatingOpaqueValueInRenderPhase = !0),
setId(
makeId(
)
),
(isUpdatingOpaqueValueInRenderPhase = !1),
warnOnOpaqueIdentifierAccessInDEV(
fiber
)),
Error(
"The object passed back from useOpaqueIdentifier is meant to be passed through to attributes only. Do not read the value directly.",
))
);
}),
valueOf: attemptToReadValue,
},
setId = mountState(
id
)[1];
return (
0 == (2 & currentlyRenderingFiber$1.mode) &&
((currentlyRenderingFiber$1.flags |= 516),
pushEffect(
5,
function (
) {
setId(
makeId(
)
);
},
void 0,
null,
)),
id
);
}
var attemptToReadValue,
_id = makeId(
);
return mountState(
_id
), _id;
}
function updateOpaqueIdentifier(
) {
return updateState(
)[0];
}
function rerenderOpaqueIdentifier(
) {
return rerenderState(
)[0];
}
function dispatchAction(
fiber, queue, action
) {
"function" == typeof arguments[3] &&
error(
"State updates from the useState() and useReducer() Hooks don't support the second callback argument. To execute a side effect after rendering, declare it in the component body with useEffect().",
);
var eventTime = requestEventTime(
),
lane = requestUpdateLane(
fiber
),
update = {
lane: lane,
action: action,
eagerReducer: null,
eagerState: null,
next: null,
},
pending = queue.pending;
null === pending
? (update.next = update)
: ((update.next = pending.next), (pending.next = update)),
(queue.pending = update);
var alternate = fiber.alternate;
if (
fiber === currentlyRenderingFiber$1 ||
(null !== alternate && alternate === currentlyRenderingFiber$1)
)
didScheduleRenderPhaseUpdateDuringThisPass = didScheduleRenderPhaseUpdate = !0;
else {
if (0 === fiber.lanes && (null === alternate || 0 === alternate.lanes)) {
var lastRenderedReducer = queue.lastRenderedReducer;
if (null !== lastRenderedReducer) {
var prevDispatcher;
(prevDispatcher = ReactCurrentDispatcher$1.current),
(ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV);
try {
var currentState = queue.lastRenderedState,
eagerState = lastRenderedReducer(
currentState,
action
);
if (
((update.eagerReducer = lastRenderedReducer),
(update.eagerState = eagerState),
objectIs(
eagerState,
currentState
))
)
return;
} catch (error) {
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
}
}
"undefined" != typeof jest &&
(warnIfNotScopedWithMatchingAct(
fiber
),
warnIfNotCurrentlyActingUpdatesInDev(
fiber
)),
scheduleUpdateOnFiber(
fiber,
lane,
eventTime
);
}
}
var ContextOnlyDispatcher = {
readContext: readContext,
useCallback: throwInvalidHookError,
useContext: throwInvalidHookError,
useEffect: throwInvalidHookError,
useImperativeHandle: throwInvalidHookError,
useLayoutEffect: throwInvalidHookError,
useMemo: throwInvalidHookError,
useReducer: throwInvalidHookError,
useRef: throwInvalidHookError,
useState: throwInvalidHookError,
useDebugValue: throwInvalidHookError,
useDeferredValue: throwInvalidHookError,
useTransition: throwInvalidHookError,
useMutableSource: throwInvalidHookError,
useOpaqueIdentifier: throwInvalidHookError,
unstable_isNewReconciler: false,
},
HooksDispatcherOnMountInDEV = null,
HooksDispatcherOnMountWithHookTypesInDEV = null,
HooksDispatcherOnUpdateInDEV = null,
HooksDispatcherOnRerenderInDEV = null,
InvalidNestedHooksDispatcherOnMountInDEV = null,
InvalidNestedHooksDispatcherOnUpdateInDEV = null,
InvalidNestedHooksDispatcherOnRerenderInDEV = null,
warnInvalidContextAccess = function (
) {
error(
"Context can only be read while React is rendering. In classes, you can read it in the render method or getDerivedStateFromProps. In function components, you can read it directly in the function body, but not inside Hooks like useReducer() or useMemo().",
);
},
warnInvalidHookAccess = function (
) {
error(
"Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. You can only call Hooks at the top level of your React function. For more information, see https://reactjs.org/link/rules-of-hooks",
);
};
(HooksDispatcherOnMountInDEV = {
readContext: function (
context, observedBits
) {
return readContext(
context,
observedBits
);
},
useCallback: function (
callback, deps
) {
return (
(currentHookNameInDev = "useCallback"),
mountHookTypesDev(
),
checkDepsAreArrayDev(
deps
),
mountCallback(
callback,
deps
)
);
},
useContext: function (
context, observedBits
) {
return (
(currentHookNameInDev = "useContext"),
mountHookTypesDev(
),
readContext(
context,
observedBits
)
);
},
useEffect: function (
create, deps
) {
return (
(currentHookNameInDev = "useEffect"),
mountHookTypesDev(
),
checkDepsAreArrayDev(
deps
),
mountEffect(
create,
deps
)
);
},
useImperativeHandle: function (
ref, create, deps
) {
return (
(currentHookNameInDev = "useImperativeHandle"),
mountHookTypesDev(
),
checkDepsAreArrayDev(
deps
),
mountImperativeHandle(
ref,
create,
deps
)
);
},
useLayoutEffect: function (
create, deps
) {
return (
(currentHookNameInDev = "useLayoutEffect"),
mountHookTypesDev(
),
checkDepsAreArrayDev(
deps
),
mountLayoutEffect(
create,
deps
)
);
},
useMemo: function (
create, deps
) {
(currentHookNameInDev = "useMemo"),
mountHookTypesDev(
),
checkDepsAreArrayDev(
deps
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
try {
return mountMemo(
create,
deps
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useReducer: function (
reducer, initialArg, init
) {
(currentHookNameInDev = "useReducer"), mountHookTypesDev(
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
try {
return mountReducer(
reducer,
initialArg,
init
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useRef: function (
initialValue
) {
return (
(currentHookNameInDev = "useRef"),
mountHookTypesDev(
),
mountRef(
initialValue
)
);
},
useState: function (
initialState
) {
(currentHookNameInDev = "useState"), mountHookTypesDev(
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
try {
return mountState(
initialState
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useDebugValue: function (
value, formatterFn
) {
(currentHookNameInDev = "useDebugValue"), mountHookTypesDev(
);
},
useDeferredValue: function (
value
) {
return (
(currentHookNameInDev = "useDeferredValue"),
mountHookTypesDev(
),
mountDeferredValue(
value
)
);
},
useTransition: function (
) {
return (
(currentHookNameInDev = "useTransition"),
mountHookTypesDev(
),
mountTransition(
)
);
},
useMutableSource: function (
source, getSnapshot, subscribe
) {
return (
(currentHookNameInDev = "useMutableSource"),
mountHookTypesDev(
),
mountMutableSource(
source,
getSnapshot,
subscribe
)
);
},
useOpaqueIdentifier: function (
) {
return (
(currentHookNameInDev = "useOpaqueIdentifier"),
mountHookTypesDev(
),
mountOpaqueIdentifier(
)
);
},
unstable_isNewReconciler: false,
}),
(HooksDispatcherOnMountWithHookTypesInDEV = {
readContext: function (
context, observedBits
) {
return readContext(
context,
observedBits
);
},
useCallback: function (
callback, deps
) {
return (
(currentHookNameInDev = "useCallback"),
updateHookTypesDev(
),
mountCallback(
callback,
deps
)
);
},
useContext: function (
context, observedBits
) {
return (
(currentHookNameInDev = "useContext"),
updateHookTypesDev(
),
readContext(
context,
observedBits
)
);
},
useEffect: function (
create, deps
) {
return (
(currentHookNameInDev = "useEffect"),
updateHookTypesDev(
),
mountEffect(
create,
deps
)
);
},
useImperativeHandle: function (
ref, create, deps
) {
return (
(currentHookNameInDev = "useImperativeHandle"),
updateHookTypesDev(
),
mountImperativeHandle(
ref,
create,
deps
)
);
},
useLayoutEffect: function (
create, deps
) {
return (
(currentHookNameInDev = "useLayoutEffect"),
updateHookTypesDev(
),
mountLayoutEffect(
create,
deps
)
);
},
useMemo: function (
create, deps
) {
(currentHookNameInDev = "useMemo"), updateHookTypesDev(
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
try {
return mountMemo(
create,
deps
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useReducer: function (
reducer, initialArg, init
) {
(currentHookNameInDev = "useReducer"), updateHookTypesDev(
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
try {
return mountReducer(
reducer,
initialArg,
init
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useRef: function (
initialValue
) {
return (
(currentHookNameInDev = "useRef"),
updateHookTypesDev(
),
mountRef(
initialValue
)
);
},
useState: function (
initialState
) {
(currentHookNameInDev = "useState"), updateHookTypesDev(
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
try {
return mountState(
initialState
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useDebugValue: function (
value, formatterFn
) {
(currentHookNameInDev = "useDebugValue"), updateHookTypesDev(
);
},
useDeferredValue: function (
value
) {
return (
(currentHookNameInDev = "useDeferredValue"),
updateHookTypesDev(
),
mountDeferredValue(
value
)
);
},
useTransition: function (
) {
return (
(currentHookNameInDev = "useTransition"),
updateHookTypesDev(
),
mountTransition(
)
);
},
useMutableSource: function (
source, getSnapshot, subscribe
) {
return (
(currentHookNameInDev = "useMutableSource"),
updateHookTypesDev(
),
mountMutableSource(
source,
getSnapshot,
subscribe
)
);
},
useOpaqueIdentifier: function (
) {
return (
(currentHookNameInDev = "useOpaqueIdentifier"),
updateHookTypesDev(
),
mountOpaqueIdentifier(
)
);
},
unstable_isNewReconciler: false,
}),
(HooksDispatcherOnUpdateInDEV = {
readContext: function (
context, observedBits
) {
return readContext(
context,
observedBits
);
},
useCallback: function (
callback, deps
) {
return (
(currentHookNameInDev = "useCallback"),
updateHookTypesDev(
),
updateCallback(
callback,
deps
)
);
},
useContext: function (
context, observedBits
) {
return (
(currentHookNameInDev = "useContext"),
updateHookTypesDev(
),
readContext(
context,
observedBits
)
);
},
useEffect: function (
create, deps
) {
return (
(currentHookNameInDev = "useEffect"),
updateHookTypesDev(
),
updateEffect(
create,
deps
)
);
},
useImperativeHandle: function (
ref, create, deps
) {
return (
(currentHookNameInDev = "useImperativeHandle"),
updateHookTypesDev(
),
updateImperativeHandle(
ref,
create,
deps
)
);
},
useLayoutEffect: function (
create, deps
) {
return (
(currentHookNameInDev = "useLayoutEffect"),
updateHookTypesDev(
),
updateLayoutEffect(
create,
deps
)
);
},
useMemo: function (
create, deps
) {
(currentHookNameInDev = "useMemo"), updateHookTypesDev(
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
try {
return updateMemo(
create,
deps
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useReducer: function (
reducer, initialArg, init
) {
(currentHookNameInDev = "useReducer"), updateHookTypesDev(
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
try {
return updateReducer(
reducer
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useRef: function (
initialValue
) {
return (
(currentHookNameInDev = "useRef"), updateHookTypesDev(
), updateRef(
)
);
},
useState: function (
initialState
) {
(currentHookNameInDev = "useState"), updateHookTypesDev(
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
try {
return updateState(
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useDebugValue: function (
value, formatterFn
) {
return (
(currentHookNameInDev = "useDebugValue"),
updateHookTypesDev(
),
updateDebugValue(
)
);
},
useDeferredValue: function (
value
) {
return (
(currentHookNameInDev = "useDeferredValue"),
updateHookTypesDev(
),
updateDeferredValue(
value
)
);
},
useTransition: function (
) {
return (
(currentHookNameInDev = "useTransition"),
updateHookTypesDev(
),
updateTransition(
)
);
},
useMutableSource: function (
source, getSnapshot, subscribe
) {
return (
(currentHookNameInDev = "useMutableSource"),
updateHookTypesDev(
),
updateMutableSource(
source,
getSnapshot,
subscribe
)
);
},
useOpaqueIdentifier: function (
) {
return (
(currentHookNameInDev = "useOpaqueIdentifier"),
updateHookTypesDev(
),
updateOpaqueIdentifier(
)
);
},
unstable_isNewReconciler: false,
}),
(HooksDispatcherOnRerenderInDEV = {
readContext: function (
context, observedBits
) {
return readContext(
context,
observedBits
);
},
useCallback: function (
callback, deps
) {
return (
(currentHookNameInDev = "useCallback"),
updateHookTypesDev(
),
updateCallback(
callback,
deps
)
);
},
useContext: function (
context, observedBits
) {
return (
(currentHookNameInDev = "useContext"),
updateHookTypesDev(
),
readContext(
context,
observedBits
)
);
},
useEffect: function (
create, deps
) {
return (
(currentHookNameInDev = "useEffect"),
updateHookTypesDev(
),
updateEffect(
create,
deps
)
);
},
useImperativeHandle: function (
ref, create, deps
) {
return (
(currentHookNameInDev = "useImperativeHandle"),
updateHookTypesDev(
),
updateImperativeHandle(
ref,
create,
deps
)
);
},
useLayoutEffect: function (
create, deps
) {
return (
(currentHookNameInDev = "useLayoutEffect"),
updateHookTypesDev(
),
updateLayoutEffect(
create,
deps
)
);
},
useMemo: function (
create, deps
) {
(currentHookNameInDev = "useMemo"), updateHookTypesDev(
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
try {
return updateMemo(
create,
deps
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useReducer: function (
reducer, initialArg, init
) {
(currentHookNameInDev = "useReducer"), updateHookTypesDev(
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
try {
return rerenderReducer(
reducer
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useRef: function (
initialValue
) {
return (
(currentHookNameInDev = "useRef"), updateHookTypesDev(
), updateRef(
)
);
},
useState: function (
initialState
) {
(currentHookNameInDev = "useState"), updateHookTypesDev(
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
try {
return rerenderState(
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useDebugValue: function (
value, formatterFn
) {
return (
(currentHookNameInDev = "useDebugValue"),
updateHookTypesDev(
),
updateDebugValue(
)
);
},
useDeferredValue: function (
value
) {
return (
(currentHookNameInDev = "useDeferredValue"),
updateHookTypesDev(
),
rerenderDeferredValue(
value
)
);
},
useTransition: function (
) {
return (
(currentHookNameInDev = "useTransition"),
updateHookTypesDev(
),
rerenderTransition(
)
);
},
useMutableSource: function (
source, getSnapshot, subscribe
) {
return (
(currentHookNameInDev = "useMutableSource"),
updateHookTypesDev(
),
updateMutableSource(
source,
getSnapshot,
subscribe
)
);
},
useOpaqueIdentifier: function (
) {
return (
(currentHookNameInDev = "useOpaqueIdentifier"),
updateHookTypesDev(
),
rerenderOpaqueIdentifier(
)
);
},
unstable_isNewReconciler: false,
}),
(InvalidNestedHooksDispatcherOnMountInDEV = {
readContext: function (
context, observedBits
) {
return warnInvalidContextAccess(
), readContext(
context,
observedBits
);
},
useCallback: function (
callback, deps
) {
return (
(currentHookNameInDev = "useCallback"),
warnInvalidHookAccess(
),
mountHookTypesDev(
),
mountCallback(
callback,
deps
)
);
},
useContext: function (
context, observedBits
) {
return (
(currentHookNameInDev = "useContext"),
warnInvalidHookAccess(
),
mountHookTypesDev(
),
readContext(
context,
observedBits
)
);
},
useEffect: function (
create, deps
) {
return (
(currentHookNameInDev = "useEffect"),
warnInvalidHookAccess(
),
mountHookTypesDev(
),
mountEffect(
create,
deps
)
);
},
useImperativeHandle: function (
ref, create, deps
) {
return (
(currentHookNameInDev = "useImperativeHandle"),
warnInvalidHookAccess(
),
mountHookTypesDev(
),
mountImperativeHandle(
ref,
create,
deps
)
);
},
useLayoutEffect: function (
create, deps
) {
return (
(currentHookNameInDev = "useLayoutEffect"),
warnInvalidHookAccess(
),
mountHookTypesDev(
),
mountLayoutEffect(
create,
deps
)
);
},
useMemo: function (
create, deps
) {
(currentHookNameInDev = "useMemo"),
warnInvalidHookAccess(
),
mountHookTypesDev(
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
try {
return mountMemo(
create,
deps
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useReducer: function (
reducer, initialArg, init
) {
(currentHookNameInDev = "useReducer"),
warnInvalidHookAccess(
),
mountHookTypesDev(
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
try {
return mountReducer(
reducer,
initialArg,
init
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useRef: function (
initialValue
) {
return (
(currentHookNameInDev = "useRef"),
warnInvalidHookAccess(
),
mountHookTypesDev(
),
mountRef(
initialValue
)
);
},
useState: function (
initialState
) {
(currentHookNameInDev = "useState"),
warnInvalidHookAccess(
),
mountHookTypesDev(
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
try {
return mountState(
initialState
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useDebugValue: function (
value, formatterFn
) {
(currentHookNameInDev = "useDebugValue"),
warnInvalidHookAccess(
),
mountHookTypesDev(
);
},
useDeferredValue: function (
value
) {
return (
(currentHookNameInDev = "useDeferredValue"),
warnInvalidHookAccess(
),
mountHookTypesDev(
),
mountDeferredValue(
value
)
);
},
useTransition: function (
) {
return (
(currentHookNameInDev = "useTransition"),
warnInvalidHookAccess(
),
mountHookTypesDev(
),
mountTransition(
)
);
},
useMutableSource: function (
source, getSnapshot, subscribe
) {
return (
(currentHookNameInDev = "useMutableSource"),
warnInvalidHookAccess(
),
mountHookTypesDev(
),
mountMutableSource(
source,
getSnapshot,
subscribe
)
);
},
useOpaqueIdentifier: function (
) {
return (
(currentHookNameInDev = "useOpaqueIdentifier"),
warnInvalidHookAccess(
),
mountHookTypesDev(
),
mountOpaqueIdentifier(
)
);
},
unstable_isNewReconciler: false,
}),
(InvalidNestedHooksDispatcherOnUpdateInDEV = {
readContext: function (
context, observedBits
) {
return warnInvalidContextAccess(
), readContext(
context,
observedBits
);
},
useCallback: function (
callback, deps
) {
return (
(currentHookNameInDev = "useCallback"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
updateCallback(
callback,
deps
)
);
},
useContext: function (
context, observedBits
) {
return (
(currentHookNameInDev = "useContext"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
readContext(
context,
observedBits
)
);
},
useEffect: function (
create, deps
) {
return (
(currentHookNameInDev = "useEffect"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
updateEffect(
create,
deps
)
);
},
useImperativeHandle: function (
ref, create, deps
) {
return (
(currentHookNameInDev = "useImperativeHandle"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
updateImperativeHandle(
ref,
create,
deps
)
);
},
useLayoutEffect: function (
create, deps
) {
return (
(currentHookNameInDev = "useLayoutEffect"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
updateLayoutEffect(
create,
deps
)
);
},
useMemo: function (
create, deps
) {
(currentHookNameInDev = "useMemo"),
warnInvalidHookAccess(
),
updateHookTypesDev(
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
try {
return updateMemo(
create,
deps
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useReducer: function (
reducer, initialArg, init
) {
(currentHookNameInDev = "useReducer"),
warnInvalidHookAccess(
),
updateHookTypesDev(
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
try {
return updateReducer(
reducer
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useRef: function (
initialValue
) {
return (
(currentHookNameInDev = "useRef"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
updateRef(
)
);
},
useState: function (
initialState
) {
(currentHookNameInDev = "useState"),
warnInvalidHookAccess(
),
updateHookTypesDev(
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
try {
return updateState(
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useDebugValue: function (
value, formatterFn
) {
return (
(currentHookNameInDev = "useDebugValue"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
updateDebugValue(
)
);
},
useDeferredValue: function (
value
) {
return (
(currentHookNameInDev = "useDeferredValue"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
updateDeferredValue(
value
)
);
},
useTransition: function (
) {
return (
(currentHookNameInDev = "useTransition"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
updateTransition(
)
);
},
useMutableSource: function (
source, getSnapshot, subscribe
) {
return (
(currentHookNameInDev = "useMutableSource"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
updateMutableSource(
source,
getSnapshot,
subscribe
)
);
},
useOpaqueIdentifier: function (
) {
return (
(currentHookNameInDev = "useOpaqueIdentifier"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
updateOpaqueIdentifier(
)
);
},
unstable_isNewReconciler: false,
}),
(InvalidNestedHooksDispatcherOnRerenderInDEV = {
readContext: function (
context, observedBits
) {
return warnInvalidContextAccess(
), readContext(
context,
observedBits
);
},
useCallback: function (
callback, deps
) {
return (
(currentHookNameInDev = "useCallback"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
updateCallback(
callback,
deps
)
);
},
useContext: function (
context, observedBits
) {
return (
(currentHookNameInDev = "useContext"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
readContext(
context,
observedBits
)
);
},
useEffect: function (
create, deps
) {
return (
(currentHookNameInDev = "useEffect"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
updateEffect(
create,
deps
)
);
},
useImperativeHandle: function (
ref, create, deps
) {
return (
(currentHookNameInDev = "useImperativeHandle"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
updateImperativeHandle(
ref,
create,
deps
)
);
},
useLayoutEffect: function (
create, deps
) {
return (
(currentHookNameInDev = "useLayoutEffect"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
updateLayoutEffect(
create,
deps
)
);
},
useMemo: function (
create, deps
) {
(currentHookNameInDev = "useMemo"),
warnInvalidHookAccess(
),
updateHookTypesDev(
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
try {
return updateMemo(
create,
deps
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useReducer: function (
reducer, initialArg, init
) {
(currentHookNameInDev = "useReducer"),
warnInvalidHookAccess(
),
updateHookTypesDev(
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
try {
return rerenderReducer(
reducer
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useRef: function (
initialValue
) {
return (
(currentHookNameInDev = "useRef"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
updateRef(
)
);
},
useState: function (
initialState
) {
(currentHookNameInDev = "useState"),
warnInvalidHookAccess(
),
updateHookTypesDev(
);
var prevDispatcher = ReactCurrentDispatcher$1.current;
ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
try {
return rerenderState(
);
} finally {
ReactCurrentDispatcher$1.current = prevDispatcher;
}
},
useDebugValue: function (
value, formatterFn
) {
return (
(currentHookNameInDev = "useDebugValue"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
updateDebugValue(
)
);
},
useDeferredValue: function (
value
) {
return (
(currentHookNameInDev = "useDeferredValue"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
rerenderDeferredValue(
value
)
);
},
useTransition: function (
) {
return (
(currentHookNameInDev = "useTransition"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
rerenderTransition(
)
);
},
useMutableSource: function (
source, getSnapshot, subscribe
) {
return (
(currentHookNameInDev = "useMutableSource"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
updateMutableSource(
source,
getSnapshot,
subscribe
)
);
},
useOpaqueIdentifier: function (
) {
return (
(currentHookNameInDev = "useOpaqueIdentifier"),
warnInvalidHookAccess(
),
updateHookTypesDev(
),
rerenderOpaqueIdentifier(
)
);
},
unstable_isNewReconciler: false,
});
var now$1 = unstable_now,
commitTime = 0,
profilerStartTime = -1;
function getCommitTime(
) {
return commitTime;
}
function recordCommitTime(
) {
commitTime = now$1(
);
}
function startProfilerTimer(
fiber
) {
(profilerStartTime = now$1(
)),
fiber.actualStartTime < 0 && (fiber.actualStartTime = now$1(
));
}
function stopProfilerTimerIfRunning(
fiber
) {
profilerStartTime = -1;
}
function stopProfilerTimerIfRunningAndRecordDelta(
fiber, overrideBaseTime
) {
if (profilerStartTime >= 0) {
var elapsedTime = now$1(
) - profilerStartTime;
(fiber.actualDuration += elapsedTime),
overrideBaseTime && (fiber.selfBaseDuration = elapsedTime),
(profilerStartTime = -1);
}
}
function transferActualDuration(
fiber
) {
for (var child = fiber.child; child; )
(fiber.actualDuration += child.actualDuration), (child = child.sibling);
}
var didWarnAboutBadClass,
didWarnAboutModulePatternComponent,
didWarnAboutContextTypeOnFunctionComponent,
didWarnAboutGetDerivedStateOnFunctionComponent,
didWarnAboutFunctionRefs,
didWarnAboutReassigningProps,
didWarnAboutRevealOrder,
didWarnAboutTailOptions,
ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
didReceiveUpdate = !1;
function reconcileChildren(
current,
workInProgress,
nextChildren,
renderLanes,
) {
workInProgress.child =
null === current
? mountChildFibers(
workInProgress,
null,
nextChildren,
renderLanes
)
: reconcileChildFibers(
workInProgress,
current.child,
nextChildren,
renderLanes,
);
}
function updateForwardRef(
current,
workInProgress,
Component,
nextProps,
renderLanes,
) {
if (workInProgress.type !== workInProgress.elementType) {
var innerPropTypes = Component.propTypes;
innerPropTypes &&
checkPropTypes(
innerPropTypes,
nextProps,
"prop",
getComponentName(
Component
),
);
}
var nextChildren,
render = Component.render,
ref = workInProgress.ref;
if (
(prepareToReadContext(
workInProgress,
renderLanes
),
(ReactCurrentOwner$1.current = workInProgress),
setIsRendering(
!0
),
(nextChildren = renderWithHooks(
current,
workInProgress,
render,
nextProps,
ref,
renderLanes,
)),
1 & workInProgress.mode)
) {
disableLogs(
);
try {
nextChildren = renderWithHooks(
current,
workInProgress,
render,
nextProps,
ref,
renderLanes,
);
} finally {
reenableLogs(
);
}
}
return (
setIsRendering(
!1
),
null === current || didReceiveUpdate
? ((workInProgress.flags |= 1),
reconcileChildren(
current,
workInProgress,
nextChildren,
renderLanes
),
workInProgress.child)
: (bailoutHooks(
current,
workInProgress,
renderLanes
),
bailoutOnAlreadyFinishedWork(
current,
workInProgress,
renderLanes
))
);
}
function updateMemoComponent(
current,
workInProgress,
Component,
nextProps,
updateLanes,
renderLanes,
) {
if (null === current) {
var type = Component.type;
if (
(function (
type
) {
return (
"function" == typeof type &&
!shouldConstruct$1(
type
) &&
void 0 === type.defaultProps
);
})(
type
) &&
null === Component.compare &&
void 0 === Component.defaultProps
) {
var resolvedType;
return (
(resolvedType = resolveFunctionForHotReloading(
type
)),
(workInProgress.tag = 15),
(workInProgress.type = resolvedType),
validateFunctionComponentInDev(
workInProgress,
type
),
updateSimpleMemoComponent(
current,
workInProgress,
resolvedType,
nextProps,
updateLanes,
renderLanes,
)
);
}
var innerPropTypes = type.propTypes;
innerPropTypes &&
checkPropTypes(
innerPropTypes,
nextProps,
"prop",
getComponentName(
type
),
);
var child = createFiberFromTypeAndProps(
Component.type,
null,
nextProps,
workInProgress,
workInProgress.mode,
renderLanes,
);
return (
(child.ref = workInProgress.ref),
(child.return = workInProgress),
(workInProgress.child = child),
child
);
}
var _type = Component.type,
_innerPropTypes = _type.propTypes;
_innerPropTypes &&
checkPropTypes(
_innerPropTypes,
nextProps,
"prop",
getComponentName(
_type
),
);
var currentChild = current.child;
if (!includesSomeLane(
updateLanes,
renderLanes
)) {
var prevProps = currentChild.memoizedProps,
compare = Component.compare;
if (
(compare = null !== compare ? compare : shallowEqual)(
prevProps,
nextProps,
) &&
current.ref === workInProgress.ref
)
return bailoutOnAlreadyFinishedWork(
current,
workInProgress,
renderLanes,
);
}
workInProgress.flags |= 1;
var newChild = createWorkInProgress(
currentChild,
nextProps
);
return (
(newChild.ref = workInProgress.ref),
(newChild.return = workInProgress),
(workInProgress.child = newChild),
newChild
);
}
function updateSimpleMemoComponent(
current,
workInProgress,
Component,
nextProps,
updateLanes,
renderLanes,
) {
if (workInProgress.type !== workInProgress.elementType) {
var outerMemoType = workInProgress.elementType;
if (outerMemoType.$$typeof === REACT_LAZY_TYPE) {
var lazyComponent = outerMemoType,
payload = lazyComponent._payload,
init = lazyComponent._init;
try {
outerMemoType = init(
payload
);
} catch (x) {
outerMemoType = null;
}
var outerPropTypes = outerMemoType && outerMemoType.propTypes;
outerPropTypes &&
checkPropTypes(
outerPropTypes,
nextProps,
"prop",
getComponentName(
outerMemoType
),
);
}
}
if (
null !== current &&
shallowEqual(
current.memoizedProps,
nextProps
) &&
current.ref === workInProgress.ref &&
workInProgress.type === current.type
) {
if (
((didReceiveUpdate = !1), !includesSomeLane(
renderLanes,
updateLanes
))
)
return (
(workInProgress.lanes = current.lanes),
bailoutOnAlreadyFinishedWork(
current,
workInProgress,
renderLanes
)
);
0 != (16384 & current.flags) && (didReceiveUpdate = !0);
}
return updateFunctionComponent(
current,
workInProgress,
Component,
nextProps,
renderLanes,
);
}
function updateOffscreenComponent(
current, workInProgress, renderLanes
) {
var _subtreeRenderLanes,
nextProps = workInProgress.pendingProps,
nextChildren = nextProps.children,
prevState = null !== current ? current.memoizedState : null;
if (
"hidden" === nextProps.mode ||
"unstable-defer-without-hiding" === nextProps.mode
)
if (0 == (4 & workInProgress.mode)) {
var nextState = {
baseLanes: 0,
};
(workInProgress.memoizedState = nextState),
pushRenderLanes(
workInProgress,
renderLanes
);
} else {
if (!includesSomeLane(
renderLanes,
1073741824
)) {
var nextBaseLanes;
if (null !== prevState)
nextBaseLanes = mergeLanes(
prevState.baseLanes,
renderLanes
);
else nextBaseLanes = renderLanes;
markSpawnedWork(
1073741824
),
(workInProgress.lanes = workInProgress.childLanes = 1073741824);
var _nextState = {
baseLanes: nextBaseLanes,
};
return (
(workInProgress.memoizedState = _nextState),
pushRenderLanes(
workInProgress,
nextBaseLanes
),
null
);
}
var _nextState2 = {
baseLanes: 0,
};
(workInProgress.memoizedState = _nextState2),
pushRenderLanes(
workInProgress,
null !== prevState ? prevState.baseLanes : renderLanes,
);
}
else
null !== prevState
? ((_subtreeRenderLanes = mergeLanes(
prevState.baseLanes,
renderLanes
)),
(workInProgress.memoizedState = null))
: (_subtreeRenderLanes = renderLanes),
pushRenderLanes(
workInProgress,
_subtreeRenderLanes
);
return (
reconcileChildren(
current,
workInProgress,
nextChildren,
renderLanes
),
workInProgress.child
);
}
(didWarnAboutBadClass = {
}),
(didWarnAboutModulePatternComponent = {
}),
(didWarnAboutContextTypeOnFunctionComponent = {
}),
(didWarnAboutGetDerivedStateOnFunctionComponent = {
}),
(didWarnAboutFunctionRefs = {
}),
(didWarnAboutReassigningProps = !1),
(didWarnAboutRevealOrder = {
}),
(didWarnAboutTailOptions = {
});
var updateLegacyHiddenComponent = updateOffscreenComponent;
function markRef(
current, workInProgress
) {
var ref = workInProgress.ref;
((null === current && null !== ref) ||
(null !== current && current.ref !== ref)) &&
(workInProgress.flags |= 128);
}
function updateFunctionComponent(
current,
workInProgress,
Component,
nextProps,
renderLanes,
) {
if (workInProgress.type !== workInProgress.elementType) {
var innerPropTypes = Component.propTypes;
innerPropTypes &&
checkPropTypes(
innerPropTypes,
nextProps,
"prop",
getComponentName(
Component
),
);
}
var context, nextChildren;
if (
((context = getMaskedContext(
workInProgress,
getUnmaskedContext(
0,
Component,
!0
),
)),
prepareToReadContext(
workInProgress,
renderLanes
),
(ReactCurrentOwner$1.current = workInProgress),
setIsRendering(
!0
),
(nextChildren = renderWithHooks(
current,
workInProgress,
Component,
nextProps,
context,
renderLanes,
)),
1 & workInProgress.mode)
) {
disableLogs(
);
try {
nextChildren = renderWithHooks(
current,
workInProgress,
Component,
nextProps,
context,
renderLanes,
);
} finally {
reenableLogs(
);
}
}
return (
setIsRendering(
!1
),
null === current || didReceiveUpdate
? ((workInProgress.flags |= 1),
reconcileChildren(
current,
workInProgress,
nextChildren,
renderLanes
),
workInProgress.child)
: (bailoutHooks(
current,
workInProgress,
renderLanes
),
bailoutOnAlreadyFinishedWork(
current,
workInProgress,
renderLanes
))
);
}
function updateClassComponent(
current,
workInProgress,
Component,
nextProps,
renderLanes,
) {
if (workInProgress.type !== workInProgress.elementType) {
var innerPropTypes = Component.propTypes;
innerPropTypes &&
checkPropTypes(
innerPropTypes,
nextProps,
"prop",
getComponentName(
Component
),
);
}
var hasContext, shouldUpdate;
isContextProvider(
Component
)
? ((hasContext = !0), pushContextProvider(
workInProgress
))
: (hasContext = !1),
prepareToReadContext(
workInProgress,
renderLanes
),
null === workInProgress.stateNode
? (null !== current &&
((current.alternate = null),
(workInProgress.alternate = null),
(workInProgress.flags |= 2)),
constructClassInstance(
workInProgress,
Component,
nextProps
),
mountClassInstance(
workInProgress,
Component,
nextProps,
renderLanes
),
(shouldUpdate = !0))
: (shouldUpdate =
null === current
? (function (
workInProgress, ctor, newProps, renderLanes
) {
var instance = workInProgress.stateNode,
oldProps = workInProgress.memoizedProps;
instance.props = oldProps;
var oldContext = instance.context,
contextType = ctor.contextType,
nextContext = emptyContextObject;
nextContext =
"object" == typeof contextType && null !== contextType
? readContext(
contextType
)
: getMaskedContext(
workInProgress,
getUnmaskedContext(
0,
ctor,
!0
),
);
var getDerivedStateFromProps = ctor.getDerivedStateFromProps,
hasNewLifecycles =
"function" == typeof getDerivedStateFromProps ||
"function" == typeof instance.getSnapshotBeforeUpdate;
hasNewLifecycles ||
("function" !=
typeof instance.UNSAFE_componentWillReceiveProps &&
"function" !=
typeof instance.componentWillReceiveProps) ||
(oldProps === newProps && oldContext === nextContext) ||
callComponentWillReceiveProps(
workInProgress,
instance,
newProps,
nextContext,
),
resetHasForceUpdateBeforeProcessing(
);
var oldState = workInProgress.memoizedState,
newState = (instance.state = oldState);
if (
(processUpdateQueue(
workInProgress,
newProps,
instance,
renderLanes,
),
(newState = workInProgress.memoizedState),
oldProps === newProps &&
oldState === newState &&
!hasContextChanged(
) &&
!checkHasForceUpdateAfterProcessing(
))
)
return (
"function" == typeof instance.componentDidMount &&
(workInProgress.flags |= 4),
!1
);
"function" == typeof getDerivedStateFromProps &&
(applyDerivedStateFromProps(
workInProgress,
ctor,
getDerivedStateFromProps,
newProps,
),
(newState = workInProgress.memoizedState));
var shouldUpdate =
checkHasForceUpdateAfterProcessing(
) ||
checkShouldComponentUpdate(
workInProgress,
ctor,
oldProps,
newProps,
oldState,
newState,
nextContext,
);
return (
shouldUpdate
? (hasNewLifecycles ||
("function" !=
typeof instance.UNSAFE_componentWillMount &&
"function" != typeof instance.componentWillMount) ||
("function" == typeof instance.componentWillMount &&
instance.componentWillMount(
),
"function" ==
typeof instance.UNSAFE_componentWillMount &&
instance.UNSAFE_componentWillMount(
)),
"function" == typeof instance.componentDidMount &&
(workInProgress.flags |= 4))
: ("function" == typeof instance.componentDidMount &&
(workInProgress.flags |= 4),
(workInProgress.memoizedProps = newProps),
(workInProgress.memoizedState = newState)),
(instance.props = newProps),
(instance.state = newState),
(instance.context = nextContext),
shouldUpdate
);
})(
workInProgress,
Component,
nextProps,
renderLanes
)
: (function (
current,
workInProgress,
ctor,
newProps,
renderLanes,
) {
var instance = workInProgress.stateNode;
cloneUpdateQueue(
current,
workInProgress
);
var unresolvedOldProps = workInProgress.memoizedProps,
oldProps =
workInProgress.type === workInProgress.elementType
? unresolvedOldProps
: resolveDefaultProps(
workInProgress.type,
unresolvedOldProps,
);
instance.props = oldProps;
var unresolvedNewProps = workInProgress.pendingProps,
oldContext = instance.context,
contextType = ctor.contextType,
nextContext = emptyContextObject;
nextContext =
"object" == typeof contextType && null !== contextType
? readContext(
contextType
)
: getMaskedContext(
workInProgress,
getUnmaskedContext(
0,
ctor,
!0
),
);
var getDerivedStateFromProps = ctor.getDerivedStateFromProps,
hasNewLifecycles =
"function" == typeof getDerivedStateFromProps ||
"function" == typeof instance.getSnapshotBeforeUpdate;
hasNewLifecycles ||
("function" !=
typeof instance.UNSAFE_componentWillReceiveProps &&
"function" !=
typeof instance.componentWillReceiveProps) ||
(unresolvedOldProps === unresolvedNewProps &&
oldContext === nextContext) ||
callComponentWillReceiveProps(
workInProgress,
instance,
newProps,
nextContext,
),
resetHasForceUpdateBeforeProcessing(
);
var oldState = workInProgress.memoizedState,
newState = (instance.state = oldState);
if (
(processUpdateQueue(
workInProgress,
newProps,
instance,
renderLanes,
),
(newState = workInProgress.memoizedState),
unresolvedOldProps === unresolvedNewProps &&
oldState === newState &&
!hasContextChanged(
) &&
!checkHasForceUpdateAfterProcessing(
))
)
return (
"function" == typeof instance.componentDidUpdate &&
((unresolvedOldProps === current.memoizedProps &&
oldState === current.memoizedState) ||
(workInProgress.flags |= 4)),
"function" == typeof instance.getSnapshotBeforeUpdate &&
((unresolvedOldProps === current.memoizedProps &&
oldState === current.memoizedState) ||
(workInProgress.flags |= 256)),
!1
);
"function" == typeof getDerivedStateFromProps &&
(applyDerivedStateFromProps(
workInProgress,
ctor,
getDerivedStateFromProps,
newProps,
),
(newState = workInProgress.memoizedState));
var shouldUpdate =
checkHasForceUpdateAfterProcessing(
) ||
checkShouldComponentUpdate(
workInProgress,
ctor,
oldProps,
newProps,
oldState,
newState,
nextContext,
);
return (
shouldUpdate
? (hasNewLifecycles ||
("function" !=
typeof instance.UNSAFE_componentWillUpdate &&
"function" !=
typeof instance.componentWillUpdate) ||
("function" == typeof instance.componentWillUpdate &&
instance.componentWillUpdate(
newProps,
newState,
nextContext,
),
"function" ==
typeof instance.UNSAFE_componentWillUpdate &&
instance.UNSAFE_componentWillUpdate(
newProps,
newState,
nextContext,
)),
"function" == typeof instance.componentDidUpdate &&
(workInProgress.flags |= 4),
"function" == typeof instance.getSnapshotBeforeUpdate &&
(workInProgress.flags |= 256))
: ("function" == typeof instance.componentDidUpdate &&
((unresolvedOldProps === current.memoizedProps &&
oldState === current.memoizedState) ||
(workInProgress.flags |= 4)),
"function" == typeof instance.getSnapshotBeforeUpdate &&
((unresolvedOldProps === current.memoizedProps &&
oldState === current.memoizedState) ||
(workInProgress.flags |= 256)),
(workInProgress.memoizedProps = newProps),
(workInProgress.memoizedState = newState)),
(instance.props = newProps),
(instance.state = newState),
(instance.context = nextContext),
shouldUpdate
);
})(
current,
workInProgress,
Component,
nextProps,
renderLanes
));
var nextUnitOfWork = finishClassComponent(
current,
workInProgress,
Component,
shouldUpdate,
hasContext,
renderLanes,
),
inst = workInProgress.stateNode;
return (
shouldUpdate &&
inst.props !== nextProps &&
(didWarnAboutReassigningProps ||
error(
"It looks like %s is reassigning its own `this.props` while rendering. This is not supported and can lead to confusing bugs.",
getComponentName(
workInProgress.type
) || "a component",
),
(didWarnAboutReassigningProps = !0)),
nextUnitOfWork
);
}
function finishClassComponent(
current,
workInProgress,
Component,
shouldUpdate,
hasContext,
renderLanes,
) {
markRef(
current,
workInProgress
);
var didCaptureError = 0 != (64 & workInProgress.flags);
if (!shouldUpdate && !didCaptureError)
return (
hasContext && invalidateContextProvider(
workInProgress,
Component,
!1
),
bailoutOnAlreadyFinishedWork(
current,
workInProgress,
renderLanes
)
);
var nextChildren,
instance = workInProgress.stateNode;
if (
((ReactCurrentOwner$1.current = workInProgress),
didCaptureError &&
"function" != typeof Component.getDerivedStateFromError)
)
(nextChildren = null), stopProfilerTimerIfRunning(
);
else {
if (
(setIsRendering(
!0
),
(nextChildren = instance.render(
)),
1 & workInProgress.mode)
) {
disableLogs(
);
try {
instance.render(
);
} finally {
reenableLogs(
);
}
}
setIsRendering(
!1
);
}
return (
(workInProgress.flags |= 1),
null !== current && didCaptureError
? (function (
current, workInProgress, nextChildren, renderLanes
) {
(workInProgress.child = reconcileChildFibers(
workInProgress,
current.child,
null,
renderLanes,
)),
(workInProgress.child = reconcileChildFibers(
workInProgress,
null,
nextChildren,
renderLanes,
));
})(
current,
workInProgress,
nextChildren,
renderLanes
)
: reconcileChildren(
current,
workInProgress,
nextChildren,
renderLanes
),
(workInProgress.memoizedState = instance.state),
hasContext && invalidateContextProvider(
workInProgress,
Component,
!0
),
workInProgress.child
);
}
function pushHostRootContext(
workInProgress
) {
var root = workInProgress.stateNode;
root.pendingContext
? pushTopLevelContextObject(
workInProgress,
root.pendingContext,
root.pendingContext !== root.context,
)
: root.context &&
pushTopLevelContextObject(
workInProgress,
root.context,
!1
),
pushHostContainer(
workInProgress,
root.containerInfo
);
}
function updateHostRoot(
current, workInProgress, renderLanes
) {
pushHostRootContext(
workInProgress
);
var updateQueue = workInProgress.updateQueue;
if (null === current || null === updateQueue)
throw Error(
"If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue.",
);
var nextProps = workInProgress.pendingProps,
prevState = workInProgress.memoizedState,
prevChildren = null !== prevState ? prevState.element : null;
cloneUpdateQueue(
current,
workInProgress
),
processUpdateQueue(
workInProgress,
nextProps,
null,
renderLanes
);
var nextChildren = workInProgress.memoizedState.element;
if (nextChildren === prevChildren)
return (
resetHydrationState(
),
bailoutOnAlreadyFinishedWork(
current,
workInProgress,
renderLanes
)
);
var fiber,
parentInstance,
root = workInProgress.stateNode;
if (
root.hydrate &&
((parentInstance = (fiber = workInProgress).stateNode.containerInfo),
(nextHydratableInstance = getFirstHydratableChild(
parentInstance
)),
(hydrationParentFiber = fiber),
(isHydrating = !0),
1)
) {
var mutableSourceEagerHydrationData =
root.mutableSourceEagerHydrationData;
if (null != mutableSourceEagerHydrationData)
for (var i = 0; i < mutableSourceEagerHydrationData.length; i += 2) {
setWorkInProgressVersion(
mutableSourceEagerHydrationData[i],
mutableSourceEagerHydrationData[i + 1],
);
}
var child = mountChildFibers(
workInProgress,
null,
nextChildren,
renderLanes,
);
workInProgress.child = child;
for (var node = child; node; )
(node.flags = (-3 & node.flags) | 1024), (node = node.sibling);
} else reconcileChildren(
current,
workInProgress,
nextChildren,
renderLanes
), resetHydrationState(
);
return workInProgress.child;
}
function mountLazyComponent(
_current,
workInProgress,
elementType,
updateLanes,
renderLanes,
) {
null !== _current &&
((_current.alternate = null),
(workInProgress.alternate = null),
(workInProgress.flags |= 2));
var props = workInProgress.pendingProps,
lazyComponent = elementType,
payload = lazyComponent._payload,
Component = (0, lazyComponent._init)(
payload
);
workInProgress.type = Component;
var resolvedTag = (workInProgress.tag = (function (
Component
) {
if ("function" == typeof Component)
return shouldConstruct$1(
Component
)
? 1
: 0;
if (null != Component) {
var $$typeof = Component.$$typeof;
if ($$typeof === REACT_FORWARD_REF_TYPE) return 11;
if ($$typeof === REACT_MEMO_TYPE) return 14;
}
return 2;
})(
Component
)),
resolvedProps = resolveDefaultProps(
Component,
props
);
switch (resolvedTag) {
case 0:
return (
validateFunctionComponentInDev(
workInProgress,
Component
),
(workInProgress.type = Component = resolveFunctionForHotReloading(
Component,
)),
updateFunctionComponent(
null,
workInProgress,
Component,
resolvedProps,
renderLanes,
)
);
case 1:
return (
(workInProgress.type = Component = resolveClassForHotReloading(
Component,
)),
updateClassComponent(
null,
workInProgress,
Component,
resolvedProps,
renderLanes,
)
);
case 11:
return (
(workInProgress.type = Component = resolveForwardRefForHotReloading(
Component,
)),
updateForwardRef(
null,
workInProgress,
Component,
resolvedProps,
renderLanes,
)
);
case 14:
if (workInProgress.type !== workInProgress.elementType) {
var outerPropTypes = Component.propTypes;
outerPropTypes &&
checkPropTypes(
outerPropTypes,
resolvedProps,
"prop",
getComponentName(
Component
),
);
}
return updateMemoComponent(
null,
workInProgress,
Component,
resolveDefaultProps(
Component.type,
resolvedProps
),
updateLanes,
renderLanes,
);
}
var hint = "";
throw (
(null !== Component &&
"object" == typeof Component &&
Component.$$typeof === REACT_LAZY_TYPE &&
(hint = " Did you wrap a component in React.lazy() more than once?"),
Error(
"Element type is invalid. Received a promise that resolves to: " +
Component +
". Lazy element type must resolve to a class or function." +
hint,
))
);
}
function validateFunctionComponentInDev(
workInProgress, Component
) {
if (
(Component &&
Component.childContextTypes &&
error(
"%s(...): childContextTypes cannot be defined on a function component.",
Component.displayName || Component.name || "Component",
),
null !== workInProgress.ref)
) {
var info = "",
ownerName = getCurrentFiberOwnerNameInDevOrNull(
);
ownerName &&
(info += "\n\nCheck the render method of `" + ownerName + "`.");
var warningKey = ownerName || workInProgress._debugID || "",
debugSource = workInProgress._debugSource;
debugSource &&
(warningKey = debugSource.fileName + ":" + debugSource.lineNumber),
didWarnAboutFunctionRefs[warningKey] ||
((didWarnAboutFunctionRefs[warningKey] = !0),
error(
"Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?%s",
info,
));
}
if ("function" == typeof Component.getDerivedStateFromProps) {
var _componentName3 = getComponentName(
Component
) || "Unknown";
didWarnAboutGetDerivedStateOnFunctionComponent[_componentName3] ||
(error(
"%s: Function components do not support getDerivedStateFromProps.",
_componentName3,
),
(didWarnAboutGetDerivedStateOnFunctionComponent[_componentName3] = !0));
}
if (
"object" == typeof Component.contextType &&
null !== Component.contextType
) {
var _componentName4 = getComponentName(
Component
) || "Unknown";
didWarnAboutContextTypeOnFunctionComponent[_componentName4] ||
(error(
"%s: Function components do not support contextType.",
_componentName4,
),
(didWarnAboutContextTypeOnFunctionComponent[_componentName4] = !0));
}
}
var SUSPENDED_MARKER = {
dehydrated: null,
retryLane: 0,
};
function mountSuspenseOffscreenState(
renderLanes
) {
return {
baseLanes: renderLanes,
};
}
function updateSuspenseOffscreenState(
prevOffscreenState, renderLanes
) {
return {
baseLanes: mergeLanes(
prevOffscreenState.baseLanes,
renderLanes
),
};
}
function getRemainingWorkInPrimaryTree(
current, renderLanes
) {
return removeLanes(
current.childLanes,
renderLanes
);
}
function updateSuspenseComponent(
current, workInProgress, renderLanes
) {
var nextProps = workInProgress.pendingProps;
shouldSuspendImpl(
workInProgress
) && (workInProgress.flags |= 64);
var suspenseContext = suspenseStackCursor.current,
showFallback = !1;
if (
(0 != (64 & workInProgress.flags) ||
(function (
suspenseContext, current, workInProgress, renderLanes
) {
return (
(null === current || null !== current.memoizedState) &&
hasSuspenseContext(
suspenseContext,
2
)
);
})(
suspenseContext,
current
)
? ((showFallback = !0), (workInProgress.flags &= -65))
: (null !== current && null === current.memoizedState) ||
(void 0 !== nextProps.fallback &&
!0 !== nextProps.unstable_avoidThisFallback &&
(suspenseContext = suspenseContext | 1)),
pushSuspenseContext(
workInProgress,
(suspenseContext = setDefaultShallowSuspenseContext(
suspenseContext
)),
),
null === current)
) {
void 0 !== nextProps.fallback &&
tryToClaimNextHydratableInstance(
workInProgress
);
var nextPrimaryChildren = nextProps.children,
nextFallbackChildren = nextProps.fallback;
if (showFallback) {
var fallbackFragment = mountSuspenseFallbackChildren(
workInProgress,
nextPrimaryChildren,
nextFallbackChildren,
renderLanes,
);
return (
(workInProgress.child.memoizedState = mountSuspenseOffscreenState(
renderLanes,
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
fallbackFragment
);
}
if ("number" == typeof nextProps.unstable_expectedLoadTime) {
var _fallbackFragment = mountSuspenseFallbackChildren(
workInProgress,
nextPrimaryChildren,
nextFallbackChildren,
renderLanes,
);
return (
(workInProgress.child.memoizedState = mountSuspenseOffscreenState(
renderLanes,
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
(workInProgress.lanes = 33554432),
markSpawnedWork(
33554432
),
_fallbackFragment
);
}
return (function (
workInProgress, primaryChildren, renderLanes
) {
var mode = workInProgress.mode,
primaryChildFragment = createFiberFromOffscreen(
{
mode: "visible",
children: primaryChildren,
},
mode,
renderLanes,
null,
);
return (
(primaryChildFragment.return = workInProgress),
(workInProgress.child = primaryChildFragment),
primaryChildFragment
);
})(
workInProgress,
nextPrimaryChildren,
renderLanes
);
}
if (null !== current.memoizedState) {
if (showFallback) {
var _nextFallbackChildren2 = nextProps.fallback,
_fallbackChildFragment = updateSuspenseFallbackChildren(
current,
workInProgress,
nextProps.children,
_nextFallbackChildren2,
renderLanes,
),
_primaryChildFragment3 = workInProgress.child,
prevOffscreenState = current.child.memoizedState;
return (
(_primaryChildFragment3.memoizedState =
null === prevOffscreenState
? mountSuspenseOffscreenState(
renderLanes
)
: updateSuspenseOffscreenState(
prevOffscreenState,
renderLanes
)),
(_primaryChildFragment3.childLanes = getRemainingWorkInPrimaryTree(
current,
renderLanes,
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
_fallbackChildFragment
);
}
var _primaryChildFragment4 = updateSuspensePrimaryChildren(
current,
workInProgress,
nextProps.children,
renderLanes,
);
return (workInProgress.memoizedState = null), _primaryChildFragment4;
}
if (showFallback) {
var _nextFallbackChildren3 = nextProps.fallback,
_fallbackChildFragment2 = updateSuspenseFallbackChildren(
current,
workInProgress,
nextProps.children,
_nextFallbackChildren3,
renderLanes,
),
_primaryChildFragment5 = workInProgress.child,
_prevOffscreenState = current.child.memoizedState;
return (
(_primaryChildFragment5.memoizedState =
null === _prevOffscreenState
? mountSuspenseOffscreenState(
renderLanes
)
: updateSuspenseOffscreenState(
_prevOffscreenState,
renderLanes
)),
(_primaryChildFragment5.childLanes = getRemainingWorkInPrimaryTree(
current,
renderLanes,
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
_fallbackChildFragment2
);
}
var _primaryChildFragment6 = updateSuspensePrimaryChildren(
current,
workInProgress,
nextProps.children,
renderLanes,
);
return (workInProgress.memoizedState = null), _primaryChildFragment6;
}
function mountSuspenseFallbackChildren(
workInProgress,
primaryChildren,
fallbackChildren,
renderLanes,
) {
var primaryChildFragment,
fallbackChildFragment,
mode = workInProgress.mode,
progressedPrimaryFragment = workInProgress.child,
primaryChildProps = {
mode: "hidden",
children: primaryChildren,
};
return (
0 == (2 & mode) && null !== progressedPrimaryFragment
? (((primaryChildFragment = progressedPrimaryFragment).childLanes = 0),
(primaryChildFragment.pendingProps = primaryChildProps),
8 & workInProgress.mode &&
((primaryChildFragment.actualDuration = 0),
(primaryChildFragment.actualStartTime = -1),
(primaryChildFragment.selfBaseDuration = 0),
(primaryChildFragment.treeBaseDuration = 0)),
(fallbackChildFragment = createFiberFromFragment(
fallbackChildren,
mode,
renderLanes,
null,
)))
: ((primaryChildFragment = createFiberFromOffscreen(
primaryChildProps,
mode,
0,
null,
)),
(fallbackChildFragment = createFiberFromFragment(
fallbackChildren,
mode,
renderLanes,
null,
))),
(primaryChildFragment.return = workInProgress),
(fallbackChildFragment.return = workInProgress),
(primaryChildFragment.sibling = fallbackChildFragment),
(workInProgress.child = primaryChildFragment),
fallbackChildFragment
);
}
function createWorkInProgressOffscreenFiber(
current, offscreenProps
) {
return createWorkInProgress(
current,
offscreenProps
);
}
function updateSuspensePrimaryChildren(
current,
workInProgress,
primaryChildren,
renderLanes,
) {
var currentPrimaryChildFragment = current.child,
currentFallbackChildFragment = currentPrimaryChildFragment.sibling,
primaryChildFragment = createWorkInProgressOffscreenFiber(
currentPrimaryChildFragment,
{
mode: "visible",
children: primaryChildren,
},
);
return (
0 == (2 & workInProgress.mode) &&
(primaryChildFragment.lanes = renderLanes),
(primaryChildFragment.return = workInProgress),
(primaryChildFragment.sibling = null),
null !== currentFallbackChildFragment &&
((currentFallbackChildFragment.nextEffect = null),
(currentFallbackChildFragment.flags = 8),
(workInProgress.firstEffect = workInProgress.lastEffect = currentFallbackChildFragment)),
(workInProgress.child = primaryChildFragment),
primaryChildFragment
);
}
function updateSuspenseFallbackChildren(
current,
workInProgress,
primaryChildren,
fallbackChildren,
renderLanes,
) {
var primaryChildFragment,
fallbackChildFragment,
mode = workInProgress.mode,
currentPrimaryChildFragment = current.child,
currentFallbackChildFragment = currentPrimaryChildFragment.sibling,
primaryChildProps = {
mode: "hidden",
children: primaryChildren,
};
if (
0 == (2 & mode) &&
workInProgress.child !== currentPrimaryChildFragment
) {
((primaryChildFragment = workInProgress.child).childLanes = 0),
(primaryChildFragment.pendingProps = primaryChildProps),
8 & workInProgress.mode &&
((primaryChildFragment.actualDuration = 0),
(primaryChildFragment.actualStartTime = -1),
(primaryChildFragment.selfBaseDuration =
currentPrimaryChildFragment.selfBaseDuration),
(primaryChildFragment.treeBaseDuration =
currentPrimaryChildFragment.treeBaseDuration));
var progressedLastEffect = primaryChildFragment.lastEffect;
null !== progressedLastEffect
? ((workInProgress.firstEffect = primaryChildFragment.firstEffect),
(workInProgress.lastEffect = progressedLastEffect),
(progressedLastEffect.nextEffect = null))
: (workInProgress.firstEffect = workInProgress.lastEffect = null);
} else primaryChildFragment = createWorkInProgressOffscreenFiber(
currentPrimaryChildFragment,
primaryChildProps
);
return (
null !== currentFallbackChildFragment
? (fallbackChildFragment = createWorkInProgress(
currentFallbackChildFragment,
fallbackChildren,
))
: ((fallbackChildFragment = createFiberFromFragment(
fallbackChildren,
mode,
renderLanes,
null,
)).flags |= 2),
(fallbackChildFragment.return = workInProgress),
(primaryChildFragment.return = workInProgress),
(primaryChildFragment.sibling = fallbackChildFragment),
(workInProgress.child = primaryChildFragment),
fallbackChildFragment
);
}
function scheduleWorkOnFiber(
fiber, renderLanes
) {
fiber.lanes = mergeLanes(
fiber.lanes,
renderLanes
);
var alternate = fiber.alternate;
null !== alternate &&
(alternate.lanes = mergeLanes(
alternate.lanes,
renderLanes
)),
scheduleWorkOnParentPath(
fiber.return,
renderLanes
);
}
function validateSuspenseListNestedChild(
childSlot, index
) {
var isArray = Array.isArray(
childSlot
),
isIterable = !isArray && "function" == typeof getIteratorFn(
childSlot
);
if (isArray || isIterable) {
var type = isArray ? "array" : "iterable";
return (
error(
"A nested %s was passed to row #%s in <SuspenseList />. Wrap it in an additional SuspenseList to configure its revealOrder: <SuspenseList revealOrder=...> ... <SuspenseList revealOrder=...>{%s}</SuspenseList> ... </SuspenseList>",
type,
index,
type,
),
!1
);
}
return !0;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
tail,
lastContentRow,
tailMode,
lastEffectBeforeRendering,
) {
var renderState = workInProgress.memoizedState;
null === renderState
? (workInProgress.memoizedState = {
isBackwards: isBackwards,
rendering: null,
renderingStartTime: 0,
last: lastContentRow,
tail: tail,
tailMode: tailMode,
lastEffect: lastEffectBeforeRendering,
})
: ((renderState.isBackwards = isBackwards),
(renderState.rendering = null),
(renderState.renderingStartTime = 0),
(renderState.last = lastContentRow),
(renderState.tail = tail),
(renderState.tailMode = tailMode),
(renderState.lastEffect = lastEffectBeforeRendering));
}
function updateSuspenseListComponent(
current, workInProgress, renderLanes
) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
tailMode = nextProps.tail,
newChildren = nextProps.children;
!(function (
revealOrder
) {
if (
void 0 !== revealOrder &&
"forwards" !== revealOrder &&
"backwards" !== revealOrder &&
"together" !== revealOrder &&
!didWarnAboutRevealOrder[revealOrder]
)
if (
((didWarnAboutRevealOrder[revealOrder] = !0),
"string" == typeof revealOrder)
)
switch (revealOrder.toLowerCase(
)) {
case "together":
case "forwards":
case "backwards":
error(
'"%s" is not a valid value for revealOrder on <SuspenseList />. Use lowercase "%s" instead.',
revealOrder,
revealOrder.toLowerCase(
),
);
break;
case "forward":
case "backward":
error(
'"%s" is not a valid value for revealOrder on <SuspenseList />. React uses the -s suffix in the spelling. Use "%ss" instead.',
revealOrder,
revealOrder.toLowerCase(
),
);
break;
default:
error(
'"%s" is not a supported revealOrder on <SuspenseList />. Did you mean "together", "forwards" or "backwards"?',
revealOrder,
);
}
else
error(
'%s is not a supported value for revealOrder on <SuspenseList />. Did you mean "together", "forwards" or "backwards"?',
revealOrder,
);
})(
revealOrder
),
(function (
tailMode, revealOrder
) {
void 0 === tailMode ||
didWarnAboutTailOptions[tailMode] ||
("collapsed" !== tailMode && "hidden" !== tailMode
? ((didWarnAboutTailOptions[tailMode] = !0),
error(
'"%s" is not a supported value for tail on <SuspenseList />. Did you mean "collapsed" or "hidden"?',
tailMode,
))
: "forwards" !== revealOrder &&
"backwards" !== revealOrder &&
((didWarnAboutTailOptions[tailMode] = !0),
error(
'<SuspenseList tail="%s" /> is only valid if revealOrder is "forwards" or "backwards". Did you mean to specify revealOrder="forwards"?',
tailMode,
)));
})(
tailMode,
revealOrder
),
(function (
children, revealOrder
) {
if (
("forwards" === revealOrder || "backwards" === revealOrder) &&
null != children &&
!1 !== children
)
if (Array.isArray(
children
)) {
for (var i = 0; i < children.length; i++)
if (!validateSuspenseListNestedChild(
children[i],
i
)) return;
} else {
var iteratorFn = getIteratorFn(
children
);
if ("function" == typeof iteratorFn) {
var childrenIterator = iteratorFn.call(
children
);
if (childrenIterator)
for (
var step = childrenIterator.next(
), _i = 0;
!step.done;
step = childrenIterator.next(
)
) {
if (!validateSuspenseListNestedChild(
step.value,
_i
)) return;
_i++;
}
} else
error(
'A single row was passed to a <SuspenseList revealOrder="%s" />. This is not useful since it needs multiple rows. Did you mean to pass multiple children or an array?',
revealOrder,
);
}
})(
newChildren,
revealOrder
),
reconcileChildren(
current,
workInProgress,
newChildren,
renderLanes
);
var suspenseContext = suspenseStackCursor.current;
hasSuspenseContext(
suspenseContext,
2
)
? ((suspenseContext = setShallowSuspenseContext(
suspenseContext,
2
)),
(workInProgress.flags |= 64))
: (null !== current &&
0 != (64 & current.flags) &&
(function (
workInProgress, firstChild, renderLanes
) {
for (var node = firstChild; null !== node; ) {
if (13 === node.tag)
null !== node.memoizedState &&
scheduleWorkOnFiber(
node,
renderLanes
);
else if (19 === node.tag) scheduleWorkOnFiber(
node,
renderLanes
);
else if (null !== node.child) {
(node.child.return = node), (node = node.child);
continue;
}
if (node === workInProgress) return;
for (; null === node.sibling; ) {
if (null === node.return || node.return === workInProgress)
return;
node = node.return;
}
(node.sibling.return = node.return), (node = node.sibling);
}
})(
workInProgress,
workInProgress.child,
renderLanes
),
(suspenseContext = setDefaultShallowSuspenseContext(
suspenseContext
)));
if (
(pushSuspenseContext(
workInProgress,
suspenseContext
),
0 == (2 & workInProgress.mode))
)
workInProgress.memoizedState = null;
else
switch (revealOrder) {
case "forwards":
var tail,
lastContentRow = (function (
firstChild
) {
for (
var row = firstChild, lastContentRow = null;
null !== row;
) {
var currentRow = row.alternate;
null !== currentRow &&
null === findFirstSuspended(
currentRow
) &&
(lastContentRow = row),
(row = row.sibling);
}
return lastContentRow;
})(
workInProgress.child
);
null === lastContentRow
? ((tail = workInProgress.child), (workInProgress.child = null))
: ((tail = lastContentRow.sibling),
(lastContentRow.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
tail,
lastContentRow,
tailMode,
workInProgress.lastEffect,
);
break;
case "backwards":
var _tail = null,
row = workInProgress.child;
for (workInProgress.child = null; null !== row; ) {
var currentRow = row.alternate;
if (
null !== currentRow &&
null === findFirstSuspended(
currentRow
)
) {
workInProgress.child = row;
break;
}
var nextRow = row.sibling;
(row.sibling = _tail), (_tail = row), (row = nextRow);
}
initSuspenseListRenderState(
workInProgress,
!0,
_tail,
null,
tailMode,
workInProgress.lastEffect,
);
break;
case "together":
initSuspenseListRenderState(
workInProgress,
!1,
null,
null,
void 0,
workInProgress.lastEffect,
);
break;
default:
workInProgress.memoizedState = null;
}
return workInProgress.child;
}
var hasWarnedAboutUsingNoValuePropOnContextProvider = !1;
function updateContextProvider(
current, workInProgress, renderLanes
) {
var context = workInProgress.type._context,
newProps = workInProgress.pendingProps,
oldProps = workInProgress.memoizedProps,
newValue = newProps.value;
"value" in newProps ||
hasWarnedAboutUsingNoValuePropOnContextProvider ||
((hasWarnedAboutUsingNoValuePropOnContextProvider = !0),
error(
"The `value` prop is required for the `<Context.Provider>`. Did you misspell it or forget to pass it?",
));
var providerPropTypes = workInProgress.type.propTypes;
if (
(providerPropTypes &&
checkPropTypes(
providerPropTypes,
newProps,
"prop",
"Context.Provider"
),
pushProvider(
workInProgress,
newValue
),
null !== oldProps)
) {
var changedBits = (function (
context, newValue, oldValue
) {
if (objectIs(
oldValue,
newValue
)) return 0;
var changedBits =
"function" == typeof context._calculateChangedBits
? context._calculateChangedBits(
oldValue,
newValue
)
: 1073741823;
return (
(1073741823 & changedBits) !== changedBits &&
error(
"calculateChangedBits: Expected the return value to be a 31-bit integer. Instead received: %s",
changedBits,
),
0 | changedBits
);
})(
context,
newValue,
oldProps.value
);
if (0 === changedBits) {
if (oldProps.children === newProps.children && !hasContextChanged(
))
return bailoutOnAlreadyFinishedWork(
current,
workInProgress,
renderLanes,
);
} else
!(function (
workInProgress, context, changedBits, renderLanes
) {
var fiber = workInProgress.child;
for (
null !== fiber && (fiber.return = workInProgress);
null !== fiber;
) {
var nextFiber = void 0,
list = fiber.dependencies;
if (null !== list) {
nextFiber = fiber.child;
for (var dependency = list.firstContext; null !== dependency; ) {
if (
dependency.context === context &&
0 != (dependency.observedBits & changedBits)
) {
if (1 === fiber.tag) {
var update = createUpdate(
-1,
pickArbitraryLane(
renderLanes
),
);
(update.tag = ForceUpdate), enqueueUpdate(
fiber,
update
);
}
fiber.lanes = mergeLanes(
fiber.lanes,
renderLanes
);
var alternate = fiber.alternate;
null !== alternate &&
(alternate.lanes = mergeLanes(
alternate.lanes,
renderLanes,
)),
scheduleWorkOnParentPath(
fiber.return,
renderLanes
),
(list.lanes = mergeLanes(
list.lanes,
renderLanes
));
break;
}
dependency = dependency.next;
}
} else
nextFiber =
10 === fiber.tag && fiber.type === workInProgress.type
? null
: fiber.child;
if (null !== nextFiber) nextFiber.return = fiber;
else
for (nextFiber = fiber; null !== nextFiber; ) {
if (nextFiber === workInProgress) {
nextFiber = null;
break;
}
var sibling = nextFiber.sibling;
if (null !== sibling) {
(sibling.return = nextFiber.return), (nextFiber = sibling);
break;
}
nextFiber = nextFiber.return;
}
fiber = nextFiber;
}
})(
workInProgress,
context,
changedBits,
renderLanes
);
}
return (
reconcileChildren(
current,
workInProgress,
newProps.children,
renderLanes,
),
workInProgress.child
);
}
var appendAllChildren,
updateHostComponent$1,
updateHostText$1,
hasWarnedAboutUsingContextAsConsumer = !1;
function markWorkInProgressReceivedUpdate(
) {
didReceiveUpdate = !0;
}
function bailoutOnAlreadyFinishedWork(
current, workInProgress, renderLanes
) {
return (
null !== current && (workInProgress.dependencies = current.dependencies),
stopProfilerTimerIfRunning(
),
markSkippedUpdateLanes(
workInProgress.lanes
),
includesSomeLane(
renderLanes,
workInProgress.childLanes
)
? ((function (
current, workInProgress
) {
if (null !== current && workInProgress.child !== current.child)
throw Error(
"Resuming work not yet implemented."
);
if (null !== workInProgress.child) {
var currentChild = workInProgress.child,
newChild = createWorkInProgress(
currentChild,
currentChild.pendingProps,
);
for (
workInProgress.child = newChild,
newChild.return = workInProgress;
null !== currentChild.sibling;
)
(currentChild = currentChild.sibling),
((newChild = newChild.sibling = createWorkInProgress(
currentChild,
currentChild.pendingProps,
)).return = workInProgress);
newChild.sibling = null;
}
})(
current,
workInProgress
),
workInProgress.child)
: null
);
}
function beginWork(
current, workInProgress, renderLanes
) {
var updateLanes = workInProgress.lanes;
if (workInProgress._debugNeedsRemount && null !== current)
return (function (
current, oldWorkInProgress, newWorkInProgress
) {
var returnFiber = oldWorkInProgress.return;
if (null === returnFiber)
throw new Error(
"Cannot swap the root fiber."
);
if (
((current.alternate = null),
(oldWorkInProgress.alternate = null),
(newWorkInProgress.index = oldWorkInProgress.index),
(newWorkInProgress.sibling = oldWorkInProgress.sibling),
(newWorkInProgress.return = oldWorkInProgress.return),
(newWorkInProgress.ref = oldWorkInProgress.ref),
oldWorkInProgress === returnFiber.child)
)
returnFiber.child = newWorkInProgress;
else {
var prevSibling = returnFiber.child;
if (null === prevSibling)
throw new Error(
"Expected parent to have a child."
);
for (; prevSibling.sibling !== oldWorkInProgress; )
if (null === (prevSibling = prevSibling.sibling))
throw new Error(
"Expected to find the previous sibling."
);
prevSibling.sibling = newWorkInProgress;
}
var last = returnFiber.lastEffect;
return (
null !== last
? ((last.nextEffect = current), (returnFiber.lastEffect = current))
: (returnFiber.firstEffect = returnFiber.lastEffect = current),
(current.nextEffect = null),
(current.flags = 8),
(newWorkInProgress.flags |= 2),
newWorkInProgress
);
})(
current,
workInProgress,
createFiberFromTypeAndProps(
workInProgress.type,
workInProgress.key,
workInProgress.pendingProps,
workInProgress._debugOwner || null,
workInProgress.mode,
workInProgress.lanes,
),
);
if (null !== current)
if (
current.memoizedProps !== workInProgress.pendingProps ||
hasContextChanged(
) ||
workInProgress.type !== current.type
)
didReceiveUpdate = !0;
else {
if (!includesSomeLane(
renderLanes,
updateLanes
)) {
switch (((didReceiveUpdate = !1), workInProgress.tag)) {
case 3:
pushHostRootContext(
workInProgress
), resetHydrationState(
);
break;
case 5:
pushHostContext(
workInProgress
);
break;
case 1:
isContextProvider(
workInProgress.type
) &&
pushContextProvider(
workInProgress
);
break;
case 4:
pushHostContainer(
workInProgress,
workInProgress.stateNode.containerInfo,
);
break;
case 10:
pushProvider(
workInProgress,
workInProgress.memoizedProps.value
);
break;
case 12:
includesSomeLane(
renderLanes,
workInProgress.childLanes
) &&
(workInProgress.flags |= 4);
var stateNode = workInProgress.stateNode;
(stateNode.effectDuration = 0),
(stateNode.passiveEffectDuration = 0);
break;
case 13:
if (null !== workInProgress.memoizedState) {
if (
includesSomeLane(
renderLanes,
workInProgress.child.childLanes
)
)
return updateSuspenseComponent(
current,
workInProgress,
renderLanes,
);
pushSuspenseContext(
workInProgress,
setDefaultShallowSuspenseContext(
suspenseStackCursor.current
),
);
var child = bailoutOnAlreadyFinishedWork(
current,
workInProgress,
renderLanes,
);
return null !== child ? child.sibling : null;
}
pushSuspenseContext(
workInProgress,
setDefaultShallowSuspenseContext(
suspenseStackCursor.current
),
);
break;
case 19:
var didSuspendBefore = 0 != (64 & current.flags),
_hasChildWork = includesSomeLane(
renderLanes,
workInProgress.childLanes,
);
if (didSuspendBefore) {
if (_hasChildWork)
return updateSuspenseListComponent(
current,
workInProgress,
renderLanes,
);
workInProgress.flags |= 64;
}
var renderState = workInProgress.memoizedState;
if (
(null !== renderState &&
((renderState.rendering = null),
(renderState.tail = null),
(renderState.lastEffect = null)),
pushSuspenseContext(
workInProgress,
suspenseStackCursor.current,
),
_hasChildWork)
)
break;
return null;
case 23:
case 24:
return (
(workInProgress.lanes = 0),
updateOffscreenComponent(
current,
workInProgress,
renderLanes
)
);
}
return bailoutOnAlreadyFinishedWork(
current,
workInProgress,
renderLanes,
);
}
didReceiveUpdate = 0 != (16384 & current.flags);
}
else didReceiveUpdate = !1;
switch (((workInProgress.lanes = 0), workInProgress.tag)) {
case 2:
return (function (
_current, workInProgress, Component, renderLanes
) {
null !== _current &&
((_current.alternate = null),
(workInProgress.alternate = null),
(workInProgress.flags |= 2));
var context,
value,
props = workInProgress.pendingProps;
if (
((context = getMaskedContext(
workInProgress,
getUnmaskedContext(
0,
Component,
!1
),
)),
prepareToReadContext(
workInProgress,
renderLanes
),
Component.prototype &&
"function" == typeof Component.prototype.render)
) {
var componentName = getComponentName(
Component
) || "Unknown";
didWarnAboutBadClass[componentName] ||
(error(
"The <%s /> component appears to have a render method, but doesn't extend React.Component. This is likely to cause errors. Change %s to extend React.Component instead.",
componentName,
componentName,
),
(didWarnAboutBadClass[componentName] = !0));
}
if (
(1 & workInProgress.mode &&
ReactStrictModeWarnings.recordLegacyContextWarning(
workInProgress,
null,
),
setIsRendering(
!0
),
(ReactCurrentOwner$1.current = workInProgress),
(value = renderWithHooks(
null,
workInProgress,
Component,
props,
context,
renderLanes,
)),
setIsRendering(
!1
),
(workInProgress.flags |= 1),
"object" == typeof value &&
null !== value &&
"function" == typeof value.render &&
void 0 === value.$$typeof)
) {
var _componentName = getComponentName(
Component
) || "Unknown";
didWarnAboutModulePatternComponent[_componentName] ||
(error(
"The <%s /> component appears to be a function component that returns a class instance. Change %s to a class that extends React.Component instead. If you can't use a class try assigning the prototype on the function as a workaround. `%s.prototype = React.Component.prototype`. Don't use an arrow function since it cannot be called with `new` by React.",
_componentName,
_componentName,
_componentName,
),
(didWarnAboutModulePatternComponent[_componentName] = !0));
}
if (
"object" == typeof value &&
null !== value &&
"function" == typeof value.render &&
void 0 === value.$$typeof
) {
var _componentName2 = getComponentName(
Component
) || "Unknown";
didWarnAboutModulePatternComponent[_componentName2] ||
(error(
"The <%s /> component appears to be a function component that returns a class instance. Change %s to a class that extends React.Component instead. If you can't use a class try assigning the prototype on the function as a workaround. `%s.prototype = React.Component.prototype`. Don't use an arrow function since it cannot be called with `new` by React.",
_componentName2,
_componentName2,
_componentName2,
),
(didWarnAboutModulePatternComponent[_componentName2] = !0)),
(workInProgress.tag = 1),
(workInProgress.memoizedState = null),
(workInProgress.updateQueue = null);
var hasContext = !1;
isContextProvider(
Component
)
? ((hasContext = !0), pushContextProvider(
workInProgress
))
: (hasContext = !1),
(workInProgress.memoizedState =
null !== value.state && void 0 !== value.state
? value.state
: null),
initializeUpdateQueue(
workInProgress
);
var getDerivedStateFromProps = Component.getDerivedStateFromProps;
return (
"function" == typeof getDerivedStateFromProps &&
applyDerivedStateFromProps(
workInProgress,
Component,
getDerivedStateFromProps,
props,
),
adoptClassInstance(
workInProgress,
value
),
mountClassInstance(
workInProgress,
Component,
props,
renderLanes
),
finishClassComponent(
null,
workInProgress,
Component,
!0,
hasContext,
renderLanes,
)
);
}
if (((workInProgress.tag = 0), 1 & workInProgress.mode)) {
disableLogs(
);
try {
value = renderWithHooks(
null,
workInProgress,
Component,
props,
context,
renderLanes,
);
} finally {
reenableLogs(
);
}
}
return (
reconcileChildren(
null,
workInProgress,
value,
renderLanes
),
validateFunctionComponentInDev(
workInProgress,
Component
),
workInProgress.child
);
})(
current,
workInProgress,
workInProgress.type,
renderLanes
);
case 16:
return mountLazyComponent(
current,
workInProgress,
workInProgress.elementType,
updateLanes,
renderLanes,
);
case 0:
var _Component = workInProgress.type,
unresolvedProps = workInProgress.pendingProps;
return updateFunctionComponent(
current,
workInProgress,
_Component,
workInProgress.elementType === _Component
? unresolvedProps
: resolveDefaultProps(
_Component,
unresolvedProps
),
renderLanes,
);
case 1:
var _Component2 = workInProgress.type,
_unresolvedProps = workInProgress.pendingProps;
return updateClassComponent(
current,
workInProgress,
_Component2,
workInProgress.elementType === _Component2
? _unresolvedProps
: resolveDefaultProps(
_Component2,
_unresolvedProps
),
renderLanes,
);
case 3:
return updateHostRoot(
current,
workInProgress,
renderLanes
);
case 5:
return (function (
current, workInProgress, renderLanes
) {
pushHostContext(
workInProgress
),
null === current &&
tryToClaimNextHydratableInstance(
workInProgress
);
var type = workInProgress.type,
nextProps = workInProgress.pendingProps,
prevProps = null !== current ? current.memoizedProps : null,
nextChildren = nextProps.children;
return (
shouldSetTextContent(
type,
nextProps
)
? (nextChildren = null)
: null !== prevProps &&
shouldSetTextContent(
type,
prevProps
) &&
(workInProgress.flags |= 16),
markRef(
current,
workInProgress
),
reconcileChildren(
current,
workInProgress,
nextChildren,
renderLanes,
),
workInProgress.child
);
})(
current,
workInProgress,
renderLanes
);
case 6:
return (function (
current, workInProgress
) {
return (
null === current &&
tryToClaimNextHydratableInstance(
workInProgress
),
null
);
})(
current,
workInProgress
);
case 13:
return updateSuspenseComponent(
current,
workInProgress,
renderLanes
);
case 4:
return (function (
current, workInProgress, renderLanes
) {
pushHostContainer(
workInProgress,
workInProgress.stateNode.containerInfo,
);
var nextChildren = workInProgress.pendingProps;
return (
null === current
? (workInProgress.child = reconcileChildFibers(
workInProgress,
null,
nextChildren,
renderLanes,
))
: reconcileChildren(
current,
workInProgress,
nextChildren,
renderLanes,
),
workInProgress.child
);
})(
current,
workInProgress,
renderLanes
);
case 11:
var type = workInProgress.type,
_unresolvedProps2 = workInProgress.pendingProps;
return updateForwardRef(
current,
workInProgress,
type,
workInProgress.elementType === type
? _unresolvedProps2
: resolveDefaultProps(
type,
_unresolvedProps2
),
renderLanes,
);
case 7:
return (function (
current, workInProgress, renderLanes
) {
return (
reconcileChildren(
current,
workInProgress,
workInProgress.pendingProps,
renderLanes,
),
workInProgress.child
);
})(
current,
workInProgress,
renderLanes
);
case 8:
return (function (
current, workInProgress, renderLanes
) {
return (
reconcileChildren(
current,
workInProgress,
workInProgress.pendingProps.children,
renderLanes,
),
workInProgress.child
);
})(
current,
workInProgress,
renderLanes
);
case 12:
return (function (
current, workInProgress, renderLanes
) {
workInProgress.flags |= 4;
var stateNode = workInProgress.stateNode;
return (
(stateNode.effectDuration = 0),
(stateNode.passiveEffectDuration = 0),
reconcileChildren(
current,
workInProgress,
workInProgress.pendingProps.children,
renderLanes,
),
workInProgress.child
);
})(
current,
workInProgress,
renderLanes
);
case 10:
return updateContextProvider(
current,
workInProgress,
renderLanes
);
case 9:
return (function (
current, workInProgress, renderLanes
) {
var context = workInProgress.type;
void 0 === context._context
? context !== context.Consumer &&
(hasWarnedAboutUsingContextAsConsumer ||
((hasWarnedAboutUsingContextAsConsumer = !0),
error(
"Rendering <Context> directly is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?",
)))
: (context = context._context);
var newProps = workInProgress.pendingProps,
render = newProps.children;
"function" != typeof render &&
error(
"A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it.",
),
prepareToReadContext(
workInProgress,
renderLanes
);
var newChildren,
newValue = readContext(
context,
newProps.unstable_observedBits
);
return (
(ReactCurrentOwner$1.current = workInProgress),
setIsRendering(
!0
),
(newChildren = render(
newValue
)),
setIsRendering(
!1
),
(workInProgress.flags |= 1),
reconcileChildren(
current,
workInProgress,
newChildren,
renderLanes,
),
workInProgress.child
);
})(
current,
workInProgress,
renderLanes
);
case 14:
var _type2 = workInProgress.type,
_resolvedProps3 = resolveDefaultProps(
_type2,
workInProgress.pendingProps,
);
if (workInProgress.type !== workInProgress.elementType) {
var outerPropTypes = _type2.propTypes;
outerPropTypes &&
checkPropTypes(
outerPropTypes,
_resolvedProps3,
"prop",
getComponentName(
_type2
),
);
}
return updateMemoComponent(
current,
workInProgress,
_type2,
(_resolvedProps3 = resolveDefaultProps(
_type2.type,
_resolvedProps3
)),
updateLanes,
renderLanes,
);
case 15:
return updateSimpleMemoComponent(
current,
workInProgress,
workInProgress.type,
workInProgress.pendingProps,
updateLanes,
renderLanes,
);
case 17:
var _Component3 = workInProgress.type,
_unresolvedProps4 = workInProgress.pendingProps;
return (function (
_current,
workInProgress,
Component,
nextProps,
renderLanes,
) {
var hasContext;
return (
null !== _current &&
((_current.alternate = null),
(workInProgress.alternate = null),
(workInProgress.flags |= 2)),
(workInProgress.tag = 1),
isContextProvider(
Component
)
? ((hasContext = !0), pushContextProvider(
workInProgress
))
: (hasContext = !1),
prepareToReadContext(
workInProgress,
renderLanes
),
constructClassInstance(
workInProgress,
Component,
nextProps
),
mountClassInstance(
workInProgress,
Component,
nextProps,
renderLanes,
),
finishClassComponent(
null,
workInProgress,
Component,
!0,
hasContext,
renderLanes,
)
);
})(
current,
workInProgress,
_Component3,
workInProgress.elementType === _Component3
? _unresolvedProps4
: resolveDefaultProps(
_Component3,
_unresolvedProps4
),
renderLanes,
);
case 19:
return updateSuspenseListComponent(
current,
workInProgress,
renderLanes,
);
case 20:
case 21:
case 22:
break;
case 23:
return updateOffscreenComponent(
current,
workInProgress,
renderLanes
);
case 24:
return updateLegacyHiddenComponent(
current,
workInProgress,
renderLanes,
);
}
throw Error(
"Unknown unit of work tag (" +
workInProgress.tag +
"). This error is likely caused by a bug in React. Please file an issue.",
);
}
function markUpdate(
workInProgress
) {
workInProgress.flags |= 4;
}
function markRef$1(
workInProgress
) {
workInProgress.flags |= 128;
}
function cutOffTailIfNeeded(
renderState, hasRenderedATailFallback
) {
if (!getIsHydrating(
))
switch (renderState.tailMode) {
case "hidden":
for (
var tailNode = renderState.tail, lastTailNode = null;
null !== tailNode;
)
null !== tailNode.alternate && (lastTailNode = tailNode),
(tailNode = tailNode.sibling);
null === lastTailNode
? (renderState.tail = null)
: (lastTailNode.sibling = null);
break;
case "collapsed":
for (
var _tailNode = renderState.tail, _lastTailNode = null;
null !== _tailNode;
)
null !== _tailNode.alternate && (_lastTailNode = _tailNode),
(_tailNode = _tailNode.sibling);
null === _lastTailNode
? hasRenderedATailFallback || null === renderState.tail
? (renderState.tail = null)
: (renderState.tail.sibling = null)
: (_lastTailNode.sibling = null);
}
}
function completeWork(
current, workInProgress, renderLanes
) {
var fiber,
hostContext,
updatePayload,
newProps = workInProgress.pendingProps;
switch (workInProgress.tag) {
case 2:
case 16:
case 15:
case 0:
case 11:
case 7:
case 8:
case 12:
case 9:
case 14:
return null;
case 1:
return (
isContextProvider(
workInProgress.type
) && popContext(
workInProgress
),
null
);
case 3:
popHostContainer(
workInProgress
),
popTopLevelContextObject(
workInProgress
),
resetWorkInProgressVersions(
);
var fiberRoot = workInProgress.stateNode;
if (
(fiberRoot.pendingContext &&
((fiberRoot.context = fiberRoot.pendingContext),
(fiberRoot.pendingContext = null)),
null === current || null === current.child)
)
popHydrationState(
workInProgress
)
? markUpdate(
workInProgress
)
: fiberRoot.hydrate || (workInProgress.flags |= 256);
return null;
case 5:
popHostContext(
workInProgress
);
var rootContainerInstance = getRootHostContainer(
),
type = workInProgress.type;
if (null !== current && null != workInProgress.stateNode)
updateHostComponent$1(
current,
workInProgress,
type,
newProps
),
current.ref !== workInProgress.ref && markRef$1(
workInProgress
);
else {
if (!newProps) {
if (null === workInProgress.stateNode)
throw Error(
"We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue.",
);
return null;
}
var currentHostContext = getHostContext(
);
if (popHydrationState(
workInProgress
))
(hostContext = currentHostContext),
(updatePayload = hydrateInstance(
(fiber = workInProgress).stateNode,
fiber.type,
fiber.memoizedProps,
0,
hostContext,
fiber,
)),
(fiber.updateQueue = updatePayload),
null !== updatePayload && markUpdate(
workInProgress
);
else {
var instance = createInstance(
type,
newProps,
rootContainerInstance,
currentHostContext,
workInProgress,
);
appendAllChildren(
instance,
workInProgress
),
(workInProgress.stateNode = instance),
(function (
domElement,
type,
props,
rootContainerInstance,
hostContext,
) {
return (
setInitialProperties(
domElement,
type,
props
),
shouldAutoFocusHostComponent(
type,
props
)
);
})(
instance,
type,
newProps
) && markUpdate(
workInProgress
);
}
null !== workInProgress.ref && markRef$1(
workInProgress
);
}
return null;
case 6:
var newText = newProps;
if (current && null != workInProgress.stateNode) {
var oldText = current.memoizedProps;
updateHostText$1(
0,
workInProgress,
oldText,
newText
);
} else {
if ("string" != typeof newText && null === workInProgress.stateNode)
throw Error(
"We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue.",
);
var _rootContainerInstance = getRootHostContainer(
),
_currentHostContext = getHostContext(
);
popHydrationState(
workInProgress
)
? prepareToHydrateHostTextInstance(
workInProgress
) &&
markUpdate(
workInProgress
)
: (workInProgress.stateNode = createTextInstance(
newText,
_rootContainerInstance,
_currentHostContext,
workInProgress,
));
}
return null;
case 13:
popSuspenseContext(
workInProgress
);
var nextState = workInProgress.memoizedState;
if (0 != (64 & workInProgress.flags))
return (
(workInProgress.lanes = renderLanes),
0 != (8 & workInProgress.mode) &&
transferActualDuration(
workInProgress
),
workInProgress
);
var nextDidTimeout = null !== nextState,
prevDidTimeout = !1;
if (null === current)
void 0 !== workInProgress.memoizedProps.fallback &&
popHydrationState(
workInProgress
);
else prevDidTimeout = null !== current.memoizedState;
if (nextDidTimeout && !prevDidTimeout)
if (0 != (2 & workInProgress.mode))
(null === current &&
!0 !== workInProgress.memoizedProps.unstable_avoidThisFallback) ||
hasSuspenseContext(
suspenseStackCursor.current,
1
)
? 0 === workInProgressRootExitStatus &&
(workInProgressRootExitStatus = 3)
: (function (
) {
(0 !== workInProgressRootExitStatus &&
3 !== workInProgressRootExitStatus) ||
(workInProgressRootExitStatus = 4);
null !== workInProgressRoot &&
(includesNonIdleWork(
workInProgressRootSkippedLanes
) ||
includesNonIdleWork(
workInProgressRootUpdatedLanes
)) &&
markRootSuspended$1(
workInProgressRoot,
workInProgressRootRenderLanes,
);
})(
);
return (
(nextDidTimeout || prevDidTimeout) && (workInProgress.flags |= 4),
null
);
case 4:
return (
popHostContainer(
workInProgress
),
null === current &&
listenToAllSupportedEvents(
workInProgress.stateNode.containerInfo
),
null
);
case 10:
return popProvider(
workInProgress
), null;
case 17:
return (
isContextProvider(
workInProgress.type
) && popContext(
workInProgress
),
null
);
case 19:
popSuspenseContext(
workInProgress
);
var renderState = workInProgress.memoizedState;
if (null === renderState) return null;
var didSuspendAlready = 0 != (64 & workInProgress.flags),
renderedTail = renderState.rendering;
if (null === renderedTail)
if (didSuspendAlready) cutOffTailIfNeeded(
renderState,
!1
);
else {
if (
!(
0 === workInProgressRootExitStatus &&
(null === current || 0 == (64 & current.flags))
)
)
for (var row = workInProgress.child; null !== row; ) {
var suspended = findFirstSuspended(
row
);
if (null !== suspended) {
(didSuspendAlready = !0),
(workInProgress.flags |= 64),
cutOffTailIfNeeded(
renderState,
!1
);
var newThennables = suspended.updateQueue;
return (
null !== newThennables &&
((workInProgress.updateQueue = newThennables),
(workInProgress.flags |= 4)),
null === renderState.lastEffect &&
(workInProgress.firstEffect = null),
(workInProgress.lastEffect = renderState.lastEffect),
resetChildFibers(
workInProgress,
renderLanes
),
pushSuspenseContext(
workInProgress,
setShallowSuspenseContext(
suspenseStackCursor.current,
2
),
),
workInProgress.child
);
}
row = row.sibling;
}
null !== renderState.tail &&
now(
) > getRenderTargetTime(
) &&
((workInProgress.flags |= 64),
(didSuspendAlready = !0),
cutOffTailIfNeeded(
renderState,
!1
),
(workInProgress.lanes = 33554432),
markSpawnedWork(
33554432
));
}
else {
if (!didSuspendAlready) {
var _suspended = findFirstSuspended(
renderedTail
);
if (null !== _suspended) {
(workInProgress.flags |= 64), (didSuspendAlready = !0);
var _newThennables = _suspended.updateQueue;
if (
(null !== _newThennables &&
((workInProgress.updateQueue = _newThennables),
(workInProgress.flags |= 4)),
cutOffTailIfNeeded(
renderState,
!0
),
null === renderState.tail &&
"hidden" === renderState.tailMode &&
!renderedTail.alternate &&
!getIsHydrating(
))
) {
var lastEffect = (workInProgress.lastEffect =
renderState.lastEffect);
return (
null !== lastEffect && (lastEffect.nextEffect = null), null
);
}
} else
2 * now(
) - renderState.renderingStartTime >
getRenderTargetTime(
) &&
1073741824 !== renderLanes &&
((workInProgress.flags |= 64),
(didSuspendAlready = !0),
cutOffTailIfNeeded(
renderState,
!1
),
(workInProgress.lanes = 33554432),
markSpawnedWork(
33554432
));
}
if (renderState.isBackwards)
(renderedTail.sibling = workInProgress.child),
(workInProgress.child = renderedTail);
else {
var previousSibling = renderState.last;
null !== previousSibling
? (previousSibling.sibling = renderedTail)
: (workInProgress.child = renderedTail),
(renderState.last = renderedTail);
}
}
if (null !== renderState.tail) {
var next = renderState.tail;
(renderState.rendering = next),
(renderState.tail = next.sibling),
(renderState.lastEffect = workInProgress.lastEffect),
(renderState.renderingStartTime = now(
)),
(next.sibling = null);
var suspenseContext = suspenseStackCursor.current;
return (
pushSuspenseContext(
workInProgress,
(suspenseContext = didSuspendAlready
? setShallowSuspenseContext(
suspenseContext,
2
)
: setDefaultShallowSuspenseContext(
suspenseContext
)),
),
next
);
}
return null;
case 20:
case 21:
case 22:
break;
case 23:
case 24:
if ((popRenderLanes(
workInProgress
), null !== current)) {
var _nextState = workInProgress.memoizedState;
(null !== current.memoizedState) !== (null !== _nextState) &&
"unstable-defer-without-hiding" !== newProps.mode &&
(workInProgress.flags |= 4);
}
return null;
}
throw Error(
"Unknown unit of work tag (" +
workInProgress.tag +
"). This error is likely caused by a bug in React. Please file an issue.",
);
}
function unwindWork(
workInProgress, renderLanes
) {
switch (workInProgress.tag) {
case 1:
isContextProvider(
workInProgress.type
) && popContext(
workInProgress
);
var flags = workInProgress.flags;
return 4096 & flags
? ((workInProgress.flags = (-4097 & flags) | 64),
0 != (8 & workInProgress.mode) &&
transferActualDuration(
workInProgress
),
workInProgress)
: null;
case 3:
popHostContainer(
workInProgress
),
popTopLevelContextObject(
workInProgress
),
resetWorkInProgressVersions(
);
var _flags = workInProgress.flags;
if (0 != (64 & _flags))
throw Error(
"The root failed to unmount after an error. This is likely a bug in React. Please file an issue.",
);
return (workInProgress.flags = (-4097 & _flags) | 64), workInProgress;
case 5:
return popHostContext(
workInProgress
), null;
case 13:
popSuspenseContext(
workInProgress
);
var _flags2 = workInProgress.flags;
return 4096 & _flags2
? ((workInProgress.flags = (-4097 & _flags2) | 64),
0 != (8 & workInProgress.mode) &&
transferActualDuration(
workInProgress
),
workInProgress)
: null;
case 19:
return popSuspenseContext(
workInProgress
), null;
case 4:
return popHostContainer(
workInProgress
), null;
case 10:
return popProvider(
workInProgress
), null;
case 23:
case 24:
return popRenderLanes(
workInProgress
), null;
default:
return null;
}
}
function unwindInterruptedWork(
interruptedWork
) {
switch (interruptedWork.tag) {
case 1:
var childContextTypes = interruptedWork.type.childContextTypes;
null != childContextTypes && popContext(
interruptedWork
);
break;
case 3:
popHostContainer(
interruptedWork
),
popTopLevelContextObject(
interruptedWork
),
resetWorkInProgressVersions(
);
break;
case 5:
popHostContext(
interruptedWork
);
break;
case 4:
popHostContainer(
interruptedWork
);
break;
case 13:
case 19:
popSuspenseContext(
interruptedWork
);
break;
case 10:
popProvider(
interruptedWork
);
break;
case 23:
case 24:
popRenderLanes(
interruptedWork
);
}
}
function createCapturedValue(
value, source
) {
return {
value: value,
source: source,
stack: getStackByFiberInDevAndProd(
source
),
};
}
function logCapturedError(
boundary, errorInfo
) {
try {
0;
var error = errorInfo.value,
source = errorInfo.source,
stack = errorInfo.stack,
componentStack = null !== stack ? stack : "";
if (null != error && error._suppressLogging) {
if (1 === boundary.tag) return;
console.error(
error
);
}
var componentName = source
? getComponentName(
source.type
)
: null,
componentNameMessage = componentName
? "The above error occurred in the <" + componentName + "> component:"
: "The above error occurred in one of your React components:",
errorBoundaryName = getComponentName(
boundary.type
),
combinedMessage =
componentNameMessage +
"\n" +
componentStack +
"\n\n" +
(errorBoundaryName
? "React will try to recreate this component tree from scratch using the error boundary you provided, " +
errorBoundaryName +
"."
: "Consider adding an error boundary to your tree to customize error handling behavior.\nVisit https://reactjs.org/link/error-boundaries to learn more about error boundaries.");
console.error(
combinedMessage
);
} catch (e) {
setTimeout(
function (
) {
throw e;
}
);
}
}
(appendAllChildren = function (
parent,
workInProgress,
needsVisibilityToggle,
isHidden,
) {
for (
var parentInstance, child, node = workInProgress.child;
null !== node;
) {
if (5 === node.tag || 6 === node.tag)
(parentInstance = parent),
(child = node.stateNode),
parentInstance.appendChild(
child
);
else if (4 === node.tag);
else if (null !== node.child) {
(node.child.return = node), (node = node.child);
continue;
}
if (node === workInProgress) return;
for (; null === node.sibling; ) {
if (null === node.return || node.return === workInProgress) return;
node = node.return;
}
(node.sibling.return = node.return), (node = node.sibling);
}
}),
(updateHostComponent$1 = function (
current,
workInProgress,
type,
newProps,
rootContainerInstance,
) {
var oldProps = current.memoizedProps;
if (oldProps !== newProps) {
var updatePayload = (function (
domElement,
type,
oldProps,
newProps,
rootContainerInstance,
hostContext,
) {
var hostContextDev = hostContext;
if (
typeof newProps.children != typeof oldProps.children &&
("string" == typeof newProps.children ||
"number" == typeof newProps.children)
) {
var string = "" + newProps.children,
ownAncestorInfo = updatedAncestorInfo(
hostContextDev.ancestorInfo,
type,
);
validateDOMNesting(
null,
string,
ownAncestorInfo
);
}
return diffProperties(
domElement,
type,
oldProps,
newProps
);
})(
workInProgress.stateNode,
type,
oldProps,
newProps,
0,
getHostContext(
),
);
(workInProgress.updateQueue = updatePayload),
updatePayload && markUpdate(
workInProgress
);
}
}),
(updateHostText$1 = function (
current, workInProgress, oldText, newText
) {
oldText !== newText && markUpdate(
workInProgress
);
});
var PossiblyWeakMap$1 = "function" == typeof WeakMap ? WeakMap : Map;
function createRootErrorUpdate(
fiber, errorInfo, lane
) {
var update = createUpdate(
-1,
lane
);
(update.tag = 3), (update.payload = {
element: null,
});
var error = errorInfo.value;
return (
(update.callback = function (
) {
onUncaughtError(
error
), logCapturedError(
fiber,
errorInfo
);
}),
update
);
}
function createClassErrorUpdate(
fiber, errorInfo, lane
) {
var update = createUpdate(
-1,
lane
);
update.tag = 3;
var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
if ("function" == typeof getDerivedStateFromError) {
var error$1 = errorInfo.value;
update.payload = function (
) {
return (
logCapturedError(
fiber,
errorInfo
), getDerivedStateFromError(
error$1
)
);
};
}
var inst = fiber.stateNode;
return (
null !== inst && "function" == typeof inst.componentDidCatch
? (update.callback = function (
) {
var instance;
markFailedErrorBoundaryForHotReloading(
fiber
),
"function" != typeof getDerivedStateFromError &&
((instance = this),
null === legacyErrorBoundariesThatAlreadyFailed
? (legacyErrorBoundariesThatAlreadyFailed = new Set(
[
instance,
]
))
: legacyErrorBoundariesThatAlreadyFailed.add(
instance
),
logCapturedError(
fiber,
errorInfo
));
var error$1 = errorInfo.value,
stack = errorInfo.stack;
this.componentDidCatch(
error$1,
{
componentStack: null !== stack ? stack : "",
}
),
"function" != typeof getDerivedStateFromError &&
(includesSomeLane(
fiber.lanes,
1
) ||
error(
"%s: Error boundaries should implement getDerivedStateFromError(). In that method, return a state update to display an error message or fallback UI.",
getComponentName(
fiber.type
) || "Unknown",
));
})
: (update.callback = function (
) {
markFailedErrorBoundaryForHotReloading(
fiber
);
}),
update
);
}
function attachPingListener(
root, wakeable, lanes
) {
var threadIDs,
pingCache = root.pingCache;
if (
(null === pingCache
? ((pingCache = root.pingCache = new PossiblyWeakMap$1(
)),
(threadIDs = new Set(
)),
pingCache.set(
wakeable,
threadIDs
))
: void 0 === (threadIDs = pingCache.get(
wakeable
)) &&
((threadIDs = new Set(
)), pingCache.set(
wakeable,
threadIDs
)),
!threadIDs.has(
lanes
))
) {
threadIDs.add(
lanes
);
var ping = pingSuspendedRoot.bind(
null,
root,
wakeable,
lanes
);
wakeable.then(
ping,
ping
);
}
}
function throwException(
root,
returnFiber,
sourceFiber,
value,
rootRenderLanes,
) {
if (
((sourceFiber.flags |= 2048),
(sourceFiber.firstEffect = sourceFiber.lastEffect = null),
null !== value &&
"object" == typeof value &&
"function" == typeof value.then)
) {
var wakeable = value;
if (0 == (2 & sourceFiber.mode)) {
var currentSource = sourceFiber.alternate;
currentSource
? ((sourceFiber.updateQueue = currentSource.updateQueue),
(sourceFiber.memoizedState = currentSource.memoizedState),
(sourceFiber.lanes = currentSource.lanes))
: ((sourceFiber.updateQueue = null),
(sourceFiber.memoizedState = null));
}
var hasInvisibleParentBoundary = hasSuspenseContext(
suspenseStackCursor.current,
1,
),
_workInProgress = returnFiber;
do {
if (
13 === _workInProgress.tag &&
shouldCaptureSuspense(
_workInProgress,
hasInvisibleParentBoundary
)
) {
var wakeables = _workInProgress.updateQueue;
if (null === wakeables) {
var updateQueue = new Set(
);
updateQueue.add(
wakeable
),
(_workInProgress.updateQueue = updateQueue);
} else wakeables.add(
wakeable
);
if (0 == (2 & _workInProgress.mode)) {
if (
((_workInProgress.flags |= 64),
(sourceFiber.flags |= 16384),
(sourceFiber.flags &= -2981),
1 === sourceFiber.tag)
)
if (null === sourceFiber.alternate) sourceFiber.tag = 17;
else {
var update = createUpdate(
-1,
1
);
(update.tag = ForceUpdate), enqueueUpdate(
sourceFiber,
update
);
}
return void (sourceFiber.lanes = mergeLanes(
sourceFiber.lanes,
1
));
}
return (
attachPingListener(
root,
wakeable,
rootRenderLanes
),
(_workInProgress.flags |= 4096),
void (_workInProgress.lanes = rootRenderLanes)
);
}
_workInProgress = _workInProgress.return;
} while (null !== _workInProgress);
value = new Error(
(getComponentName(
sourceFiber.type
) || "A React component") +
" suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display.",
);
}
5 !== workInProgressRootExitStatus && (workInProgressRootExitStatus = 2),
(value = createCapturedValue(
value,
sourceFiber
));
var workInProgress = returnFiber;
do {
switch (workInProgress.tag) {
case 3:
var _errorInfo = value;
workInProgress.flags |= 4096;
var lane = pickArbitraryLane(
rootRenderLanes
);
return (
(workInProgress.lanes = mergeLanes(
workInProgress.lanes,
lane
)),
void enqueueCapturedUpdate(
workInProgress,
createRootErrorUpdate(
workInProgress,
_errorInfo,
lane
),
)
);
case 1:
var errorInfo = value,
ctor = workInProgress.type,
instance = workInProgress.stateNode;
if (
0 == (64 & workInProgress.flags) &&
("function" == typeof ctor.getDerivedStateFromError ||
(null !== instance &&
"function" == typeof instance.componentDidCatch &&
!isAlreadyFailedLegacyErrorBoundary(
instance
)))
) {
workInProgress.flags |= 4096;
var _lane = pickArbitraryLane(
rootRenderLanes
);
return (
(workInProgress.lanes = mergeLanes(
workInProgress.lanes,
_lane
)),
void enqueueCapturedUpdate(
workInProgress,
createClassErrorUpdate(
workInProgress,
errorInfo,
_lane
),
)
);
}
}
workInProgress = workInProgress.return;
} while (null !== workInProgress);
}
var didWarnAboutUndefinedSnapshotBeforeUpdate;
didWarnAboutUndefinedSnapshotBeforeUpdate = new Set(
);
var PossiblyWeakSet = "function" == typeof WeakSet ? WeakSet : Set,
callComponentWillUnmountWithTimer = function (
current, instance
) {
(instance.props = current.memoizedProps),
(instance.state = current.memoizedState),
instance.componentWillUnmount(
);
};
function safelyDetachRef(
current
) {
var ref = current.ref;
null !== ref &&
("function" == typeof ref
? (invokeGuardedCallback(
null,
ref,
null,
null
),
hasCaughtError(
) &&
captureCommitPhaseError(
current,
clearCaughtError(
)
))
: (ref.current = null));
}
function safelyCallDestroy(
current, destroy
) {
(invokeGuardedCallback(
null,
destroy,
null
), hasCaughtError(
)) &&
captureCommitPhaseError(
current,
clearCaughtError(
)
);
}
function commitBeforeMutationLifeCycles(
current, finishedWork
) {
switch (finishedWork.tag) {
case 0:
case 11:
case 15:
case 22:
return;
case 1:
if (256 & finishedWork.flags && null !== current) {
var prevProps = current.memoizedProps,
prevState = current.memoizedState,
instance = finishedWork.stateNode;
finishedWork.type !== finishedWork.elementType ||
didWarnAboutReassigningProps ||
(instance.props !== finishedWork.memoizedProps &&
error(
"Expected %s props to match memoized props before getSnapshotBeforeUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
getComponentName(
finishedWork.type
) || "instance",
),
instance.state !== finishedWork.memoizedState &&
error(
"Expected %s state to match memoized state before getSnapshotBeforeUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
getComponentName(
finishedWork.type
) || "instance",
));
var snapshot = instance.getSnapshotBeforeUpdate(
finishedWork.elementType === finishedWork.type
? prevProps
: resolveDefaultProps(
finishedWork.type,
prevProps
),
prevState,
),
didWarnSet = didWarnAboutUndefinedSnapshotBeforeUpdate;
void 0 !== snapshot ||
didWarnSet.has(
finishedWork.type
) ||
(didWarnSet.add(
finishedWork.type
),
error(
"%s.getSnapshotBeforeUpdate(): A snapshot value (or null) must be returned. You have returned undefined.",
getComponentName(
finishedWork.type
),
)),
(instance.__reactInternalSnapshotBeforeUpdate = snapshot);
}
return;
case 3:
if (256 & finishedWork.flags)
clearContainer(
finishedWork.stateNode.containerInfo
);
return;
case 5:
case 6:
case 4:
case 17:
return;
}
throw Error(
"This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue.",
);
}
function commitLifeCycles(
finishedRoot,
current,
finishedWork,
committedLanes,
) {
switch (finishedWork.tag) {
case 0:
case 11:
case 15:
case 22:
return (
(function (
tag, finishedWork
) {
var updateQueue = finishedWork.updateQueue,
lastEffect = null !== updateQueue ? updateQueue.lastEffect : null;
if (null !== lastEffect) {
var firstEffect = lastEffect.next,
effect = firstEffect;
do {
if ((effect.tag & tag) === tag) {
var create = effect.create;
effect.destroy = create(
);
var destroy = effect.destroy;
void 0 !== destroy &&
"function" != typeof destroy &&
error(
"An effect function must not return anything besides a function, which is used for clean-up.%s",
null === destroy
? " You returned null. If your effect does not require clean up, return undefined (or nothing)."
: "function" == typeof destroy.then
? "\n\nIt looks like you wrote useEffect(async () => ...) or returned a Promise. Instead, write the async function inside your effect and call it immediately:\n\nuseEffect(() => {\n async function fetchData() {\n // You can await here\n const response = await MyAPI.getData(someId);\n // ...\n }\n fetchData();\n}, [someId]); // Or [] if effect doesn't need props or state\n\nLearn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-fetching"
: " You returned: " + destroy,
);
}
effect = effect.next;
} while (effect !== firstEffect);
}
})(
3,
finishedWork
),
void (function (
finishedWork
) {
var updateQueue = finishedWork.updateQueue,
lastEffect = null !== updateQueue ? updateQueue.lastEffect : null;
if (null !== lastEffect) {
var firstEffect = lastEffect.next,
effect = firstEffect;
do {
var _effect = effect,
next = _effect.next,
tag = _effect.tag;
0 != (4 & tag) &&
0 != (1 & tag) &&
(enqueuePendingPassiveHookEffectUnmount(
finishedWork,
effect
),
enqueuePendingPassiveHookEffectMount(
finishedWork,
effect
)),
(effect = next);
} while (effect !== firstEffect);
}
})(
finishedWork
)
);
case 1:
var instance = finishedWork.stateNode;
if (4 & finishedWork.flags)
if (null === current)
finishedWork.type !== finishedWork.elementType ||
didWarnAboutReassigningProps ||
(instance.props !== finishedWork.memoizedProps &&
error(
"Expected %s props to match memoized props before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
getComponentName(
finishedWork.type
) || "instance",
),
instance.state !== finishedWork.memoizedState &&
error(
"Expected %s state to match memoized state before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
getComponentName(
finishedWork.type
) || "instance",
)),
instance.componentDidMount(
);
else {
var prevProps =
finishedWork.elementType === finishedWork.type
? current.memoizedProps
: resolveDefaultProps(
finishedWork.type,
current.memoizedProps,
),
prevState = current.memoizedState;
finishedWork.type !== finishedWork.elementType ||
didWarnAboutReassigningProps ||
(instance.props !== finishedWork.memoizedProps &&
error(
"Expected %s props to match memoized props before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
getComponentName(
finishedWork.type
) || "instance",
),
instance.state !== finishedWork.memoizedState &&
error(
"Expected %s state to match memoized state before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
getComponentName(
finishedWork.type
) || "instance",
)),
instance.componentDidUpdate(
prevProps,
prevState,
instance.__reactInternalSnapshotBeforeUpdate,
);
}
var updateQueue = finishedWork.updateQueue;
return void (
null !== updateQueue &&
(finishedWork.type !== finishedWork.elementType ||
didWarnAboutReassigningProps ||
(instance.props !== finishedWork.memoizedProps &&
error(
"Expected %s props to match memoized props before processing the update queue. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
getComponentName(
finishedWork.type
) || "instance",
),
instance.state !== finishedWork.memoizedState &&
error(
"Expected %s state to match memoized state before processing the update queue. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
getComponentName(
finishedWork.type
) || "instance",
)),
commitUpdateQueue(
0,
updateQueue,
instance
))
);
case 3:
var _updateQueue = finishedWork.updateQueue;
if (null !== _updateQueue) {
var _instance = null;
if (null !== finishedWork.child)
switch (finishedWork.child.tag) {
case 5:
case 1:
_instance = finishedWork.child.stateNode;
}
commitUpdateQueue(
0,
_updateQueue,
_instance
);
}
return;
case 5:
var _instance2 = finishedWork.stateNode;
if (null === current && 4 & finishedWork.flags)
!(function (
domElement, type, newProps, internalInstanceHandle
) {
shouldAutoFocusHostComponent(
type,
newProps
) && domElement.focus(
);
})(
_instance2,
finishedWork.type,
finishedWork.memoizedProps
);
return;
case 6:
case 4:
return;
case 12:
var _finishedWork$memoize2 = finishedWork.memoizedProps,
onRender =
(_finishedWork$memoize2.onCommit, _finishedWork$memoize2.onRender),
commitTime = (finishedWork.stateNode.effectDuration, getCommitTime(
));
return void (
"function" == typeof onRender &&
onRender(
finishedWork.memoizedProps.id,
null === current ? "mount" : "update",
finishedWork.actualDuration,
finishedWork.treeBaseDuration,
finishedWork.actualStartTime,
commitTime,
finishedRoot.memoizedInteractions,
)
);
case 13:
return void (function (
finishedRoot, finishedWork
) {
if (null === finishedWork.memoizedState) {
var current = finishedWork.alternate;
if (null !== current) {
var prevState = current.memoizedState;
if (null !== prevState) {
var suspenseInstance = prevState.dehydrated;
null !== suspenseInstance &&
(function (
suspenseInstance
) {
retryIfBlockedOn(
suspenseInstance
);
})(
suspenseInstance
);
}
}
}
})(
0,
finishedWork
);
case 19:
case 17:
case 20:
case 21:
case 23:
case 24:
return;
}
throw Error(
"This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue.",
);
}
function hideOrUnhideAllChildren(
finishedWork, isHidden
) {
for (var node = finishedWork; ; ) {
if (5 === node.tag) {
var instance = node.stateNode;
isHidden
? hideInstance(
instance
)
: unhideInstance(
node.stateNode,
node.memoizedProps
);
} else if (6 === node.tag) {
var _instance3 = node.stateNode;
isHidden
? (_instance3.nodeValue = "")
: unhideTextInstance(
_instance3,
node.memoizedProps
);
} else if (
(23 !== node.tag && 24 !== node.tag) ||
null === node.memoizedState ||
node === finishedWork
) {
if (null !== node.child) {
(node.child.return = node), (node = node.child);
continue;
}
} else;
if (node === finishedWork) return;
for (; null === node.sibling; ) {
if (null === node.return || node.return === finishedWork) return;
node = node.return;
}
(node.sibling.return = node.return), (node = node.sibling);
}
}
function commitAttachRef(
finishedWork
) {
var ref = finishedWork.ref;
if (null !== ref) {
var instanceToUse,
instance = finishedWork.stateNode;
switch (finishedWork.tag) {
case 5:
instanceToUse = instance;
break;
default:
instanceToUse = instance;
}
"function" == typeof ref
? ref(
instanceToUse
)
: (ref.hasOwnProperty(
"current"
) ||
error(
"Unexpected ref object provided for %s. Use either a ref-setter function or React.createRef().",
getComponentName(
finishedWork.type
),
),
(ref.current = instanceToUse));
}
}
function commitDetachRef(
current
) {
var currentRef = current.ref;
null !== currentRef &&
("function" == typeof currentRef
? currentRef(
null
)
: (currentRef.current = null));
}
function commitUnmount(
finishedRoot, current, renderPriorityLevel
) {
switch (
((function (
fiber
) {
if (
injectedHook &&
"function" == typeof injectedHook.onCommitFiberUnmount
)
try {
injectedHook.onCommitFiberUnmount(
rendererID,
fiber
);
} catch (err) {
hasLoggedError ||
((hasLoggedError = !0),
error(
"React instrumentation encountered an error: %s",
err
));
}
})(
current
),
current.tag)
) {
case 0:
case 11:
case 14:
case 15:
case 22:
var updateQueue = current.updateQueue;
if (null !== updateQueue) {
var lastEffect = updateQueue.lastEffect;
if (null !== lastEffect) {
var firstEffect = lastEffect.next,
effect = firstEffect;
do {
var _effect2 = effect,
destroy = _effect2.destroy,
tag = _effect2.tag;
void 0 !== destroy &&
(0 != (4 & tag)
? enqueuePendingPassiveHookEffectUnmount(
current,
effect
)
: safelyCallDestroy(
current,
destroy
)),
(effect = effect.next);
} while (effect !== firstEffect);
}
}
return;
case 1:
safelyDetachRef(
current
);
var instance = current.stateNode;
return void (
"function" == typeof instance.componentWillUnmount &&
(function (
current, instance
) {
invokeGuardedCallback(
null,
callComponentWillUnmountWithTimer,
null,
current,
instance,
),
hasCaughtError(
) &&
captureCommitPhaseError(
current,
clearCaughtError(
)
);
})(
current,
instance
)
);
case 5:
return void safelyDetachRef(
current
);
case 4:
return void unmountHostComponents(
finishedRoot,
current
);
case 20:
case 18:
case 21:
return;
}
}
function commitNestedUnmounts(
finishedRoot, root, renderPriorityLevel
) {
for (var node = root; ; )
if (
(commitUnmount(
finishedRoot,
node
),
null === node.child || 4 === node.tag)
) {
if (node === root) return;
for (; null === node.sibling; ) {
if (null === node.return || node.return === root) return;
node = node.return;
}
(node.sibling.return = node.return), (node = node.sibling);
} else (node.child.return = node), (node = node.child);
}
function detachFiberMutation(
fiber
) {
(fiber.alternate = null),
(fiber.child = null),
(fiber.dependencies = null),
(fiber.firstEffect = null),
(fiber.lastEffect = null),
(fiber.memoizedProps = null),
(fiber.memoizedState = null),
(fiber.pendingProps = null),
(fiber.return = null),
(fiber.updateQueue = null),
(fiber._debugOwner = null);
}
function isHostParent(
fiber
) {
return 5 === fiber.tag || 3 === fiber.tag || 4 === fiber.tag;
}
function commitPlacement(
finishedWork
) {
var parent,
isContainer,
parentFiber = (function (
fiber
) {
for (var parent = fiber.return; null !== parent; ) {
if (isHostParent(
parent
)) return parent;
parent = parent.return;
}
throw Error(
"Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue.",
);
})(
finishedWork
),
parentStateNode = parentFiber.stateNode;
switch (parentFiber.tag) {
case 5:
(parent = parentStateNode), (isContainer = !1);
break;
case 3:
case 4:
(parent = parentStateNode.containerInfo), (isContainer = !0);
break;
case 20:
default:
throw Error(
"Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue.",
);
}
16 & parentFiber.flags &&
(resetTextContent(
parent
), (parentFiber.flags &= -17));
var before = (function (
fiber
) {
var node = fiber;
siblings: for (;;) {
for (; null === node.sibling; ) {
if (null === node.return || isHostParent(
node.return
)) return null;
node = node.return;
}
for (
node.sibling.return = node.return, node = node.sibling;
5 !== node.tag && 6 !== node.tag && 18 !== node.tag;
) {
if (2 & node.flags) continue siblings;
if (null === node.child || 4 === node.tag) continue siblings;
(node.child.return = node), (node = node.child);
}
if (!(2 & node.flags)) return node.stateNode;
}
})(
finishedWork
);
isContainer
? insertOrAppendPlacementNodeIntoContainer(
finishedWork,
before,
parent
)
: insertOrAppendPlacementNode(
finishedWork,
before,
parent
);
}
function insertOrAppendPlacementNodeIntoContainer(
node, before, parent
) {
var tag = node.tag,
isHost = 5 === tag || 6 === tag;
if (isHost) {
var stateNode = isHost ? node.stateNode : node.stateNode.instance;
before
? (function (
container, child, beforeChild
) {
8 === container.nodeType
? container.parentNode.insertBefore(
child,
beforeChild
)
: container.insertBefore(
child,
beforeChild
);
})(
parent,
stateNode,
before
)
: (function (
container, child
) {
var parentNode;
8 === container.nodeType
? (parentNode = container.parentNode).insertBefore(
child,
container,
)
: (parentNode = container).appendChild(
child
),
null == container._reactRootContainer &&
null === parentNode.onclick &&
trapClickOnNonInteractiveElement(
parentNode
);
})(
parent,
stateNode
);
} else if (4 === tag);
else {
var child = node.child;
if (null !== child) {
insertOrAppendPlacementNodeIntoContainer(
child,
before,
parent
);
for (var sibling = child.sibling; null !== sibling; )
insertOrAppendPlacementNodeIntoContainer(
sibling,
before,
parent
),
(sibling = sibling.sibling);
}
}
}
function insertOrAppendPlacementNode(
node, before, parent
) {
var tag = node.tag,
isHost = 5 === tag || 6 === tag;
if (isHost) {
var stateNode = isHost ? node.stateNode : node.stateNode.instance;
before
? (function (
parentInstance, child, beforeChild
) {
parentInstance.insertBefore(
child,
beforeChild
);
})(
parent,
stateNode,
before
)
: (function (
parentInstance, child
) {
parentInstance.appendChild(
child
);
})(
parent,
stateNode
);
} else if (4 === tag);
else {
var child = node.child;
if (null !== child) {
insertOrAppendPlacementNode(
child,
before,
parent
);
for (var sibling = child.sibling; null !== sibling; )
insertOrAppendPlacementNode(
sibling,
before,
parent
),
(sibling = sibling.sibling);
}
}
}
function unmountHostComponents(
finishedRoot, current, renderPriorityLevel
) {
for (
var currentParent,
currentParentIsContainer,
container,
child,
node = current,
currentParentIsValid = !1;
;
) {
if (!currentParentIsValid) {
var parent = node.return;
findParent: for (;;) {
if (null === parent)
throw Error(
"Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue.",
);
var parentStateNode = parent.stateNode;
switch (parent.tag) {
case 5:
(currentParent = parentStateNode),
(currentParentIsContainer = !1);
break findParent;
case 3:
case 4:
(currentParent = parentStateNode.containerInfo),
(currentParentIsContainer = !0);
break findParent;
}
parent = parent.return;
}
currentParentIsValid = !0;
}
if (5 === node.tag || 6 === node.tag)
commitNestedUnmounts(
finishedRoot,
node
),
currentParentIsContainer
? ((container = currentParent),
(child = node.stateNode),
8 === container.nodeType
? container.parentNode.removeChild(
child
)
: container.removeChild(
child
))
: removeChild(
currentParent,
node.stateNode
);
else if (4 === node.tag) {
if (null !== node.child) {
(currentParent = node.stateNode.containerInfo),
(currentParentIsContainer = !0),
(node.child.return = node),
(node = node.child);
continue;
}
} else if ((commitUnmount(
finishedRoot,
node
), null !== node.child)) {
(node.child.return = node), (node = node.child);
continue;
}
if (node === current) return;
for (; null === node.sibling; ) {
if (null === node.return || node.return === current) return;
4 === (node = node.return).tag && (currentParentIsValid = !1);
}
(node.sibling.return = node.return), (node = node.sibling);
}
}
function commitDeletion(
finishedRoot, current, renderPriorityLevel
) {
unmountHostComponents(
finishedRoot,
current
);
var alternate = current.alternate;
detachFiberMutation(
current
),
null !== alternate && detachFiberMutation(
alternate
);
}
function commitWork(
current, finishedWork
) {
switch (finishedWork.tag) {
case 0:
case 11:
case 14:
case 15:
case 22:
return void (function (
tag, finishedWork
) {
var updateQueue = finishedWork.updateQueue,
lastEffect = null !== updateQueue ? updateQueue.lastEffect : null;
if (null !== lastEffect) {
var firstEffect = lastEffect.next,
effect = firstEffect;
do {
if ((effect.tag & tag) === tag) {
var destroy = effect.destroy;
(effect.destroy = void 0), void 0 !== destroy && destroy(
);
}
effect = effect.next;
} while (effect !== firstEffect);
}
})(
3,
finishedWork
);
case 1:
return;
case 5:
var instance = finishedWork.stateNode;
if (null != instance) {
var newProps = finishedWork.memoizedProps,
oldProps = null !== current ? current.memoizedProps : newProps,
type = finishedWork.type,
updatePayload = finishedWork.updateQueue;
(finishedWork.updateQueue = null),
null !== updatePayload &&
(function (
domElement,
updatePayload,
type,
oldProps,
newProps,
internalInstanceHandle,
) {
updateFiberProps(
domElement,
newProps
),
updateProperties(
domElement,
updatePayload,
type,
oldProps,
newProps,
);
})(
instance,
updatePayload,
type,
oldProps,
newProps
);
}
return;
case 6:
if (null === finishedWork.stateNode)
throw Error(
"This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue.",
);
var textInstance = finishedWork.stateNode,
newText = finishedWork.memoizedProps;
null !== current && current.memoizedProps;
return void (function (
textInstance, oldText, newText
) {
textInstance.nodeValue = newText;
})(
textInstance,
0,
newText
);
case 3:
var _root = finishedWork.stateNode;
return void (
_root.hydrate &&
((_root.hydrate = !1), retryIfBlockedOn(
_root.containerInfo
))
);
case 12:
return;
case 13:
return (
(function (
finishedWork
) {
if (null !== finishedWork.memoizedState) {
(globalMostRecentFallbackTime = now(
)),
hideOrUnhideAllChildren(
finishedWork.child,
!0
);
}
})(
finishedWork
),
void attachSuspenseRetryListeners(
finishedWork
)
);
case 19:
return void attachSuspenseRetryListeners(
finishedWork
);
case 17:
return;
case 20:
case 21:
break;
case 23:
case 24:
return void hideOrUnhideAllChildren(
finishedWork,
null !== finishedWork.memoizedState,
);
}
throw Error(
"This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue.",
);
}
function attachSuspenseRetryListeners(
finishedWork
) {
var wakeables = finishedWork.updateQueue;
if (null !== wakeables) {
finishedWork.updateQueue = null;
var retryCache = finishedWork.stateNode;
null === retryCache &&
(retryCache = finishedWork.stateNode = new PossiblyWeakSet(
)),
wakeables.forEach(
function (
wakeable
) {
var retry = resolveRetryWakeable.bind(
null,
finishedWork,
wakeable
);
retryCache.has(
wakeable
) ||
(!0 !== wakeable.__reactDoNotTraceInteractions &&
(retry = unstable_wrap(
retry
)),
retryCache.add(
wakeable
),
wakeable.then(
retry,
retry
));
}
);
}
}
function isSuspenseBoundaryBeingHidden(
current, finishedWork
) {
if (null !== current) {
var oldState = current.memoizedState;
if (null === oldState || null !== oldState.dehydrated) {
var newState = finishedWork.memoizedState;
return null !== newState && null === newState.dehydrated;
}
}
return !1;
}
function commitResetTextContent(
current
) {
resetTextContent(
current.stateNode
);
}
if ("function" == typeof Symbol && Symbol.for) {
var symbolFor$1 = Symbol.for;
symbolFor$1(
"selector.component"
),
symbolFor$1(
"selector.has_pseudo_class"
),
symbolFor$1(
"selector.role"
),
symbolFor$1(
"selector.test_id"
),
symbolFor$1(
"selector.text"
);
}
var commitHooks = [];
var ceil = Math.ceil,
ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher,
ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
IsSomeRendererActing = ReactSharedInternals.IsSomeRendererActing,
executionContext = 0,
workInProgressRoot = null,
workInProgress = null,
workInProgressRootRenderLanes = 0,
subtreeRenderLanes = 0,
subtreeRenderLanesCursor = createCursor(
0
),
workInProgressRootExitStatus = 0,
workInProgressRootFatalError = null,
workInProgressRootIncludedLanes = 0,
workInProgressRootSkippedLanes = 0,
workInProgressRootUpdatedLanes = 0,
workInProgressRootPingedLanes = 0,
mostRecentlyUpdatedRoot = null,
globalMostRecentFallbackTime = 0,
workInProgressRootRenderTargetTime = 1 / 0;
function resetRenderTimer(
) {
workInProgressRootRenderTargetTime = now(
) + 500;
}
function getRenderTargetTime(
) {
return workInProgressRootRenderTargetTime;
}
var nextEffect = null,
hasUncaughtError = !1,
firstUncaughtError = null,
legacyErrorBoundariesThatAlreadyFailed = null,
rootDoesHavePassiveEffects = !1,
rootWithPendingPassiveEffects = null,
pendingPassiveEffectsRenderPriority = 90,
pendingPassiveEffectsLanes = 0,
pendingPassiveHookEffectsMount = [],
pendingPassiveHookEffectsUnmount = [],
rootsWithPendingDiscreteUpdates = null,
nestedUpdateCount = 0,
rootWithNestedUpdates = null,
nestedPassiveUpdateCount = 0,
spawnedWorkDuringRender = null,
currentEventTime = -1,
currentEventWipLanes = 0,
currentEventPendingLanes = 0,
isFlushingPassiveEffects = !1,
focusedInstanceHandle = null,
shouldFireAfterActiveInstanceBlur = !1;
function requestEventTime(
) {
return 0 != (48 & executionContext)
? now(
)
: -1 !== currentEventTime
? currentEventTime
: (currentEventTime = now(
));
}
function requestUpdateLane(
fiber
) {
var mode = fiber.mode;
if (0 == (2 & mode)) return 1;
if (0 == (4 & mode)) return 99 === getCurrentPriorityLevel(
)
? 1
: 2;
if (
(0 === currentEventWipLanes &&
(currentEventWipLanes = workInProgressRootIncludedLanes),
0 !== ReactCurrentBatchConfig.transition)
)
return (
0 !== currentEventPendingLanes &&
(currentEventPendingLanes =
null !== mostRecentlyUpdatedRoot
? mostRecentlyUpdatedRoot.pendingLanes
: 0),
(function (
wipLanes, pendingLanes
) {
var lane = pickArbitraryLane(
4186112 & ~pendingLanes
);
return (
0 === lane &&
0 === (lane = pickArbitraryLane(
4186112 & ~wipLanes
)) &&
(lane = pickArbitraryLane(
4186112
)),
lane
);
})(
currentEventWipLanes,
currentEventPendingLanes
)
);
var lane,
schedulerPriority = getCurrentPriorityLevel(
);
0 != (4 & executionContext) && 98 === schedulerPriority
? (lane = findUpdateLane(
12,
currentEventWipLanes
))
: (lane = findUpdateLane(
(function (
schedulerPriorityLevel
) {
switch (schedulerPriorityLevel) {
case 99:
return 15;
case 98:
return 10;
case 97:
case 96:
return 8;
case 95:
return 2;
default:
return 0;
}
})(
schedulerPriority
),
currentEventWipLanes,
));
return lane;
}
function requestRetryLane(
fiber
) {
var lane,
mode = fiber.mode;
return 0 == (2 & mode)
? 1
: 0 == (4 & mode)
? 99 === getCurrentPriorityLevel(
)
? 1
: 2
: (0 === currentEventWipLanes &&
(currentEventWipLanes = workInProgressRootIncludedLanes),
0 === (lane = pickArbitraryLane(
62914560 & ~currentEventWipLanes
)) &&
(lane = pickArbitraryLane(
62914560
)),
lane);
}
function scheduleUpdateOnFiber(
fiber, lane, eventTime
) {
!(function (
) {
if (nestedUpdateCount > 50)
throw (
((nestedUpdateCount = 0),
(rootWithNestedUpdates = null),
Error(
"Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.",
))
);
nestedPassiveUpdateCount > 50 &&
((nestedPassiveUpdateCount = 0),
error(
"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.",
));
})(
),
(function (
fiber
) {
if (
isRendering &&
0 != (16 & executionContext) &&
!isUpdatingOpaqueValueInRenderPhase
)
switch (fiber.tag) {
case 0:
case 11:
case 15:
var renderingComponentName =
(workInProgress && getComponentName(
workInProgress.type
)) ||
"Unknown",
dedupeKey = renderingComponentName;
if (!didWarnAboutUpdateInRenderForAnotherComponent.has(
dedupeKey
))
didWarnAboutUpdateInRenderForAnotherComponent.add(
dedupeKey
),
error(
"Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render",
getComponentName(
fiber.type
) || "Unknown",
renderingComponentName,
renderingComponentName,
);
break;
case 1:
didWarnAboutUpdateInRender ||
(error(
"Cannot update during an existing state transition (such as within `render`). Render methods should be a pure function of props and state.",
),
(didWarnAboutUpdateInRender = !0));
}
})(
fiber
);
var root = markUpdateLaneFromFiberToRoot(
fiber,
lane
);
if (null === root)
return (
(function (
fiber
) {
var tag = fiber.tag;
if (
3 !== tag &&
1 !== tag &&
0 !== tag &&
11 !== tag &&
14 !== tag &&
15 !== tag &&
22 !== tag
)
return;
if (0 != (8192 & fiber.flags)) return;
var componentName = getComponentName(
fiber.type
) || "ReactComponent";
if (null !== didWarnStateUpdateForUnmountedComponent) {
if (didWarnStateUpdateForUnmountedComponent.has(
componentName
))
return;
didWarnStateUpdateForUnmountedComponent.add(
componentName
);
} else
didWarnStateUpdateForUnmountedComponent = new Set(
[componentName,]
);
if (isFlushingPassiveEffects);
else {
var previousFiber = current;
try {
setCurrentFiber(
fiber
),
error(
"Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in %s.",
1 === tag
? "the componentWillUnmount method"
: "a useEffect cleanup function",
);
} finally {
previousFiber
? setCurrentFiber(
fiber
)
: resetCurrentFiber(
);
}
}
})(
fiber
),
null
);
markRootUpdated(
root,
lane,
eventTime
),
root === workInProgressRoot &&
((workInProgressRootUpdatedLanes = mergeLanes(
workInProgressRootUpdatedLanes,
lane,
)),
4 === workInProgressRootExitStatus &&
markRootSuspended$1(
root,
workInProgressRootRenderLanes
));
var priorityLevel = getCurrentPriorityLevel(
);
1 === lane
? 0 != (8 & executionContext) && 0 == (48 & executionContext)
? (schedulePendingInteractions(
root,
lane
), performSyncWorkOnRoot(
root
))
: (ensureRootIsScheduled(
root,
eventTime
),
schedulePendingInteractions(
root,
lane
),
0 === executionContext &&
(resetRenderTimer(
), flushSyncCallbackQueue(
)))
: (0 == (4 & executionContext) ||
(98 !== priorityLevel && 99 !== priorityLevel) ||
(null === rootsWithPendingDiscreteUpdates
? (rootsWithPendingDiscreteUpdates = new Set(
[root,]
))
: rootsWithPendingDiscreteUpdates.add(
root
)),
ensureRootIsScheduled(
root,
eventTime
),
schedulePendingInteractions(
root,
lane
)),
(mostRecentlyUpdatedRoot = root);
}
function markUpdateLaneFromFiberToRoot(
sourceFiber, lane
) {
sourceFiber.lanes = mergeLanes(
sourceFiber.lanes,
lane
);
var alternate = sourceFiber.alternate;
null !== alternate && (alternate.lanes = mergeLanes(
alternate.lanes,
lane
)),
null === alternate &&
0 != (1026 & sourceFiber.flags) &&
warnAboutUpdateOnNotYetMountedFiberInDEV(
sourceFiber
);
for (var node = sourceFiber, parent = sourceFiber.return; null !== parent; )
(parent.childLanes = mergeLanes(
parent.childLanes,
lane
)),
null !== (alternate = parent.alternate)
? (alternate.childLanes = mergeLanes(
alternate.childLanes,
lane
))
: 0 != (1026 & parent.flags) &&
warnAboutUpdateOnNotYetMountedFiberInDEV(
sourceFiber
),
(node = parent),
(parent = parent.return);
return 3 === node.tag ? node.stateNode : null;
}
function ensureRootIsScheduled(
root, currentTime
) {
var existingCallbackNode = root.callbackNode;
!(function (
root, currentTime
) {
for (
var pendingLanes = root.pendingLanes,
suspendedLanes = root.suspendedLanes,
pingedLanes = root.pingedLanes,
expirationTimes = root.expirationTimes,
lanes = pendingLanes;
lanes > 0;
) {
var index = pickArbitraryLaneIndex(
lanes
),
lane = 1 << index,
expirationTime = expirationTimes[index];
-1 === expirationTime
? (0 != (lane & suspendedLanes) && 0 == (lane & pingedLanes)) ||
(expirationTimes[index] = computeExpirationTime(
lane,
currentTime
))
: expirationTime <= currentTime && (root.expiredLanes |= lane),
(lanes &= ~lane);
}
})(
root,
currentTime
);
var nextLanes = getNextLanes(
root,
root === workInProgressRoot ? workInProgressRootRenderLanes : 0,
),
newCallbackPriority = return_highestLanePriority;
if (0 !== nextLanes) {
if (null !== existingCallbackNode) {
if (root.callbackPriority === newCallbackPriority) return;
cancelCallback(
existingCallbackNode
);
}
var newCallbackNode, callback;
if (15 === newCallbackPriority)
(callback = performSyncWorkOnRoot.bind(
null,
root
)),
null === syncQueue
? ((syncQueue = [callback,]),
(immediateQueueCallbackNode = Scheduler_scheduleCallback(
Scheduler_ImmediatePriority,
flushSyncCallbackQueueImpl,
)))
: syncQueue.push(
callback
),
(newCallbackNode = fakeCallbackNode);
else if (14 === newCallbackPriority)
newCallbackNode = scheduleCallback(
99,
performSyncWorkOnRoot.bind(
null,
root
),
);
else {
newCallbackNode = scheduleCallback(
(function (
lanePriority
) {
switch (lanePriority) {
case 15:
case 14:
return 99;
case 13:
case 12:
case 11:
case 10:
return 98;
case 9:
case 8:
case 7:
case 6:
case 4:
case 5:
return 97;
case 3:
case 2:
case 1:
return 95;
case 0:
return 90;
default:
throw Error(
"Invalid update priority: " +
lanePriority +
". This is a bug in React.",
);
}
})(
newCallbackPriority
),
performConcurrentWorkOnRoot.bind(
null,
root
),
);
}
(root.callbackPriority = newCallbackPriority),
(root.callbackNode = newCallbackNode);
} else null !== existingCallbackNode && (cancelCallback(
existingCallbackNode
), (root.callbackNode = null), (root.callbackPriority = 0));
}
function performConcurrentWorkOnRoot(
root
) {
if (
((currentEventTime = -1),
(currentEventWipLanes = 0),
(currentEventPendingLanes = 0),
0 != (48 & executionContext))
)
throw Error(
"Should not already be working."
);
var originalCallbackNode = root.callbackNode;
if (flushPassiveEffects(
) && root.callbackNode !== originalCallbackNode)
return null;
var lanes = getNextLanes(
root,
root === workInProgressRoot ? workInProgressRootRenderLanes : 0,
);
if (0 === lanes) return null;
var exitStatus = (function (
root, lanes
) {
var prevExecutionContext = executionContext;
executionContext |= 16;
var prevDispatcher = pushDispatcher(
);
(workInProgressRoot === root &&
workInProgressRootRenderLanes === lanes) ||
(resetRenderTimer(
),
prepareFreshStack(
root,
lanes
),
startWorkOnPendingInteractions(
root,
lanes
));
var prevInteractions = pushInteractions(
root
);
for (;;)
try {
workLoopConcurrent(
);
break;
} catch (thrownValue) {
handleError(
root,
thrownValue
);
}
return (
resetContextDependencies(
),
popInteractions(
prevInteractions
),
popDispatcher(
prevDispatcher
),
(executionContext = prevExecutionContext),
null !== workInProgress
? 0
: ((workInProgressRoot = null),
(workInProgressRootRenderLanes = 0),
workInProgressRootExitStatus)
);
})(
root,
lanes
);
if (
includesSomeLane(
workInProgressRootIncludedLanes,
workInProgressRootUpdatedLanes,
)
)
prepareFreshStack(
root,
0
);
else if (0 !== exitStatus) {
if (
(2 === exitStatus &&
((executionContext |= 64),
root.hydrate &&
((root.hydrate = !1), clearContainer(
root.containerInfo
)),
0 !== (lanes = getLanesToRetrySynchronouslyOnError(
root
)) &&
(exitStatus = renderRootSync(
root,
lanes
))),
1 === exitStatus)
) {
var fatalError = workInProgressRootFatalError;
throw (
(prepareFreshStack(
root,
0
),
markRootSuspended$1(
root,
lanes
),
ensureRootIsScheduled(
root,
now(
)
),
fatalError)
);
}
var finishedWork = root.current.alternate;
(root.finishedWork = finishedWork),
(root.finishedLanes = lanes),
(function (
root, exitStatus, lanes
) {
switch (exitStatus) {
case 0:
case 1:
throw Error(
"Root did not complete. This is a bug in React."
);
case 2:
commitRoot(
root
);
break;
case 3:
if (
(markRootSuspended$1(
root,
lanes
),
includesOnlyRetries(
lanes
) && !shouldForceFlushFallbacksInDEV(
))
) {
var msUntilTimeout = globalMostRecentFallbackTime + 500 - now(
);
if (msUntilTimeout > 10) {
if (0 !== getNextLanes(
root,
0
)) break;
var suspendedLanes = root.suspendedLanes;
if (!isSubsetOfLanes(
suspendedLanes,
lanes
)) {
requestEventTime(
);
markRootPinged(
root,
suspendedLanes
);
break;
}
root.timeoutHandle = scheduleTimeout(
commitRoot.bind(
null,
root
),
msUntilTimeout,
);
break;
}
}
commitRoot(
root
);
break;
case 4:
if (
(markRootSuspended$1(
root,
lanes
),
(function (
lanes
) {
return (4186112 & lanes) === lanes;
})(
lanes
))
)
break;
if (!shouldForceFlushFallbacksInDEV(
)) {
var eventTimeMs = (function (
root, lanes
) {
for (
var eventTimes = root.eventTimes,
mostRecentEventTime = -1;
lanes > 0;
) {
var index = pickArbitraryLaneIndex(
lanes
),
lane = 1 << index,
eventTime = eventTimes[index];
eventTime > mostRecentEventTime &&
(mostRecentEventTime = eventTime),
(lanes &= ~lane);
}
return mostRecentEventTime;
})(
root,
lanes
),
timeElapsedMs = now(
) - eventTimeMs,
_msUntilTimeout =
((timeElapsed = timeElapsedMs) < 120
? 120
: timeElapsed < 480
? 480
: timeElapsed < 1080
? 1080
: timeElapsed < 1920
? 1920
: timeElapsed < 3e3
? 3e3
: timeElapsed < 4320
? 4320
: 1960 * ceil(
timeElapsed / 1960
)) - timeElapsedMs;
if (_msUntilTimeout > 10) {
root.timeoutHandle = scheduleTimeout(
commitRoot.bind(
null,
root
),
_msUntilTimeout,
);
break;
}
}
commitRoot(
root
);
break;
case 5:
commitRoot(
root
);
break;
default:
throw Error(
"Unknown root exit status."
);
}
var timeElapsed;
})(
root,
exitStatus,
lanes
);
}
return (
ensureRootIsScheduled(
root,
now(
)
),
root.callbackNode === originalCallbackNode
? performConcurrentWorkOnRoot.bind(
null,
root
)
: null
);
}
function markRootSuspended$1(
root, suspendedLanes
) {
(suspendedLanes = removeLanes(
suspendedLanes,
workInProgressRootPingedLanes,
)),
(function (
root, suspendedLanes
) {
(root.suspendedLanes |= suspendedLanes),
(root.pingedLanes &= ~suspendedLanes);
for (
var expirationTimes = root.expirationTimes, lanes = suspendedLanes;
lanes > 0;
) {
var index = pickArbitraryLaneIndex(
lanes
),
lane = 1 << index;
(expirationTimes[index] = -1), (lanes &= ~lane);
}
})(
root,
(suspendedLanes = removeLanes(
suspendedLanes,
workInProgressRootUpdatedLanes,
)),
);
}
function performSyncWorkOnRoot(
root
) {
if (0 != (48 & executionContext))
throw Error(
"Should not already be working."
);
var lanes, exitStatus;
if (
(flushPassiveEffects(
),
root === workInProgressRoot &&
includesSomeLane(
root.expiredLanes,
workInProgressRootRenderLanes
)
? ((exitStatus = renderRootSync(
root,
(lanes = workInProgressRootRenderLanes),
)),
includesSomeLane(
workInProgressRootIncludedLanes,
workInProgressRootUpdatedLanes,
) &&
(exitStatus = renderRootSync(
root,
(lanes = getNextLanes(
root,
lanes
)),
)))
: (exitStatus = renderRootSync(
root, (
lanes = getNextLanes(
root,
0
))
)),
0 !== root.tag &&
2 === exitStatus &&
((executionContext |= 64),
root.hydrate &&
((root.hydrate = !1), clearContainer(
root.containerInfo
)),
0 !== (lanes = getLanesToRetrySynchronouslyOnError(
root
)) &&
(exitStatus = renderRootSync(
root,
lanes
))),
1 === exitStatus)
) {
var fatalError = workInProgressRootFatalError;
throw (
(prepareFreshStack(
root,
0
),
markRootSuspended$1(
root,
lanes
),
ensureRootIsScheduled(
root,
now(
)
),
fatalError)
);
}
var finishedWork = root.current.alternate;
return (
(root.finishedWork = finishedWork),
(root.finishedLanes = lanes),
commitRoot(
root
),
ensureRootIsScheduled(
root,
now(
)
),
null
);
}
function batchedUpdates$1(
fn, a
) {
var prevExecutionContext = executionContext;
executionContext |= 1;
try {
return fn(
a
);
} finally {
0 === (executionContext = prevExecutionContext) &&
(resetRenderTimer(
), flushSyncCallbackQueue(
));
}
}
function unbatchedUpdates(
fn, a
) {
var prevExecutionContext = executionContext;
(executionContext &= -2), (executionContext |= 8);
try {
return fn(
a
);
} finally {
0 === (executionContext = prevExecutionContext) &&
(resetRenderTimer(
), flushSyncCallbackQueue(
));
}
}
function flushSync(
fn, a
) {
var prevExecutionContext = executionContext;
if (0 != (48 & prevExecutionContext))
return (
error(
"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.",
),
fn(
a
)
);
executionContext |= 1;
try {
return fn
? runWithPriority$1(
99,
fn.bind(
null,
a
)
)
: void 0;
} finally {
(executionContext = prevExecutionContext), flushSyncCallbackQueue(
);
}
}
function pushRenderLanes(
fiber, lanes
) {
push(
subtreeRenderLanesCursor,
subtreeRenderLanes,
fiber
),
(subtreeRenderLanes = mergeLanes(
subtreeRenderLanes,
lanes
)),
(workInProgressRootIncludedLanes = mergeLanes(
workInProgressRootIncludedLanes,
lanes,
));
}
function popRenderLanes(
fiber
) {
(subtreeRenderLanes = subtreeRenderLanesCursor.current),
pop(
subtreeRenderLanesCursor,
fiber
);
}
function prepareFreshStack(
root, lanes
) {
(root.finishedWork = null), (root.finishedLanes = 0);
var timeoutHandle = root.timeoutHandle;
if (
(-1 !== timeoutHandle &&
((root.timeoutHandle = -1), cancelTimeout(
timeoutHandle
)),
null !== workInProgress)
)
for (
var interruptedWork = workInProgress.return;
null !== interruptedWork;
)
unwindInterruptedWork(
interruptedWork
),
(interruptedWork = interruptedWork.return);
(workInProgressRoot = root),
(workInProgress = createWorkInProgress(
root.current,
null
)),
(workInProgressRootRenderLanes = subtreeRenderLanes = workInProgressRootIncludedLanes = lanes),
(workInProgressRootExitStatus = 0),
(workInProgressRootFatalError = null),
(workInProgressRootSkippedLanes = 0),
(workInProgressRootUpdatedLanes = 0),
(workInProgressRootPingedLanes = 0),
(spawnedWorkDuringRender = null),
ReactStrictModeWarnings.discardPendingWarnings(
);
}
function handleError(
root, thrownValue
) {
for (;;) {
var erroredWork = workInProgress;
try {
if (
(resetContextDependencies(
),
resetHooksAfterThrow(
),
resetCurrentFiber(
),
(ReactCurrentOwner$2.current = null),
null === erroredWork || null === erroredWork.return)
)
return (
(workInProgressRootExitStatus = 1),
(workInProgressRootFatalError = thrownValue),
void (workInProgress = null)
);
8 & erroredWork.mode &&
stopProfilerTimerIfRunningAndRecordDelta(
erroredWork,
!0
),
throwException(
root,
erroredWork.return,
erroredWork,
thrownValue,
workInProgressRootRenderLanes,
),
completeUnitOfWork(
erroredWork
);
} catch (yetAnotherThrownValue) {
(thrownValue = yetAnotherThrownValue),
workInProgress === erroredWork && null !== erroredWork
? ((erroredWork = erroredWork.return),
(workInProgress = erroredWork))
: (erroredWork = workInProgress);
continue;
}
return;
}
}
function pushDispatcher(
) {
var prevDispatcher = ReactCurrentDispatcher$2.current;
return (
(ReactCurrentDispatcher$2.current = ContextOnlyDispatcher),
null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher
);
}
function popDispatcher(
prevDispatcher
) {
ReactCurrentDispatcher$2.current = prevDispatcher;
}
function pushInteractions(
root
) {
var prevInteractions = __interactionsRef.current;
return (
(__interactionsRef.current = root.memoizedInteractions), prevInteractions
);
}
function popInteractions(
prevInteractions
) {
__interactionsRef.current = prevInteractions;
}
function markSkippedUpdateLanes(
lane
) {
workInProgressRootSkippedLanes = mergeLanes(
lane,
workInProgressRootSkippedLanes,
);
}
function renderRootSync(
root, lanes
) {
var prevExecutionContext = executionContext;
executionContext |= 16;
var prevDispatcher = pushDispatcher(
);
(workInProgressRoot === root && workInProgressRootRenderLanes === lanes) ||
(prepareFreshStack(
root,
lanes
),
startWorkOnPendingInteractions(
root,
lanes
));
for (var prevInteractions = pushInteractions(
root
); ; )
try {
workLoopSync(
);
break;
} catch (thrownValue) {
handleError(
root,
thrownValue
);
}
if (
(resetContextDependencies(
),
popInteractions(
prevInteractions
),
(executionContext = prevExecutionContext),
popDispatcher(
prevDispatcher
),
null !== workInProgress)
)
throw Error(
"Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue.",
);
return (
(workInProgressRoot = null),
(workInProgressRootRenderLanes = 0),
workInProgressRootExitStatus
);
}
function workLoopSync(
) {
for (; null !== workInProgress; ) performUnitOfWork(
workInProgress
);
}
function workLoopConcurrent(
) {
for (; null !== workInProgress && !shouldYield(
); )
performUnitOfWork(
workInProgress
);
}
function performUnitOfWork(
unitOfWork
) {
var next,
current = unitOfWork.alternate;
setCurrentFiber(
unitOfWork
),
0 != (8 & unitOfWork.mode)
? (startProfilerTimer(
unitOfWork
),
(next = beginWork$1(
current,
unitOfWork,
subtreeRenderLanes
)),
stopProfilerTimerIfRunningAndRecordDelta(
unitOfWork,
!0
))
: (next = beginWork$1(
current,
unitOfWork,
subtreeRenderLanes
)),
resetCurrentFiber(
),
(unitOfWork.memoizedProps = unitOfWork.pendingProps),
null === next
? completeUnitOfWork(
unitOfWork
)
: (workInProgress = next),
(ReactCurrentOwner$2.current = null);
}
function completeUnitOfWork(
unitOfWork
) {
var completedWork = unitOfWork;
do {
var current = completedWork.alternate,
returnFiber = completedWork.return;
if (0 == (2048 & completedWork.flags)) {
setCurrentFiber(
completedWork
);
var next = void 0;
if (
(0 == (8 & completedWork.mode)
? (next = completeWork(
current,
completedWork,
subtreeRenderLanes
))
: (startProfilerTimer(
completedWork
),
(next = completeWork(
current,
completedWork,
subtreeRenderLanes
)),
stopProfilerTimerIfRunningAndRecordDelta(
completedWork,
!1
)),
resetCurrentFiber(
),
null !== next)
)
return void (workInProgress = next);
if (
(resetChildLanes(
completedWork
),
null !== returnFiber && 0 == (2048 & returnFiber.flags))
)
null === returnFiber.firstEffect &&
(returnFiber.firstEffect = completedWork.firstEffect),
null !== completedWork.lastEffect &&
(null !== returnFiber.lastEffect &&
(returnFiber.lastEffect.nextEffect = completedWork.firstEffect),
(returnFiber.lastEffect = completedWork.lastEffect)),
completedWork.flags > 1 &&
(null !== returnFiber.lastEffect
? (returnFiber.lastEffect.nextEffect = completedWork)
: (returnFiber.firstEffect = completedWork),
(returnFiber.lastEffect = completedWork));
} else {
var _next = unwindWork(
completedWork
);
if (null !== _next)
return (_next.flags &= 2047), void (workInProgress = _next);
if (0 != (8 & completedWork.mode)) {
stopProfilerTimerIfRunningAndRecordDelta(
completedWork,
!1
);
for (
var actualDuration = completedWork.actualDuration,
child = completedWork.child;
null !== child;
)
(actualDuration += child.actualDuration), (child = child.sibling);
completedWork.actualDuration = actualDuration;
}
null !== returnFiber &&
((returnFiber.firstEffect = returnFiber.lastEffect = null),
(returnFiber.flags |= 2048));
}
var siblingFiber = completedWork.sibling;
if (null !== siblingFiber) return void (workInProgress = siblingFiber);
workInProgress = completedWork = returnFiber;
} while (null !== completedWork);
0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 5);
}
function resetChildLanes(
completedWork
) {
if (
(24 !== completedWork.tag && 23 !== completedWork.tag) ||
null === completedWork.memoizedState ||
includesSomeLane(
subtreeRenderLanes,
1073741824
) ||
0 == (4 & completedWork.mode)
) {
var newChildLanes = 0;
if (0 != (8 & completedWork.mode)) {
for (
var actualDuration = completedWork.actualDuration,
treeBaseDuration = completedWork.selfBaseDuration,
shouldBubbleActualDurations =
null === completedWork.alternate ||
completedWork.child !== completedWork.alternate.child,
child = completedWork.child;
null !== child;
)
(newChildLanes = mergeLanes(
newChildLanes,
mergeLanes(
child.lanes,
child.childLanes
),
)),
shouldBubbleActualDurations &&
(actualDuration += child.actualDuration),
(treeBaseDuration += child.treeBaseDuration),
(child = child.sibling);
if (13 === completedWork.tag && null !== completedWork.memoizedState) {
var primaryChildFragment = completedWork.child;
null !== primaryChildFragment &&
(treeBaseDuration -= primaryChildFragment.treeBaseDuration);
}
(completedWork.actualDuration = actualDuration),
(completedWork.treeBaseDuration = treeBaseDuration);
} else
for (var _child = completedWork.child; null !== _child; )
(newChildLanes = mergeLanes(
newChildLanes,
mergeLanes(
_child.lanes,
_child.childLanes
),
)),
(_child = _child.sibling);
completedWork.childLanes = newChildLanes;
}
}
function commitRoot(
root
) {
var renderPriorityLevel = getCurrentPriorityLevel(
);
return (
runWithPriority$1(
99,
commitRootImpl.bind(
null,
root,
renderPriorityLevel
),
),
null
);
}
function commitRootImpl(
root, renderPriorityLevel
) {
do {
flushPassiveEffects(
);
} while (null !== rootWithPendingPassiveEffects);
if (
(ReactStrictModeWarnings.flushLegacyContextWarning(
),
ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings(
),
0 != (48 & executionContext))
)
throw Error(
"Should not already be working."
);
var finishedWork = root.finishedWork,
lanes = root.finishedLanes;
if (null === finishedWork) return null;
if (
((root.finishedWork = null),
(root.finishedLanes = 0),
finishedWork === root.current)
)
throw Error(
"Cannot commit the same tree as before. This error is likely caused by a bug in React. Please file an issue.",
);
root.callbackNode = null;
var firstEffect,
remainingLanes = mergeLanes(
finishedWork.lanes,
finishedWork.childLanes
);
if (
((function (
root, remainingLanes
) {
var noLongerPendingLanes = root.pendingLanes & ~remainingLanes;
(root.pendingLanes = remainingLanes),
(root.suspendedLanes = 0),
(root.pingedLanes = 0),
(root.expiredLanes &= remainingLanes),
(root.mutableReadLanes &= remainingLanes),
(root.entangledLanes &= remainingLanes);
for (
var entanglements = root.entanglements,
eventTimes = root.eventTimes,
expirationTimes = root.expirationTimes,
lanes = noLongerPendingLanes;
lanes > 0;
) {
var index = pickArbitraryLaneIndex(
lanes
),
lane = 1 << index;
(entanglements[index] = 0),
(eventTimes[index] = -1),
(expirationTimes[index] = -1),
(lanes &= ~lane);
}
})(
root,
remainingLanes
),
null !== rootsWithPendingDiscreteUpdates &&
!(function (
lanes
) {
return 0 != (24 & lanes);
})(
remainingLanes
) &&
rootsWithPendingDiscreteUpdates.has(
root
) &&
rootsWithPendingDiscreteUpdates.delete(
root
),
root === workInProgressRoot &&
((workInProgressRoot = null),
(workInProgress = null),
(workInProgressRootRenderLanes = 0)),
finishedWork.flags > 1
? null !== finishedWork.lastEffect
? ((finishedWork.lastEffect.nextEffect = finishedWork),
(firstEffect = finishedWork.firstEffect))
: (firstEffect = finishedWork)
: (firstEffect = finishedWork.firstEffect),
null !== firstEffect)
) {
var prevExecutionContext = executionContext;
executionContext |= 32;
var prevInteractions = pushInteractions(
root
);
(ReactCurrentOwner$2.current = null),
(focusedInstanceHandle = prepareForCommit(
root.containerInfo
)),
(shouldFireAfterActiveInstanceBlur = !1),
(nextEffect = firstEffect);
do {
if (
(invokeGuardedCallback(
null,
commitBeforeMutationEffects,
null
),
hasCaughtError(
))
) {
if (null === nextEffect)
throw Error(
"Should be working on an effect."
);
var error = clearCaughtError(
);
captureCommitPhaseError(
nextEffect,
error
),
(nextEffect = nextEffect.nextEffect);
}
} while (null !== nextEffect);
(focusedInstanceHandle = null),
recordCommitTime(
),
(nextEffect = firstEffect);
do {
if (
(invokeGuardedCallback(
null,
commitMutationEffects,
null,
root,
renderPriorityLevel,
),
hasCaughtError(
))
) {
if (null === nextEffect)
throw Error(
"Should be working on an effect."
);
var _error = clearCaughtError(
);
captureCommitPhaseError(
nextEffect,
_error
),
(nextEffect = nextEffect.nextEffect);
}
} while (null !== nextEffect);
root.containerInfo,
restoreSelection(
selectionInformation
),
setEnabled(
eventsEnabled
),
(eventsEnabled = null),
(selectionInformation = null),
(root.current = finishedWork),
(nextEffect = firstEffect);
do {
if (
(invokeGuardedCallback(
null,
commitLayoutEffects,
null,
root,
lanes
),
hasCaughtError(
))
) {
if (null === nextEffect)
throw Error(
"Should be working on an effect."
);
var _error2 = clearCaughtError(
);
captureCommitPhaseError(
nextEffect,
_error2
),
(nextEffect = nextEffect.nextEffect);
}
} while (null !== nextEffect);
(nextEffect = null),
requestPaint(
),
popInteractions(
prevInteractions
),
(executionContext = prevExecutionContext);
} else (root.current = finishedWork), recordCommitTime(
);
var rootDidHavePassiveEffects = rootDoesHavePassiveEffects;
if (rootDoesHavePassiveEffects)
(rootDoesHavePassiveEffects = !1),
(rootWithPendingPassiveEffects = root),
(pendingPassiveEffectsLanes = lanes),
(pendingPassiveEffectsRenderPriority = renderPriorityLevel);
else
for (nextEffect = firstEffect; null !== nextEffect; ) {
var nextNextEffect = nextEffect.nextEffect;
(nextEffect.nextEffect = null),
8 & nextEffect.flags && detachFiberAfterEffects(
nextEffect
),
(nextEffect = nextNextEffect);
}
if (0 !== (remainingLanes = root.pendingLanes)) {
if (null !== spawnedWorkDuringRender) {
var expirationTimes = spawnedWorkDuringRender;
spawnedWorkDuringRender = null;
for (var i = 0; i < expirationTimes.length; i++)
scheduleInteractions(
root,
expirationTimes[i],
root.memoizedInteractions,
);
}
schedulePendingInteractions(
root,
remainingLanes
);
} else legacyErrorBoundariesThatAlreadyFailed = null;
if (
(rootDidHavePassiveEffects || finishPendingInteractions(
root,
lanes
),
1 === remainingLanes
? root === rootWithNestedUpdates
? nestedUpdateCount++
: ((nestedUpdateCount = 0), (rootWithNestedUpdates = root))
: (nestedUpdateCount = 0),
onCommitRoot(
finishedWork.stateNode,
renderPriorityLevel
),
commitHooks.forEach(
function (
commitHook
) {
return commitHook(
);
}
),
ensureRootIsScheduled(
root,
now(
)
),
hasUncaughtError)
) {
hasUncaughtError = !1;
var _error3 = firstUncaughtError;
throw ((firstUncaughtError = null), _error3);
}
return 0 != (8 & executionContext) || flushSyncCallbackQueue(
), null;
}
function commitBeforeMutationEffects(
) {
for (; null !== nextEffect; ) {
var current = nextEffect.alternate;
shouldFireAfterActiveInstanceBlur ||
null === focusedInstanceHandle ||
(0 != (8 & nextEffect.flags)
? doesFiberContain(
nextEffect,
focusedInstanceHandle
) &&
(shouldFireAfterActiveInstanceBlur = !0)
: 13 === nextEffect.tag &&
isSuspenseBoundaryBeingHidden(
current,
nextEffect
) &&
doesFiberContain(
nextEffect,
focusedInstanceHandle
) &&
(shouldFireAfterActiveInstanceBlur = !0));
var flags = nextEffect.flags;
0 != (256 & flags) &&
(setCurrentFiber(
nextEffect
),
commitBeforeMutationLifeCycles(
current,
nextEffect
),
resetCurrentFiber(
)),
0 != (512 & flags) &&
(rootDoesHavePassiveEffects ||
((rootDoesHavePassiveEffects = !0),
scheduleCallback(
97,
function (
) {
return flushPassiveEffects(
), null;
}
))),
(nextEffect = nextEffect.nextEffect);
}
}
function commitMutationEffects(
root, renderPriorityLevel
) {
for (; null !== nextEffect; ) {
setCurrentFiber(
nextEffect
);
var flags = nextEffect.flags;
if ((16 & flags && commitResetTextContent(
nextEffect
), 128 & flags)) {
var current = nextEffect.alternate;
null !== current && commitDetachRef(
current
);
}
switch (1038 & flags) {
case 2:
commitPlacement(
nextEffect
), (nextEffect.flags &= -3);
break;
case 6:
commitPlacement(
nextEffect
),
(nextEffect.flags &= -3),
commitWork(
nextEffect.alternate,
nextEffect
);
break;
case 1024:
nextEffect.flags &= -1025;
break;
case 1028:
(nextEffect.flags &= -1025),
commitWork(
nextEffect.alternate,
nextEffect
);
break;
case 4:
commitWork(
nextEffect.alternate,
nextEffect
);
break;
case 8:
commitDeletion(
root,
nextEffect
);
}
resetCurrentFiber(
), (nextEffect = nextEffect.nextEffect);
}
}
function commitLayoutEffects(
root, committedLanes
) {
for (; null !== nextEffect; ) {
setCurrentFiber(
nextEffect
);
var flags = nextEffect.flags;
if (36 & flags) commitLifeCycles(
root,
nextEffect.alternate,
nextEffect
);
128 & flags && commitAttachRef(
nextEffect
),
resetCurrentFiber(
),
(nextEffect = nextEffect.nextEffect);
}
}
function flushPassiveEffects(
) {
if (90 !== pendingPassiveEffectsRenderPriority) {
var priorityLevel =
pendingPassiveEffectsRenderPriority > 97
? 97
: pendingPassiveEffectsRenderPriority;
return (
(pendingPassiveEffectsRenderPriority = 90),
runWithPriority$1(
priorityLevel,
flushPassiveEffectsImpl
)
);
}
return !1;
}
function enqueuePendingPassiveHookEffectMount(
fiber, effect
) {
pendingPassiveHookEffectsMount.push(
effect,
fiber
),
rootDoesHavePassiveEffects ||
((rootDoesHavePassiveEffects = !0),
scheduleCallback(
97,
function (
) {
return flushPassiveEffects(
), null;
}
));
}
function enqueuePendingPassiveHookEffectUnmount(
fiber, effect
) {
pendingPassiveHookEffectsUnmount.push(
effect,
fiber
), (fiber.flags |= 8192);
var alternate = fiber.alternate;
null !== alternate && (alternate.flags |= 8192),
rootDoesHavePassiveEffects ||
((rootDoesHavePassiveEffects = !0),
scheduleCallback(
97,
function (
) {
return flushPassiveEffects(
), null;
}
));
}
function invokePassiveEffectCreate(
effect
) {
var create = effect.create;
effect.destroy = create(
);
}
function flushPassiveEffectsImpl(
) {
if (null === rootWithPendingPassiveEffects) return !1;
var root = rootWithPendingPassiveEffects,
lanes = pendingPassiveEffectsLanes;
if (
((rootWithPendingPassiveEffects = null),
(pendingPassiveEffectsLanes = 0),
0 != (48 & executionContext))
)
throw Error(
"Cannot flush passive effects while already rendering."
);
isFlushingPassiveEffects = !0;
var prevExecutionContext = executionContext;
executionContext |= 32;
var prevInteractions = pushInteractions(
root
),
unmountEffects = pendingPassiveHookEffectsUnmount;
pendingPassiveHookEffectsUnmount = [];
for (var i = 0; i < unmountEffects.length; i += 2) {
var _effect = unmountEffects[i],
fiber = unmountEffects[i + 1],
destroy = _effect.destroy;
(_effect.destroy = void 0), (fiber.flags &= -8193);
var alternate = fiber.alternate;
if (
(null !== alternate && (alternate.flags &= -8193),
"function" == typeof destroy)
) {
if (
(setCurrentFiber(
fiber
),
invokeGuardedCallback(
null,
destroy,
null
),
hasCaughtError(
))
) {
if (null === fiber) throw Error(
"Should be working on an effect."
);
captureCommitPhaseError(
fiber,
clearCaughtError(
)
);
}
resetCurrentFiber(
);
}
}
var mountEffects = pendingPassiveHookEffectsMount;
pendingPassiveHookEffectsMount = [];
for (var _i = 0; _i < mountEffects.length; _i += 2) {
var _effect2 = mountEffects[_i],
_fiber = mountEffects[_i + 1];
if (
(setCurrentFiber(
_fiber
),
invokeGuardedCallback(
null,
invokePassiveEffectCreate,
null,
_effect2
),
hasCaughtError(
))
) {
if (null === _fiber) throw Error(
"Should be working on an effect."
);
captureCommitPhaseError(
_fiber,
clearCaughtError(
)
);
}
resetCurrentFiber(
);
}
for (var effect = root.current.firstEffect; null !== effect; ) {
var nextNextEffect = effect.nextEffect;
(effect.nextEffect = null),
8 & effect.flags && detachFiberAfterEffects(
effect
),
(effect = nextNextEffect);
}
return (
popInteractions(
prevInteractions
),
finishPendingInteractions(
root,
lanes
),
(isFlushingPassiveEffects = !1),
(executionContext = prevExecutionContext),
flushSyncCallbackQueue(
),
(nestedPassiveUpdateCount =
null === rootWithPendingPassiveEffects
? 0
: nestedPassiveUpdateCount + 1),
!0
);
}
function isAlreadyFailedLegacyErrorBoundary(
instance
) {
return (
null !== legacyErrorBoundariesThatAlreadyFailed &&
legacyErrorBoundariesThatAlreadyFailed.has(
instance
)
);
}
var onUncaughtError = function (
error
) {
hasUncaughtError || ((hasUncaughtError = !0), (firstUncaughtError = error));
};
function captureCommitPhaseErrorOnRoot(
rootFiber, sourceFiber, error
) {
enqueueUpdate(
rootFiber,
createRootErrorUpdate(
rootFiber,
createCapturedValue(
error,
sourceFiber
),
1,
),
);
var eventTime = requestEventTime(
),
root = markUpdateLaneFromFiberToRoot(
rootFiber,
1
);
null !== root &&
(markRootUpdated(
root,
1,
eventTime
),
ensureRootIsScheduled(
root,
eventTime
),
schedulePendingInteractions(
root,
1
));
}
function captureCommitPhaseError(
sourceFiber, error
) {
if (3 !== sourceFiber.tag)
for (var fiber = sourceFiber.return; null !== fiber; ) {
if (3 === fiber.tag)
return void captureCommitPhaseErrorOnRoot(
fiber,
sourceFiber,
error
);
if (1 === fiber.tag) {
var ctor = fiber.type,
instance = fiber.stateNode;
if (
"function" == typeof ctor.getDerivedStateFromError ||
("function" == typeof instance.componentDidCatch &&
!isAlreadyFailedLegacyErrorBoundary(
instance
))
) {
var errorInfo = createCapturedValue(
error,
sourceFiber
);
enqueueUpdate(
fiber,
createClassErrorUpdate(
fiber,
errorInfo,
1
)
);
var eventTime = requestEventTime(
),
root = markUpdateLaneFromFiberToRoot(
fiber,
1
);
if (null !== root)
markRootUpdated(
root,
1,
eventTime
),
ensureRootIsScheduled(
root,
eventTime
),
schedulePendingInteractions(
root,
1
);
else if (
"function" == typeof instance.componentDidCatch &&
!isAlreadyFailedLegacyErrorBoundary(
instance
)
)
try {
instance.componentDidCatch(
error,
errorInfo
);
} catch (errorToIgnore) {}
return;
}
}
fiber = fiber.return;
}
else captureCommitPhaseErrorOnRoot(
sourceFiber,
sourceFiber,
error
);
}
function pingSuspendedRoot(
root, wakeable, pingedLanes
) {
var pingCache = root.pingCache;
null !== pingCache && pingCache.delete(
wakeable
);
var eventTime = requestEventTime(
);
markRootPinged(
root,
pingedLanes
),
workInProgressRoot === root &&
isSubsetOfLanes(
workInProgressRootRenderLanes,
pingedLanes
) &&
(4 === workInProgressRootExitStatus ||
(3 === workInProgressRootExitStatus &&
includesOnlyRetries(
workInProgressRootRenderLanes
) &&
now(
) - globalMostRecentFallbackTime < 500)
? prepareFreshStack(
root,
0
)
: (workInProgressRootPingedLanes = mergeLanes(
workInProgressRootPingedLanes,
pingedLanes,
))),
ensureRootIsScheduled(
root,
eventTime
),
schedulePendingInteractions(
root,
pingedLanes
);
}
function resolveRetryWakeable(
boundaryFiber, wakeable
) {
var retryCache;
null !== (retryCache = boundaryFiber.stateNode) &&
retryCache.delete(
wakeable
),
(function (
boundaryFiber, retryLane
) {
0 === retryLane && (retryLane = requestRetryLane(
boundaryFiber
));
var eventTime = requestEventTime(
),
root = markUpdateLaneFromFiberToRoot(
boundaryFiber,
retryLane
);
null !== root &&
(markRootUpdated(
root,
retryLane,
eventTime
),
ensureRootIsScheduled(
root,
eventTime
),
schedulePendingInteractions(
root,
retryLane
));
})(
boundaryFiber,
0
);
}
var didWarnStateUpdateForNotYetMountedComponent = null;
function warnAboutUpdateOnNotYetMountedFiberInDEV(
fiber
) {
if (0 == (16 & executionContext) && 6 & fiber.mode) {
var tag = fiber.tag;
if (
2 === tag ||
3 === tag ||
1 === tag ||
0 === tag ||
11 === tag ||
14 === tag ||
15 === tag ||
22 === tag
) {
var componentName = getComponentName(
fiber.type
) || "ReactComponent";
if (null !== didWarnStateUpdateForNotYetMountedComponent) {
if (didWarnStateUpdateForNotYetMountedComponent.has(
componentName
))
return;
didWarnStateUpdateForNotYetMountedComponent.add(
componentName
);
} else
didWarnStateUpdateForNotYetMountedComponent = new Set(
[
componentName,
]
);
var previousFiber = current;
try {
setCurrentFiber(
fiber
),
error(
"Can't perform a React state update on a component that hasn't mounted yet. This indicates that you have a side-effect in your render function that asynchronously later calls tries to update the component. Move this work to useEffect instead.",
);
} finally {
previousFiber
? setCurrentFiber(
fiber
)
: resetCurrentFiber(
);
}
}
}
}
var beginWork$1,
didWarnStateUpdateForUnmountedComponent = null;
beginWork$1 = function (
current, unitOfWork, lanes
) {
var originalWorkInProgressCopy = assignFiberPropertiesInDEV(
null,
unitOfWork,
);
try {
return beginWork(
current,
unitOfWork,
lanes
);
} catch (originalError) {
if (
null !== originalError &&
"object" == typeof originalError &&
"function" == typeof originalError.then
)
throw originalError;
if (
(resetContextDependencies(
),
resetHooksAfterThrow(
),
unwindInterruptedWork(
unitOfWork
),
assignFiberPropertiesInDEV(
unitOfWork,
originalWorkInProgressCopy
),
8 & unitOfWork.mode && startProfilerTimer(
unitOfWork
),
invokeGuardedCallback(
null,
beginWork,
null,
current,
unitOfWork,
lanes,
),
hasCaughtError(
))
)
throw clearCaughtError(
);
throw originalError;
}
};
var didWarnAboutUpdateInRenderForAnotherComponent,
didWarnAboutUpdateInRender = !1;
didWarnAboutUpdateInRenderForAnotherComponent = new Set(
);
var IsThisRendererActing = {
current: !1,
};
function warnIfNotScopedWithMatchingAct(
fiber
) {
if (
!0 === IsSomeRendererActing.current &&
!0 !== IsThisRendererActing.current
) {
var previousFiber = current;
try {
setCurrentFiber(
fiber
),
error(
"It looks like you're using the wrong act() around your test interactions.\nBe sure to use the matching version of act() corresponding to your renderer:\n\n// for react-dom:\nimport {act} from 'react-dom/test-utils';\n// ...\nact(() => ...);\n\n// for react-test-renderer:\nimport TestRenderer from react-test-renderer';\nconst {act} = TestRenderer;\n// ...\nact(() => ...);",
);
} finally {
previousFiber
? setCurrentFiber(
fiber
)
: resetCurrentFiber(
);
}
}
}
function warnIfNotCurrentlyActingEffectsInDEV(
fiber
) {
0 != (1 & fiber.mode) &&
!1 === IsSomeRendererActing.current &&
!1 === IsThisRendererActing.current &&
error(
"An update to %s ran an effect, but was not wrapped in act(...).\n\nWhen testing, code that causes React state updates should be wrapped into act(...):\n\nact(() => {\n /* fire events that update state */\n});\n/* assert on the output */\n\nThis ensures that you're testing the behavior the user would see in the browser. Learn more at https://reactjs.org/link/wrap-tests-with-act",
getComponentName(
fiber.type
),
);
}
var warnIfNotCurrentlyActingUpdatesInDev = function (
fiber
) {
if (
0 === executionContext &&
!1 === IsSomeRendererActing.current &&
!1 === IsThisRendererActing.current
) {
var previousFiber = current;
try {
setCurrentFiber(
fiber
),
error(
"An update to %s inside a test was not wrapped in act(...).\n\nWhen testing, code that causes React state updates should be wrapped into act(...):\n\nact(() => {\n /* fire events that update state */\n});\n/* assert on the output */\n\nThis ensures that you're testing the behavior the user would see in the browser. Learn more at https://reactjs.org/link/wrap-tests-with-act",
getComponentName(
fiber.type
),
);
} finally {
previousFiber
? setCurrentFiber(
fiber
)
: resetCurrentFiber(
);
}
}
},
didWarnAboutUnmockedScheduler = !1;
function computeThreadID(
root, lane
) {
return 1e3 * lane + root.interactionThreadID;
}
function markSpawnedWork(
lane
) {
null === spawnedWorkDuringRender
? (spawnedWorkDuringRender = [lane,])
: spawnedWorkDuringRender.push(
lane
);
}
function scheduleInteractions(
root, lane, interactions
) {
if (interactions.size > 0) {
var pendingInteractionMap = root.pendingInteractionMap,
pendingInteractions = pendingInteractionMap.get(
lane
);
null != pendingInteractions
? interactions.forEach(
function (
interaction
) {
pendingInteractions.has(
interaction
) || interaction.__count++,
pendingInteractions.add(
interaction
);
}
)
: (pendingInteractionMap.set(
lane,
new Set(
interactions
)
),
interactions.forEach(
function (
interaction
) {
interaction.__count++;
}
));
var subscriber = __subscriberRef.current;
if (null !== subscriber) {
var threadID = computeThreadID(
root,
lane
);
subscriber.onWorkScheduled(
interactions,
threadID
);
}
}
}
function schedulePendingInteractions(
root, lane
) {
scheduleInteractions(
root,
lane,
__interactionsRef.current
);
}
function startWorkOnPendingInteractions(
root, lanes
) {
var interactions = new Set(
);
if (
(root.pendingInteractionMap.forEach(
function (
scheduledInteractions,
scheduledLane,
) {
includesSomeLane(
lanes,
scheduledLane
) &&
scheduledInteractions.forEach(
function (
interaction
) {
return interactions.add(
interaction
);
}
);
}
),
(root.memoizedInteractions = interactions),
interactions.size > 0)
) {
var subscriber = __subscriberRef.current;
if (null !== subscriber) {
var threadID = computeThreadID(
root,
lanes
);
try {
subscriber.onWorkStarted(
interactions,
threadID
);
} catch (error) {
scheduleCallback(
99,
function (
) {
throw error;
}
);
}
}
}
}
function finishPendingInteractions(
root, committedLanes
) {
var subscriber,
remainingLanesAfterCommit = root.pendingLanes;
try {
if (
null !== (subscriber = __subscriberRef.current) &&
root.memoizedInteractions.size > 0
) {
var threadID = computeThreadID(
root,
committedLanes
);
subscriber.onWorkStopped(
root.memoizedInteractions,
threadID
);
}
} catch (error) {
scheduleCallback(
99,
function (
) {
throw error;
}
);
} finally {
var pendingInteractionMap = root.pendingInteractionMap;
pendingInteractionMap.forEach(
function (
scheduledInteractions, lane
) {
includesSomeLane(
remainingLanesAfterCommit,
lane
) ||
(pendingInteractionMap.delete(
lane
),
scheduledInteractions.forEach(
function (
interaction
) {
if (
(interaction.__count--,
null !== subscriber && 0 === interaction.__count)
)
try {
subscriber.onInteractionScheduledWorkCompleted(
interaction
);
} catch (error) {
scheduleCallback(
99,
function (
) {
throw error;
}
);
}
}
));
}
);
}
}
function shouldForceFlushFallbacksInDEV(
) {
return actingUpdatesScopeDepth > 0;
}
var actingUpdatesScopeDepth = 0;
function detachFiberAfterEffects(
fiber
) {
(fiber.sibling = null), (fiber.stateNode = null);
}
var resolveFamily = null,
failedBoundaries = null,
setRefreshHandler = function (
handler
) {
resolveFamily = handler;
};
function resolveFunctionForHotReloading(
type
) {
if (null === resolveFamily) return type;
var family = resolveFamily(
type
);
return void 0 === family ? type : family.current;
}
function resolveClassForHotReloading(
type
) {
return resolveFunctionForHotReloading(
type
);
}
function resolveForwardRefForHotReloading(
type
) {
if (null === resolveFamily) return type;
var family = resolveFamily(
type
);
if (void 0 === family) {
if (null != type && "function" == typeof type.render) {
var currentRender = resolveFunctionForHotReloading(
type.render
);
if (type.render !== currentRender) {
var syntheticType = {
$$typeof: REACT_FORWARD_REF_TYPE,
render: currentRender,
};
return (
void 0 !== type.displayName &&
(syntheticType.displayName = type.displayName),
syntheticType
);
}
}
return type;
}
return family.current;
}
function isCompatibleFamilyForHotReloading(
fiber, element
) {
if (null === resolveFamily) return !1;
var prevType = fiber.elementType,
nextType = element.type,
needsCompareFamilies = !1,
$$typeofNextType =
"object" == typeof nextType && null !== nextType
? nextType.$$typeof
: null;
switch (fiber.tag) {
case 1:
"function" == typeof nextType && (needsCompareFamilies = !0);
break;
case 0:
("function" == typeof nextType ||
$$typeofNextType === REACT_LAZY_TYPE) &&
(needsCompareFamilies = !0);
break;
case 11:
($$typeofNextType === REACT_FORWARD_REF_TYPE ||
$$typeofNextType === REACT_LAZY_TYPE) &&
(needsCompareFamilies = !0);
break;
case 14:
case 15:
($$typeofNextType === REACT_MEMO_TYPE ||
$$typeofNextType === REACT_LAZY_TYPE) &&
(needsCompareFamilies = !0);
break;
default:
return !1;
}
if (needsCompareFamilies) {
var prevFamily = resolveFamily(
prevType
);
if (void 0 !== prevFamily && prevFamily === resolveFamily(
nextType
))
return !0;
}
return !1;
}
function markFailedErrorBoundaryForHotReloading(
fiber
) {
null !== resolveFamily &&
"function" == typeof WeakSet &&
(null === failedBoundaries && (failedBoundaries = new WeakSet(
)),
failedBoundaries.add(
fiber
));
}
var scheduleRefresh = function (
root, update
) {
if (null !== resolveFamily) {
var staleFamilies = update.staleFamilies,
updatedFamilies = update.updatedFamilies;
flushPassiveEffects(
),
flushSync(
function (
) {
scheduleFibersWithFamiliesRecursively(
root.current,
updatedFamilies,
staleFamilies,
);
}
);
}
},
scheduleRoot = function (
root, element
) {
root.context === emptyContextObject &&
(flushPassiveEffects(
),
flushSync(
function (
) {
updateContainer(
element,
root,
null,
null
);
}
));
};
function scheduleFibersWithFamiliesRecursively(
fiber,
updatedFamilies,
staleFamilies,
) {
var alternate = fiber.alternate,
child = fiber.child,
sibling = fiber.sibling,
tag = fiber.tag,
type = fiber.type,
candidateType = null;
switch (tag) {
case 0:
case 15:
case 1:
candidateType = type;
break;
case 11:
candidateType = type.render;
}
if (null === resolveFamily)
throw new Error(
"Expected resolveFamily to be set during hot reload."
);
var needsRender = !1,
needsRemount = !1;
if (null !== candidateType) {
var family = resolveFamily(
candidateType
);
void 0 !== family &&
(staleFamilies.has(
family
)
? (needsRemount = !0)
: updatedFamilies.has(
family
) &&
(1 === tag ? (needsRemount = !0) : (needsRender = !0)));
}
null !== failedBoundaries &&
(failedBoundaries.has(
fiber
) ||
(null !== alternate && failedBoundaries.has(
alternate
))) &&
(needsRemount = !0),
needsRemount && (fiber._debugNeedsRemount = !0),
(needsRemount || needsRender) && scheduleUpdateOnFiber(
fiber,
1,
-1
),
null === child ||
needsRemount ||
scheduleFibersWithFamiliesRecursively(
child,
updatedFamilies,
staleFamilies,
),
null !== sibling &&
scheduleFibersWithFamiliesRecursively(
sibling,
updatedFamilies,
staleFamilies,
);
}
var hasBadMapPolyfill,
findHostInstancesForRefresh = function (
root, families
) {
var hostInstances = new Set(
),
types = new Set(
families.map(
function (
family
) {
return family.current;
}
),
);
return (
findHostInstancesForMatchingFibersRecursively(
root.current,
types,
hostInstances,
),
hostInstances
);
};
function findHostInstancesForMatchingFibersRecursively(
fiber,
types,
hostInstances,
) {
var child = fiber.child,
sibling = fiber.sibling,
tag = fiber.tag,
type = fiber.type,
candidateType = null;
switch (tag) {
case 0:
case 15:
case 1:
candidateType = type;
break;
case 11:
candidateType = type.render;
}
var didMatch = !1;
null !== candidateType && types.has(
candidateType
) && (didMatch = !0),
didMatch
? (function (
fiber, hostInstances
) {
if (
(function (
fiber, hostInstances
) {
var node = fiber,
foundHostInstances = !1;
for (;;) {
if (5 === node.tag)
(foundHostInstances = !0),
hostInstances.add(
node.stateNode
);
else if (null !== node.child) {
(node.child.return = node), (node = node.child);
continue;
}
if (node === fiber) return foundHostInstances;
for (; null === node.sibling; ) {
if (null === node.return || node.return === fiber)
return foundHostInstances;
node = node.return;
}
(node.sibling.return = node.return), (node = node.sibling);
}
return !1;
})(
fiber,
hostInstances
)
)
return;
var node = fiber;
for (;;) {
switch (node.tag) {
case 5:
return void hostInstances.add(
node.stateNode
);
case 4:
case 3:
return void hostInstances.add(
node.stateNode.containerInfo
);
}
if (null === node.return)
throw new Error(
"Expected to reach root first."
);
node = node.return;
}
})(
fiber,
hostInstances
)
: null !== child &&
findHostInstancesForMatchingFibersRecursively(
child,
types,
hostInstances,
),
null !== sibling &&
findHostInstancesForMatchingFibersRecursively(
sibling,
types,
hostInstances,
);
}
hasBadMapPolyfill = !1;
try {
var nonExtensibleObject = Object.preventExtensions(
{
}
);
new Map(
[[nonExtensibleObject, null,],]
), new Set(
[nonExtensibleObject,]
);
} catch (e) {
hasBadMapPolyfill = !0;
}
var debugCounter = 1;
function FiberNode(
tag, pendingProps, key, mode
) {
(this.tag = tag),
(this.key = key),
(this.elementType = null),
(this.type = null),
(this.stateNode = null),
(this.return = null),
(this.child = null),
(this.sibling = null),
(this.index = 0),
(this.ref = null),
(this.pendingProps = pendingProps),
(this.memoizedProps = null),
(this.updateQueue = null),
(this.memoizedState = null),
(this.dependencies = null),
(this.mode = mode),
(this.flags = 0),
(this.nextEffect = null),
(this.firstEffect = null),
(this.lastEffect = null),
(this.lanes = 0),
(this.childLanes = 0),
(this.alternate = null),
(this.actualDuration = Number.NaN),
(this.actualStartTime = Number.NaN),
(this.selfBaseDuration = Number.NaN),
(this.treeBaseDuration = Number.NaN),
(this.actualDuration = 0),
(this.actualStartTime = -1),
(this.selfBaseDuration = 0),
(this.treeBaseDuration = 0),
(this._debugID = debugCounter++),
(this._debugSource = null),
(this._debugOwner = null),
(this._debugNeedsRemount = !1),
(this._debugHookTypes = null),
hasBadMapPolyfill ||
"function" != typeof Object.preventExtensions ||
Object.preventExtensions(
this
);
}
var didWarnAboutNestedUpdates,
didWarnAboutFindNodeInStrictMode,
createFiber = function (
tag, pendingProps, key, mode
) {
return new FiberNode(
tag,
pendingProps,
key,
mode
);
};
function shouldConstruct$1(
Component
) {
var prototype = Component.prototype;
return !(!prototype || !prototype.isReactComponent);
}
function createWorkInProgress(
current, pendingProps
) {
var workInProgress = current.alternate;
null === workInProgress
? (((workInProgress = createFiber(
current.tag,
pendingProps,
current.key,
current.mode,
)).elementType = current.elementType),
(workInProgress.type = current.type),
(workInProgress.stateNode = current.stateNode),
(workInProgress._debugID = current._debugID),
(workInProgress._debugSource = current._debugSource),
(workInProgress._debugOwner = current._debugOwner),
(workInProgress._debugHookTypes = current._debugHookTypes),
(workInProgress.alternate = current),
(current.alternate = workInProgress))
: ((workInProgress.pendingProps = pendingProps),
(workInProgress.type = current.type),
(workInProgress.flags = 0),
(workInProgress.nextEffect = null),
(workInProgress.firstEffect = null),
(workInProgress.lastEffect = null),
(workInProgress.actualDuration = 0),
(workInProgress.actualStartTime = -1)),
(workInProgress.childLanes = current.childLanes),
(workInProgress.lanes = current.lanes),
(workInProgress.child = current.child),
(workInProgress.memoizedProps = current.memoizedProps),
(workInProgress.memoizedState = current.memoizedState),
(workInProgress.updateQueue = current.updateQueue);
var currentDependencies = current.dependencies;
switch (
((workInProgress.dependencies =
null === currentDependencies
? null
: {
lanes: currentDependencies.lanes,
firstContext: currentDependencies.firstContext,
}),
(workInProgress.sibling = current.sibling),
(workInProgress.index = current.index),
(workInProgress.ref = current.ref),
(workInProgress.selfBaseDuration = current.selfBaseDuration),
(workInProgress.treeBaseDuration = current.treeBaseDuration),
(workInProgress._debugNeedsRemount = current._debugNeedsRemount),
workInProgress.tag)
) {
case 2:
case 0:
case 15:
workInProgress.type = resolveFunctionForHotReloading(
current.type
);
break;
case 1:
workInProgress.type = resolveClassForHotReloading(
current.type
);
break;
case 11:
workInProgress.type = resolveForwardRefForHotReloading(
current.type
);
}
return workInProgress;
}
function resetWorkInProgress(
workInProgress, renderLanes
) {
(workInProgress.flags &= 2),
(workInProgress.nextEffect = null),
(workInProgress.firstEffect = null),
(workInProgress.lastEffect = null);
var current = workInProgress.alternate;
if (null === current)
(workInProgress.childLanes = 0),
(workInProgress.lanes = renderLanes),
(workInProgress.child = null),
(workInProgress.memoizedProps = null),
(workInProgress.memoizedState = null),
(workInProgress.updateQueue = null),
(workInProgress.dependencies = null),
(workInProgress.stateNode = null),
(workInProgress.selfBaseDuration = 0),
(workInProgress.treeBaseDuration = 0);
else {
(workInProgress.childLanes = current.childLanes),
(workInProgress.lanes = current.lanes),
(workInProgress.child = current.child),
(workInProgress.memoizedProps = current.memoizedProps),
(workInProgress.memoizedState = current.memoizedState),
(workInProgress.updateQueue = current.updateQueue),
(workInProgress.type = current.type);
var currentDependencies = current.dependencies;
(workInProgress.dependencies =
null === currentDependencies
? null
: {
lanes: currentDependencies.lanes,
firstContext: currentDependencies.firstContext,
}),
(workInProgress.selfBaseDuration = current.selfBaseDuration),
(workInProgress.treeBaseDuration = current.treeBaseDuration);
}
return workInProgress;
}
function createFiberFromTypeAndProps(
type,
key,
pendingProps,
owner,
mode,
lanes,
) {
var fiberTag = 2,
resolvedType = type;
if ("function" == typeof type)
shouldConstruct$1(
type
)
? ((fiberTag = 1),
(resolvedType = resolveClassForHotReloading(
resolvedType
)))
: (resolvedType = resolveFunctionForHotReloading(
resolvedType
));
else if ("string" == typeof type) fiberTag = 5;
else
getTag: switch (type) {
case REACT_FRAGMENT_TYPE:
return createFiberFromFragment(
pendingProps.children,
mode,
lanes,
key,
);
case REACT_DEBUG_TRACING_MODE_TYPE:
(fiberTag = 8), (mode |= 16);
break;
case REACT_STRICT_MODE_TYPE:
(fiberTag = 8), (mode |= 1);
break;
case REACT_PROFILER_TYPE:
return (function (
pendingProps, mode, lanes, key
) {
"string" != typeof pendingProps.id &&
error(
'Profiler must specify an "id" as a prop'
);
var fiber = createFiber(
12,
pendingProps,
key,
8 | mode
);
return (
(fiber.elementType = REACT_PROFILER_TYPE),
(fiber.type = REACT_PROFILER_TYPE),
(fiber.lanes = lanes),
(fiber.stateNode = {
effectDuration: 0,
passiveEffectDuration: 0,
}),
fiber
);
})(
pendingProps,
mode,
lanes,
key
);
case REACT_SUSPENSE_TYPE:
return (function (
pendingProps, mode, lanes, key
) {
var fiber = createFiber(
13,
pendingProps,
key,
mode
);
return (
(fiber.type = REACT_SUSPENSE_TYPE),
(fiber.elementType = REACT_SUSPENSE_TYPE),
(fiber.lanes = lanes),
fiber
);
})(
pendingProps,
mode,
lanes,
key
);
case REACT_SUSPENSE_LIST_TYPE:
return (function (
pendingProps, mode, lanes, key
) {
var fiber = createFiber(
19,
pendingProps,
key,
mode
);
return (
(fiber.type = REACT_SUSPENSE_LIST_TYPE),
(fiber.elementType = REACT_SUSPENSE_LIST_TYPE),
(fiber.lanes = lanes),
fiber
);
})(
pendingProps,
mode,
lanes,
key
);
case REACT_OFFSCREEN_TYPE:
return createFiberFromOffscreen(
pendingProps,
mode,
lanes,
key
);
case REACT_LEGACY_HIDDEN_TYPE:
return (function (
pendingProps, mode, lanes, key
) {
var fiber = createFiber(
24,
pendingProps,
key,
mode
);
return (
(fiber.type = REACT_LEGACY_HIDDEN_TYPE),
(fiber.elementType = REACT_LEGACY_HIDDEN_TYPE),
(fiber.lanes = lanes),
fiber
);
})(
pendingProps,
mode,
lanes,
key
);
case REACT_SCOPE_TYPE:
default:
if ("object" == typeof type && null !== type)
switch (type.$$typeof) {
case REACT_PROVIDER_TYPE:
fiberTag = 10;
break getTag;
case REACT_CONTEXT_TYPE:
fiberTag = 9;
break getTag;
case REACT_FORWARD_REF_TYPE:
(fiberTag = 11),
(resolvedType = resolveForwardRefForHotReloading(
resolvedType,
));
break getTag;
case REACT_MEMO_TYPE:
fiberTag = 14;
break getTag;
case REACT_LAZY_TYPE:
(fiberTag = 16), (resolvedType = null);
break getTag;
case REACT_BLOCK_TYPE:
fiberTag = 22;
break getTag;
}
var info = "";
(void 0 === type ||
("object" == typeof type &&
null !== type &&
0 === Object.keys(
type
).length)) &&
(info +=
" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
var ownerName = owner
? getComponentName(
owner.type
)
: null;
throw (
(ownerName &&
(info += "\n\nCheck the render method of `" + ownerName + "`."),
Error(
"Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
(null == type ? type : typeof type) +
"." +
info,
))
);
}
var fiber = createFiber(
fiberTag,
pendingProps,
key,
mode
);
return (
(fiber.elementType = type),
(fiber.type = resolvedType),
(fiber.lanes = lanes),
(fiber._debugOwner = owner),
fiber
);
}
function createFiberFromElement(
element, mode, lanes
) {
var owner;
owner = element._owner;
var fiber = createFiberFromTypeAndProps(
element.type,
element.key,
element.props,
owner,
mode,
lanes,
);
return (
(fiber._debugSource = element._source),
(fiber._debugOwner = element._owner),
fiber
);
}
function createFiberFromFragment(
elements, mode, lanes, key
) {
var fiber = createFiber(
7,
elements,
key,
mode
);
return (fiber.lanes = lanes), fiber;
}
function createFiberFromOffscreen(
pendingProps, mode, lanes, key
) {
var fiber = createFiber(
23,
pendingProps,
key,
mode
);
return (
(fiber.type = REACT_OFFSCREEN_TYPE),
(fiber.elementType = REACT_OFFSCREEN_TYPE),
(fiber.lanes = lanes),
fiber
);
}
function createFiberFromText(
content, mode, lanes
) {
var fiber = createFiber(
6,
content,
null,
mode
);
return (fiber.lanes = lanes), fiber;
}
function createFiberFromPortal(
portal, mode, lanes
) {
var pendingProps = null !== portal.children ? portal.children : [],
fiber = createFiber(
4,
pendingProps,
portal.key,
mode
);
return (
(fiber.lanes = lanes),
(fiber.stateNode = {
containerInfo: portal.containerInfo,
pendingChildren: null,
implementation: portal.implementation,
}),
fiber
);
}
function assignFiberPropertiesInDEV(
target, source
) {
return (
null === target && (target = createFiber(
2,
null,
null,
0
)),
(target.tag = source.tag),
(target.key = source.key),
(target.elementType = source.elementType),
(target.type = source.type),
(target.stateNode = source.stateNode),
(target.return = source.return),
(target.child = source.child),
(target.sibling = source.sibling),
(target.index = source.index),
(target.ref = source.ref),
(target.pendingProps = source.pendingProps),
(target.memoizedProps = source.memoizedProps),
(target.updateQueue = source.updateQueue),
(target.memoizedState = source.memoizedState),
(target.dependencies = source.dependencies),
(target.mode = source.mode),
(target.flags = source.flags),
(target.nextEffect = source.nextEffect),
(target.firstEffect = source.firstEffect),
(target.lastEffect = source.lastEffect),
(target.lanes = source.lanes),
(target.childLanes = source.childLanes),
(target.alternate = source.alternate),
(target.actualDuration = source.actualDuration),
(target.actualStartTime = source.actualStartTime),
(target.selfBaseDuration = source.selfBaseDuration),
(target.treeBaseDuration = source.treeBaseDuration),
(target._debugID = source._debugID),
(target._debugSource = source._debugSource),
(target._debugOwner = source._debugOwner),
(target._debugNeedsRemount = source._debugNeedsRemount),
(target._debugHookTypes = source._debugHookTypes),
target
);
}
function FiberRootNode(
containerInfo, tag, hydrate
) {
switch (
((this.tag = tag),
(this.containerInfo = containerInfo),
(this.pendingChildren = null),
(this.current = null),
(this.pingCache = null),
(this.finishedWork = null),
(this.timeoutHandle = -1),
(this.context = null),
(this.pendingContext = null),
(this.hydrate = hydrate),
(this.callbackNode = null),
(this.callbackPriority = 0),
(this.eventTimes = createLaneMap(
0
)),
(this.expirationTimes = createLaneMap(
-1
)),
(this.pendingLanes = 0),
(this.suspendedLanes = 0),
(this.pingedLanes = 0),
(this.expiredLanes = 0),
(this.mutableReadLanes = 0),
(this.finishedLanes = 0),
(this.entangledLanes = 0),
(this.entanglements = createLaneMap(
0
)),
(this.mutableSourceEagerHydrationData = null),
(this.interactionThreadID = unstable_getThreadID(
)),
(this.memoizedInteractions = new Set(
)),
(this.pendingInteractionMap = new Map(
)),
tag)
) {
case 1:
this._debugRootType = "createBlockingRoot()";
break;
case 2:
this._debugRootType = "createRoot()";
break;
case 0:
this._debugRootType = "createLegacyRoot()";
}
}
function createFiberRoot(
containerInfo, tag, hydrate, hydrationCallbacks
) {
var root = new FiberRootNode(
containerInfo,
tag,
hydrate
),
uninitializedFiber = (function (
tag
) {
var mode;
return (
(mode = 2 === tag ? 7 : 1 === tag ? 3 : 0),
isDevToolsPresent && (mode |= 8),
createFiber(
3,
null,
null,
mode
)
);
})(
tag
);
return (
(root.current = uninitializedFiber),
(uninitializedFiber.stateNode = root),
initializeUpdateQueue(
uninitializedFiber
),
root
);
}
function registerMutableSourceForHydration(
root, mutableSource
) {
var version = (0, mutableSource._getVersion)(
mutableSource._source
);
null == root.mutableSourceEagerHydrationData
? (root.mutableSourceEagerHydrationData = [mutableSource, version,])
: root.mutableSourceEagerHydrationData.push(
mutableSource,
version
);
}
function createPortal(
children, containerInfo, implementation
) {
var key =
arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : null;
return {
$$typeof: REACT_PORTAL_TYPE,
key: null == key ? null : "" + key,
children: children,
containerInfo: containerInfo,
implementation: implementation,
};
}
function updateContainer(
element, container, parentComponent, callback
) {
!(function (
root, children
) {
if (injectedHook && "function" == typeof injectedHook.onScheduleFiberRoot)
try {
injectedHook.onScheduleFiberRoot(
rendererID,
root,
children
);
} catch (err) {
hasLoggedError ||
((hasLoggedError = !0),
error(
"React instrumentation encountered an error: %s",
err
));
}
})(
container,
element
);
var fiber,
current$1 = container.current,
eventTime = requestEventTime(
);
"undefined" != typeof jest &&
((fiber = current$1),
!1 === didWarnAboutUnmockedScheduler &&
void 0 === unstable_flushAllWithoutAsserting &&
(2 & fiber.mode || 4 & fiber.mode) &&
((didWarnAboutUnmockedScheduler = !0),
error(
"In Concurrent or Sync modes, the \"scheduler\" module needs to be mocked to guarantee consistent behaviour across tests and browsers. For example, with jest: \njest.mock('scheduler', () => require('scheduler/unstable_mock'));\n\nFor more info, visit https://reactjs.org/link/mock-scheduler",
)),
warnIfNotScopedWithMatchingAct(
current$1
));
var lane = requestUpdateLane(
current$1
),
context = (function (
parentComponent
) {
if (!parentComponent) return emptyContextObject;
var fiber = get(
parentComponent
),
parentContext = findCurrentUnmaskedContext(
fiber
);
if (1 === fiber.tag) {
var Component = fiber.type;
if (isContextProvider(
Component
))
return processChildContext(
fiber,
Component,
parentContext
);
}
return parentContext;
})(
parentComponent
);
null === container.context
? (container.context = context)
: (container.pendingContext = context),
isRendering &&
null !== current &&
!didWarnAboutNestedUpdates &&
((didWarnAboutNestedUpdates = !0),
error(
"Render methods should be a pure function of props and state; triggering nested component updates from render is not allowed. If necessary, trigger nested updates in componentDidUpdate.\n\nCheck the render method of %s.",
getComponentName(
current.type
) || "Unknown",
));
var update = createUpdate(
eventTime,
lane
);
return (
(update.payload = {
element: element,
}),
null !== (callback = void 0 === callback ? null : callback) &&
("function" != typeof callback &&
error(
"render(...): Expected the last optional `callback` argument to be a function. Instead received: %s.",
callback,
),
(update.callback = callback)),
enqueueUpdate(
current$1,
update
),
scheduleUpdateOnFiber(
current$1,
lane,
eventTime
),
lane
);
}
function getPublicRootInstance(
container
) {
var containerFiber = container.current;
if (!containerFiber.child) return null;
switch (containerFiber.child.tag) {
case 5:
default:
return containerFiber.child.stateNode;
}
}
function markRetryLaneImpl(
fiber, retryLane
) {
var a,
b,
suspenseState = fiber.memoizedState;
null !== suspenseState &&
null !== suspenseState.dehydrated &&
(suspenseState.retryLane =
((a = suspenseState.retryLane),
(b = retryLane),
0 !== a && a < b ? a : b));
}
function markRetryLaneIfNotHydrated(
fiber, retryLane
) {
markRetryLaneImpl(
fiber,
retryLane
);
var alternate = fiber.alternate;
alternate && markRetryLaneImpl(
alternate,
retryLane
);
}
function findHostInstanceWithNoPortals(
fiber
) {
var hostFiber = (function (
parent
) {
var currentParent = findCurrentFiberUsingSlowPath(
parent
);
if (!currentParent) return null;
for (var node = currentParent; ; ) {
if (5 === node.tag || 6 === node.tag) return node;
if (node.child && 4 !== node.tag)
(node.child.return = node), (node = node.child);
else {
if (node === currentParent) return null;
for (; !node.sibling; ) {
if (!node.return || node.return === currentParent) return null;
node = node.return;
}
(node.sibling.return = node.return), (node = node.sibling);
}
}
return null;
})(
fiber
);
return null === hostFiber
? null
: 20 === hostFiber.tag
? hostFiber.stateNode.instance
: hostFiber.stateNode;
}
(didWarnAboutNestedUpdates = !1), (didWarnAboutFindNodeInStrictMode = {
});
var shouldSuspendImpl = function (
fiber
) {
return !1;
};
var overrideHookState,
overrideHookStateDeletePath,
overrideHookStateRenamePath,
overrideProps,
overridePropsDeletePath,
overridePropsRenamePath,
scheduleUpdate,
setSuspenseHandler,
copyWithDeleteImpl = function (
obj, path, index
) {
var key = path[index],
updated = Array.isArray(
obj
)
? obj.slice(
)
: _assign(
{
},
obj
);
return index + 1 === path.length
? (Array.isArray(
updated
)
? updated.splice(
key,
1
)
: delete updated[key],
updated)
: ((updated[key] = copyWithDeleteImpl(
obj[key],
path,
index + 1
)),
updated);
},
copyWithDelete = function (
obj, path
) {
return copyWithDeleteImpl(
obj,
path,
0
);
},
copyWithRenameImpl = function (
obj, oldPath, newPath, index
) {
var oldKey = oldPath[index],
updated = Array.isArray(
obj
)
? obj.slice(
)
: _assign(
{
},
obj
);
index + 1 === oldPath.length
? ((updated[newPath[index]] = updated[oldKey]),
Array.isArray(
updated
)
? updated.splice(
oldKey,
1
)
: delete updated[oldKey])
: (updated[oldKey] = copyWithRenameImpl(
obj[oldKey],
oldPath,
newPath,
index + 1,
));
return updated;
},
copyWithRename = function (
obj, oldPath, newPath
) {
if (oldPath.length === newPath.length) {
for (var i = 0; i < newPath.length - 1; i++)
if (oldPath[i] !== newPath[i])
return void warn(
"copyWithRename() expects paths to be the same except for the deepest key",
);
return copyWithRenameImpl(
obj,
oldPath,
newPath,
0
);
}
warn(
"copyWithRename() expects paths of the same length"
);
},
copyWithSetImpl = function (
obj, path, index, value
) {
if (index >= path.length) return value;
var key = path[index],
updated = Array.isArray(
obj
)
? obj.slice(
)
: _assign(
{
},
obj
);
return (
(updated[key] = copyWithSetImpl(
obj[key],
path,
index + 1,
value
)),
updated
);
},
copyWithSet = function (
obj, path, value
) {
return copyWithSetImpl(
obj,
path,
0,
value
);
},
findHook = function (
fiber, id
) {
for (
var currentHook = fiber.memoizedState;
null !== currentHook && id > 0;
)
(currentHook = currentHook.next), id--;
return currentHook;
};
function findHostInstanceByFiber(
fiber
) {
var hostFiber = findCurrentHostFiber(
fiber
);
return null === hostFiber ? null : hostFiber.stateNode;
}
function emptyFindFiberByHostInstance(
instance
) {
return null;
}
function getCurrentFiberForDevTools(
) {
return current;
}
function ReactDOMRoot(
container, options
) {
this._internalRoot = createRootImpl(
container,
2,
options
);
}
function ReactDOMBlockingRoot(
container, tag, options
) {
this._internalRoot = createRootImpl(
container,
tag,
options
);
}
function createRootImpl(
container, tag, options
) {
var hostRoot,
hydrate = null != options && !0 === options.hydrate,
mutableSources =
(null != options && options.hydrationOptions,
(null != options &&
null != options.hydrationOptions &&
options.hydrationOptions.mutableSources) ||
null),
root = (function (
containerInfo, tag, hydrate, hydrationCallbacks
) {
return createFiberRoot(
containerInfo,
tag,
hydrate
);
})(
container,
tag,
hydrate
);
(hostRoot = root.current),
(container[internalContainerInstanceKey] = hostRoot);
container.nodeType;
if (
(listenToAllSupportedEvents(
8 === container.nodeType ? container.parentNode : container,
),
mutableSources)
)
for (var i = 0; i < mutableSources.length; i++) {
registerMutableSourceForHydration(
root,
mutableSources[i]
);
}
return root;
}
function isValidContainer(
node
) {
return !(
!node ||
(1 !== node.nodeType &&
9 !== node.nodeType &&
11 !== node.nodeType &&
(8 !== node.nodeType ||
" react-mount-point-unstable " !== node.nodeValue))
);
}
(overrideHookState = function (
fiber, id, path, value
) {
var hook = findHook(
fiber,
id
);
if (null !== hook) {
var newState = copyWithSet(
hook.memoizedState,
path,
value
);
(hook.memoizedState = newState),
(hook.baseState = newState),
(fiber.memoizedProps = _assign(
{
},
fiber.memoizedProps
)),
scheduleUpdateOnFiber(
fiber,
1,
-1
);
}
}),
(overrideHookStateDeletePath = function (
fiber, id, path
) {
var hook = findHook(
fiber,
id
);
if (null !== hook) {
var newState = copyWithDelete(
hook.memoizedState,
path
);
(hook.memoizedState = newState),
(hook.baseState = newState),
(fiber.memoizedProps = _assign(
{
},
fiber.memoizedProps
)),
scheduleUpdateOnFiber(
fiber,
1,
-1
);
}
}),
(overrideHookStateRenamePath = function (
fiber, id, oldPath, newPath
) {
var hook = findHook(
fiber,
id
);
if (null !== hook) {
var newState = copyWithRename(
hook.memoizedState,
oldPath,
newPath
);
(hook.memoizedState = newState),
(hook.baseState = newState),
(fiber.memoizedProps = _assign(
{
},
fiber.memoizedProps
)),
scheduleUpdateOnFiber(
fiber,
1,
-1
);
}
}),
(overrideProps = function (
fiber, path, value
) {
(fiber.pendingProps = copyWithSet(
fiber.memoizedProps,
path,
value
)),
fiber.alternate && (fiber.alternate.pendingProps = fiber.pendingProps),
scheduleUpdateOnFiber(
fiber,
1,
-1
);
}),
(overridePropsDeletePath = function (
fiber, path
) {
(fiber.pendingProps = copyWithDelete(
fiber.memoizedProps,
path
)),
fiber.alternate && (fiber.alternate.pendingProps = fiber.pendingProps),
scheduleUpdateOnFiber(
fiber,
1,
-1
);
}),
(overridePropsRenamePath = function (
fiber, oldPath, newPath
) {
(fiber.pendingProps = copyWithRename(
fiber.memoizedProps,
oldPath,
newPath,
)),
fiber.alternate && (fiber.alternate.pendingProps = fiber.pendingProps),
scheduleUpdateOnFiber(
fiber,
1,
-1
);
}),
(scheduleUpdate = function (
fiber
) {
scheduleUpdateOnFiber(
fiber,
1,
-1
);
}),
(setSuspenseHandler = function (
newShouldSuspendImpl
) {
shouldSuspendImpl = newShouldSuspendImpl;
}),
(ReactDOMRoot.prototype.render = ReactDOMBlockingRoot.prototype.render = function (
children,
) {
var root = this._internalRoot;
"function" == typeof arguments[1] &&
error(
"render(...): does not support the second callback argument. To execute a side effect after rendering, declare it in a component body with useEffect().",
);
var container = root.containerInfo;
if (8 !== container.nodeType) {
var hostInstance = findHostInstanceWithNoPortals(
root.current
);
hostInstance &&
hostInstance.parentNode !== container &&
error(
"render(...): It looks like the React-rendered content of the root container was removed without using React. This is not supported and will cause errors. Instead, call root.unmount() to empty a root's container.",
);
}
updateContainer(
children,
root,
null,
null
);
}),
(ReactDOMRoot.prototype.unmount = ReactDOMBlockingRoot.prototype.unmount = function (
) {
"function" == typeof arguments[0] &&
error(
"unmount(...): does not support a callback argument. To execute a side effect after rendering, declare it in a component body with useEffect().",
);
var root = this._internalRoot,
container = root.containerInfo;
updateContainer(
null,
root,
null,
function (
) {
unmarkContainerAsRoot(
container
);
}
);
});
var topLevelUpdateWarnings,
ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner,
warnedAboutHydrateAPI = !1;
function getReactRootElementInContainer(
container
) {
return container
? 9 === container.nodeType
? container.documentElement
: container.firstChild
: null;
}
function legacyCreateRootFromDOMContainer(
container, forceHydrate
) {
var shouldHydrate =
forceHydrate ||
(function (
container
) {
var rootElement = getReactRootElementInContainer(
container
);
return !(
!rootElement ||
1 !== rootElement.nodeType ||
!rootElement.hasAttribute(
"data-reactroot"
)
);
})(
container
);
if (!shouldHydrate)
for (var rootSibling, warned = !1; (rootSibling = container.lastChild); )
!warned &&
1 === rootSibling.nodeType &&
rootSibling.hasAttribute(
"data-reactroot"
) &&
((warned = !0),
error(
"render(): Target node has markup rendered by React, but there are unrelated nodes as well. This is most commonly caused by white-space inserted around server-rendered markup.",
)),
container.removeChild(
rootSibling
);
return (
!shouldHydrate ||
forceHydrate ||
warnedAboutHydrateAPI ||
((warnedAboutHydrateAPI = !0),
warn(
"render(): Calling ReactDOM.render() to hydrate server-rendered markup will stop working in React v18. Replace the ReactDOM.render() call with ReactDOM.hydrate() if you want React to attach to the server HTML.",
)),
(function (
container, options
) {
return new ReactDOMBlockingRoot(
container,
0,
options
);
})(
container,
shouldHydrate
? {
hydrate: !0,
}
: void 0
)
);
}
function legacyRenderSubtreeIntoContainer(
parentComponent,
children,
container,
forceHydrate,
callback,
) {
topLevelUpdateWarnings(
container
),
(function (
callback, callerName
) {
null !== callback &&
"function" != typeof callback &&
error(
"%s(...): Expected the last optional `callback` argument to be a function. Instead received: %s.",
callerName,
callback,
);
})(
void 0 === callback ? null : callback,
"render"
);
var fiberRoot,
root = container._reactRootContainer;
if (root) {
if (((fiberRoot = root._internalRoot), "function" == typeof callback)) {
var _originalCallback = callback;
callback = function (
) {
var instance = getPublicRootInstance(
fiberRoot
);
_originalCallback.call(
instance
);
};
}
updateContainer(
children,
fiberRoot,
parentComponent,
callback
);
} else {
if (
((root = container._reactRootContainer = legacyCreateRootFromDOMContainer(
container,
forceHydrate,
)),
(fiberRoot = root._internalRoot),
"function" == typeof callback)
) {
var originalCallback = callback;
callback = function (
) {
var instance = getPublicRootInstance(
fiberRoot
);
originalCallback.call(
instance
);
};
}
unbatchedUpdates(
function (
) {
updateContainer(
children,
fiberRoot,
parentComponent,
callback
);
}
);
}
return getPublicRootInstance(
fiberRoot
);
}
(topLevelUpdateWarnings = function (
container
) {
if (container._reactRootContainer && 8 !== container.nodeType) {
var hostInstance = findHostInstanceWithNoPortals(
container._reactRootContainer._internalRoot.current,
);
hostInstance &&
hostInstance.parentNode !== container &&
error(
"render(...): It looks like the React-rendered content of this container was removed without using React. This is not supported and will cause errors. Instead, call ReactDOM.unmountComponentAtNode to empty a container.",
);
}
var isRootRenderedBySomeReact = !!container._reactRootContainer,
rootEl = getReactRootElementInContainer(
container
);
!(!rootEl || !getInstanceFromNode(
rootEl
)) &&
!isRootRenderedBySomeReact &&
error(
"render(...): Replacing React-rendered children with a new root component. If you intended to update the children of this node, you should instead have the existing children update their state and render the new components instead of calling ReactDOM.render.",
),
1 === container.nodeType &&
container.tagName &&
"BODY" === container.tagName.toUpperCase(
) &&
error(
"render(): Rendering components directly into document.body is discouraged, since its children are often manipulated by third-party scripts and browser extensions. This may lead to subtle reconciliation issues. Try rendering into a container element created for your app.",
);
}),
(attemptUserBlockingHydration = function (
fiber
) {
13 === fiber.tag &&
(scheduleUpdateOnFiber(
fiber,
4,
requestEventTime(
)
),
markRetryLaneIfNotHydrated(
fiber,
4
));
}),
(function (
fn
) {
attemptContinuousHydration = fn;
})(
function (
fiber
) {
if (13 === fiber.tag) {
scheduleUpdateOnFiber(
fiber,
67108864,
requestEventTime(
)
),
markRetryLaneIfNotHydrated(
fiber,
67108864
);
}
}
),
(function (
fn
) {
attemptHydrationAtCurrentPriority = fn;
})(
function (
fiber
) {
if (13 === fiber.tag) {
var eventTime = requestEventTime(
),
lane = requestUpdateLane(
fiber
);
scheduleUpdateOnFiber(
fiber,
lane,
eventTime
),
markRetryLaneIfNotHydrated(
fiber,
lane
);
}
}
),
(function (
fn
) {
attemptHydrationAtPriority = fn;
})(
function (
priority, fn
) {
try {
return fn(
);
} finally {
}
}
);
var didWarnAboutUnstableCreatePortal = !1;
function createPortal$1(
children, container
) {
var key =
arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : null;
if (!isValidContainer(
container
))
throw Error(
"Target container is not a DOM element."
);
return createPortal(
children,
container,
null,
key
);
}
("function" == typeof Map &&
null != Map.prototype &&
"function" == typeof Map.prototype.forEach &&
"function" == typeof Set &&
null != Set.prototype &&
"function" == typeof Set.prototype.clear &&
"function" == typeof Set.prototype.forEach) ||
error(
"React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills",
),
(restoreImpl = function (
domElement, tag, props
) {
switch (tag) {
case "input":
return void restoreControlledState(
domElement,
props
);
case "textarea":
return void (function (
element, props
) {
updateWrapper$1(
element,
props
);
})(
domElement,
props
);
case "select":
return void (function (
element, props
) {
var node = element,
value = props.value;
null != value && updateOptions(
node,
!!props.multiple,
value,
!1
);
})(
domElement,
props
);
}
}),
(batchedUpdatesImpl = batchedUpdates$1),
(discreteUpdatesImpl = function (
fn, a, b, c, d
) {
var prevExecutionContext = executionContext;
executionContext |= 4;
try {
return runWithPriority$1(
98,
fn.bind(
null,
a,
b,
c,
d
)
);
} finally {
0 === (executionContext = prevExecutionContext) &&
(resetRenderTimer(
), flushSyncCallbackQueue(
));
}
}),
(flushDiscreteUpdatesImpl = function (
) {
0 == (49 & executionContext)
? ((function (
) {
if (null !== rootsWithPendingDiscreteUpdates) {
var roots = rootsWithPendingDiscreteUpdates;
(rootsWithPendingDiscreteUpdates = null),
roots.forEach(
function (
root
) {
!(function (
root
) {
root.expiredLanes |= 24 & root.pendingLanes;
})(
root
),
ensureRootIsScheduled(
root,
now(
)
);
}
);
}
flushSyncCallbackQueue(
);
})(
),
flushPassiveEffects(
))
: 0 != (16 & executionContext) &&
error(
"unstable_flushDiscreteUpdates: Cannot flush updates when React is already rendering.",
);
}),
(batchedEventUpdatesImpl = function (
fn, a
) {
var prevExecutionContext = executionContext;
executionContext |= 2;
try {
return fn(
a
);
} finally {
0 === (executionContext = prevExecutionContext) &&
(resetRenderTimer(
), flushSyncCallbackQueue(
));
}
});
var Internals = {
Events: [
getInstanceFromNode,
getNodeFromInstance,
getFiberCurrentPropsFromNode,
enqueueStateRestore,
restoreStateIfNeeded,
flushPassiveEffects,
IsThisRendererActing,
],
};
if (
!(function (
devToolsConfig
) {
var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance,
ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
return (function (
internals
) {
if ("undefined" == typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
if (hook.isDisabled) return !0;
if (!hook.supportsFiber)
return (
error(
"The installed version of React DevTools is too old and will not work with the current version of React. Please update React DevTools. https://reactjs.org/link/react-devtools",
),
!0
);
try {
(rendererID = hook.inject(
internals
)), (injectedHook = hook);
} catch (err) {
error(
"React instrumentation encountered an error: %s.",
err
);
}
return !0;
})(
{
bundleType: devToolsConfig.bundleType,
version: devToolsConfig.version,
rendererPackageName: devToolsConfig.rendererPackageName,
rendererConfig: devToolsConfig.rendererConfig,
overrideHookState: overrideHookState,
overrideHookStateDeletePath: overrideHookStateDeletePath,
overrideHookStateRenamePath: overrideHookStateRenamePath,
overrideProps: overrideProps,
overridePropsDeletePath: overridePropsDeletePath,
overridePropsRenamePath: overridePropsRenamePath,
setSuspenseHandler: setSuspenseHandler,
scheduleUpdate: scheduleUpdate,
currentDispatcherRef: ReactCurrentDispatcher,
findHostInstanceByFiber: findHostInstanceByFiber,
findFiberByHostInstance:
findFiberByHostInstance || emptyFindFiberByHostInstance,
findHostInstancesForRefresh: findHostInstancesForRefresh,
scheduleRefresh: scheduleRefresh,
scheduleRoot: scheduleRoot,
setRefreshHandler: setRefreshHandler,
getCurrentFiber: getCurrentFiberForDevTools,
}
);
})(
{
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 1,
version: "17.0.2",
rendererPackageName: "react-dom",
}
) &&
canUseDOM &&
window.top === window.self &&
((navigator.userAgent.indexOf(
"Chrome"
) > -1 &&
-1 === navigator.userAgent.indexOf(
"Edge"
)) ||
navigator.userAgent.indexOf(
"Firefox"
) > -1)
) {
var protocol = window.location.protocol;
/^(https?|file):$/.test(
protocol
) &&
console.info(
"%cDownload the React DevTools for a better development experience: https://reactjs.org/link/react-devtools" +
("file:" === protocol
? "\nYou might need to use a local HTTP server (instead of file://): https://reactjs.org/link/react-devtools-faq"
: ""),
"font-weight:bold",
);
}
(exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals),
(exports.createPortal = createPortal$1),
(exports.findDOMNode = function (
componentOrElement
) {
var owner = ReactCurrentOwner$3.current;
return (
null !== owner &&
null !== owner.stateNode &&
(owner.stateNode._warnedAboutRefsInRender ||
error(
"%s is accessing findDOMNode inside its render(). render() should be a pure function of props and state. It should never access something that requires stale data from the previous render, such as refs. Move this logic to componentDidMount and componentDidUpdate instead.",
getComponentName(
owner.type
) || "A component",
),
(owner.stateNode._warnedAboutRefsInRender = !0)),
null == componentOrElement
? null
: 1 === componentOrElement.nodeType
? componentOrElement
: (function (
component, methodName
) {
var fiber = get(
component
);
if (void 0 === fiber)
throw "function" == typeof component.render
? Error(
"Unable to find node on an unmounted component."
)
: Error(
"Argument appears to not be a ReactComponent. Keys: " +
Object.keys(
component
),
);
var hostFiber = findCurrentHostFiber(
fiber
);
if (null === hostFiber) return null;
if (1 & hostFiber.mode) {
var componentName = getComponentName(
fiber.type
) || "Component";
if (!didWarnAboutFindNodeInStrictMode[componentName]) {
didWarnAboutFindNodeInStrictMode[componentName] = !0;
var previousFiber = current;
try {
setCurrentFiber(
hostFiber
),
1 & fiber.mode
? error(
"%s is deprecated in StrictMode. %s was passed an instance of %s which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-find-node",
methodName,
methodName,
componentName,
)
: error(
"%s is deprecated in StrictMode. %s was passed an instance of %s which renders StrictMode children. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-find-node",
methodName,
methodName,
componentName,
);
} finally {
previousFiber
? setCurrentFiber(
previousFiber
)
: resetCurrentFiber(
);
}
}
}
return hostFiber.stateNode;
})(
componentOrElement,
"findDOMNode"
)
);
}),
(exports.flushSync = flushSync),
(exports.hydrate = function (
element, container, callback
) {
if (!isValidContainer(
container
))
throw Error(
"Target container is not a DOM element."
);
return (
isContainerMarkedAsRoot(
container
) &&
void 0 === container._reactRootContainer &&
error(
"You are calling ReactDOM.hydrate() on a container that was previously passed to ReactDOM.createRoot(). This is not supported. Did you mean to call createRoot(container, {hydrate: true}).render(element)?",
),
legacyRenderSubtreeIntoContainer(
null,
element,
container,
!0,
callback
)
);
}),
(exports.render = function (
element, container, callback
) {
if (!isValidContainer(
container
))
throw Error(
"Target container is not a DOM element."
);
return (
isContainerMarkedAsRoot(
container
) &&
void 0 === container._reactRootContainer &&
error(
"You are calling ReactDOM.render() on a container that was previously passed to ReactDOM.createRoot(). This is not supported. Did you mean to call root.render(element)?",
),
legacyRenderSubtreeIntoContainer(
null,
element,
container,
!1,
callback
)
);
}),
(exports.unmountComponentAtNode = function (
container
) {
if (!isValidContainer(
container
))
throw Error(
"unmountComponentAtNode(...): Target container is not a DOM element.",
);
if (
(isContainerMarkedAsRoot(
container
) &&
void 0 === container._reactRootContainer &&
error(
"You are calling ReactDOM.unmountComponentAtNode() on a container that was previously passed to ReactDOM.createRoot(). This is not supported. Did you mean to call root.unmount()?",
),
container._reactRootContainer)
) {
var rootEl = getReactRootElementInContainer(
container
);
return (
rootEl &&
!getInstanceFromNode(
rootEl
) &&
error(
"unmountComponentAtNode(): The node you're attempting to unmount was rendered by another copy of React.",
),
unbatchedUpdates(
function (
) {
legacyRenderSubtreeIntoContainer(
null,
null,
container,
!1,
function (
) {
(container._reactRootContainer = null),
unmarkContainerAsRoot(
container
);
},
);
}
),
!0
);
}
var _rootEl = getReactRootElementInContainer(
container
),
hasNonRootReactChild = !(!_rootEl || !getInstanceFromNode(
_rootEl
)),
isContainerReactRoot =
1 === container.nodeType &&
isValidContainer(
container.parentNode
) &&
!!container.parentNode._reactRootContainer;
return (
hasNonRootReactChild &&
error(
"unmountComponentAtNode(): The node you're attempting to unmount was rendered by React and is not a top-level container. %s",
isContainerReactRoot
? "You may have accidentally passed in a React root node instead of its container."
: "Instead, have the parent component update its state and rerender in order to remove this component.",
),
!1
);
}),
(exports.unstable_batchedUpdates = batchedUpdates$1),
(exports.unstable_createPortal = function (
children, container
) {
var key =
arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : null;
return (
didWarnAboutUnstableCreatePortal ||
((didWarnAboutUnstableCreatePortal = !0),
warn(
'The ReactDOM.unstable_createPortal() alias has been deprecated, and will be removed in React 18+. Update your code to use ReactDOM.createPortal() instead. It has the exact same API, but without the "unstable_" prefix.',
)),
createPortal$1(
children,
container,
key
)
);
}),
(exports.unstable_renderSubtreeIntoContainer = function (
parentComponent,
element,
containerNode,
callback,
) {
return (function (
parentComponent, element, containerNode, callback
) {
if (!isValidContainer(
containerNode
))
throw Error(
"Target container is not a DOM element."
);
if (
null == parentComponent ||
void 0 === parentComponent._reactInternals
)
throw Error(
"parentComponent must be a valid React Component"
);
return legacyRenderSubtreeIntoContainer(
parentComponent,
element,
containerNode,
!1,
callback,
);
})(
parentComponent,
element,
containerNode,
callback
);
}),
(exports.version = "17.0.2");
}
);
Reference in New Issue Copy Permalink