landvex: Fixar och tester klara för alla komponenter
- Datafabrik: Dockerfile fix, agentorkestrering fungerar - Vision: Identify-modell, FAISS, OCR alla testade - API: Alla 7 integrationstester passerade - Upplösare: Entitetsupplösning verifierad
This commit is contained in:
Bernt
Generated
Vendored
+7026
@@ -0,0 +1,7026 @@
|
||||
/**
|
||||
* @license React
|
||||
* react-dom-server-legacy.browser.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) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
|
||||
typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
|
||||
(global = global || self, factory(global.ReactDOMServer = {}, global.React));
|
||||
}(this, (function (exports, React) { 'use strict';
|
||||
|
||||
var ReactVersion = '18.3.1';
|
||||
|
||||
var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
||||
|
||||
// by calls to these methods by a Babel plugin.
|
||||
//
|
||||
// In PROD (or in packages without access to React internals),
|
||||
// they are left as they are instead.
|
||||
|
||||
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) {
|
||||
// When changing this logic, you might want to also
|
||||
// update consoleWithStackDev.www.js as well.
|
||||
{
|
||||
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
var stack = ReactDebugCurrentFrame.getStackAddendum();
|
||||
|
||||
if (stack !== '') {
|
||||
format += '%s';
|
||||
args = args.concat([stack]);
|
||||
} // eslint-disable-next-line react-internal/safe-string-coercion
|
||||
|
||||
|
||||
var argsWithFormat = args.map(function (item) {
|
||||
return String(item);
|
||||
}); // Careful: RN currently depends on this prefix
|
||||
|
||||
argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
|
||||
// breaks IE9: https://github.com/facebook/react/issues/13610
|
||||
// eslint-disable-next-line react-internal/no-production-logging
|
||||
|
||||
Function.prototype.apply.call(console[level], console, argsWithFormat);
|
||||
}
|
||||
}
|
||||
|
||||
function scheduleWork(callback) {
|
||||
callback();
|
||||
}
|
||||
function beginWriting(destination) {}
|
||||
function writeChunk(destination, chunk) {
|
||||
writeChunkAndReturn(destination, chunk);
|
||||
}
|
||||
function writeChunkAndReturn(destination, chunk) {
|
||||
return destination.push(chunk);
|
||||
}
|
||||
function completeWriting(destination) {}
|
||||
function close(destination) {
|
||||
destination.push(null);
|
||||
}
|
||||
function stringToChunk(content) {
|
||||
return content;
|
||||
}
|
||||
function stringToPrecomputedChunk(content) {
|
||||
return content;
|
||||
}
|
||||
function closeWithError(destination, error) {
|
||||
// $FlowFixMe: This is an Error object or the destination accepts other types.
|
||||
destination.destroy(error);
|
||||
}
|
||||
|
||||
/*
|
||||
* The `'' + value` pattern (used in in perf-sensitive code) throws for Symbol
|
||||
* and Temporal.* types. See https://github.com/facebook/react/pull/22064.
|
||||
*
|
||||
* The functions in this module will throw an easier-to-understand,
|
||||
* easier-to-debug exception with a clear errors message message explaining the
|
||||
* problem. (Instead of a confusing exception thrown inside the implementation
|
||||
* of the `value` object).
|
||||
*/
|
||||
// $FlowFixMe only called in DEV, so void return is not possible.
|
||||
function typeName(value) {
|
||||
{
|
||||
// toStringTag is needed for namespaced types like Temporal.Instant
|
||||
var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
|
||||
var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object';
|
||||
return type;
|
||||
}
|
||||
} // $FlowFixMe only called in DEV, so void return is not possible.
|
||||
|
||||
|
||||
function willCoercionThrow(value) {
|
||||
{
|
||||
try {
|
||||
testStringCoercion(value);
|
||||
return false;
|
||||
} catch (e) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function testStringCoercion(value) {
|
||||
// If you ended up here by following an exception call stack, here's what's
|
||||
// happened: you supplied an object or symbol value to React (as a prop, key,
|
||||
// DOM attribute, CSS property, string ref, etc.) and when React tried to
|
||||
// coerce it to a string using `'' + value`, an exception was thrown.
|
||||
//
|
||||
// The most common types that will cause this exception are `Symbol` instances
|
||||
// and Temporal objects like `Temporal.Instant`. But any object that has a
|
||||
// `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
|
||||
// exception. (Library authors do this to prevent users from using built-in
|
||||
// numeric operators like `+` or comparison operators like `>=` because custom
|
||||
// methods are needed to perform accurate arithmetic or comparison.)
|
||||
//
|
||||
// To fix the problem, coerce this object or symbol value to a string before
|
||||
// passing it to React. The most reliable way is usually `String(value)`.
|
||||
//
|
||||
// To find which value is throwing, check the browser or debugger console.
|
||||
// Before this exception was thrown, there should be `console.error` output
|
||||
// that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
|
||||
// problem and how that type was used: key, atrribute, input value prop, etc.
|
||||
// In most cases, this console output also shows the component and its
|
||||
// ancestor components where the exception happened.
|
||||
//
|
||||
// eslint-disable-next-line react-internal/safe-string-coercion
|
||||
return '' + value;
|
||||
}
|
||||
|
||||
function checkAttributeStringCoercion(value, attributeName) {
|
||||
{
|
||||
if (willCoercionThrow(value)) {
|
||||
error('The provided `%s` attribute is an unsupported type %s.' + ' This value must be coerced to a string before before using it here.', attributeName, typeName(value));
|
||||
|
||||
return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
|
||||
}
|
||||
}
|
||||
}
|
||||
function checkCSSPropertyStringCoercion(value, propName) {
|
||||
{
|
||||
if (willCoercionThrow(value)) {
|
||||
error('The provided `%s` CSS property is an unsupported type %s.' + ' This value must be coerced to a string before before using it here.', propName, typeName(value));
|
||||
|
||||
return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
|
||||
}
|
||||
}
|
||||
}
|
||||
function checkHtmlStringCoercion(value) {
|
||||
{
|
||||
if (willCoercionThrow(value)) {
|
||||
error('The provided HTML markup uses a value of unsupported type %s.' + ' This value must be coerced to a string before before using it here.', typeName(value));
|
||||
|
||||
return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
||||
|
||||
// A reserved attribute.
|
||||
// It is handled by React separately and shouldn't be written to the DOM.
|
||||
var RESERVED = 0; // A simple string attribute.
|
||||
// Attributes that aren't in the filter are presumed to have this type.
|
||||
|
||||
var STRING = 1; // A string attribute that accepts booleans in React. In HTML, these are called
|
||||
// "enumerated" attributes with "true" and "false" as possible values.
|
||||
// When true, it should be set to a "true" string.
|
||||
// When false, it should be set to a "false" string.
|
||||
|
||||
var BOOLEANISH_STRING = 2; // A real boolean attribute.
|
||||
// When true, it should be present (set either to an empty string or its name).
|
||||
// When false, it should be omitted.
|
||||
|
||||
var BOOLEAN = 3; // An attribute that can be used as a flag as well as with a value.
|
||||
// When true, it should be present (set either to an empty string or its name).
|
||||
// When false, it should be omitted.
|
||||
// For any other value, should be present with that value.
|
||||
|
||||
var OVERLOADED_BOOLEAN = 4; // An attribute that must be numeric or parse as a numeric.
|
||||
// When falsy, it should be removed.
|
||||
|
||||
var NUMERIC = 5; // An attribute that must be positive numeric or parse as a positive numeric.
|
||||
// When falsy, it should be removed.
|
||||
|
||||
var POSITIVE_NUMERIC = 6;
|
||||
|
||||
/* eslint-disable max-len */
|
||||
var 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";
|
||||
/* eslint-enable max-len */
|
||||
|
||||
var ATTRIBUTE_NAME_CHAR = ATTRIBUTE_NAME_START_CHAR + "\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040";
|
||||
var VALID_ATTRIBUTE_NAME_REGEX = new RegExp('^[' + ATTRIBUTE_NAME_START_CHAR + '][' + ATTRIBUTE_NAME_CHAR + ']*$');
|
||||
var illegalAttributeNameCache = {};
|
||||
var validatedAttributeNameCache = {};
|
||||
function isAttributeNameSafe(attributeName) {
|
||||
if (hasOwnProperty.call(validatedAttributeNameCache, attributeName)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (hasOwnProperty.call(illegalAttributeNameCache, attributeName)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName)) {
|
||||
validatedAttributeNameCache[attributeName] = true;
|
||||
return true;
|
||||
}
|
||||
|
||||
illegalAttributeNameCache[attributeName] = true;
|
||||
|
||||
{
|
||||
error('Invalid attribute name: `%s`', attributeName);
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
function shouldRemoveAttributeWithWarning(name, value, propertyInfo, isCustomComponentTag) {
|
||||
if (propertyInfo !== null && propertyInfo.type === RESERVED) {
|
||||
return false;
|
||||
}
|
||||
|
||||
switch (typeof value) {
|
||||
case 'function': // $FlowIssue symbol is perfectly valid here
|
||||
|
||||
case 'symbol':
|
||||
// eslint-disable-line
|
||||
return true;
|
||||
|
||||
case 'boolean':
|
||||
{
|
||||
if (isCustomComponentTag) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (propertyInfo !== null) {
|
||||
return !propertyInfo.acceptsBooleans;
|
||||
} else {
|
||||
var prefix = name.toLowerCase().slice(0, 5);
|
||||
return prefix !== 'data-' && prefix !== 'aria-';
|
||||
}
|
||||
}
|
||||
|
||||
default:
|
||||
return false;
|
||||
}
|
||||
}
|
||||
function getPropertyInfo(name) {
|
||||
return properties.hasOwnProperty(name) ? properties[name] : null;
|
||||
}
|
||||
|
||||
function PropertyInfoRecord(name, type, mustUseProperty, attributeName, attributeNamespace, sanitizeURL, removeEmptyString) {
|
||||
this.acceptsBooleans = type === BOOLEANISH_STRING || type === BOOLEAN || type === OVERLOADED_BOOLEAN;
|
||||
this.attributeName = attributeName;
|
||||
this.attributeNamespace = attributeNamespace;
|
||||
this.mustUseProperty = mustUseProperty;
|
||||
this.propertyName = name;
|
||||
this.type = type;
|
||||
this.sanitizeURL = sanitizeURL;
|
||||
this.removeEmptyString = removeEmptyString;
|
||||
} // When adding attributes to this list, be sure to also add them to
|
||||
// the `possibleStandardNames` module to ensure casing and incorrect
|
||||
// name warnings.
|
||||
|
||||
|
||||
var properties = {}; // These props are reserved by React. They shouldn't be written to the DOM.
|
||||
|
||||
var reservedProps = ['children', 'dangerouslySetInnerHTML', // TODO: This prevents the assignment of defaultValue to regular
|
||||
// elements (not just inputs). Now that ReactDOMInput assigns to the
|
||||
// defaultValue property -- do we need this?
|
||||
'defaultValue', 'defaultChecked', 'innerHTML', 'suppressContentEditableWarning', 'suppressHydrationWarning', 'style'];
|
||||
|
||||
reservedProps.forEach(function (name) {
|
||||
properties[name] = new PropertyInfoRecord(name, RESERVED, false, // mustUseProperty
|
||||
name, // attributeName
|
||||
null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
}); // A few React string attributes have a different name.
|
||||
// This is a mapping from React prop names to the attribute names.
|
||||
|
||||
[['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, STRING, false, // mustUseProperty
|
||||
attributeName, // attributeName
|
||||
null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
}); // These are "enumerated" HTML attributes that accept "true" and "false".
|
||||
// In React, we let users pass `true` and `false` even though technically
|
||||
// these aren't boolean attributes (they are coerced to strings).
|
||||
|
||||
['contentEditable', 'draggable', 'spellCheck', 'value'].forEach(function (name) {
|
||||
properties[name] = new PropertyInfoRecord(name, BOOLEANISH_STRING, false, // mustUseProperty
|
||||
name.toLowerCase(), // attributeName
|
||||
null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
}); // These are "enumerated" SVG attributes that accept "true" and "false".
|
||||
// In React, we let users pass `true` and `false` even though technically
|
||||
// these aren't boolean attributes (they are coerced to strings).
|
||||
// Since these are SVG attributes, their attribute names are case-sensitive.
|
||||
|
||||
['autoReverse', 'externalResourcesRequired', 'focusable', 'preserveAlpha'].forEach(function (name) {
|
||||
properties[name] = new PropertyInfoRecord(name, BOOLEANISH_STRING, false, // mustUseProperty
|
||||
name, // attributeName
|
||||
null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
}); // These are HTML boolean attributes.
|
||||
|
||||
['allowFullScreen', 'async', // Note: there is a special case that prevents it from being written to the DOM
|
||||
// on the client side because the browsers are inconsistent. Instead we call focus().
|
||||
'autoFocus', 'autoPlay', 'controls', 'default', 'defer', 'disabled', 'disablePictureInPicture', 'disableRemotePlayback', 'formNoValidate', 'hidden', 'loop', 'noModule', 'noValidate', 'open', 'playsInline', 'readOnly', 'required', 'reversed', 'scoped', 'seamless', // Microdata
|
||||
'itemScope'].forEach(function (name) {
|
||||
properties[name] = new PropertyInfoRecord(name, BOOLEAN, false, // mustUseProperty
|
||||
name.toLowerCase(), // attributeName
|
||||
null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
}); // These are the few React props that we set as DOM properties
|
||||
// rather than attributes. These are all booleans.
|
||||
|
||||
['checked', // Note: `option.selected` is not updated if `select.multiple` is
|
||||
// disabled with `removeAttribute`. We have special logic for handling this.
|
||||
'multiple', 'muted', 'selected' // NOTE: if you add a camelCased prop to this list,
|
||||
// you'll need to set attributeName to name.toLowerCase()
|
||||
// instead in the assignment below.
|
||||
].forEach(function (name) {
|
||||
properties[name] = new PropertyInfoRecord(name, BOOLEAN, true, // mustUseProperty
|
||||
name, // attributeName
|
||||
null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
}); // These are HTML attributes that are "overloaded booleans": they behave like
|
||||
// booleans, but can also accept a string value.
|
||||
|
||||
['capture', 'download' // NOTE: if you add a camelCased prop to this list,
|
||||
// you'll need to set attributeName to name.toLowerCase()
|
||||
// instead in the assignment below.
|
||||
].forEach(function (name) {
|
||||
properties[name] = new PropertyInfoRecord(name, OVERLOADED_BOOLEAN, false, // mustUseProperty
|
||||
name, // attributeName
|
||||
null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
}); // These are HTML attributes that must be positive numbers.
|
||||
|
||||
['cols', 'rows', 'size', 'span' // NOTE: if you add a camelCased prop to this list,
|
||||
// you'll need to set attributeName to name.toLowerCase()
|
||||
// instead in the assignment below.
|
||||
].forEach(function (name) {
|
||||
properties[name] = new PropertyInfoRecord(name, POSITIVE_NUMERIC, false, // mustUseProperty
|
||||
name, // attributeName
|
||||
null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
}); // These are HTML attributes that must be numbers.
|
||||
|
||||
['rowSpan', 'start'].forEach(function (name) {
|
||||
properties[name] = new PropertyInfoRecord(name, NUMERIC, false, // mustUseProperty
|
||||
name.toLowerCase(), // attributeName
|
||||
null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
});
|
||||
var CAMELIZE = /[\-\:]([a-z])/g;
|
||||
|
||||
var capitalize = function (token) {
|
||||
return token[1].toUpperCase();
|
||||
}; // This is a list of all SVG attributes that need special casing, namespacing,
|
||||
// or boolean value assignment. Regular attributes that just accept strings
|
||||
// and have the same names are omitted, just like in the HTML attribute filter.
|
||||
// Some of these attributes can be hard to find. This list was created by
|
||||
// scraping the MDN documentation.
|
||||
|
||||
|
||||
['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' // NOTE: if you add a camelCased prop to this list,
|
||||
// you'll need to set attributeName to name.toLowerCase()
|
||||
// instead in the assignment below.
|
||||
].forEach(function (attributeName) {
|
||||
var name = attributeName.replace(CAMELIZE, capitalize);
|
||||
properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
|
||||
attributeName, null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
}); // String SVG attributes with the xlink namespace.
|
||||
|
||||
['xlink:actuate', 'xlink:arcrole', 'xlink:role', 'xlink:show', 'xlink:title', 'xlink:type' // NOTE: if you add a camelCased prop to this list,
|
||||
// you'll need to set attributeName to name.toLowerCase()
|
||||
// instead in the assignment below.
|
||||
].forEach(function (attributeName) {
|
||||
var name = attributeName.replace(CAMELIZE, capitalize);
|
||||
properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
|
||||
attributeName, 'http://www.w3.org/1999/xlink', false, // sanitizeURL
|
||||
false);
|
||||
}); // String SVG attributes with the xml namespace.
|
||||
|
||||
['xml:base', 'xml:lang', 'xml:space' // NOTE: if you add a camelCased prop to this list,
|
||||
// you'll need to set attributeName to name.toLowerCase()
|
||||
// instead in the assignment below.
|
||||
].forEach(function (attributeName) {
|
||||
var name = attributeName.replace(CAMELIZE, capitalize);
|
||||
properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
|
||||
attributeName, 'http://www.w3.org/XML/1998/namespace', false, // sanitizeURL
|
||||
false);
|
||||
}); // These attribute exists both in HTML and SVG.
|
||||
// The attribute name is case-sensitive in SVG so we can't just use
|
||||
// the React name like we do for attributes that exist only in HTML.
|
||||
|
||||
['tabIndex', 'crossOrigin'].forEach(function (attributeName) {
|
||||
properties[attributeName] = new PropertyInfoRecord(attributeName, STRING, false, // mustUseProperty
|
||||
attributeName.toLowerCase(), // attributeName
|
||||
null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
}); // These attributes accept URLs. These must not allow javascript: URLS.
|
||||
// These will also need to accept Trusted Types object in the future.
|
||||
|
||||
var xlinkHref = 'xlinkHref';
|
||||
properties[xlinkHref] = new PropertyInfoRecord('xlinkHref', STRING, false, // mustUseProperty
|
||||
'xlink:href', 'http://www.w3.org/1999/xlink', true, // sanitizeURL
|
||||
false);
|
||||
['src', 'href', 'action', 'formAction'].forEach(function (attributeName) {
|
||||
properties[attributeName] = new PropertyInfoRecord(attributeName, STRING, false, // mustUseProperty
|
||||
attributeName.toLowerCase(), // attributeName
|
||||
null, // attributeNamespace
|
||||
true, // sanitizeURL
|
||||
true);
|
||||
});
|
||||
|
||||
/**
|
||||
* CSS properties which accept numbers but are not in units of "px".
|
||||
*/
|
||||
var isUnitlessNumber = {
|
||||
animationIterationCount: true,
|
||||
aspectRatio: true,
|
||||
borderImageOutset: true,
|
||||
borderImageSlice: true,
|
||||
borderImageWidth: true,
|
||||
boxFlex: true,
|
||||
boxFlexGroup: true,
|
||||
boxOrdinalGroup: true,
|
||||
columnCount: true,
|
||||
columns: true,
|
||||
flex: true,
|
||||
flexGrow: true,
|
||||
flexPositive: true,
|
||||
flexShrink: true,
|
||||
flexNegative: true,
|
||||
flexOrder: true,
|
||||
gridArea: true,
|
||||
gridRow: true,
|
||||
gridRowEnd: true,
|
||||
gridRowSpan: true,
|
||||
gridRowStart: true,
|
||||
gridColumn: true,
|
||||
gridColumnEnd: true,
|
||||
gridColumnSpan: true,
|
||||
gridColumnStart: true,
|
||||
fontWeight: true,
|
||||
lineClamp: true,
|
||||
lineHeight: true,
|
||||
opacity: true,
|
||||
order: true,
|
||||
orphans: true,
|
||||
tabSize: true,
|
||||
widows: true,
|
||||
zIndex: true,
|
||||
zoom: true,
|
||||
// SVG-related properties
|
||||
fillOpacity: true,
|
||||
floodOpacity: true,
|
||||
stopOpacity: true,
|
||||
strokeDasharray: true,
|
||||
strokeDashoffset: true,
|
||||
strokeMiterlimit: true,
|
||||
strokeOpacity: true,
|
||||
strokeWidth: true
|
||||
};
|
||||
/**
|
||||
* @param {string} prefix vendor-specific prefix, eg: Webkit
|
||||
* @param {string} key style name, eg: transitionDuration
|
||||
* @return {string} style name prefixed with `prefix`, properly camelCased, eg:
|
||||
* WebkitTransitionDuration
|
||||
*/
|
||||
|
||||
function prefixKey(prefix, key) {
|
||||
return prefix + key.charAt(0).toUpperCase() + key.substring(1);
|
||||
}
|
||||
/**
|
||||
* Support style names that may come passed in prefixed by adding permutations
|
||||
* of vendor prefixes.
|
||||
*/
|
||||
|
||||
|
||||
var prefixes = ['Webkit', 'ms', 'Moz', 'O']; // Using Object.keys here, or else the vanilla for-in loop makes IE8 go into an
|
||||
// infinite loop, because it iterates over the newly added props too.
|
||||
|
||||
Object.keys(isUnitlessNumber).forEach(function (prop) {
|
||||
prefixes.forEach(function (prefix) {
|
||||
isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
|
||||
});
|
||||
});
|
||||
|
||||
var hasReadOnlyValue = {
|
||||
button: true,
|
||||
checkbox: true,
|
||||
image: true,
|
||||
hidden: true,
|
||||
radio: true,
|
||||
reset: true,
|
||||
submit: true
|
||||
};
|
||||
function checkControlledValueProps(tagName, props) {
|
||||
{
|
||||
if (!(hasReadOnlyValue[props.type] || props.onChange || props.onInput || props.readOnly || props.disabled || props.value == null)) {
|
||||
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`.');
|
||||
}
|
||||
|
||||
if (!(props.onChange || props.readOnly || props.disabled || props.checked == null)) {
|
||||
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 isCustomComponent(tagName, props) {
|
||||
if (tagName.indexOf('-') === -1) {
|
||||
return typeof props.is === 'string';
|
||||
}
|
||||
|
||||
switch (tagName) {
|
||||
// These are reserved SVG and MathML elements.
|
||||
// We don't mind this list too much because we expect it to never grow.
|
||||
// The alternative is to track the namespace in a few places which is convoluted.
|
||||
// https://w3c.github.io/webcomponents/spec/custom/#custom-elements-core-concepts
|
||||
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 false;
|
||||
|
||||
default:
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
var ariaProperties = {
|
||||
'aria-current': 0,
|
||||
// state
|
||||
'aria-description': 0,
|
||||
'aria-details': 0,
|
||||
'aria-disabled': 0,
|
||||
// state
|
||||
'aria-hidden': 0,
|
||||
// state
|
||||
'aria-invalid': 0,
|
||||
// state
|
||||
'aria-keyshortcuts': 0,
|
||||
'aria-label': 0,
|
||||
'aria-roledescription': 0,
|
||||
// Widget Attributes
|
||||
'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,
|
||||
// Live Region Attributes
|
||||
'aria-atomic': 0,
|
||||
'aria-busy': 0,
|
||||
'aria-live': 0,
|
||||
'aria-relevant': 0,
|
||||
// Drag-and-Drop Attributes
|
||||
'aria-dropeffect': 0,
|
||||
'aria-grabbed': 0,
|
||||
// Relationship Attributes
|
||||
'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
|
||||
};
|
||||
|
||||
var warnedProperties = {};
|
||||
var rARIA = new RegExp('^(aria)-[' + ATTRIBUTE_NAME_CHAR + ']*$');
|
||||
var rARIACamel = new RegExp('^(aria)[A-Z][' + ATTRIBUTE_NAME_CHAR + ']*$');
|
||||
|
||||
function validateProperty(tagName, name) {
|
||||
{
|
||||
if (hasOwnProperty.call(warnedProperties, name) && warnedProperties[name]) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (rARIACamel.test(name)) {
|
||||
var ariaName = 'aria-' + name.slice(4).toLowerCase();
|
||||
var correctName = ariaProperties.hasOwnProperty(ariaName) ? ariaName : null; // If this is an aria-* attribute, but is not listed in the known DOM
|
||||
// DOM properties, then it is an invalid aria-* attribute.
|
||||
|
||||
if (correctName == null) {
|
||||
error('Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.', name);
|
||||
|
||||
warnedProperties[name] = true;
|
||||
return true;
|
||||
} // aria-* attributes should be lowercase; suggest the lowercase version.
|
||||
|
||||
|
||||
if (name !== correctName) {
|
||||
error('Invalid ARIA attribute `%s`. Did you mean `%s`?', name, correctName);
|
||||
|
||||
warnedProperties[name] = true;
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
if (rARIA.test(name)) {
|
||||
var lowerCasedName = name.toLowerCase();
|
||||
var standardName = ariaProperties.hasOwnProperty(lowerCasedName) ? lowerCasedName : null; // If this is an aria-* attribute, but is not listed in the known DOM
|
||||
// DOM properties, then it is an invalid aria-* attribute.
|
||||
|
||||
if (standardName == null) {
|
||||
warnedProperties[name] = true;
|
||||
return false;
|
||||
} // aria-* attributes should be lowercase; suggest the lowercase version.
|
||||
|
||||
|
||||
if (name !== standardName) {
|
||||
error('Unknown ARIA attribute `%s`. Did you mean `%s`?', name, standardName);
|
||||
|
||||
warnedProperties[name] = true;
|
||||
return true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
function warnInvalidARIAProps(type, props) {
|
||||
{
|
||||
var invalidProps = [];
|
||||
|
||||
for (var key in props) {
|
||||
var isValid = validateProperty(type, key);
|
||||
|
||||
if (!isValid) {
|
||||
invalidProps.push(key);
|
||||
}
|
||||
}
|
||||
|
||||
var unknownPropString = invalidProps.map(function (prop) {
|
||||
return '`' + prop + '`';
|
||||
}).join(', ');
|
||||
|
||||
if (invalidProps.length === 1) {
|
||||
error('Invalid aria prop %s on <%s> tag. ' + 'For details, see https://reactjs.org/link/invalid-aria-props', unknownPropString, type);
|
||||
} else if (invalidProps.length > 1) {
|
||||
error('Invalid aria props %s on <%s> tag. ' + 'For details, see https://reactjs.org/link/invalid-aria-props', unknownPropString, type);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function validateProperties(type, props) {
|
||||
if (isCustomComponent(type, props)) {
|
||||
return;
|
||||
}
|
||||
|
||||
warnInvalidARIAProps(type, props);
|
||||
}
|
||||
|
||||
var didWarnValueNull = false;
|
||||
function validateProperties$1(type, props) {
|
||||
{
|
||||
if (type !== 'input' && type !== 'textarea' && type !== 'select') {
|
||||
return;
|
||||
}
|
||||
|
||||
if (props != null && props.value === null && !didWarnValueNull) {
|
||||
didWarnValueNull = true;
|
||||
|
||||
if (type === 'select' && 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);
|
||||
} else {
|
||||
error('`value` prop on `%s` should not be null. ' + 'Consider using an empty string to clear the component or `undefined` ' + 'for uncontrolled components.', type);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// When adding attributes to the HTML or SVG allowed attribute list, be sure to
|
||||
// also add them to this module to ensure casing and incorrect name
|
||||
// warnings.
|
||||
var possibleStandardNames = {
|
||||
// HTML
|
||||
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',
|
||||
imagesizes: 'imageSizes',
|
||||
imagesrcset: 'imageSrcSet',
|
||||
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',
|
||||
// SVG
|
||||
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'
|
||||
};
|
||||
|
||||
var validateProperty$1 = function () {};
|
||||
|
||||
{
|
||||
var warnedProperties$1 = {};
|
||||
var EVENT_NAME_REGEX = /^on./;
|
||||
var INVALID_EVENT_NAME_REGEX = /^on[^A-Z]/;
|
||||
var rARIA$1 = new RegExp('^(aria)-[' + ATTRIBUTE_NAME_CHAR + ']*$');
|
||||
var 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 true;
|
||||
}
|
||||
|
||||
var lowerCasedName = name.toLowerCase();
|
||||
|
||||
if (lowerCasedName === 'onfocusin' || lowerCasedName === 'onfocusout') {
|
||||
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] = true;
|
||||
return true;
|
||||
} // We can't rely on the event system being injected on the server.
|
||||
|
||||
|
||||
if (eventRegistry != null) {
|
||||
var registrationNameDependencies = eventRegistry.registrationNameDependencies,
|
||||
possibleRegistrationNames = eventRegistry.possibleRegistrationNames;
|
||||
|
||||
if (registrationNameDependencies.hasOwnProperty(name)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
var registrationName = possibleRegistrationNames.hasOwnProperty(lowerCasedName) ? possibleRegistrationNames[lowerCasedName] : null;
|
||||
|
||||
if (registrationName != null) {
|
||||
error('Invalid event handler property `%s`. Did you mean `%s`?', name, registrationName);
|
||||
|
||||
warnedProperties$1[name] = true;
|
||||
return true;
|
||||
}
|
||||
|
||||
if (EVENT_NAME_REGEX.test(name)) {
|
||||
error('Unknown event handler property `%s`. It will be ignored.', name);
|
||||
|
||||
warnedProperties$1[name] = true;
|
||||
return true;
|
||||
}
|
||||
} else if (EVENT_NAME_REGEX.test(name)) {
|
||||
// If no event plugins have been injected, we are in a server environment.
|
||||
// So we can't tell if the event name is correct for sure, but we can filter
|
||||
// out known bad ones like `onclick`. We can't suggest a specific replacement though.
|
||||
if (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] = true;
|
||||
return true;
|
||||
} // Let the ARIA attribute hook validate ARIA attributes
|
||||
|
||||
|
||||
if (rARIA$1.test(name) || rARIACamel$1.test(name)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (lowerCasedName === 'innerhtml') {
|
||||
error('Directly setting property `innerHTML` is not permitted. ' + 'For more information, lookup documentation on `dangerouslySetInnerHTML`.');
|
||||
|
||||
warnedProperties$1[name] = true;
|
||||
return true;
|
||||
}
|
||||
|
||||
if (lowerCasedName === 'aria') {
|
||||
error('The `aria` attribute is reserved for future use in React. ' + 'Pass individual `aria-` attributes instead.');
|
||||
|
||||
warnedProperties$1[name] = true;
|
||||
return true;
|
||||
}
|
||||
|
||||
if (lowerCasedName === 'is' && value !== null && value !== undefined && typeof value !== 'string') {
|
||||
error('Received a `%s` for a string attribute `is`. If this is expected, cast ' + 'the value to a string.', typeof value);
|
||||
|
||||
warnedProperties$1[name] = true;
|
||||
return true;
|
||||
}
|
||||
|
||||
if (typeof value === 'number' && isNaN(value)) {
|
||||
error('Received NaN for the `%s` attribute. If this is expected, cast ' + 'the value to a string.', name);
|
||||
|
||||
warnedProperties$1[name] = true;
|
||||
return true;
|
||||
}
|
||||
|
||||
var propertyInfo = getPropertyInfo(name);
|
||||
var isReserved = propertyInfo !== null && propertyInfo.type === RESERVED; // Known attributes should match the casing specified in the property config.
|
||||
|
||||
if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
|
||||
var standardName = possibleStandardNames[lowerCasedName];
|
||||
|
||||
if (standardName !== name) {
|
||||
error('Invalid DOM property `%s`. Did you mean `%s`?', name, standardName);
|
||||
|
||||
warnedProperties$1[name] = true;
|
||||
return true;
|
||||
}
|
||||
} else if (!isReserved && name !== lowerCasedName) {
|
||||
// Unknown attributes should have lowercase casing since that's how they
|
||||
// will be cased anyway with server rendering.
|
||||
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] = true;
|
||||
return true;
|
||||
}
|
||||
|
||||
if (typeof value === 'boolean' && shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)) {
|
||||
if (value) {
|
||||
error('Received `%s` for a non-boolean attribute `%s`.\n\n' + 'If you want to write it to the DOM, pass a string instead: ' + '%s="%s" or %s={value.toString()}.', value, name, name, value, name);
|
||||
} else {
|
||||
error('Received `%s` for a non-boolean attribute `%s`.\n\n' + 'If you want to write it to the DOM, pass a string instead: ' + '%s="%s" or %s={value.toString()}.\n\n' + 'If 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] = true;
|
||||
return true;
|
||||
} // Now that we've validated casing, do not validate
|
||||
// data types for reserved props
|
||||
|
||||
|
||||
if (isReserved) {
|
||||
return true;
|
||||
} // Warn when a known attribute is a bad type
|
||||
|
||||
|
||||
if (shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)) {
|
||||
warnedProperties$1[name] = true;
|
||||
return false;
|
||||
} // Warn when passing the strings 'false' or 'true' into a boolean prop
|
||||
|
||||
|
||||
if ((value === 'false' || value === 'true') && propertyInfo !== null && propertyInfo.type === BOOLEAN) {
|
||||
error('Received the string `%s` for the boolean attribute `%s`. ' + '%s ' + 'Did you mean %s={%s}?', value, name, value === 'false' ? '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] = true;
|
||||
return true;
|
||||
}
|
||||
|
||||
return true;
|
||||
};
|
||||
}
|
||||
|
||||
var warnUnknownProperties = function (type, props, eventRegistry) {
|
||||
{
|
||||
var unknownProps = [];
|
||||
|
||||
for (var key in props) {
|
||||
var isValid = validateProperty$1(type, key, props[key], eventRegistry);
|
||||
|
||||
if (!isValid) {
|
||||
unknownProps.push(key);
|
||||
}
|
||||
}
|
||||
|
||||
var unknownPropString = unknownProps.map(function (prop) {
|
||||
return '`' + prop + '`';
|
||||
}).join(', ');
|
||||
|
||||
if (unknownProps.length === 1) {
|
||||
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);
|
||||
} else if (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);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
function validateProperties$2(type, props, eventRegistry) {
|
||||
if (isCustomComponent(type, props)) {
|
||||
return;
|
||||
}
|
||||
|
||||
warnUnknownProperties(type, props, eventRegistry);
|
||||
}
|
||||
|
||||
var warnValidStyle = function () {};
|
||||
|
||||
{
|
||||
// 'msTransform' is correct, but the other prefixes should be capitalized
|
||||
var badVendoredStyleNamePattern = /^(?:webkit|moz|o)[A-Z]/;
|
||||
var msPattern = /^-ms-/;
|
||||
var hyphenPattern = /-(.)/g; // style values shouldn't contain a semicolon
|
||||
|
||||
var badStyleValueWithSemicolonPattern = /;\s*$/;
|
||||
var warnedStyleNames = {};
|
||||
var warnedStyleValues = {};
|
||||
var warnedForNaNValue = false;
|
||||
var warnedForInfinityValue = false;
|
||||
|
||||
var camelize = function (string) {
|
||||
return string.replace(hyphenPattern, function (_, character) {
|
||||
return character.toUpperCase();
|
||||
});
|
||||
};
|
||||
|
||||
var warnHyphenatedStyleName = function (name) {
|
||||
if (warnedStyleNames.hasOwnProperty(name) && warnedStyleNames[name]) {
|
||||
return;
|
||||
}
|
||||
|
||||
warnedStyleNames[name] = true;
|
||||
|
||||
error('Unsupported style property %s. Did you mean %s?', name, // As Andi Smith suggests
|
||||
// (http://www.andismith.com/blog/2012/02/modernizr-prefixed/), an `-ms` prefix
|
||||
// is converted to lowercase `ms`.
|
||||
camelize(name.replace(msPattern, 'ms-')));
|
||||
};
|
||||
|
||||
var warnBadVendoredStyleName = function (name) {
|
||||
if (warnedStyleNames.hasOwnProperty(name) && warnedStyleNames[name]) {
|
||||
return;
|
||||
}
|
||||
|
||||
warnedStyleNames[name] = true;
|
||||
|
||||
error('Unsupported vendor-prefixed style property %s. Did you mean %s?', name, name.charAt(0).toUpperCase() + name.slice(1));
|
||||
};
|
||||
|
||||
var warnStyleValueWithSemicolon = function (name, value) {
|
||||
if (warnedStyleValues.hasOwnProperty(value) && warnedStyleValues[value]) {
|
||||
return;
|
||||
}
|
||||
|
||||
warnedStyleValues[value] = true;
|
||||
|
||||
error("Style property values shouldn't contain a semicolon. " + 'Try "%s: %s" instead.', name, value.replace(badStyleValueWithSemicolonPattern, ''));
|
||||
};
|
||||
|
||||
var warnStyleValueIsNaN = function (name, value) {
|
||||
if (warnedForNaNValue) {
|
||||
return;
|
||||
}
|
||||
|
||||
warnedForNaNValue = true;
|
||||
|
||||
error('`NaN` is an invalid value for the `%s` css style property.', name);
|
||||
};
|
||||
|
||||
var warnStyleValueIsInfinity = function (name, value) {
|
||||
if (warnedForInfinityValue) {
|
||||
return;
|
||||
}
|
||||
|
||||
warnedForInfinityValue = true;
|
||||
|
||||
error('`Infinity` is an invalid value for the `%s` css style property.', name);
|
||||
};
|
||||
|
||||
warnValidStyle = function (name, value) {
|
||||
if (name.indexOf('-') > -1) {
|
||||
warnHyphenatedStyleName(name);
|
||||
} else if (badVendoredStyleNamePattern.test(name)) {
|
||||
warnBadVendoredStyleName(name);
|
||||
} else if (badStyleValueWithSemicolonPattern.test(value)) {
|
||||
warnStyleValueWithSemicolon(name, value);
|
||||
}
|
||||
|
||||
if (typeof value === 'number') {
|
||||
if (isNaN(value)) {
|
||||
warnStyleValueIsNaN(name, value);
|
||||
} else if (!isFinite(value)) {
|
||||
warnStyleValueIsInfinity(name, value);
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
var warnValidStyle$1 = warnValidStyle;
|
||||
|
||||
// code copied and modified from escape-html
|
||||
var matchHtmlRegExp = /["'&<>]/;
|
||||
/**
|
||||
* Escapes special characters and HTML entities in a given html string.
|
||||
*
|
||||
* @param {string} string HTML string to escape for later insertion
|
||||
* @return {string}
|
||||
* @public
|
||||
*/
|
||||
|
||||
function escapeHtml(string) {
|
||||
{
|
||||
checkHtmlStringCoercion(string);
|
||||
}
|
||||
|
||||
var str = '' + string;
|
||||
var match = matchHtmlRegExp.exec(str);
|
||||
|
||||
if (!match) {
|
||||
return str;
|
||||
}
|
||||
|
||||
var escape;
|
||||
var html = '';
|
||||
var index;
|
||||
var lastIndex = 0;
|
||||
|
||||
for (index = match.index; index < str.length; index++) {
|
||||
switch (str.charCodeAt(index)) {
|
||||
case 34:
|
||||
// "
|
||||
escape = '"';
|
||||
break;
|
||||
|
||||
case 38:
|
||||
// &
|
||||
escape = '&';
|
||||
break;
|
||||
|
||||
case 39:
|
||||
// '
|
||||
escape = '''; // modified from escape-html; used to be '''
|
||||
|
||||
break;
|
||||
|
||||
case 60:
|
||||
// <
|
||||
escape = '<';
|
||||
break;
|
||||
|
||||
case 62:
|
||||
// >
|
||||
escape = '>';
|
||||
break;
|
||||
|
||||
default:
|
||||
continue;
|
||||
}
|
||||
|
||||
if (lastIndex !== index) {
|
||||
html += str.substring(lastIndex, index);
|
||||
}
|
||||
|
||||
lastIndex = index + 1;
|
||||
html += escape;
|
||||
}
|
||||
|
||||
return lastIndex !== index ? html + str.substring(lastIndex, index) : html;
|
||||
} // end code copied and modified from escape-html
|
||||
|
||||
/**
|
||||
* Escapes text to prevent scripting attacks.
|
||||
*
|
||||
* @param {*} text Text value to escape.
|
||||
* @return {string} An escaped string.
|
||||
*/
|
||||
|
||||
|
||||
function escapeTextForBrowser(text) {
|
||||
if (typeof text === 'boolean' || typeof text === 'number') {
|
||||
// this shortcircuit helps perf for types that we know will never have
|
||||
// special characters, especially given that this function is used often
|
||||
// for numeric dom ids.
|
||||
return '' + text;
|
||||
}
|
||||
|
||||
return escapeHtml(text);
|
||||
}
|
||||
|
||||
var uppercasePattern = /([A-Z])/g;
|
||||
var msPattern$1 = /^ms-/;
|
||||
/**
|
||||
* Hyphenates a camelcased CSS property name, for example:
|
||||
*
|
||||
* > hyphenateStyleName('backgroundColor')
|
||||
* < "background-color"
|
||||
* > hyphenateStyleName('MozTransition')
|
||||
* < "-moz-transition"
|
||||
* > hyphenateStyleName('msTransition')
|
||||
* < "-ms-transition"
|
||||
*
|
||||
* As Modernizr suggests (http://modernizr.com/docs/#prefixed), an `ms` prefix
|
||||
* is converted to `-ms-`.
|
||||
*/
|
||||
|
||||
function hyphenateStyleName(name) {
|
||||
return name.replace(uppercasePattern, '-$1').toLowerCase().replace(msPattern$1, '-ms-');
|
||||
}
|
||||
|
||||
// and any newline or tab are filtered out as if they're not part of the URL.
|
||||
// https://url.spec.whatwg.org/#url-parsing
|
||||
// Tab or newline are defined as \r\n\t:
|
||||
// https://infra.spec.whatwg.org/#ascii-tab-or-newline
|
||||
// A C0 control is a code point in the range \u0000 NULL to \u001F
|
||||
// INFORMATION SEPARATOR ONE, inclusive:
|
||||
// https://infra.spec.whatwg.org/#c0-control-or-space
|
||||
|
||||
/* eslint-disable max-len */
|
||||
|
||||
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;
|
||||
var didWarn = false;
|
||||
|
||||
function sanitizeURL(url) {
|
||||
{
|
||||
if (!didWarn && isJavaScriptProtocol.test(url)) {
|
||||
didWarn = true;
|
||||
|
||||
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));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
|
||||
|
||||
function isArray(a) {
|
||||
return isArrayImpl(a);
|
||||
}
|
||||
|
||||
var startInlineScript = stringToPrecomputedChunk('<script>');
|
||||
var endInlineScript = stringToPrecomputedChunk('</script>');
|
||||
var startScriptSrc = stringToPrecomputedChunk('<script src="');
|
||||
var startModuleSrc = stringToPrecomputedChunk('<script type="module" src="');
|
||||
var endAsyncScript = stringToPrecomputedChunk('" async=""></script>');
|
||||
/**
|
||||
* This escaping function is designed to work with bootstrapScriptContent only.
|
||||
* because we know we are escaping the entire script. We can avoid for instance
|
||||
* escaping html comment string sequences that are valid javascript as well because
|
||||
* if there are no sebsequent <script sequences the html parser will never enter
|
||||
* script data double escaped state (see: https://www.w3.org/TR/html53/syntax.html#script-data-double-escaped-state)
|
||||
*
|
||||
* While untrusted script content should be made safe before using this api it will
|
||||
* ensure that the script cannot be early terminated or never terminated state
|
||||
*/
|
||||
|
||||
function escapeBootstrapScriptContent(scriptText) {
|
||||
{
|
||||
checkHtmlStringCoercion(scriptText);
|
||||
}
|
||||
|
||||
return ('' + scriptText).replace(scriptRegex, scriptReplacer);
|
||||
}
|
||||
|
||||
var scriptRegex = /(<\/|<)(s)(cript)/gi;
|
||||
|
||||
var scriptReplacer = function (match, prefix, s, suffix) {
|
||||
return "" + prefix + (s === 's' ? "\\u0073" : "\\u0053") + suffix;
|
||||
}; // Allows us to keep track of what we've already written so we can refer back to it.
|
||||
|
||||
|
||||
function createResponseState(identifierPrefix, nonce, bootstrapScriptContent, bootstrapScripts, bootstrapModules) {
|
||||
var idPrefix = identifierPrefix === undefined ? '' : identifierPrefix;
|
||||
var inlineScriptWithNonce = nonce === undefined ? startInlineScript : stringToPrecomputedChunk('<script nonce="' + escapeTextForBrowser(nonce) + '">');
|
||||
var bootstrapChunks = [];
|
||||
|
||||
if (bootstrapScriptContent !== undefined) {
|
||||
bootstrapChunks.push(inlineScriptWithNonce, stringToChunk(escapeBootstrapScriptContent(bootstrapScriptContent)), endInlineScript);
|
||||
}
|
||||
|
||||
if (bootstrapScripts !== undefined) {
|
||||
for (var i = 0; i < bootstrapScripts.length; i++) {
|
||||
bootstrapChunks.push(startScriptSrc, stringToChunk(escapeTextForBrowser(bootstrapScripts[i])), endAsyncScript);
|
||||
}
|
||||
}
|
||||
|
||||
if (bootstrapModules !== undefined) {
|
||||
for (var _i = 0; _i < bootstrapModules.length; _i++) {
|
||||
bootstrapChunks.push(startModuleSrc, stringToChunk(escapeTextForBrowser(bootstrapModules[_i])), endAsyncScript);
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
bootstrapChunks: bootstrapChunks,
|
||||
startInlineScript: inlineScriptWithNonce,
|
||||
placeholderPrefix: stringToPrecomputedChunk(idPrefix + 'P:'),
|
||||
segmentPrefix: stringToPrecomputedChunk(idPrefix + 'S:'),
|
||||
boundaryPrefix: idPrefix + 'B:',
|
||||
idPrefix: idPrefix,
|
||||
nextSuspenseID: 0,
|
||||
sentCompleteSegmentFunction: false,
|
||||
sentCompleteBoundaryFunction: false,
|
||||
sentClientRenderFunction: false
|
||||
};
|
||||
} // Constants for the insertion mode we're currently writing in. We don't encode all HTML5 insertion
|
||||
// modes. We only include the variants as they matter for the sake of our purposes.
|
||||
// We don't actually provide the namespace therefore we use constants instead of the string.
|
||||
|
||||
var ROOT_HTML_MODE = 0; // Used for the root most element tag.
|
||||
|
||||
var HTML_MODE = 1;
|
||||
var SVG_MODE = 2;
|
||||
var MATHML_MODE = 3;
|
||||
var HTML_TABLE_MODE = 4;
|
||||
var HTML_TABLE_BODY_MODE = 5;
|
||||
var HTML_TABLE_ROW_MODE = 6;
|
||||
var HTML_COLGROUP_MODE = 7; // We have a greater than HTML_TABLE_MODE check elsewhere. If you add more cases here, make sure it
|
||||
// still makes sense
|
||||
|
||||
function createFormatContext(insertionMode, selectedValue) {
|
||||
return {
|
||||
insertionMode: insertionMode,
|
||||
selectedValue: selectedValue
|
||||
};
|
||||
}
|
||||
function getChildFormatContext(parentContext, type, props) {
|
||||
switch (type) {
|
||||
case 'select':
|
||||
return createFormatContext(HTML_MODE, props.value != null ? props.value : props.defaultValue);
|
||||
|
||||
case 'svg':
|
||||
return createFormatContext(SVG_MODE, null);
|
||||
|
||||
case 'math':
|
||||
return createFormatContext(MATHML_MODE, null);
|
||||
|
||||
case 'foreignObject':
|
||||
return createFormatContext(HTML_MODE, null);
|
||||
// Table parents are special in that their children can only be created at all if they're
|
||||
// wrapped in a table parent. So we need to encode that we're entering this mode.
|
||||
|
||||
case 'table':
|
||||
return createFormatContext(HTML_TABLE_MODE, null);
|
||||
|
||||
case 'thead':
|
||||
case 'tbody':
|
||||
case 'tfoot':
|
||||
return createFormatContext(HTML_TABLE_BODY_MODE, null);
|
||||
|
||||
case 'colgroup':
|
||||
return createFormatContext(HTML_COLGROUP_MODE, null);
|
||||
|
||||
case 'tr':
|
||||
return createFormatContext(HTML_TABLE_ROW_MODE, null);
|
||||
}
|
||||
|
||||
if (parentContext.insertionMode >= HTML_TABLE_MODE) {
|
||||
// Whatever tag this was, it wasn't a table parent or other special parent, so we must have
|
||||
// entered plain HTML again.
|
||||
return createFormatContext(HTML_MODE, null);
|
||||
}
|
||||
|
||||
if (parentContext.insertionMode === ROOT_HTML_MODE) {
|
||||
// We've emitted the root and is now in plain HTML mode.
|
||||
return createFormatContext(HTML_MODE, null);
|
||||
}
|
||||
|
||||
return parentContext;
|
||||
}
|
||||
var UNINITIALIZED_SUSPENSE_BOUNDARY_ID = null;
|
||||
function assignSuspenseBoundaryID(responseState) {
|
||||
var generatedID = responseState.nextSuspenseID++;
|
||||
return stringToPrecomputedChunk(responseState.boundaryPrefix + generatedID.toString(16));
|
||||
}
|
||||
function makeId(responseState, treeId, localId) {
|
||||
var idPrefix = responseState.idPrefix;
|
||||
var id = ':' + idPrefix + 'R' + treeId; // Unless this is the first id at this level, append a number at the end
|
||||
// that represents the position of this useId hook among all the useId
|
||||
// hooks for this fiber.
|
||||
|
||||
if (localId > 0) {
|
||||
id += 'H' + localId.toString(32);
|
||||
}
|
||||
|
||||
return id + ':';
|
||||
}
|
||||
|
||||
function encodeHTMLTextNode(text) {
|
||||
return escapeTextForBrowser(text);
|
||||
}
|
||||
|
||||
var textSeparator = stringToPrecomputedChunk('<!-- -->');
|
||||
function pushTextInstance(target, text, responseState, textEmbedded) {
|
||||
if (text === '') {
|
||||
// Empty text doesn't have a DOM node representation and the hydration is aware of this.
|
||||
return textEmbedded;
|
||||
}
|
||||
|
||||
if (textEmbedded) {
|
||||
target.push(textSeparator);
|
||||
}
|
||||
|
||||
target.push(stringToChunk(encodeHTMLTextNode(text)));
|
||||
return true;
|
||||
} // Called when Fizz is done with a Segment. Currently the only purpose is to conditionally
|
||||
// emit a text separator when we don't know for sure it is safe to omit
|
||||
|
||||
function pushSegmentFinale(target, responseState, lastPushedText, textEmbedded) {
|
||||
if (lastPushedText && textEmbedded) {
|
||||
target.push(textSeparator);
|
||||
}
|
||||
}
|
||||
var styleNameCache = new Map();
|
||||
|
||||
function processStyleName(styleName) {
|
||||
var chunk = styleNameCache.get(styleName);
|
||||
|
||||
if (chunk !== undefined) {
|
||||
return chunk;
|
||||
}
|
||||
|
||||
var result = stringToPrecomputedChunk(escapeTextForBrowser(hyphenateStyleName(styleName)));
|
||||
styleNameCache.set(styleName, result);
|
||||
return result;
|
||||
}
|
||||
|
||||
var styleAttributeStart = stringToPrecomputedChunk(' style="');
|
||||
var styleAssign = stringToPrecomputedChunk(':');
|
||||
var styleSeparator = stringToPrecomputedChunk(';');
|
||||
|
||||
function pushStyle(target, responseState, style) {
|
||||
if (typeof style !== 'object') {
|
||||
throw new Error('The `style` prop expects a mapping from style properties to values, ' + "not a string. For example, style={{marginRight: spacing + 'em'}} when " + 'using JSX.');
|
||||
}
|
||||
|
||||
var isFirst = true;
|
||||
|
||||
for (var styleName in style) {
|
||||
if (!hasOwnProperty.call(style, styleName)) {
|
||||
continue;
|
||||
} // If you provide unsafe user data here they can inject arbitrary CSS
|
||||
// which may be problematic (I couldn't repro this):
|
||||
// https://www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet
|
||||
// http://www.thespanner.co.uk/2007/11/26/ultimate-xss-css-injection/
|
||||
// This is not an XSS hole but instead a potential CSS injection issue
|
||||
// which has lead to a greater discussion about how we're going to
|
||||
// trust URLs moving forward. See #2115901
|
||||
|
||||
|
||||
var styleValue = style[styleName];
|
||||
|
||||
if (styleValue == null || typeof styleValue === 'boolean' || styleValue === '') {
|
||||
// TODO: We used to set empty string as a style with an empty value. Does that ever make sense?
|
||||
continue;
|
||||
}
|
||||
|
||||
var nameChunk = void 0;
|
||||
var valueChunk = void 0;
|
||||
var isCustomProperty = styleName.indexOf('--') === 0;
|
||||
|
||||
if (isCustomProperty) {
|
||||
nameChunk = stringToChunk(escapeTextForBrowser(styleName));
|
||||
|
||||
{
|
||||
checkCSSPropertyStringCoercion(styleValue, styleName);
|
||||
}
|
||||
|
||||
valueChunk = stringToChunk(escapeTextForBrowser(('' + styleValue).trim()));
|
||||
} else {
|
||||
{
|
||||
warnValidStyle$1(styleName, styleValue);
|
||||
}
|
||||
|
||||
nameChunk = processStyleName(styleName);
|
||||
|
||||
if (typeof styleValue === 'number') {
|
||||
if (styleValue !== 0 && !hasOwnProperty.call(isUnitlessNumber, styleName)) {
|
||||
valueChunk = stringToChunk(styleValue + 'px'); // Presumes implicit 'px' suffix for unitless numbers
|
||||
} else {
|
||||
valueChunk = stringToChunk('' + styleValue);
|
||||
}
|
||||
} else {
|
||||
{
|
||||
checkCSSPropertyStringCoercion(styleValue, styleName);
|
||||
}
|
||||
|
||||
valueChunk = stringToChunk(escapeTextForBrowser(('' + styleValue).trim()));
|
||||
}
|
||||
}
|
||||
|
||||
if (isFirst) {
|
||||
isFirst = false; // If it's first, we don't need any separators prefixed.
|
||||
|
||||
target.push(styleAttributeStart, nameChunk, styleAssign, valueChunk);
|
||||
} else {
|
||||
target.push(styleSeparator, nameChunk, styleAssign, valueChunk);
|
||||
}
|
||||
}
|
||||
|
||||
if (!isFirst) {
|
||||
target.push(attributeEnd);
|
||||
}
|
||||
}
|
||||
|
||||
var attributeSeparator = stringToPrecomputedChunk(' ');
|
||||
var attributeAssign = stringToPrecomputedChunk('="');
|
||||
var attributeEnd = stringToPrecomputedChunk('"');
|
||||
var attributeEmptyString = stringToPrecomputedChunk('=""');
|
||||
|
||||
function pushAttribute(target, responseState, name, value) {
|
||||
switch (name) {
|
||||
case 'style':
|
||||
{
|
||||
pushStyle(target, responseState, value);
|
||||
return;
|
||||
}
|
||||
|
||||
case 'defaultValue':
|
||||
case 'defaultChecked': // These shouldn't be set as attributes on generic HTML elements.
|
||||
|
||||
case 'innerHTML': // Must use dangerouslySetInnerHTML instead.
|
||||
|
||||
case 'suppressContentEditableWarning':
|
||||
case 'suppressHydrationWarning':
|
||||
// Ignored. These are built-in to React on the client.
|
||||
return;
|
||||
}
|
||||
|
||||
if ( // shouldIgnoreAttribute
|
||||
// We have already filtered out null/undefined and reserved words.
|
||||
name.length > 2 && (name[0] === 'o' || name[0] === 'O') && (name[1] === 'n' || name[1] === 'N')) {
|
||||
return;
|
||||
}
|
||||
|
||||
var propertyInfo = getPropertyInfo(name);
|
||||
|
||||
if (propertyInfo !== null) {
|
||||
// shouldRemoveAttribute
|
||||
switch (typeof value) {
|
||||
case 'function': // $FlowIssue symbol is perfectly valid here
|
||||
|
||||
case 'symbol':
|
||||
// eslint-disable-line
|
||||
return;
|
||||
|
||||
case 'boolean':
|
||||
{
|
||||
if (!propertyInfo.acceptsBooleans) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var attributeName = propertyInfo.attributeName;
|
||||
var attributeNameChunk = stringToChunk(attributeName); // TODO: If it's known we can cache the chunk.
|
||||
|
||||
switch (propertyInfo.type) {
|
||||
case BOOLEAN:
|
||||
if (value) {
|
||||
target.push(attributeSeparator, attributeNameChunk, attributeEmptyString);
|
||||
}
|
||||
|
||||
return;
|
||||
|
||||
case OVERLOADED_BOOLEAN:
|
||||
if (value === true) {
|
||||
target.push(attributeSeparator, attributeNameChunk, attributeEmptyString);
|
||||
} else if (value === false) ; else {
|
||||
target.push(attributeSeparator, attributeNameChunk, attributeAssign, stringToChunk(escapeTextForBrowser(value)), attributeEnd);
|
||||
}
|
||||
|
||||
return;
|
||||
|
||||
case NUMERIC:
|
||||
if (!isNaN(value)) {
|
||||
target.push(attributeSeparator, attributeNameChunk, attributeAssign, stringToChunk(escapeTextForBrowser(value)), attributeEnd);
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
case POSITIVE_NUMERIC:
|
||||
if (!isNaN(value) && value >= 1) {
|
||||
target.push(attributeSeparator, attributeNameChunk, attributeAssign, stringToChunk(escapeTextForBrowser(value)), attributeEnd);
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
default:
|
||||
if (propertyInfo.sanitizeURL) {
|
||||
{
|
||||
checkAttributeStringCoercion(value, attributeName);
|
||||
}
|
||||
|
||||
value = '' + value;
|
||||
sanitizeURL(value);
|
||||
}
|
||||
|
||||
target.push(attributeSeparator, attributeNameChunk, attributeAssign, stringToChunk(escapeTextForBrowser(value)), attributeEnd);
|
||||
}
|
||||
} else if (isAttributeNameSafe(name)) {
|
||||
// shouldRemoveAttribute
|
||||
switch (typeof value) {
|
||||
case 'function': // $FlowIssue symbol is perfectly valid here
|
||||
|
||||
case 'symbol':
|
||||
// eslint-disable-line
|
||||
return;
|
||||
|
||||
case 'boolean':
|
||||
{
|
||||
var prefix = name.toLowerCase().slice(0, 5);
|
||||
|
||||
if (prefix !== 'data-' && prefix !== 'aria-') {
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
target.push(attributeSeparator, stringToChunk(name), attributeAssign, stringToChunk(escapeTextForBrowser(value)), attributeEnd);
|
||||
}
|
||||
}
|
||||
|
||||
var endOfStartTag = stringToPrecomputedChunk('>');
|
||||
var endOfStartTagSelfClosing = stringToPrecomputedChunk('/>');
|
||||
|
||||
function pushInnerHTML(target, innerHTML, children) {
|
||||
if (innerHTML != null) {
|
||||
if (children != null) {
|
||||
throw new Error('Can only set one of `children` or `props.dangerouslySetInnerHTML`.');
|
||||
}
|
||||
|
||||
if (typeof innerHTML !== 'object' || !('__html' in innerHTML)) {
|
||||
throw new Error('`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. ' + 'Please visit https://reactjs.org/link/dangerously-set-inner-html ' + 'for more information.');
|
||||
}
|
||||
|
||||
var html = innerHTML.__html;
|
||||
|
||||
if (html !== null && html !== undefined) {
|
||||
{
|
||||
checkHtmlStringCoercion(html);
|
||||
}
|
||||
|
||||
target.push(stringToChunk('' + html));
|
||||
}
|
||||
}
|
||||
} // TODO: Move these to ResponseState so that we warn for every request.
|
||||
// It would help debugging in stateful servers (e.g. service worker).
|
||||
|
||||
|
||||
var didWarnDefaultInputValue = false;
|
||||
var didWarnDefaultChecked = false;
|
||||
var didWarnDefaultSelectValue = false;
|
||||
var didWarnDefaultTextareaValue = false;
|
||||
var didWarnInvalidOptionChildren = false;
|
||||
var didWarnInvalidOptionInnerHTML = false;
|
||||
var didWarnSelectedSetOnOption = false;
|
||||
|
||||
function checkSelectProp(props, propName) {
|
||||
{
|
||||
var value = props[propName];
|
||||
|
||||
if (value != null) {
|
||||
var array = isArray(value);
|
||||
|
||||
if (props.multiple && !array) {
|
||||
error('The `%s` prop supplied to <select> must be an array if ' + '`multiple` is true.', propName);
|
||||
} else if (!props.multiple && array) {
|
||||
error('The `%s` prop supplied to <select> must be a scalar ' + 'value if `multiple` is false.', propName);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function pushStartSelect(target, props, responseState) {
|
||||
{
|
||||
checkControlledValueProps('select', props);
|
||||
checkSelectProp(props, 'value');
|
||||
checkSelectProp(props, 'defaultValue');
|
||||
|
||||
if (props.value !== undefined && props.defaultValue !== undefined && !didWarnDefaultSelectValue) {
|
||||
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');
|
||||
|
||||
didWarnDefaultSelectValue = true;
|
||||
}
|
||||
}
|
||||
|
||||
target.push(startChunkForTag('select'));
|
||||
var children = null;
|
||||
var innerHTML = null;
|
||||
|
||||
for (var propKey in props) {
|
||||
if (hasOwnProperty.call(props, propKey)) {
|
||||
var propValue = props[propKey];
|
||||
|
||||
if (propValue == null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
switch (propKey) {
|
||||
case 'children':
|
||||
children = propValue;
|
||||
break;
|
||||
|
||||
case 'dangerouslySetInnerHTML':
|
||||
// TODO: This doesn't really make sense for select since it can't use the controlled
|
||||
// value in the innerHTML.
|
||||
innerHTML = propValue;
|
||||
break;
|
||||
|
||||
case 'defaultValue':
|
||||
case 'value':
|
||||
// These are set on the Context instead and applied to the nested options.
|
||||
break;
|
||||
|
||||
default:
|
||||
pushAttribute(target, responseState, propKey, propValue);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
target.push(endOfStartTag);
|
||||
pushInnerHTML(target, innerHTML, children);
|
||||
return children;
|
||||
}
|
||||
|
||||
function flattenOptionChildren(children) {
|
||||
var content = ''; // Flatten children and warn if they aren't strings or numbers;
|
||||
// invalid types are ignored.
|
||||
|
||||
React.Children.forEach(children, function (child) {
|
||||
if (child == null) {
|
||||
return;
|
||||
}
|
||||
|
||||
content += child;
|
||||
|
||||
{
|
||||
if (!didWarnInvalidOptionChildren && typeof child !== 'string' && typeof child !== 'number') {
|
||||
didWarnInvalidOptionChildren = true;
|
||||
|
||||
error('Cannot infer the option value of complex children. ' + 'Pass a `value` prop or use a plain string as children to <option>.');
|
||||
}
|
||||
}
|
||||
});
|
||||
return content;
|
||||
}
|
||||
|
||||
var selectedMarkerAttribute = stringToPrecomputedChunk(' selected=""');
|
||||
|
||||
function pushStartOption(target, props, responseState, formatContext) {
|
||||
var selectedValue = formatContext.selectedValue;
|
||||
target.push(startChunkForTag('option'));
|
||||
var children = null;
|
||||
var value = null;
|
||||
var selected = null;
|
||||
var innerHTML = null;
|
||||
|
||||
for (var propKey in props) {
|
||||
if (hasOwnProperty.call(props, propKey)) {
|
||||
var propValue = props[propKey];
|
||||
|
||||
if (propValue == null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
switch (propKey) {
|
||||
case 'children':
|
||||
children = propValue;
|
||||
break;
|
||||
|
||||
case 'selected':
|
||||
// ignore
|
||||
selected = propValue;
|
||||
|
||||
{
|
||||
// TODO: Remove support for `selected` in <option>.
|
||||
if (!didWarnSelectedSetOnOption) {
|
||||
error('Use the `defaultValue` or `value` props on <select> instead of ' + 'setting `selected` on <option>.');
|
||||
|
||||
didWarnSelectedSetOnOption = true;
|
||||
}
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
case 'dangerouslySetInnerHTML':
|
||||
innerHTML = propValue;
|
||||
break;
|
||||
// eslint-disable-next-line-no-fallthrough
|
||||
|
||||
case 'value':
|
||||
value = propValue;
|
||||
// We intentionally fallthrough to also set the attribute on the node.
|
||||
// eslint-disable-next-line-no-fallthrough
|
||||
|
||||
default:
|
||||
pushAttribute(target, responseState, propKey, propValue);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (selectedValue != null) {
|
||||
var stringValue;
|
||||
|
||||
if (value !== null) {
|
||||
{
|
||||
checkAttributeStringCoercion(value, 'value');
|
||||
}
|
||||
|
||||
stringValue = '' + value;
|
||||
} else {
|
||||
{
|
||||
if (innerHTML !== null) {
|
||||
if (!didWarnInvalidOptionInnerHTML) {
|
||||
didWarnInvalidOptionInnerHTML = true;
|
||||
|
||||
error('Pass a `value` prop if you set dangerouslyInnerHTML so React knows ' + 'which value should be selected.');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
stringValue = flattenOptionChildren(children);
|
||||
}
|
||||
|
||||
if (isArray(selectedValue)) {
|
||||
// multiple
|
||||
for (var i = 0; i < selectedValue.length; i++) {
|
||||
{
|
||||
checkAttributeStringCoercion(selectedValue[i], 'value');
|
||||
}
|
||||
|
||||
var v = '' + selectedValue[i];
|
||||
|
||||
if (v === stringValue) {
|
||||
target.push(selectedMarkerAttribute);
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
{
|
||||
checkAttributeStringCoercion(selectedValue, 'select.value');
|
||||
}
|
||||
|
||||
if ('' + selectedValue === stringValue) {
|
||||
target.push(selectedMarkerAttribute);
|
||||
}
|
||||
}
|
||||
} else if (selected) {
|
||||
target.push(selectedMarkerAttribute);
|
||||
}
|
||||
|
||||
target.push(endOfStartTag);
|
||||
pushInnerHTML(target, innerHTML, children);
|
||||
return children;
|
||||
}
|
||||
|
||||
function pushInput(target, props, responseState) {
|
||||
{
|
||||
checkControlledValueProps('input', props);
|
||||
|
||||
if (props.checked !== undefined && props.defaultChecked !== undefined && !didWarnDefaultChecked) {
|
||||
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', 'A component', props.type);
|
||||
|
||||
didWarnDefaultChecked = true;
|
||||
}
|
||||
|
||||
if (props.value !== undefined && props.defaultValue !== undefined && !didWarnDefaultInputValue) {
|
||||
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', 'A component', props.type);
|
||||
|
||||
didWarnDefaultInputValue = true;
|
||||
}
|
||||
}
|
||||
|
||||
target.push(startChunkForTag('input'));
|
||||
var value = null;
|
||||
var defaultValue = null;
|
||||
var checked = null;
|
||||
var defaultChecked = null;
|
||||
|
||||
for (var propKey in props) {
|
||||
if (hasOwnProperty.call(props, propKey)) {
|
||||
var propValue = props[propKey];
|
||||
|
||||
if (propValue == null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
switch (propKey) {
|
||||
case 'children':
|
||||
case 'dangerouslySetInnerHTML':
|
||||
throw new Error('input' + " is a self-closing tag and must neither have `children` nor " + 'use `dangerouslySetInnerHTML`.');
|
||||
// eslint-disable-next-line-no-fallthrough
|
||||
|
||||
case 'defaultChecked':
|
||||
defaultChecked = propValue;
|
||||
break;
|
||||
|
||||
case 'defaultValue':
|
||||
defaultValue = propValue;
|
||||
break;
|
||||
|
||||
case 'checked':
|
||||
checked = propValue;
|
||||
break;
|
||||
|
||||
case 'value':
|
||||
value = propValue;
|
||||
break;
|
||||
|
||||
default:
|
||||
pushAttribute(target, responseState, propKey, propValue);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (checked !== null) {
|
||||
pushAttribute(target, responseState, 'checked', checked);
|
||||
} else if (defaultChecked !== null) {
|
||||
pushAttribute(target, responseState, 'checked', defaultChecked);
|
||||
}
|
||||
|
||||
if (value !== null) {
|
||||
pushAttribute(target, responseState, 'value', value);
|
||||
} else if (defaultValue !== null) {
|
||||
pushAttribute(target, responseState, 'value', defaultValue);
|
||||
}
|
||||
|
||||
target.push(endOfStartTagSelfClosing);
|
||||
return null;
|
||||
}
|
||||
|
||||
function pushStartTextArea(target, props, responseState) {
|
||||
{
|
||||
checkControlledValueProps('textarea', props);
|
||||
|
||||
if (props.value !== undefined && props.defaultValue !== undefined && !didWarnDefaultTextareaValue) {
|
||||
error('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');
|
||||
|
||||
didWarnDefaultTextareaValue = true;
|
||||
}
|
||||
}
|
||||
|
||||
target.push(startChunkForTag('textarea'));
|
||||
var value = null;
|
||||
var defaultValue = null;
|
||||
var children = null;
|
||||
|
||||
for (var propKey in props) {
|
||||
if (hasOwnProperty.call(props, propKey)) {
|
||||
var propValue = props[propKey];
|
||||
|
||||
if (propValue == null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
switch (propKey) {
|
||||
case 'children':
|
||||
children = propValue;
|
||||
break;
|
||||
|
||||
case 'value':
|
||||
value = propValue;
|
||||
break;
|
||||
|
||||
case 'defaultValue':
|
||||
defaultValue = propValue;
|
||||
break;
|
||||
|
||||
case 'dangerouslySetInnerHTML':
|
||||
throw new Error('`dangerouslySetInnerHTML` does not make sense on <textarea>.');
|
||||
// eslint-disable-next-line-no-fallthrough
|
||||
|
||||
default:
|
||||
pushAttribute(target, responseState, propKey, propValue);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (value === null && defaultValue !== null) {
|
||||
value = defaultValue;
|
||||
}
|
||||
|
||||
target.push(endOfStartTag); // TODO (yungsters): Remove support for children content in <textarea>.
|
||||
|
||||
if (children != null) {
|
||||
{
|
||||
error('Use the `defaultValue` or `value` props instead of setting ' + 'children on <textarea>.');
|
||||
}
|
||||
|
||||
if (value != null) {
|
||||
throw new Error('If you supply `defaultValue` on a <textarea>, do not pass children.');
|
||||
}
|
||||
|
||||
if (isArray(children)) {
|
||||
if (children.length > 1) {
|
||||
throw new Error('<textarea> can only have at most one child.');
|
||||
} // TODO: remove the coercion and the DEV check below because it will
|
||||
// always be overwritten by the coercion several lines below it. #22309
|
||||
|
||||
|
||||
{
|
||||
checkHtmlStringCoercion(children[0]);
|
||||
}
|
||||
|
||||
value = '' + children[0];
|
||||
}
|
||||
|
||||
{
|
||||
checkHtmlStringCoercion(children);
|
||||
}
|
||||
|
||||
value = '' + children;
|
||||
}
|
||||
|
||||
if (typeof value === 'string' && value[0] === '\n') {
|
||||
// text/html ignores the first character in these tags if it's a newline
|
||||
// Prefer to break application/xml over text/html (for now) by adding
|
||||
// a newline specifically to get eaten by the parser. (Alternately for
|
||||
// textareas, replacing "^\n" with "\r\n" doesn't get eaten, and the first
|
||||
// \r is normalized out by HTMLTextAreaElement#value.)
|
||||
// See: <http://www.w3.org/TR/html-polyglot/#newlines-in-textarea-and-pre>
|
||||
// See: <http://www.w3.org/TR/html5/syntax.html#element-restrictions>
|
||||
// See: <http://www.w3.org/TR/html5/syntax.html#newlines>
|
||||
// See: Parsing of "textarea" "listing" and "pre" elements
|
||||
// from <http://www.w3.org/TR/html5/syntax.html#parsing-main-inbody>
|
||||
target.push(leadingNewline);
|
||||
} // ToString and push directly instead of recurse over children.
|
||||
// We don't really support complex children in the value anyway.
|
||||
// This also currently avoids a trailing comment node which breaks textarea.
|
||||
|
||||
|
||||
if (value !== null) {
|
||||
{
|
||||
checkAttributeStringCoercion(value, 'value');
|
||||
}
|
||||
|
||||
target.push(stringToChunk(encodeHTMLTextNode('' + value)));
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
function pushSelfClosing(target, props, tag, responseState) {
|
||||
target.push(startChunkForTag(tag));
|
||||
|
||||
for (var propKey in props) {
|
||||
if (hasOwnProperty.call(props, propKey)) {
|
||||
var propValue = props[propKey];
|
||||
|
||||
if (propValue == null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
switch (propKey) {
|
||||
case 'children':
|
||||
case 'dangerouslySetInnerHTML':
|
||||
throw new Error(tag + " is a self-closing tag and must neither have `children` nor " + 'use `dangerouslySetInnerHTML`.');
|
||||
// eslint-disable-next-line-no-fallthrough
|
||||
|
||||
default:
|
||||
pushAttribute(target, responseState, propKey, propValue);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
target.push(endOfStartTagSelfClosing);
|
||||
return null;
|
||||
}
|
||||
|
||||
function pushStartMenuItem(target, props, responseState) {
|
||||
target.push(startChunkForTag('menuitem'));
|
||||
|
||||
for (var propKey in props) {
|
||||
if (hasOwnProperty.call(props, propKey)) {
|
||||
var propValue = props[propKey];
|
||||
|
||||
if (propValue == null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
switch (propKey) {
|
||||
case 'children':
|
||||
case 'dangerouslySetInnerHTML':
|
||||
throw new Error('menuitems cannot have `children` nor `dangerouslySetInnerHTML`.');
|
||||
// eslint-disable-next-line-no-fallthrough
|
||||
|
||||
default:
|
||||
pushAttribute(target, responseState, propKey, propValue);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
target.push(endOfStartTag);
|
||||
return null;
|
||||
}
|
||||
|
||||
function pushStartTitle(target, props, responseState) {
|
||||
target.push(startChunkForTag('title'));
|
||||
var children = null;
|
||||
|
||||
for (var propKey in props) {
|
||||
if (hasOwnProperty.call(props, propKey)) {
|
||||
var propValue = props[propKey];
|
||||
|
||||
if (propValue == null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
switch (propKey) {
|
||||
case 'children':
|
||||
children = propValue;
|
||||
break;
|
||||
|
||||
case 'dangerouslySetInnerHTML':
|
||||
throw new Error('`dangerouslySetInnerHTML` does not make sense on <title>.');
|
||||
// eslint-disable-next-line-no-fallthrough
|
||||
|
||||
default:
|
||||
pushAttribute(target, responseState, propKey, propValue);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
target.push(endOfStartTag);
|
||||
|
||||
{
|
||||
var child = Array.isArray(children) && children.length < 2 ? children[0] || null : children;
|
||||
|
||||
if (Array.isArray(children) && children.length > 1) {
|
||||
error('A title element received an array with more than 1 element as children. ' + 'In browsers title Elements can only have Text Nodes as children. If ' + 'the children being rendered output more than a single text node in aggregate the browser ' + 'will display markup and comments as text in the title and hydration will likely fail and ' + 'fall back to client rendering');
|
||||
} else if (child != null && child.$$typeof != null) {
|
||||
error('A title element received a React element for children. ' + 'In the browser title Elements can only have Text Nodes as children. If ' + 'the children being rendered output more than a single text node in aggregate the browser ' + 'will display markup and comments as text in the title and hydration will likely fail and ' + 'fall back to client rendering');
|
||||
} else if (child != null && typeof child !== 'string' && typeof child !== 'number') {
|
||||
error('A title element received a value that was not a string or number for children. ' + 'In the browser title Elements can only have Text Nodes as children. If ' + 'the children being rendered output more than a single text node in aggregate the browser ' + 'will display markup and comments as text in the title and hydration will likely fail and ' + 'fall back to client rendering');
|
||||
}
|
||||
}
|
||||
|
||||
return children;
|
||||
}
|
||||
|
||||
function pushStartGenericElement(target, props, tag, responseState) {
|
||||
target.push(startChunkForTag(tag));
|
||||
var children = null;
|
||||
var innerHTML = null;
|
||||
|
||||
for (var propKey in props) {
|
||||
if (hasOwnProperty.call(props, propKey)) {
|
||||
var propValue = props[propKey];
|
||||
|
||||
if (propValue == null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
switch (propKey) {
|
||||
case 'children':
|
||||
children = propValue;
|
||||
break;
|
||||
|
||||
case 'dangerouslySetInnerHTML':
|
||||
innerHTML = propValue;
|
||||
break;
|
||||
|
||||
default:
|
||||
pushAttribute(target, responseState, propKey, propValue);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
target.push(endOfStartTag);
|
||||
pushInnerHTML(target, innerHTML, children);
|
||||
|
||||
if (typeof children === 'string') {
|
||||
// Special case children as a string to avoid the unnecessary comment.
|
||||
// TODO: Remove this special case after the general optimization is in place.
|
||||
target.push(stringToChunk(encodeHTMLTextNode(children)));
|
||||
return null;
|
||||
}
|
||||
|
||||
return children;
|
||||
}
|
||||
|
||||
function pushStartCustomElement(target, props, tag, responseState) {
|
||||
target.push(startChunkForTag(tag));
|
||||
var children = null;
|
||||
var innerHTML = null;
|
||||
|
||||
for (var propKey in props) {
|
||||
if (hasOwnProperty.call(props, propKey)) {
|
||||
var propValue = props[propKey];
|
||||
|
||||
if (propValue == null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
switch (propKey) {
|
||||
case 'children':
|
||||
children = propValue;
|
||||
break;
|
||||
|
||||
case 'dangerouslySetInnerHTML':
|
||||
innerHTML = propValue;
|
||||
break;
|
||||
|
||||
case 'style':
|
||||
pushStyle(target, responseState, propValue);
|
||||
break;
|
||||
|
||||
case 'suppressContentEditableWarning':
|
||||
case 'suppressHydrationWarning':
|
||||
// Ignored. These are built-in to React on the client.
|
||||
break;
|
||||
|
||||
default:
|
||||
if (isAttributeNameSafe(propKey) && typeof propValue !== 'function' && typeof propValue !== 'symbol') {
|
||||
target.push(attributeSeparator, stringToChunk(propKey), attributeAssign, stringToChunk(escapeTextForBrowser(propValue)), attributeEnd);
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
target.push(endOfStartTag);
|
||||
pushInnerHTML(target, innerHTML, children);
|
||||
return children;
|
||||
}
|
||||
|
||||
var leadingNewline = stringToPrecomputedChunk('\n');
|
||||
|
||||
function pushStartPreformattedElement(target, props, tag, responseState) {
|
||||
target.push(startChunkForTag(tag));
|
||||
var children = null;
|
||||
var innerHTML = null;
|
||||
|
||||
for (var propKey in props) {
|
||||
if (hasOwnProperty.call(props, propKey)) {
|
||||
var propValue = props[propKey];
|
||||
|
||||
if (propValue == null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
switch (propKey) {
|
||||
case 'children':
|
||||
children = propValue;
|
||||
break;
|
||||
|
||||
case 'dangerouslySetInnerHTML':
|
||||
innerHTML = propValue;
|
||||
break;
|
||||
|
||||
default:
|
||||
pushAttribute(target, responseState, propKey, propValue);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
target.push(endOfStartTag); // text/html ignores the first character in these tags if it's a newline
|
||||
// Prefer to break application/xml over text/html (for now) by adding
|
||||
// a newline specifically to get eaten by the parser. (Alternately for
|
||||
// textareas, replacing "^\n" with "\r\n" doesn't get eaten, and the first
|
||||
// \r is normalized out by HTMLTextAreaElement#value.)
|
||||
// See: <http://www.w3.org/TR/html-polyglot/#newlines-in-textarea-and-pre>
|
||||
// See: <http://www.w3.org/TR/html5/syntax.html#element-restrictions>
|
||||
// See: <http://www.w3.org/TR/html5/syntax.html#newlines>
|
||||
// See: Parsing of "textarea" "listing" and "pre" elements
|
||||
// from <http://www.w3.org/TR/html5/syntax.html#parsing-main-inbody>
|
||||
// TODO: This doesn't deal with the case where the child is an array
|
||||
// or component that returns a string.
|
||||
|
||||
if (innerHTML != null) {
|
||||
if (children != null) {
|
||||
throw new Error('Can only set one of `children` or `props.dangerouslySetInnerHTML`.');
|
||||
}
|
||||
|
||||
if (typeof innerHTML !== 'object' || !('__html' in innerHTML)) {
|
||||
throw new Error('`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. ' + 'Please visit https://reactjs.org/link/dangerously-set-inner-html ' + 'for more information.');
|
||||
}
|
||||
|
||||
var html = innerHTML.__html;
|
||||
|
||||
if (html !== null && html !== undefined) {
|
||||
if (typeof html === 'string' && html.length > 0 && html[0] === '\n') {
|
||||
target.push(leadingNewline, stringToChunk(html));
|
||||
} else {
|
||||
{
|
||||
checkHtmlStringCoercion(html);
|
||||
}
|
||||
|
||||
target.push(stringToChunk('' + html));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof children === 'string' && children[0] === '\n') {
|
||||
target.push(leadingNewline);
|
||||
}
|
||||
|
||||
return children;
|
||||
} // We accept any tag to be rendered but since this gets injected into arbitrary
|
||||
// HTML, we want to make sure that it's a safe tag.
|
||||
// http://www.w3.org/TR/REC-xml/#NT-Name
|
||||
|
||||
|
||||
var VALID_TAG_REGEX = /^[a-zA-Z][a-zA-Z:_\.\-\d]*$/; // Simplified subset
|
||||
|
||||
var validatedTagCache = new Map();
|
||||
|
||||
function startChunkForTag(tag) {
|
||||
var tagStartChunk = validatedTagCache.get(tag);
|
||||
|
||||
if (tagStartChunk === undefined) {
|
||||
if (!VALID_TAG_REGEX.test(tag)) {
|
||||
throw new Error("Invalid tag: " + tag);
|
||||
}
|
||||
|
||||
tagStartChunk = stringToPrecomputedChunk('<' + tag);
|
||||
validatedTagCache.set(tag, tagStartChunk);
|
||||
}
|
||||
|
||||
return tagStartChunk;
|
||||
}
|
||||
|
||||
var DOCTYPE = stringToPrecomputedChunk('<!DOCTYPE html>');
|
||||
function pushStartInstance(target, type, props, responseState, formatContext) {
|
||||
{
|
||||
validateProperties(type, props);
|
||||
validateProperties$1(type, props);
|
||||
validateProperties$2(type, props, null);
|
||||
|
||||
if (!props.suppressContentEditableWarning && props.contentEditable && props.children != null) {
|
||||
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.');
|
||||
}
|
||||
|
||||
if (formatContext.insertionMode !== SVG_MODE && formatContext.insertionMode !== MATHML_MODE) {
|
||||
if (type.indexOf('-') === -1 && typeof props.is !== 'string' && type.toLowerCase() !== type) {
|
||||
error('<%s /> is using incorrect casing. ' + 'Use PascalCase for React components, ' + 'or lowercase for HTML elements.', type);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
switch (type) {
|
||||
// Special tags
|
||||
case 'select':
|
||||
return pushStartSelect(target, props, responseState);
|
||||
|
||||
case 'option':
|
||||
return pushStartOption(target, props, responseState, formatContext);
|
||||
|
||||
case 'textarea':
|
||||
return pushStartTextArea(target, props, responseState);
|
||||
|
||||
case 'input':
|
||||
return pushInput(target, props, responseState);
|
||||
|
||||
case 'menuitem':
|
||||
return pushStartMenuItem(target, props, responseState);
|
||||
|
||||
case 'title':
|
||||
return pushStartTitle(target, props, responseState);
|
||||
// Newline eating tags
|
||||
|
||||
case 'listing':
|
||||
case 'pre':
|
||||
{
|
||||
return pushStartPreformattedElement(target, props, type, responseState);
|
||||
}
|
||||
// Omitted close tags
|
||||
|
||||
case 'area':
|
||||
case 'base':
|
||||
case 'br':
|
||||
case 'col':
|
||||
case 'embed':
|
||||
case 'hr':
|
||||
case 'img':
|
||||
case 'keygen':
|
||||
case 'link':
|
||||
case 'meta':
|
||||
case 'param':
|
||||
case 'source':
|
||||
case 'track':
|
||||
case 'wbr':
|
||||
{
|
||||
return pushSelfClosing(target, props, type, responseState);
|
||||
}
|
||||
// These are reserved SVG and MathML elements, that are never custom elements.
|
||||
// https://w3c.github.io/webcomponents/spec/custom/#custom-elements-core-concepts
|
||||
|
||||
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 pushStartGenericElement(target, props, type, responseState);
|
||||
}
|
||||
|
||||
case 'html':
|
||||
{
|
||||
if (formatContext.insertionMode === ROOT_HTML_MODE) {
|
||||
// If we're rendering the html tag and we're at the root (i.e. not in foreignObject)
|
||||
// then we also emit the DOCTYPE as part of the root content as a convenience for
|
||||
// rendering the whole document.
|
||||
target.push(DOCTYPE);
|
||||
}
|
||||
|
||||
return pushStartGenericElement(target, props, type, responseState);
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
if (type.indexOf('-') === -1 && typeof props.is !== 'string') {
|
||||
// Generic element
|
||||
return pushStartGenericElement(target, props, type, responseState);
|
||||
} else {
|
||||
// Custom element
|
||||
return pushStartCustomElement(target, props, type, responseState);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
var endTag1 = stringToPrecomputedChunk('</');
|
||||
var endTag2 = stringToPrecomputedChunk('>');
|
||||
function pushEndInstance(target, type, props) {
|
||||
switch (type) {
|
||||
// Omitted close tags
|
||||
// TODO: Instead of repeating this switch we could try to pass a flag from above.
|
||||
// That would require returning a tuple. Which might be ok if it gets inlined.
|
||||
case 'area':
|
||||
case 'base':
|
||||
case 'br':
|
||||
case 'col':
|
||||
case 'embed':
|
||||
case 'hr':
|
||||
case 'img':
|
||||
case 'input':
|
||||
case 'keygen':
|
||||
case 'link':
|
||||
case 'meta':
|
||||
case 'param':
|
||||
case 'source':
|
||||
case 'track':
|
||||
case 'wbr':
|
||||
{
|
||||
// No close tag needed.
|
||||
break;
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
target.push(endTag1, stringToChunk(type), endTag2);
|
||||
}
|
||||
}
|
||||
}
|
||||
function writeCompletedRoot(destination, responseState) {
|
||||
var bootstrapChunks = responseState.bootstrapChunks;
|
||||
var i = 0;
|
||||
|
||||
for (; i < bootstrapChunks.length - 1; i++) {
|
||||
writeChunk(destination, bootstrapChunks[i]);
|
||||
}
|
||||
|
||||
if (i < bootstrapChunks.length) {
|
||||
return writeChunkAndReturn(destination, bootstrapChunks[i]);
|
||||
}
|
||||
|
||||
return true;
|
||||
} // Structural Nodes
|
||||
// A placeholder is a node inside a hidden partial tree that can be filled in later, but before
|
||||
// display. It's never visible to users. We use the template tag because it can be used in every
|
||||
// type of parent. <script> tags also work in every other tag except <colgroup>.
|
||||
|
||||
var placeholder1 = stringToPrecomputedChunk('<template id="');
|
||||
var placeholder2 = stringToPrecomputedChunk('"></template>');
|
||||
function writePlaceholder(destination, responseState, id) {
|
||||
writeChunk(destination, placeholder1);
|
||||
writeChunk(destination, responseState.placeholderPrefix);
|
||||
var formattedID = stringToChunk(id.toString(16));
|
||||
writeChunk(destination, formattedID);
|
||||
return writeChunkAndReturn(destination, placeholder2);
|
||||
} // Suspense boundaries are encoded as comments.
|
||||
|
||||
var startCompletedSuspenseBoundary = stringToPrecomputedChunk('<!--$-->');
|
||||
var startPendingSuspenseBoundary1 = stringToPrecomputedChunk('<!--$?--><template id="');
|
||||
var startPendingSuspenseBoundary2 = stringToPrecomputedChunk('"></template>');
|
||||
var startClientRenderedSuspenseBoundary = stringToPrecomputedChunk('<!--$!-->');
|
||||
var endSuspenseBoundary = stringToPrecomputedChunk('<!--/$-->');
|
||||
var clientRenderedSuspenseBoundaryError1 = stringToPrecomputedChunk('<template');
|
||||
var clientRenderedSuspenseBoundaryErrorAttrInterstitial = stringToPrecomputedChunk('"');
|
||||
var clientRenderedSuspenseBoundaryError1A = stringToPrecomputedChunk(' data-dgst="');
|
||||
var clientRenderedSuspenseBoundaryError1B = stringToPrecomputedChunk(' data-msg="');
|
||||
var clientRenderedSuspenseBoundaryError1C = stringToPrecomputedChunk(' data-stck="');
|
||||
var clientRenderedSuspenseBoundaryError2 = stringToPrecomputedChunk('></template>');
|
||||
function writeStartCompletedSuspenseBoundary(destination, responseState) {
|
||||
return writeChunkAndReturn(destination, startCompletedSuspenseBoundary);
|
||||
}
|
||||
function writeStartPendingSuspenseBoundary(destination, responseState, id) {
|
||||
writeChunk(destination, startPendingSuspenseBoundary1);
|
||||
|
||||
if (id === null) {
|
||||
throw new Error('An ID must have been assigned before we can complete the boundary.');
|
||||
}
|
||||
|
||||
writeChunk(destination, id);
|
||||
return writeChunkAndReturn(destination, startPendingSuspenseBoundary2);
|
||||
}
|
||||
function writeStartClientRenderedSuspenseBoundary(destination, responseState, errorDigest, errorMesssage, errorComponentStack) {
|
||||
var result;
|
||||
result = writeChunkAndReturn(destination, startClientRenderedSuspenseBoundary);
|
||||
writeChunk(destination, clientRenderedSuspenseBoundaryError1);
|
||||
|
||||
if (errorDigest) {
|
||||
writeChunk(destination, clientRenderedSuspenseBoundaryError1A);
|
||||
writeChunk(destination, stringToChunk(escapeTextForBrowser(errorDigest)));
|
||||
writeChunk(destination, clientRenderedSuspenseBoundaryErrorAttrInterstitial);
|
||||
}
|
||||
|
||||
{
|
||||
if (errorMesssage) {
|
||||
writeChunk(destination, clientRenderedSuspenseBoundaryError1B);
|
||||
writeChunk(destination, stringToChunk(escapeTextForBrowser(errorMesssage)));
|
||||
writeChunk(destination, clientRenderedSuspenseBoundaryErrorAttrInterstitial);
|
||||
}
|
||||
|
||||
if (errorComponentStack) {
|
||||
writeChunk(destination, clientRenderedSuspenseBoundaryError1C);
|
||||
writeChunk(destination, stringToChunk(escapeTextForBrowser(errorComponentStack)));
|
||||
writeChunk(destination, clientRenderedSuspenseBoundaryErrorAttrInterstitial);
|
||||
}
|
||||
}
|
||||
|
||||
result = writeChunkAndReturn(destination, clientRenderedSuspenseBoundaryError2);
|
||||
return result;
|
||||
}
|
||||
function writeEndCompletedSuspenseBoundary(destination, responseState) {
|
||||
return writeChunkAndReturn(destination, endSuspenseBoundary);
|
||||
}
|
||||
function writeEndPendingSuspenseBoundary(destination, responseState) {
|
||||
return writeChunkAndReturn(destination, endSuspenseBoundary);
|
||||
}
|
||||
function writeEndClientRenderedSuspenseBoundary(destination, responseState) {
|
||||
return writeChunkAndReturn(destination, endSuspenseBoundary);
|
||||
}
|
||||
var startSegmentHTML = stringToPrecomputedChunk('<div hidden id="');
|
||||
var startSegmentHTML2 = stringToPrecomputedChunk('">');
|
||||
var endSegmentHTML = stringToPrecomputedChunk('</div>');
|
||||
var startSegmentSVG = stringToPrecomputedChunk('<svg aria-hidden="true" style="display:none" id="');
|
||||
var startSegmentSVG2 = stringToPrecomputedChunk('">');
|
||||
var endSegmentSVG = stringToPrecomputedChunk('</svg>');
|
||||
var startSegmentMathML = stringToPrecomputedChunk('<math aria-hidden="true" style="display:none" id="');
|
||||
var startSegmentMathML2 = stringToPrecomputedChunk('">');
|
||||
var endSegmentMathML = stringToPrecomputedChunk('</math>');
|
||||
var startSegmentTable = stringToPrecomputedChunk('<table hidden id="');
|
||||
var startSegmentTable2 = stringToPrecomputedChunk('">');
|
||||
var endSegmentTable = stringToPrecomputedChunk('</table>');
|
||||
var startSegmentTableBody = stringToPrecomputedChunk('<table hidden><tbody id="');
|
||||
var startSegmentTableBody2 = stringToPrecomputedChunk('">');
|
||||
var endSegmentTableBody = stringToPrecomputedChunk('</tbody></table>');
|
||||
var startSegmentTableRow = stringToPrecomputedChunk('<table hidden><tr id="');
|
||||
var startSegmentTableRow2 = stringToPrecomputedChunk('">');
|
||||
var endSegmentTableRow = stringToPrecomputedChunk('</tr></table>');
|
||||
var startSegmentColGroup = stringToPrecomputedChunk('<table hidden><colgroup id="');
|
||||
var startSegmentColGroup2 = stringToPrecomputedChunk('">');
|
||||
var endSegmentColGroup = stringToPrecomputedChunk('</colgroup></table>');
|
||||
function writeStartSegment(destination, responseState, formatContext, id) {
|
||||
switch (formatContext.insertionMode) {
|
||||
case ROOT_HTML_MODE:
|
||||
case HTML_MODE:
|
||||
{
|
||||
writeChunk(destination, startSegmentHTML);
|
||||
writeChunk(destination, responseState.segmentPrefix);
|
||||
writeChunk(destination, stringToChunk(id.toString(16)));
|
||||
return writeChunkAndReturn(destination, startSegmentHTML2);
|
||||
}
|
||||
|
||||
case SVG_MODE:
|
||||
{
|
||||
writeChunk(destination, startSegmentSVG);
|
||||
writeChunk(destination, responseState.segmentPrefix);
|
||||
writeChunk(destination, stringToChunk(id.toString(16)));
|
||||
return writeChunkAndReturn(destination, startSegmentSVG2);
|
||||
}
|
||||
|
||||
case MATHML_MODE:
|
||||
{
|
||||
writeChunk(destination, startSegmentMathML);
|
||||
writeChunk(destination, responseState.segmentPrefix);
|
||||
writeChunk(destination, stringToChunk(id.toString(16)));
|
||||
return writeChunkAndReturn(destination, startSegmentMathML2);
|
||||
}
|
||||
|
||||
case HTML_TABLE_MODE:
|
||||
{
|
||||
writeChunk(destination, startSegmentTable);
|
||||
writeChunk(destination, responseState.segmentPrefix);
|
||||
writeChunk(destination, stringToChunk(id.toString(16)));
|
||||
return writeChunkAndReturn(destination, startSegmentTable2);
|
||||
}
|
||||
// TODO: For the rest of these, there will be extra wrapper nodes that never
|
||||
// get deleted from the document. We need to delete the table too as part
|
||||
// of the injected scripts. They are invisible though so it's not too terrible
|
||||
// and it's kind of an edge case to suspend in a table. Totally supported though.
|
||||
|
||||
case HTML_TABLE_BODY_MODE:
|
||||
{
|
||||
writeChunk(destination, startSegmentTableBody);
|
||||
writeChunk(destination, responseState.segmentPrefix);
|
||||
writeChunk(destination, stringToChunk(id.toString(16)));
|
||||
return writeChunkAndReturn(destination, startSegmentTableBody2);
|
||||
}
|
||||
|
||||
case HTML_TABLE_ROW_MODE:
|
||||
{
|
||||
writeChunk(destination, startSegmentTableRow);
|
||||
writeChunk(destination, responseState.segmentPrefix);
|
||||
writeChunk(destination, stringToChunk(id.toString(16)));
|
||||
return writeChunkAndReturn(destination, startSegmentTableRow2);
|
||||
}
|
||||
|
||||
case HTML_COLGROUP_MODE:
|
||||
{
|
||||
writeChunk(destination, startSegmentColGroup);
|
||||
writeChunk(destination, responseState.segmentPrefix);
|
||||
writeChunk(destination, stringToChunk(id.toString(16)));
|
||||
return writeChunkAndReturn(destination, startSegmentColGroup2);
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
throw new Error('Unknown insertion mode. This is a bug in React.');
|
||||
}
|
||||
}
|
||||
}
|
||||
function writeEndSegment(destination, formatContext) {
|
||||
switch (formatContext.insertionMode) {
|
||||
case ROOT_HTML_MODE:
|
||||
case HTML_MODE:
|
||||
{
|
||||
return writeChunkAndReturn(destination, endSegmentHTML);
|
||||
}
|
||||
|
||||
case SVG_MODE:
|
||||
{
|
||||
return writeChunkAndReturn(destination, endSegmentSVG);
|
||||
}
|
||||
|
||||
case MATHML_MODE:
|
||||
{
|
||||
return writeChunkAndReturn(destination, endSegmentMathML);
|
||||
}
|
||||
|
||||
case HTML_TABLE_MODE:
|
||||
{
|
||||
return writeChunkAndReturn(destination, endSegmentTable);
|
||||
}
|
||||
|
||||
case HTML_TABLE_BODY_MODE:
|
||||
{
|
||||
return writeChunkAndReturn(destination, endSegmentTableBody);
|
||||
}
|
||||
|
||||
case HTML_TABLE_ROW_MODE:
|
||||
{
|
||||
return writeChunkAndReturn(destination, endSegmentTableRow);
|
||||
}
|
||||
|
||||
case HTML_COLGROUP_MODE:
|
||||
{
|
||||
return writeChunkAndReturn(destination, endSegmentColGroup);
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
throw new Error('Unknown insertion mode. This is a bug in React.');
|
||||
}
|
||||
}
|
||||
} // Instruction Set
|
||||
// The following code is the source scripts that we then minify and inline below,
|
||||
// with renamed function names that we hope don't collide:
|
||||
// const COMMENT_NODE = 8;
|
||||
// const SUSPENSE_START_DATA = '$';
|
||||
// const SUSPENSE_END_DATA = '/$';
|
||||
// const SUSPENSE_PENDING_START_DATA = '$?';
|
||||
// const SUSPENSE_FALLBACK_START_DATA = '$!';
|
||||
//
|
||||
// function clientRenderBoundary(suspenseBoundaryID, errorDigest, errorMsg, errorComponentStack) {
|
||||
// // Find the fallback's first element.
|
||||
// const suspenseIdNode = document.getElementById(suspenseBoundaryID);
|
||||
// if (!suspenseIdNode) {
|
||||
// // The user must have already navigated away from this tree.
|
||||
// // E.g. because the parent was hydrated.
|
||||
// return;
|
||||
// }
|
||||
// // Find the boundary around the fallback. This is always the previous node.
|
||||
// const suspenseNode = suspenseIdNode.previousSibling;
|
||||
// // Tag it to be client rendered.
|
||||
// suspenseNode.data = SUSPENSE_FALLBACK_START_DATA;
|
||||
// // assign error metadata to first sibling
|
||||
// let dataset = suspenseIdNode.dataset;
|
||||
// if (errorDigest) dataset.dgst = errorDigest;
|
||||
// if (errorMsg) dataset.msg = errorMsg;
|
||||
// if (errorComponentStack) dataset.stck = errorComponentStack;
|
||||
// // Tell React to retry it if the parent already hydrated.
|
||||
// if (suspenseNode._reactRetry) {
|
||||
// suspenseNode._reactRetry();
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// function completeBoundary(suspenseBoundaryID, contentID) {
|
||||
// // Find the fallback's first element.
|
||||
// const suspenseIdNode = document.getElementById(suspenseBoundaryID);
|
||||
// const contentNode = document.getElementById(contentID);
|
||||
// // We'll detach the content node so that regardless of what happens next we don't leave in the tree.
|
||||
// // This might also help by not causing recalcing each time we move a child from here to the target.
|
||||
// contentNode.parentNode.removeChild(contentNode);
|
||||
// if (!suspenseIdNode) {
|
||||
// // The user must have already navigated away from this tree.
|
||||
// // E.g. because the parent was hydrated. That's fine there's nothing to do
|
||||
// // but we have to make sure that we already deleted the container node.
|
||||
// return;
|
||||
// }
|
||||
// // Find the boundary around the fallback. This is always the previous node.
|
||||
// const suspenseNode = suspenseIdNode.previousSibling;
|
||||
//
|
||||
// // Clear all the existing children. This is complicated because
|
||||
// // there can be embedded Suspense boundaries in the fallback.
|
||||
// // This is similar to clearSuspenseBoundary in ReactDOMHostConfig.
|
||||
// // TODO: We could avoid this if we never emitted suspense boundaries in fallback trees.
|
||||
// // They never hydrate anyway. However, currently we support incrementally loading the fallback.
|
||||
// const parentInstance = suspenseNode.parentNode;
|
||||
// let node = suspenseNode.nextSibling;
|
||||
// let depth = 0;
|
||||
// do {
|
||||
// if (node && node.nodeType === COMMENT_NODE) {
|
||||
// const data = node.data;
|
||||
// if (data === SUSPENSE_END_DATA) {
|
||||
// if (depth === 0) {
|
||||
// break;
|
||||
// } else {
|
||||
// depth--;
|
||||
// }
|
||||
// } else if (
|
||||
// data === SUSPENSE_START_DATA ||
|
||||
// data === SUSPENSE_PENDING_START_DATA ||
|
||||
// data === SUSPENSE_FALLBACK_START_DATA
|
||||
// ) {
|
||||
// depth++;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// const nextNode = node.nextSibling;
|
||||
// parentInstance.removeChild(node);
|
||||
// node = nextNode;
|
||||
// } while (node);
|
||||
//
|
||||
// const endOfBoundary = node;
|
||||
//
|
||||
// // Insert all the children from the contentNode between the start and end of suspense boundary.
|
||||
// while (contentNode.firstChild) {
|
||||
// parentInstance.insertBefore(contentNode.firstChild, endOfBoundary);
|
||||
// }
|
||||
// suspenseNode.data = SUSPENSE_START_DATA;
|
||||
// if (suspenseNode._reactRetry) {
|
||||
// suspenseNode._reactRetry();
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// function completeSegment(containerID, placeholderID) {
|
||||
// const segmentContainer = document.getElementById(containerID);
|
||||
// const placeholderNode = document.getElementById(placeholderID);
|
||||
// // We always expect both nodes to exist here because, while we might
|
||||
// // have navigated away from the main tree, we still expect the detached
|
||||
// // tree to exist.
|
||||
// segmentContainer.parentNode.removeChild(segmentContainer);
|
||||
// while (segmentContainer.firstChild) {
|
||||
// placeholderNode.parentNode.insertBefore(
|
||||
// segmentContainer.firstChild,
|
||||
// placeholderNode,
|
||||
// );
|
||||
// }
|
||||
// placeholderNode.parentNode.removeChild(placeholderNode);
|
||||
// }
|
||||
|
||||
var completeSegmentFunction = 'function $RS(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)}';
|
||||
var completeBoundaryFunction = 'function $RC(a,b){a=document.getElementById(a);b=document.getElementById(b);b.parentNode.removeChild(b);if(a){a=a.previousSibling;var f=a.parentNode,c=a.nextSibling,e=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d)if(0===e)break;else e--;else"$"!==d&&"$?"!==d&&"$!"!==d||e++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;b.firstChild;)f.insertBefore(b.firstChild,c);a.data="$";a._reactRetry&&a._reactRetry()}}';
|
||||
var clientRenderFunction = 'function $RX(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())}';
|
||||
var completeSegmentScript1Full = stringToPrecomputedChunk(completeSegmentFunction + ';$RS("');
|
||||
var completeSegmentScript1Partial = stringToPrecomputedChunk('$RS("');
|
||||
var completeSegmentScript2 = stringToPrecomputedChunk('","');
|
||||
var completeSegmentScript3 = stringToPrecomputedChunk('")</script>');
|
||||
function writeCompletedSegmentInstruction(destination, responseState, contentSegmentID) {
|
||||
writeChunk(destination, responseState.startInlineScript);
|
||||
|
||||
if (!responseState.sentCompleteSegmentFunction) {
|
||||
// The first time we write this, we'll need to include the full implementation.
|
||||
responseState.sentCompleteSegmentFunction = true;
|
||||
writeChunk(destination, completeSegmentScript1Full);
|
||||
} else {
|
||||
// Future calls can just reuse the same function.
|
||||
writeChunk(destination, completeSegmentScript1Partial);
|
||||
}
|
||||
|
||||
writeChunk(destination, responseState.segmentPrefix);
|
||||
var formattedID = stringToChunk(contentSegmentID.toString(16));
|
||||
writeChunk(destination, formattedID);
|
||||
writeChunk(destination, completeSegmentScript2);
|
||||
writeChunk(destination, responseState.placeholderPrefix);
|
||||
writeChunk(destination, formattedID);
|
||||
return writeChunkAndReturn(destination, completeSegmentScript3);
|
||||
}
|
||||
var completeBoundaryScript1Full = stringToPrecomputedChunk(completeBoundaryFunction + ';$RC("');
|
||||
var completeBoundaryScript1Partial = stringToPrecomputedChunk('$RC("');
|
||||
var completeBoundaryScript2 = stringToPrecomputedChunk('","');
|
||||
var completeBoundaryScript3 = stringToPrecomputedChunk('")</script>');
|
||||
function writeCompletedBoundaryInstruction(destination, responseState, boundaryID, contentSegmentID) {
|
||||
writeChunk(destination, responseState.startInlineScript);
|
||||
|
||||
if (!responseState.sentCompleteBoundaryFunction) {
|
||||
// The first time we write this, we'll need to include the full implementation.
|
||||
responseState.sentCompleteBoundaryFunction = true;
|
||||
writeChunk(destination, completeBoundaryScript1Full);
|
||||
} else {
|
||||
// Future calls can just reuse the same function.
|
||||
writeChunk(destination, completeBoundaryScript1Partial);
|
||||
}
|
||||
|
||||
if (boundaryID === null) {
|
||||
throw new Error('An ID must have been assigned before we can complete the boundary.');
|
||||
}
|
||||
|
||||
var formattedContentID = stringToChunk(contentSegmentID.toString(16));
|
||||
writeChunk(destination, boundaryID);
|
||||
writeChunk(destination, completeBoundaryScript2);
|
||||
writeChunk(destination, responseState.segmentPrefix);
|
||||
writeChunk(destination, formattedContentID);
|
||||
return writeChunkAndReturn(destination, completeBoundaryScript3);
|
||||
}
|
||||
var clientRenderScript1Full = stringToPrecomputedChunk(clientRenderFunction + ';$RX("');
|
||||
var clientRenderScript1Partial = stringToPrecomputedChunk('$RX("');
|
||||
var clientRenderScript1A = stringToPrecomputedChunk('"');
|
||||
var clientRenderScript2 = stringToPrecomputedChunk(')</script>');
|
||||
var clientRenderErrorScriptArgInterstitial = stringToPrecomputedChunk(',');
|
||||
function writeClientRenderBoundaryInstruction(destination, responseState, boundaryID, errorDigest, errorMessage, errorComponentStack) {
|
||||
writeChunk(destination, responseState.startInlineScript);
|
||||
|
||||
if (!responseState.sentClientRenderFunction) {
|
||||
// The first time we write this, we'll need to include the full implementation.
|
||||
responseState.sentClientRenderFunction = true;
|
||||
writeChunk(destination, clientRenderScript1Full);
|
||||
} else {
|
||||
// Future calls can just reuse the same function.
|
||||
writeChunk(destination, clientRenderScript1Partial);
|
||||
}
|
||||
|
||||
if (boundaryID === null) {
|
||||
throw new Error('An ID must have been assigned before we can complete the boundary.');
|
||||
}
|
||||
|
||||
writeChunk(destination, boundaryID);
|
||||
writeChunk(destination, clientRenderScript1A);
|
||||
|
||||
if (errorDigest || errorMessage || errorComponentStack) {
|
||||
writeChunk(destination, clientRenderErrorScriptArgInterstitial);
|
||||
writeChunk(destination, stringToChunk(escapeJSStringsForInstructionScripts(errorDigest || '')));
|
||||
}
|
||||
|
||||
if (errorMessage || errorComponentStack) {
|
||||
writeChunk(destination, clientRenderErrorScriptArgInterstitial);
|
||||
writeChunk(destination, stringToChunk(escapeJSStringsForInstructionScripts(errorMessage || '')));
|
||||
}
|
||||
|
||||
if (errorComponentStack) {
|
||||
writeChunk(destination, clientRenderErrorScriptArgInterstitial);
|
||||
writeChunk(destination, stringToChunk(escapeJSStringsForInstructionScripts(errorComponentStack)));
|
||||
}
|
||||
|
||||
return writeChunkAndReturn(destination, clientRenderScript2);
|
||||
}
|
||||
var regexForJSStringsInScripts = /[<\u2028\u2029]/g;
|
||||
|
||||
function escapeJSStringsForInstructionScripts(input) {
|
||||
var escaped = JSON.stringify(input);
|
||||
return escaped.replace(regexForJSStringsInScripts, function (match) {
|
||||
switch (match) {
|
||||
// santizing breaking out of strings and script tags
|
||||
case '<':
|
||||
return "\\u003c";
|
||||
|
||||
case "\u2028":
|
||||
return "\\u2028";
|
||||
|
||||
case "\u2029":
|
||||
return "\\u2029";
|
||||
|
||||
default:
|
||||
{
|
||||
// eslint-disable-next-line react-internal/prod-error-codes
|
||||
throw new Error('escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function createResponseState$1(generateStaticMarkup, identifierPrefix) {
|
||||
var responseState = createResponseState(identifierPrefix, undefined);
|
||||
return {
|
||||
// Keep this in sync with ReactDOMServerFormatConfig
|
||||
bootstrapChunks: responseState.bootstrapChunks,
|
||||
startInlineScript: responseState.startInlineScript,
|
||||
placeholderPrefix: responseState.placeholderPrefix,
|
||||
segmentPrefix: responseState.segmentPrefix,
|
||||
boundaryPrefix: responseState.boundaryPrefix,
|
||||
idPrefix: responseState.idPrefix,
|
||||
nextSuspenseID: responseState.nextSuspenseID,
|
||||
sentCompleteSegmentFunction: responseState.sentCompleteSegmentFunction,
|
||||
sentCompleteBoundaryFunction: responseState.sentCompleteBoundaryFunction,
|
||||
sentClientRenderFunction: responseState.sentClientRenderFunction,
|
||||
// This is an extra field for the legacy renderer
|
||||
generateStaticMarkup: generateStaticMarkup
|
||||
};
|
||||
}
|
||||
function createRootFormatContext() {
|
||||
return {
|
||||
insertionMode: HTML_MODE,
|
||||
// We skip the root mode because we don't want to emit the DOCTYPE in legacy mode.
|
||||
selectedValue: null
|
||||
};
|
||||
}
|
||||
function pushTextInstance$1(target, text, responseState, textEmbedded) {
|
||||
if (responseState.generateStaticMarkup) {
|
||||
target.push(stringToChunk(escapeTextForBrowser(text)));
|
||||
return false;
|
||||
} else {
|
||||
return pushTextInstance(target, text, responseState, textEmbedded);
|
||||
}
|
||||
}
|
||||
function pushSegmentFinale$1(target, responseState, lastPushedText, textEmbedded) {
|
||||
if (responseState.generateStaticMarkup) {
|
||||
return;
|
||||
} else {
|
||||
return pushSegmentFinale(target, responseState, lastPushedText, textEmbedded);
|
||||
}
|
||||
}
|
||||
function writeStartCompletedSuspenseBoundary$1(destination, responseState) {
|
||||
if (responseState.generateStaticMarkup) {
|
||||
// A completed boundary is done and doesn't need a representation in the HTML
|
||||
// if we're not going to be hydrating it.
|
||||
return true;
|
||||
}
|
||||
|
||||
return writeStartCompletedSuspenseBoundary(destination);
|
||||
}
|
||||
function writeStartClientRenderedSuspenseBoundary$1(destination, responseState, // flushing these error arguments are not currently supported in this legacy streaming format.
|
||||
errorDigest, errorMessage, errorComponentStack) {
|
||||
if (responseState.generateStaticMarkup) {
|
||||
// A client rendered boundary is done and doesn't need a representation in the HTML
|
||||
// since we'll never hydrate it. This is arguably an error in static generation.
|
||||
return true;
|
||||
}
|
||||
|
||||
return writeStartClientRenderedSuspenseBoundary(destination, responseState, errorDigest, errorMessage, errorComponentStack);
|
||||
}
|
||||
function writeEndCompletedSuspenseBoundary$1(destination, responseState) {
|
||||
if (responseState.generateStaticMarkup) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return writeEndCompletedSuspenseBoundary(destination);
|
||||
}
|
||||
function writeEndClientRenderedSuspenseBoundary$1(destination, responseState) {
|
||||
if (responseState.generateStaticMarkup) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return writeEndClientRenderedSuspenseBoundary(destination);
|
||||
}
|
||||
|
||||
var assign = Object.assign;
|
||||
|
||||
// ATTENTION
|
||||
// When adding new symbols to this file,
|
||||
// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
|
||||
// The Symbol used to tag the ReactElement-like types.
|
||||
var REACT_ELEMENT_TYPE = Symbol.for('react.element');
|
||||
var REACT_PORTAL_TYPE = Symbol.for('react.portal');
|
||||
var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
|
||||
var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
|
||||
var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
|
||||
var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
|
||||
var REACT_CONTEXT_TYPE = Symbol.for('react.context');
|
||||
var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
|
||||
var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
|
||||
var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
|
||||
var REACT_MEMO_TYPE = Symbol.for('react.memo');
|
||||
var REACT_LAZY_TYPE = Symbol.for('react.lazy');
|
||||
var REACT_SCOPE_TYPE = Symbol.for('react.scope');
|
||||
var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
|
||||
var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
|
||||
var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
|
||||
var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
|
||||
var FAUX_ITERATOR_SYMBOL = '@@iterator';
|
||||
function getIteratorFn(maybeIterable) {
|
||||
if (maybeIterable === null || typeof maybeIterable !== 'object') {
|
||||
return null;
|
||||
}
|
||||
|
||||
var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
|
||||
|
||||
if (typeof maybeIterator === 'function') {
|
||||
return maybeIterator;
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
function getWrappedName(outerType, innerType, wrapperName) {
|
||||
var displayName = outerType.displayName;
|
||||
|
||||
if (displayName) {
|
||||
return displayName;
|
||||
}
|
||||
|
||||
var functionName = innerType.displayName || innerType.name || '';
|
||||
return functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName;
|
||||
} // Keep in sync with react-reconciler/getComponentNameFromFiber
|
||||
|
||||
|
||||
function getContextName(type) {
|
||||
return type.displayName || 'Context';
|
||||
} // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
|
||||
|
||||
|
||||
function getComponentNameFromType(type) {
|
||||
if (type == null) {
|
||||
// Host root, text node or just invalid type.
|
||||
return null;
|
||||
}
|
||||
|
||||
{
|
||||
if (typeof type.tag === 'number') {
|
||||
error('Received an unexpected object in getComponentNameFromType(). ' + 'This is likely a bug in React. Please file an issue.');
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof type === 'function') {
|
||||
return type.displayName || type.name || null;
|
||||
}
|
||||
|
||||
if (typeof type === 'string') {
|
||||
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 (typeof type === 'object') {
|
||||
switch (type.$$typeof) {
|
||||
case REACT_CONTEXT_TYPE:
|
||||
var context = type;
|
||||
return getContextName(context) + '.Consumer';
|
||||
|
||||
case REACT_PROVIDER_TYPE:
|
||||
var provider = type;
|
||||
return getContextName(provider._context) + '.Provider';
|
||||
|
||||
case REACT_FORWARD_REF_TYPE:
|
||||
return getWrappedName(type, type.render, 'ForwardRef');
|
||||
|
||||
case REACT_MEMO_TYPE:
|
||||
var outerName = type.displayName || null;
|
||||
|
||||
if (outerName !== null) {
|
||||
return outerName;
|
||||
}
|
||||
|
||||
return getComponentNameFromType(type.type) || 'Memo';
|
||||
|
||||
case REACT_LAZY_TYPE:
|
||||
{
|
||||
var lazyComponent = type;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
return getComponentNameFromType(init(payload));
|
||||
} catch (x) {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
// eslint-disable-next-line no-fallthrough
|
||||
}
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
// Helpers to patch console.logs to avoid logging during side-effect free
|
||||
// replaying on render function. This currently only patches the object
|
||||
// lazily which won't cover if the log function was extracted eagerly.
|
||||
// We could also eagerly patch the method.
|
||||
var disabledDepth = 0;
|
||||
var prevLog;
|
||||
var prevInfo;
|
||||
var prevWarn;
|
||||
var prevError;
|
||||
var prevGroup;
|
||||
var prevGroupCollapsed;
|
||||
var prevGroupEnd;
|
||||
|
||||
function disabledLog() {}
|
||||
|
||||
disabledLog.__reactDisabledLog = true;
|
||||
function disableLogs() {
|
||||
{
|
||||
if (disabledDepth === 0) {
|
||||
/* eslint-disable react-internal/no-production-logging */
|
||||
prevLog = console.log;
|
||||
prevInfo = console.info;
|
||||
prevWarn = console.warn;
|
||||
prevError = console.error;
|
||||
prevGroup = console.group;
|
||||
prevGroupCollapsed = console.groupCollapsed;
|
||||
prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
|
||||
|
||||
var props = {
|
||||
configurable: true,
|
||||
enumerable: true,
|
||||
value: disabledLog,
|
||||
writable: true
|
||||
}; // $FlowFixMe Flow thinks console is immutable.
|
||||
|
||||
Object.defineProperties(console, {
|
||||
info: props,
|
||||
log: props,
|
||||
warn: props,
|
||||
error: props,
|
||||
group: props,
|
||||
groupCollapsed: props,
|
||||
groupEnd: props
|
||||
});
|
||||
/* eslint-enable react-internal/no-production-logging */
|
||||
}
|
||||
|
||||
disabledDepth++;
|
||||
}
|
||||
}
|
||||
function reenableLogs() {
|
||||
{
|
||||
disabledDepth--;
|
||||
|
||||
if (disabledDepth === 0) {
|
||||
/* eslint-disable react-internal/no-production-logging */
|
||||
var props = {
|
||||
configurable: true,
|
||||
enumerable: true,
|
||||
writable: true
|
||||
}; // $FlowFixMe Flow thinks console is immutable.
|
||||
|
||||
Object.defineProperties(console, {
|
||||
log: assign({}, props, {
|
||||
value: prevLog
|
||||
}),
|
||||
info: assign({}, props, {
|
||||
value: prevInfo
|
||||
}),
|
||||
warn: assign({}, props, {
|
||||
value: prevWarn
|
||||
}),
|
||||
error: assign({}, props, {
|
||||
value: prevError
|
||||
}),
|
||||
group: assign({}, props, {
|
||||
value: prevGroup
|
||||
}),
|
||||
groupCollapsed: assign({}, props, {
|
||||
value: prevGroupCollapsed
|
||||
}),
|
||||
groupEnd: assign({}, props, {
|
||||
value: prevGroupEnd
|
||||
})
|
||||
});
|
||||
/* eslint-enable react-internal/no-production-logging */
|
||||
}
|
||||
|
||||
if (disabledDepth < 0) {
|
||||
error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
|
||||
var prefix;
|
||||
function describeBuiltInComponentFrame(name, source, ownerFn) {
|
||||
{
|
||||
if (prefix === undefined) {
|
||||
// Extract the VM specific prefix used by each line.
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
var match = x.stack.trim().match(/\n( *(at )?)/);
|
||||
prefix = match && match[1] || '';
|
||||
}
|
||||
} // We use the prefix to ensure our stacks line up with native stack frames.
|
||||
|
||||
|
||||
return '\n' + prefix + name;
|
||||
}
|
||||
}
|
||||
var reentry = false;
|
||||
var componentFrameCache;
|
||||
|
||||
{
|
||||
var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
|
||||
componentFrameCache = new PossiblyWeakMap();
|
||||
}
|
||||
|
||||
function describeNativeComponentFrame(fn, construct) {
|
||||
// If something asked for a stack inside a fake render, it should get ignored.
|
||||
if ( !fn || reentry) {
|
||||
return '';
|
||||
}
|
||||
|
||||
{
|
||||
var frame = componentFrameCache.get(fn);
|
||||
|
||||
if (frame !== undefined) {
|
||||
return frame;
|
||||
}
|
||||
}
|
||||
|
||||
var control;
|
||||
reentry = true;
|
||||
var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe It does accept undefined.
|
||||
|
||||
Error.prepareStackTrace = undefined;
|
||||
var previousDispatcher;
|
||||
|
||||
{
|
||||
previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
|
||||
// for warnings.
|
||||
|
||||
ReactCurrentDispatcher.current = null;
|
||||
disableLogs();
|
||||
}
|
||||
|
||||
try {
|
||||
// This should throw.
|
||||
if (construct) {
|
||||
// Something should be setting the props in the constructor.
|
||||
var Fake = function () {
|
||||
throw Error();
|
||||
}; // $FlowFixMe
|
||||
|
||||
|
||||
Object.defineProperty(Fake.prototype, 'props', {
|
||||
set: function () {
|
||||
// We use a throwing setter instead of frozen or non-writable props
|
||||
// because that won't throw in a non-strict mode function.
|
||||
throw Error();
|
||||
}
|
||||
});
|
||||
|
||||
if (typeof Reflect === 'object' && Reflect.construct) {
|
||||
// We construct a different control for this case to include any extra
|
||||
// frames added by the construct call.
|
||||
try {
|
||||
Reflect.construct(Fake, []);
|
||||
} catch (x) {
|
||||
control = x;
|
||||
}
|
||||
|
||||
Reflect.construct(fn, [], Fake);
|
||||
} else {
|
||||
try {
|
||||
Fake.call();
|
||||
} catch (x) {
|
||||
control = x;
|
||||
}
|
||||
|
||||
fn.call(Fake.prototype);
|
||||
}
|
||||
} else {
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
control = x;
|
||||
}
|
||||
|
||||
fn();
|
||||
}
|
||||
} catch (sample) {
|
||||
// This is inlined manually because closure doesn't do it for us.
|
||||
if (sample && control && typeof sample.stack === 'string') {
|
||||
// This extracts the first frame from the sample that isn't also in the control.
|
||||
// Skipping one frame that we assume is the frame that calls the two.
|
||||
var sampleLines = sample.stack.split('\n');
|
||||
var controlLines = control.stack.split('\n');
|
||||
var s = sampleLines.length - 1;
|
||||
var c = controlLines.length - 1;
|
||||
|
||||
while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
|
||||
// We expect at least one stack frame to be shared.
|
||||
// Typically this will be the root most one. However, stack frames may be
|
||||
// cut off due to maximum stack limits. In this case, one maybe cut off
|
||||
// earlier than the other. We assume that the sample is longer or the same
|
||||
// and there for cut off earlier. So we should find the root most frame in
|
||||
// the sample somewhere in the control.
|
||||
c--;
|
||||
}
|
||||
|
||||
for (; s >= 1 && c >= 0; s--, c--) {
|
||||
// Next we find the first one that isn't the same which should be the
|
||||
// frame that called our sample function and the control.
|
||||
if (sampleLines[s] !== controlLines[c]) {
|
||||
// In V8, the first line is describing the message but other VMs don't.
|
||||
// If we're about to return the first line, and the control is also on the same
|
||||
// line, that's a pretty good indicator that our sample threw at same line as
|
||||
// the control. I.e. before we entered the sample frame. So we ignore this result.
|
||||
// This can happen if you passed a class to function component, or non-function.
|
||||
if (s !== 1 || c !== 1) {
|
||||
do {
|
||||
s--;
|
||||
c--; // We may still have similar intermediate frames from the construct call.
|
||||
// The next one that isn't the same should be our match though.
|
||||
|
||||
if (c < 0 || sampleLines[s] !== controlLines[c]) {
|
||||
// V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
|
||||
var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
|
||||
// but we have a user-provided "displayName"
|
||||
// splice it in to make the stack more readable.
|
||||
|
||||
|
||||
if (fn.displayName && _frame.includes('<anonymous>')) {
|
||||
_frame = _frame.replace('<anonymous>', fn.displayName);
|
||||
}
|
||||
|
||||
{
|
||||
if (typeof fn === 'function') {
|
||||
componentFrameCache.set(fn, _frame);
|
||||
}
|
||||
} // Return the line we found.
|
||||
|
||||
|
||||
return _frame;
|
||||
}
|
||||
} while (s >= 1 && c >= 0);
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
} finally {
|
||||
reentry = false;
|
||||
|
||||
{
|
||||
ReactCurrentDispatcher.current = previousDispatcher;
|
||||
reenableLogs();
|
||||
}
|
||||
|
||||
Error.prepareStackTrace = previousPrepareStackTrace;
|
||||
} // Fallback to just using the name if we couldn't make it throw.
|
||||
|
||||
|
||||
var name = fn ? fn.displayName || fn.name : '';
|
||||
var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
|
||||
|
||||
{
|
||||
if (typeof fn === 'function') {
|
||||
componentFrameCache.set(fn, syntheticFrame);
|
||||
}
|
||||
}
|
||||
|
||||
return syntheticFrame;
|
||||
}
|
||||
|
||||
function describeClassComponentFrame(ctor, source, ownerFn) {
|
||||
{
|
||||
return describeNativeComponentFrame(ctor, true);
|
||||
}
|
||||
}
|
||||
function describeFunctionComponentFrame(fn, source, ownerFn) {
|
||||
{
|
||||
return describeNativeComponentFrame(fn, false);
|
||||
}
|
||||
}
|
||||
|
||||
function shouldConstruct(Component) {
|
||||
var prototype = Component.prototype;
|
||||
return !!(prototype && prototype.isReactComponent);
|
||||
}
|
||||
|
||||
function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
|
||||
|
||||
if (type == null) {
|
||||
return '';
|
||||
}
|
||||
|
||||
if (typeof type === 'function') {
|
||||
{
|
||||
return describeNativeComponentFrame(type, shouldConstruct(type));
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof type === 'string') {
|
||||
return describeBuiltInComponentFrame(type);
|
||||
}
|
||||
|
||||
switch (type) {
|
||||
case REACT_SUSPENSE_TYPE:
|
||||
return describeBuiltInComponentFrame('Suspense');
|
||||
|
||||
case REACT_SUSPENSE_LIST_TYPE:
|
||||
return describeBuiltInComponentFrame('SuspenseList');
|
||||
}
|
||||
|
||||
if (typeof type === 'object') {
|
||||
switch (type.$$typeof) {
|
||||
case REACT_FORWARD_REF_TYPE:
|
||||
return describeFunctionComponentFrame(type.render);
|
||||
|
||||
case REACT_MEMO_TYPE:
|
||||
// Memo may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
|
||||
|
||||
case REACT_LAZY_TYPE:
|
||||
{
|
||||
var lazyComponent = type;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
// Lazy may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
|
||||
} catch (x) {}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return '';
|
||||
}
|
||||
|
||||
var loggedTypeFailures = {};
|
||||
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
|
||||
function setCurrentlyValidatingElement(element) {
|
||||
{
|
||||
if (element) {
|
||||
var owner = element._owner;
|
||||
var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
|
||||
ReactDebugCurrentFrame.setExtraStackFrame(stack);
|
||||
} else {
|
||||
ReactDebugCurrentFrame.setExtraStackFrame(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function checkPropTypes(typeSpecs, values, location, componentName, element) {
|
||||
{
|
||||
// $FlowFixMe This is okay but Flow doesn't know it.
|
||||
var has = Function.call.bind(hasOwnProperty);
|
||||
|
||||
for (var typeSpecName in typeSpecs) {
|
||||
if (has(typeSpecs, typeSpecName)) {
|
||||
var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
|
||||
// fail the render phase where it didn't fail before. So we log it.
|
||||
// After these have been cleaned up, we'll let them throw.
|
||||
|
||||
try {
|
||||
// This is intentionally an invariant that gets caught. It's the same
|
||||
// behavior as without this statement except with a better message.
|
||||
if (typeof typeSpecs[typeSpecName] !== 'function') {
|
||||
// eslint-disable-next-line react-internal/prod-error-codes
|
||||
var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
|
||||
err.name = 'Invariant Violation';
|
||||
throw err;
|
||||
}
|
||||
|
||||
error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
|
||||
} catch (ex) {
|
||||
error$1 = ex;
|
||||
}
|
||||
|
||||
if (error$1 && !(error$1 instanceof Error)) {
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
|
||||
if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
|
||||
// Only monitor this failure once because there tends to be a lot of the
|
||||
// same error.
|
||||
loggedTypeFailures[error$1.message] = true;
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error('Failed %s type: %s', location, error$1.message);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var warnedAboutMissingGetChildContext;
|
||||
|
||||
{
|
||||
warnedAboutMissingGetChildContext = {};
|
||||
}
|
||||
|
||||
var emptyContextObject = {};
|
||||
|
||||
{
|
||||
Object.freeze(emptyContextObject);
|
||||
}
|
||||
|
||||
function getMaskedContext(type, unmaskedContext) {
|
||||
{
|
||||
var contextTypes = type.contextTypes;
|
||||
|
||||
if (!contextTypes) {
|
||||
return emptyContextObject;
|
||||
}
|
||||
|
||||
var context = {};
|
||||
|
||||
for (var key in contextTypes) {
|
||||
context[key] = unmaskedContext[key];
|
||||
}
|
||||
|
||||
{
|
||||
var name = getComponentNameFromType(type) || 'Unknown';
|
||||
checkPropTypes(contextTypes, context, 'context', name);
|
||||
}
|
||||
|
||||
return context;
|
||||
}
|
||||
}
|
||||
function processChildContext(instance, type, parentContext, childContextTypes) {
|
||||
{
|
||||
// TODO (bvaughn) Replace this behavior with an invariant() in the future.
|
||||
// It has only been added in Fiber to match the (unintentional) behavior in Stack.
|
||||
if (typeof instance.getChildContext !== 'function') {
|
||||
{
|
||||
var componentName = getComponentNameFromType(type) || 'Unknown';
|
||||
|
||||
if (!warnedAboutMissingGetChildContext[componentName]) {
|
||||
warnedAboutMissingGetChildContext[componentName] = true;
|
||||
|
||||
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);
|
||||
}
|
||||
}
|
||||
|
||||
return parentContext;
|
||||
}
|
||||
|
||||
var childContext = instance.getChildContext();
|
||||
|
||||
for (var contextKey in childContext) {
|
||||
if (!(contextKey in childContextTypes)) {
|
||||
throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
|
||||
}
|
||||
}
|
||||
|
||||
{
|
||||
var name = getComponentNameFromType(type) || 'Unknown';
|
||||
checkPropTypes(childContextTypes, childContext, 'child context', name);
|
||||
}
|
||||
|
||||
return assign({}, parentContext, childContext);
|
||||
}
|
||||
}
|
||||
|
||||
var rendererSigil;
|
||||
|
||||
{
|
||||
// Use this to detect multiple renderers using the same context
|
||||
rendererSigil = {};
|
||||
} // Used to store the parent path of all context overrides in a shared linked list.
|
||||
// Forming a reverse tree.
|
||||
|
||||
|
||||
var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
|
||||
// This global (actually thread local) state represents what state all those "current",
|
||||
// fields are currently in.
|
||||
|
||||
var currentActiveSnapshot = null;
|
||||
|
||||
function popNode(prev) {
|
||||
{
|
||||
prev.context._currentValue2 = prev.parentValue;
|
||||
}
|
||||
}
|
||||
|
||||
function pushNode(next) {
|
||||
{
|
||||
next.context._currentValue2 = next.value;
|
||||
}
|
||||
}
|
||||
|
||||
function popToNearestCommonAncestor(prev, next) {
|
||||
if (prev === next) ; else {
|
||||
popNode(prev);
|
||||
var parentPrev = prev.parent;
|
||||
var parentNext = next.parent;
|
||||
|
||||
if (parentPrev === null) {
|
||||
if (parentNext !== null) {
|
||||
throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
|
||||
}
|
||||
} else {
|
||||
if (parentNext === null) {
|
||||
throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
|
||||
}
|
||||
|
||||
popToNearestCommonAncestor(parentPrev, parentNext);
|
||||
} // On the way back, we push the new ones that weren't common.
|
||||
|
||||
|
||||
pushNode(next);
|
||||
}
|
||||
}
|
||||
|
||||
function popAllPrevious(prev) {
|
||||
popNode(prev);
|
||||
var parentPrev = prev.parent;
|
||||
|
||||
if (parentPrev !== null) {
|
||||
popAllPrevious(parentPrev);
|
||||
}
|
||||
}
|
||||
|
||||
function pushAllNext(next) {
|
||||
var parentNext = next.parent;
|
||||
|
||||
if (parentNext !== null) {
|
||||
pushAllNext(parentNext);
|
||||
}
|
||||
|
||||
pushNode(next);
|
||||
}
|
||||
|
||||
function popPreviousToCommonLevel(prev, next) {
|
||||
popNode(prev);
|
||||
var parentPrev = prev.parent;
|
||||
|
||||
if (parentPrev === null) {
|
||||
throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
|
||||
}
|
||||
|
||||
if (parentPrev.depth === next.depth) {
|
||||
// We found the same level. Now we just need to find a shared ancestor.
|
||||
popToNearestCommonAncestor(parentPrev, next);
|
||||
} else {
|
||||
// We must still be deeper.
|
||||
popPreviousToCommonLevel(parentPrev, next);
|
||||
}
|
||||
}
|
||||
|
||||
function popNextToCommonLevel(prev, next) {
|
||||
var parentNext = next.parent;
|
||||
|
||||
if (parentNext === null) {
|
||||
throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
|
||||
}
|
||||
|
||||
if (prev.depth === parentNext.depth) {
|
||||
// We found the same level. Now we just need to find a shared ancestor.
|
||||
popToNearestCommonAncestor(prev, parentNext);
|
||||
} else {
|
||||
// We must still be deeper.
|
||||
popNextToCommonLevel(prev, parentNext);
|
||||
}
|
||||
|
||||
pushNode(next);
|
||||
} // Perform context switching to the new snapshot.
|
||||
// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
|
||||
// updating all the context's current values. That way reads, always just read the current value.
|
||||
// At the cost of updating contexts even if they're never read by this subtree.
|
||||
|
||||
|
||||
function switchContext(newSnapshot) {
|
||||
// The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
|
||||
// We also need to update any new contexts that are now on the stack with the deepest value.
|
||||
// The easiest way to update new contexts is to just reapply them in reverse order from the
|
||||
// perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
|
||||
// for that. Therefore this algorithm is recursive.
|
||||
// 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
|
||||
// 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
|
||||
// 3) Then we reapply new contexts on the way back up the stack.
|
||||
var prev = currentActiveSnapshot;
|
||||
var next = newSnapshot;
|
||||
|
||||
if (prev !== next) {
|
||||
if (prev === null) {
|
||||
// $FlowFixMe: This has to be non-null since it's not equal to prev.
|
||||
pushAllNext(next);
|
||||
} else if (next === null) {
|
||||
popAllPrevious(prev);
|
||||
} else if (prev.depth === next.depth) {
|
||||
popToNearestCommonAncestor(prev, next);
|
||||
} else if (prev.depth > next.depth) {
|
||||
popPreviousToCommonLevel(prev, next);
|
||||
} else {
|
||||
popNextToCommonLevel(prev, next);
|
||||
}
|
||||
|
||||
currentActiveSnapshot = next;
|
||||
}
|
||||
}
|
||||
function pushProvider(context, nextValue) {
|
||||
var prevValue;
|
||||
|
||||
{
|
||||
prevValue = context._currentValue2;
|
||||
context._currentValue2 = nextValue;
|
||||
|
||||
{
|
||||
if (context._currentRenderer2 !== undefined && context._currentRenderer2 !== null && context._currentRenderer2 !== rendererSigil) {
|
||||
error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
|
||||
}
|
||||
|
||||
context._currentRenderer2 = rendererSigil;
|
||||
}
|
||||
}
|
||||
|
||||
var prevNode = currentActiveSnapshot;
|
||||
var newNode = {
|
||||
parent: prevNode,
|
||||
depth: prevNode === null ? 0 : prevNode.depth + 1,
|
||||
context: context,
|
||||
parentValue: prevValue,
|
||||
value: nextValue
|
||||
};
|
||||
currentActiveSnapshot = newNode;
|
||||
return newNode;
|
||||
}
|
||||
function popProvider(context) {
|
||||
var prevSnapshot = currentActiveSnapshot;
|
||||
|
||||
if (prevSnapshot === null) {
|
||||
throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
|
||||
}
|
||||
|
||||
{
|
||||
if (prevSnapshot.context !== context) {
|
||||
error('The parent context is not the expected context. This is probably a bug in React.');
|
||||
}
|
||||
}
|
||||
|
||||
{
|
||||
var _value = prevSnapshot.parentValue;
|
||||
|
||||
if (_value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
|
||||
prevSnapshot.context._currentValue2 = prevSnapshot.context._defaultValue;
|
||||
} else {
|
||||
prevSnapshot.context._currentValue2 = _value;
|
||||
}
|
||||
|
||||
{
|
||||
if (context._currentRenderer2 !== undefined && context._currentRenderer2 !== null && context._currentRenderer2 !== rendererSigil) {
|
||||
error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
|
||||
}
|
||||
|
||||
context._currentRenderer2 = rendererSigil;
|
||||
}
|
||||
}
|
||||
|
||||
return currentActiveSnapshot = prevSnapshot.parent;
|
||||
}
|
||||
function getActiveContext() {
|
||||
return currentActiveSnapshot;
|
||||
}
|
||||
function readContext(context) {
|
||||
var value = context._currentValue2;
|
||||
return value;
|
||||
}
|
||||
|
||||
/**
|
||||
* `ReactInstanceMap` maintains a mapping from a public facing stateful
|
||||
* instance (key) and the internal representation (value). This allows public
|
||||
* methods to accept the user facing instance as an argument and map them back
|
||||
* to internal methods.
|
||||
*
|
||||
* Note that this module is currently shared and assumed to be stateless.
|
||||
* If this becomes an actual Map, that will break.
|
||||
*/
|
||||
function get(key) {
|
||||
return key._reactInternals;
|
||||
}
|
||||
function set(key, value) {
|
||||
key._reactInternals = value;
|
||||
}
|
||||
|
||||
var didWarnAboutNoopUpdateForComponent = {};
|
||||
var didWarnAboutDeprecatedWillMount = {};
|
||||
var didWarnAboutUninitializedState;
|
||||
var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
|
||||
var didWarnAboutLegacyLifecyclesAndDerivedState;
|
||||
var didWarnAboutUndefinedDerivedState;
|
||||
var warnOnUndefinedDerivedState;
|
||||
var warnOnInvalidCallback;
|
||||
var didWarnAboutDirectlyAssigningPropsToState;
|
||||
var didWarnAboutContextTypeAndContextTypes;
|
||||
var didWarnAboutInvalidateContextType;
|
||||
|
||||
{
|
||||
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();
|
||||
|
||||
warnOnInvalidCallback = function (callback, callerName) {
|
||||
if (callback === null || typeof callback === 'function') {
|
||||
return;
|
||||
}
|
||||
|
||||
var key = callerName + '_' + callback;
|
||||
|
||||
if (!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 (partialState === undefined) {
|
||||
var componentName = getComponentNameFromType(type) || 'Component';
|
||||
|
||||
if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
|
||||
didWarnAboutUndefinedDerivedState.add(componentName);
|
||||
|
||||
error('%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. ' + 'You have returned undefined.', componentName);
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
function warnNoop(publicInstance, callerName) {
|
||||
{
|
||||
var _constructor = publicInstance.constructor;
|
||||
var componentName = _constructor && getComponentNameFromType(_constructor) || 'ReactClass';
|
||||
var warningKey = componentName + '.' + callerName;
|
||||
|
||||
if (didWarnAboutNoopUpdateForComponent[warningKey]) {
|
||||
return;
|
||||
}
|
||||
|
||||
error('%s(...): Can only update a mounting component. ' + 'This usually means you called %s() outside componentWillMount() on the server. ' + 'This is a no-op.\n\nPlease check the code for the %s component.', callerName, callerName, componentName);
|
||||
|
||||
didWarnAboutNoopUpdateForComponent[warningKey] = true;
|
||||
}
|
||||
}
|
||||
|
||||
var classComponentUpdater = {
|
||||
isMounted: function (inst) {
|
||||
return false;
|
||||
},
|
||||
enqueueSetState: function (inst, payload, callback) {
|
||||
var internals = get(inst);
|
||||
|
||||
if (internals.queue === null) {
|
||||
warnNoop(inst, 'setState');
|
||||
} else {
|
||||
internals.queue.push(payload);
|
||||
|
||||
{
|
||||
if (callback !== undefined && callback !== null) {
|
||||
warnOnInvalidCallback(callback, 'setState');
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
enqueueReplaceState: function (inst, payload, callback) {
|
||||
var internals = get(inst);
|
||||
internals.replace = true;
|
||||
internals.queue = [payload];
|
||||
|
||||
{
|
||||
if (callback !== undefined && callback !== null) {
|
||||
warnOnInvalidCallback(callback, 'setState');
|
||||
}
|
||||
}
|
||||
},
|
||||
enqueueForceUpdate: function (inst, callback) {
|
||||
var internals = get(inst);
|
||||
|
||||
if (internals.queue === null) {
|
||||
warnNoop(inst, 'forceUpdate');
|
||||
} else {
|
||||
{
|
||||
if (callback !== undefined && callback !== null) {
|
||||
warnOnInvalidCallback(callback, 'setState');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
function applyDerivedStateFromProps(instance, ctor, getDerivedStateFromProps, prevState, nextProps) {
|
||||
var partialState = getDerivedStateFromProps(nextProps, prevState);
|
||||
|
||||
{
|
||||
warnOnUndefinedDerivedState(ctor, partialState);
|
||||
} // Merge the partial state and the previous state.
|
||||
|
||||
|
||||
var newState = partialState === null || partialState === undefined ? prevState : assign({}, prevState, partialState);
|
||||
return newState;
|
||||
}
|
||||
|
||||
function constructClassInstance(ctor, props, maskedLegacyContext) {
|
||||
var context = emptyContextObject;
|
||||
var contextType = ctor.contextType;
|
||||
|
||||
{
|
||||
if ('contextType' in ctor) {
|
||||
var isValid = // Allow null for conditional declaration
|
||||
contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE && contextType._context === undefined; // Not a <Context.Consumer>
|
||||
|
||||
if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
|
||||
didWarnAboutInvalidateContextType.add(ctor);
|
||||
var addendum = '';
|
||||
|
||||
if (contextType === undefined) {
|
||||
addendum = ' 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.';
|
||||
} else if (typeof contextType !== 'object') {
|
||||
addendum = ' However, it is set to a ' + typeof contextType + '.';
|
||||
} else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
|
||||
addendum = ' Did you accidentally pass the Context.Provider instead?';
|
||||
} else if (contextType._context !== undefined) {
|
||||
// <Context.Consumer>
|
||||
addendum = ' Did you accidentally pass the Context.Consumer instead?';
|
||||
} else {
|
||||
addendum = ' 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', getComponentNameFromType(ctor) || 'Component', addendum);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof contextType === 'object' && contextType !== null) {
|
||||
context = readContext(contextType);
|
||||
} else {
|
||||
context = maskedLegacyContext;
|
||||
}
|
||||
|
||||
var instance = new ctor(props, context);
|
||||
|
||||
{
|
||||
if (typeof ctor.getDerivedStateFromProps === 'function' && (instance.state === null || instance.state === undefined)) {
|
||||
var componentName = getComponentNameFromType(ctor) || 'Component';
|
||||
|
||||
if (!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, instance.state === null ? 'null' : 'undefined', componentName);
|
||||
}
|
||||
} // If new component APIs are defined, "unsafe" lifecycles won't be called.
|
||||
// Warn about these lifecycles if they are present.
|
||||
// Don't warn about react-lifecycles-compat polyfilled methods though.
|
||||
|
||||
|
||||
if (typeof ctor.getDerivedStateFromProps === 'function' || typeof instance.getSnapshotBeforeUpdate === 'function') {
|
||||
var foundWillMountName = null;
|
||||
var foundWillReceivePropsName = null;
|
||||
var foundWillUpdateName = null;
|
||||
|
||||
if (typeof instance.componentWillMount === 'function' && instance.componentWillMount.__suppressDeprecationWarning !== true) {
|
||||
foundWillMountName = 'componentWillMount';
|
||||
} else if (typeof instance.UNSAFE_componentWillMount === 'function') {
|
||||
foundWillMountName = 'UNSAFE_componentWillMount';
|
||||
}
|
||||
|
||||
if (typeof instance.componentWillReceiveProps === 'function' && instance.componentWillReceiveProps.__suppressDeprecationWarning !== true) {
|
||||
foundWillReceivePropsName = 'componentWillReceiveProps';
|
||||
} else if (typeof instance.UNSAFE_componentWillReceiveProps === 'function') {
|
||||
foundWillReceivePropsName = 'UNSAFE_componentWillReceiveProps';
|
||||
}
|
||||
|
||||
if (typeof instance.componentWillUpdate === 'function' && instance.componentWillUpdate.__suppressDeprecationWarning !== true) {
|
||||
foundWillUpdateName = 'componentWillUpdate';
|
||||
} else if (typeof instance.UNSAFE_componentWillUpdate === 'function') {
|
||||
foundWillUpdateName = 'UNSAFE_componentWillUpdate';
|
||||
}
|
||||
|
||||
if (foundWillMountName !== null || foundWillReceivePropsName !== null || foundWillUpdateName !== null) {
|
||||
var _componentName = getComponentNameFromType(ctor) || 'Component';
|
||||
|
||||
var newApiName = typeof ctor.getDerivedStateFromProps === 'function' ? 'getDerivedStateFromProps()' : 'getSnapshotBeforeUpdate()';
|
||||
|
||||
if (!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\n' + 'The above lifecycles should be removed. Learn more about this warning here:\n' + 'https://reactjs.org/link/unsafe-component-lifecycles', _componentName, newApiName, foundWillMountName !== null ? "\n " + foundWillMountName : '', foundWillReceivePropsName !== null ? "\n " + foundWillReceivePropsName : '', foundWillUpdateName !== null ? "\n " + foundWillUpdateName : '');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return instance;
|
||||
}
|
||||
|
||||
function checkClassInstance(instance, ctor, newProps) {
|
||||
{
|
||||
var name = getComponentNameFromType(ctor) || 'Component';
|
||||
var renderPresent = instance.render;
|
||||
|
||||
if (!renderPresent) {
|
||||
if (ctor.prototype && typeof ctor.prototype.render === 'function') {
|
||||
error('%s(...): No `render` method found on the returned component ' + 'instance: did you accidentally return an object from the constructor?', name);
|
||||
} else {
|
||||
error('%s(...): No `render` method found on the returned component ' + 'instance: you may have forgotten to define `render`.', name);
|
||||
}
|
||||
}
|
||||
|
||||
if (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);
|
||||
}
|
||||
|
||||
if (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);
|
||||
}
|
||||
|
||||
if (instance.propTypes) {
|
||||
error('propTypes was defined as an instance property on %s. Use a static ' + 'property to define propTypes instead.', name);
|
||||
}
|
||||
|
||||
if (instance.contextType) {
|
||||
error('contextType was defined as an instance property on %s. Use a static ' + 'property to define contextType instead.', name);
|
||||
}
|
||||
|
||||
{
|
||||
if (instance.contextTypes) {
|
||||
error('contextTypes was defined as an instance property on %s. Use a static ' + 'property to define contextTypes instead.', name);
|
||||
}
|
||||
|
||||
if (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);
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof instance.componentShouldUpdate === 'function') {
|
||||
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);
|
||||
}
|
||||
|
||||
if (ctor.prototype && ctor.prototype.isPureReactComponent && typeof instance.shouldComponentUpdate !== 'undefined') {
|
||||
error('%s has a method called shouldComponentUpdate(). ' + 'shouldComponentUpdate should not be used when extending React.PureComponent. ' + 'Please extend React.Component if shouldComponentUpdate is used.', getComponentNameFromType(ctor) || 'A pure component');
|
||||
}
|
||||
|
||||
if (typeof instance.componentDidUnmount === 'function') {
|
||||
error('%s has a method called ' + 'componentDidUnmount(). But there is no such lifecycle method. ' + 'Did you mean componentWillUnmount()?', name);
|
||||
}
|
||||
|
||||
if (typeof instance.componentDidReceiveProps === 'function') {
|
||||
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);
|
||||
}
|
||||
|
||||
if (typeof instance.componentWillRecieveProps === 'function') {
|
||||
error('%s has a method called ' + 'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?', name);
|
||||
}
|
||||
|
||||
if (typeof instance.UNSAFE_componentWillRecieveProps === 'function') {
|
||||
error('%s has a method called ' + 'UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?', name);
|
||||
}
|
||||
|
||||
var hasMutatedProps = instance.props !== newProps;
|
||||
|
||||
if (instance.props !== undefined && 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);
|
||||
}
|
||||
|
||||
if (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);
|
||||
}
|
||||
|
||||
if (typeof instance.getSnapshotBeforeUpdate === 'function' && typeof instance.componentDidUpdate !== 'function' && !didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(ctor)) {
|
||||
didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(ctor);
|
||||
|
||||
error('%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). ' + 'This component defines getSnapshotBeforeUpdate() only.', getComponentNameFromType(ctor));
|
||||
}
|
||||
|
||||
if (typeof instance.getDerivedStateFromProps === 'function') {
|
||||
error('%s: getDerivedStateFromProps() is defined as an instance method ' + 'and will be ignored. Instead, declare it as a static method.', name);
|
||||
}
|
||||
|
||||
if (typeof instance.getDerivedStateFromError === 'function') {
|
||||
error('%s: getDerivedStateFromError() is defined as an instance method ' + 'and will be ignored. Instead, declare it as a static method.', name);
|
||||
}
|
||||
|
||||
if (typeof ctor.getSnapshotBeforeUpdate === 'function') {
|
||||
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;
|
||||
|
||||
if (_state && (typeof _state !== 'object' || isArray(_state))) {
|
||||
error('%s.state: must be set to an object or null', name);
|
||||
}
|
||||
|
||||
if (typeof instance.getChildContext === 'function' && typeof ctor.childContextTypes !== 'object') {
|
||||
error('%s.getChildContext(): childContextTypes must be defined in order to ' + 'use getChildContext().', name);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function callComponentWillMount(type, instance) {
|
||||
var oldState = instance.state;
|
||||
|
||||
if (typeof instance.componentWillMount === 'function') {
|
||||
{
|
||||
if ( instance.componentWillMount.__suppressDeprecationWarning !== true) {
|
||||
var componentName = getComponentNameFromType(type) || 'Unknown';
|
||||
|
||||
if (!didWarnAboutDeprecatedWillMount[componentName]) {
|
||||
warn( // keep this warning in sync with ReactStrictModeWarning.js
|
||||
'componentWillMount has been renamed, and is not recommended for use. ' + 'See https://reactjs.org/link/unsafe-component-lifecycles for details.\n\n' + '* Move code from componentWillMount to componentDidMount (preferred in most cases) ' + 'or the constructor.\n' + '\nPlease update the following components: %s', componentName);
|
||||
|
||||
didWarnAboutDeprecatedWillMount[componentName] = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
instance.componentWillMount();
|
||||
}
|
||||
|
||||
if (typeof instance.UNSAFE_componentWillMount === 'function') {
|
||||
instance.UNSAFE_componentWillMount();
|
||||
}
|
||||
|
||||
if (oldState !== instance.state) {
|
||||
{
|
||||
error('%s.componentWillMount(): Assigning directly to this.state is ' + "deprecated (except inside a component's " + 'constructor). Use setState instead.', getComponentNameFromType(type) || 'Component');
|
||||
}
|
||||
|
||||
classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
|
||||
}
|
||||
}
|
||||
|
||||
function processUpdateQueue(internalInstance, inst, props, maskedLegacyContext) {
|
||||
if (internalInstance.queue !== null && internalInstance.queue.length > 0) {
|
||||
var oldQueue = internalInstance.queue;
|
||||
var oldReplace = internalInstance.replace;
|
||||
internalInstance.queue = null;
|
||||
internalInstance.replace = false;
|
||||
|
||||
if (oldReplace && oldQueue.length === 1) {
|
||||
inst.state = oldQueue[0];
|
||||
} else {
|
||||
var nextState = oldReplace ? oldQueue[0] : inst.state;
|
||||
var dontMutate = true;
|
||||
|
||||
for (var i = oldReplace ? 1 : 0; i < oldQueue.length; i++) {
|
||||
var partial = oldQueue[i];
|
||||
var partialState = typeof partial === 'function' ? partial.call(inst, nextState, props, maskedLegacyContext) : partial;
|
||||
|
||||
if (partialState != null) {
|
||||
if (dontMutate) {
|
||||
dontMutate = false;
|
||||
nextState = assign({}, nextState, partialState);
|
||||
} else {
|
||||
assign(nextState, partialState);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
inst.state = nextState;
|
||||
}
|
||||
} else {
|
||||
internalInstance.queue = null;
|
||||
}
|
||||
} // Invokes the mount life-cycles on a previously never rendered instance.
|
||||
|
||||
|
||||
function mountClassInstance(instance, ctor, newProps, maskedLegacyContext) {
|
||||
{
|
||||
checkClassInstance(instance, ctor, newProps);
|
||||
}
|
||||
|
||||
var initialState = instance.state !== undefined ? instance.state : null;
|
||||
instance.updater = classComponentUpdater;
|
||||
instance.props = newProps;
|
||||
instance.state = initialState; // We don't bother initializing the refs object on the server, since we're not going to resolve them anyway.
|
||||
// The internal instance will be used to manage updates that happen during this mount.
|
||||
|
||||
var internalInstance = {
|
||||
queue: [],
|
||||
replace: false
|
||||
};
|
||||
set(instance, internalInstance);
|
||||
var contextType = ctor.contextType;
|
||||
|
||||
if (typeof contextType === 'object' && contextType !== null) {
|
||||
instance.context = readContext(contextType);
|
||||
} else {
|
||||
instance.context = maskedLegacyContext;
|
||||
}
|
||||
|
||||
{
|
||||
if (instance.state === newProps) {
|
||||
var componentName = getComponentNameFromType(ctor) || 'Component';
|
||||
|
||||
if (!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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
|
||||
|
||||
if (typeof getDerivedStateFromProps === 'function') {
|
||||
instance.state = applyDerivedStateFromProps(instance, ctor, getDerivedStateFromProps, initialState, newProps);
|
||||
} // In order to support react-lifecycles-compat polyfilled components,
|
||||
// Unsafe lifecycles should not be invoked for components using the new APIs.
|
||||
|
||||
|
||||
if (typeof ctor.getDerivedStateFromProps !== 'function' && typeof instance.getSnapshotBeforeUpdate !== 'function' && (typeof instance.UNSAFE_componentWillMount === 'function' || typeof instance.componentWillMount === 'function')) {
|
||||
callComponentWillMount(ctor, instance); // If we had additional state updates during this life-cycle, let's
|
||||
// process them now.
|
||||
|
||||
processUpdateQueue(internalInstance, instance, newProps, maskedLegacyContext);
|
||||
}
|
||||
}
|
||||
|
||||
// Ids are base 32 strings whose binary representation corresponds to the
|
||||
// position of a node in a tree.
|
||||
// Every time the tree forks into multiple children, we add additional bits to
|
||||
// the left of the sequence that represent the position of the child within the
|
||||
// current level of children.
|
||||
//
|
||||
// 00101 00010001011010101
|
||||
// ╰─┬─╯ ╰───────┬───────╯
|
||||
// Fork 5 of 20 Parent id
|
||||
//
|
||||
// The leading 0s are important. In the above example, you only need 3 bits to
|
||||
// represent slot 5. However, you need 5 bits to represent all the forks at
|
||||
// the current level, so we must account for the empty bits at the end.
|
||||
//
|
||||
// For this same reason, slots are 1-indexed instead of 0-indexed. Otherwise,
|
||||
// the zeroth id at a level would be indistinguishable from its parent.
|
||||
//
|
||||
// If a node has only one child, and does not materialize an id (i.e. does not
|
||||
// contain a useId hook), then we don't need to allocate any space in the
|
||||
// sequence. It's treated as a transparent indirection. For example, these two
|
||||
// trees produce the same ids:
|
||||
//
|
||||
// <> <>
|
||||
// <Indirection> <A />
|
||||
// <A /> <B />
|
||||
// </Indirection> </>
|
||||
// <B />
|
||||
// </>
|
||||
//
|
||||
// However, we cannot skip any node that materializes an id. Otherwise, a parent
|
||||
// id that does not fork would be indistinguishable from its child id. For
|
||||
// example, this tree does not fork, but the parent and child must have
|
||||
// different ids.
|
||||
//
|
||||
// <Parent>
|
||||
// <Child />
|
||||
// </Parent>
|
||||
//
|
||||
// To handle this scenario, every time we materialize an id, we allocate a
|
||||
// new level with a single slot. You can think of this as a fork with only one
|
||||
// prong, or an array of children with length 1.
|
||||
//
|
||||
// It's possible for the size of the sequence to exceed 32 bits, the max
|
||||
// size for bitwise operations. When this happens, we make more room by
|
||||
// converting the right part of the id to a string and storing it in an overflow
|
||||
// variable. We use a base 32 string representation, because 32 is the largest
|
||||
// power of 2 that is supported by toString(). We want the base to be large so
|
||||
// that the resulting ids are compact, and we want the base to be a power of 2
|
||||
// because every log2(base) bits corresponds to a single character, i.e. every
|
||||
// log2(32) = 5 bits. That means we can lop bits off the end 5 at a time without
|
||||
// affecting the final result.
|
||||
var emptyTreeContext = {
|
||||
id: 1,
|
||||
overflow: ''
|
||||
};
|
||||
function getTreeId(context) {
|
||||
var overflow = context.overflow;
|
||||
var idWithLeadingBit = context.id;
|
||||
var id = idWithLeadingBit & ~getLeadingBit(idWithLeadingBit);
|
||||
return id.toString(32) + overflow;
|
||||
}
|
||||
function pushTreeContext(baseContext, totalChildren, index) {
|
||||
var baseIdWithLeadingBit = baseContext.id;
|
||||
var baseOverflow = baseContext.overflow; // The leftmost 1 marks the end of the sequence, non-inclusive. It's not part
|
||||
// of the id; we use it to account for leading 0s.
|
||||
|
||||
var baseLength = getBitLength(baseIdWithLeadingBit) - 1;
|
||||
var baseId = baseIdWithLeadingBit & ~(1 << baseLength);
|
||||
var slot = index + 1;
|
||||
var length = getBitLength(totalChildren) + baseLength; // 30 is the max length we can store without overflowing, taking into
|
||||
// consideration the leading 1 we use to mark the end of the sequence.
|
||||
|
||||
if (length > 30) {
|
||||
// We overflowed the bitwise-safe range. Fall back to slower algorithm.
|
||||
// This branch assumes the length of the base id is greater than 5; it won't
|
||||
// work for smaller ids, because you need 5 bits per character.
|
||||
//
|
||||
// We encode the id in multiple steps: first the base id, then the
|
||||
// remaining digits.
|
||||
//
|
||||
// Each 5 bit sequence corresponds to a single base 32 character. So for
|
||||
// example, if the current id is 23 bits long, we can convert 20 of those
|
||||
// bits into a string of 4 characters, with 3 bits left over.
|
||||
//
|
||||
// First calculate how many bits in the base id represent a complete
|
||||
// sequence of characters.
|
||||
var numberOfOverflowBits = baseLength - baseLength % 5; // Then create a bitmask that selects only those bits.
|
||||
|
||||
var newOverflowBits = (1 << numberOfOverflowBits) - 1; // Select the bits, and convert them to a base 32 string.
|
||||
|
||||
var newOverflow = (baseId & newOverflowBits).toString(32); // Now we can remove those bits from the base id.
|
||||
|
||||
var restOfBaseId = baseId >> numberOfOverflowBits;
|
||||
var restOfBaseLength = baseLength - numberOfOverflowBits; // Finally, encode the rest of the bits using the normal algorithm. Because
|
||||
// we made more room, this time it won't overflow.
|
||||
|
||||
var restOfLength = getBitLength(totalChildren) + restOfBaseLength;
|
||||
var restOfNewBits = slot << restOfBaseLength;
|
||||
var id = restOfNewBits | restOfBaseId;
|
||||
var overflow = newOverflow + baseOverflow;
|
||||
return {
|
||||
id: 1 << restOfLength | id,
|
||||
overflow: overflow
|
||||
};
|
||||
} else {
|
||||
// Normal path
|
||||
var newBits = slot << baseLength;
|
||||
|
||||
var _id = newBits | baseId;
|
||||
|
||||
var _overflow = baseOverflow;
|
||||
return {
|
||||
id: 1 << length | _id,
|
||||
overflow: _overflow
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
function getBitLength(number) {
|
||||
return 32 - clz32(number);
|
||||
}
|
||||
|
||||
function getLeadingBit(id) {
|
||||
return 1 << getBitLength(id) - 1;
|
||||
} // TODO: Math.clz32 is supported in Node 12+. Maybe we can drop the fallback.
|
||||
|
||||
|
||||
var clz32 = Math.clz32 ? Math.clz32 : clz32Fallback; // Count leading zeros.
|
||||
// Based on:
|
||||
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/clz32
|
||||
|
||||
var log = Math.log;
|
||||
var LN2 = Math.LN2;
|
||||
|
||||
function clz32Fallback(x) {
|
||||
var asUint = x >>> 0;
|
||||
|
||||
if (asUint === 0) {
|
||||
return 32;
|
||||
}
|
||||
|
||||
return 31 - (log(asUint) / LN2 | 0) | 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* inlined Object.is polyfill to avoid requiring consumers ship their own
|
||||
* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
|
||||
*/
|
||||
function is(x, y) {
|
||||
return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare
|
||||
;
|
||||
}
|
||||
|
||||
var objectIs = typeof Object.is === 'function' ? Object.is : is;
|
||||
|
||||
var currentlyRenderingComponent = null;
|
||||
var currentlyRenderingTask = null;
|
||||
var firstWorkInProgressHook = null;
|
||||
var workInProgressHook = null; // Whether the work-in-progress hook is a re-rendered hook
|
||||
|
||||
var isReRender = false; // Whether an update was scheduled during the currently executing render pass.
|
||||
|
||||
var didScheduleRenderPhaseUpdate = false; // Counts the number of useId hooks in this component
|
||||
|
||||
var localIdCounter = 0; // Lazily created map of render-phase updates
|
||||
|
||||
var renderPhaseUpdates = null; // Counter to prevent infinite loops.
|
||||
|
||||
var numberOfReRenders = 0;
|
||||
var RE_RENDER_LIMIT = 25;
|
||||
var isInHookUserCodeInDev = false; // In DEV, this is the name of the currently executing primitive hook
|
||||
|
||||
var currentHookNameInDev;
|
||||
|
||||
function resolveCurrentlyRenderingComponent() {
|
||||
if (currentlyRenderingComponent === null) {
|
||||
throw new 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:\n' + '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' + '2. You might be breaking the Rules of Hooks\n' + '3. You might have more than one copy of React in the same app\n' + 'See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.');
|
||||
}
|
||||
|
||||
{
|
||||
if (isInHookUserCodeInDev) {
|
||||
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');
|
||||
}
|
||||
}
|
||||
|
||||
return currentlyRenderingComponent;
|
||||
}
|
||||
|
||||
function areHookInputsEqual(nextDeps, prevDeps) {
|
||||
if (prevDeps === null) {
|
||||
{
|
||||
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);
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
{
|
||||
// Don't bother comparing lengths in prod because these arrays should be
|
||||
// passed inline.
|
||||
if (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\n' + 'Previous: %s\n' + 'Incoming: %s', currentHookNameInDev, "[" + nextDeps.join(', ') + "]", "[" + prevDeps.join(', ') + "]");
|
||||
}
|
||||
}
|
||||
|
||||
for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
|
||||
if (objectIs(nextDeps[i], prevDeps[i])) {
|
||||
continue;
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
function createHook() {
|
||||
if (numberOfReRenders > 0) {
|
||||
throw new Error('Rendered more hooks than during the previous render');
|
||||
}
|
||||
|
||||
return {
|
||||
memoizedState: null,
|
||||
queue: null,
|
||||
next: null
|
||||
};
|
||||
}
|
||||
|
||||
function createWorkInProgressHook() {
|
||||
if (workInProgressHook === null) {
|
||||
// This is the first hook in the list
|
||||
if (firstWorkInProgressHook === null) {
|
||||
isReRender = false;
|
||||
firstWorkInProgressHook = workInProgressHook = createHook();
|
||||
} else {
|
||||
// There's already a work-in-progress. Reuse it.
|
||||
isReRender = true;
|
||||
workInProgressHook = firstWorkInProgressHook;
|
||||
}
|
||||
} else {
|
||||
if (workInProgressHook.next === null) {
|
||||
isReRender = false; // Append to the end of the list
|
||||
|
||||
workInProgressHook = workInProgressHook.next = createHook();
|
||||
} else {
|
||||
// There's already a work-in-progress. Reuse it.
|
||||
isReRender = true;
|
||||
workInProgressHook = workInProgressHook.next;
|
||||
}
|
||||
}
|
||||
|
||||
return workInProgressHook;
|
||||
}
|
||||
|
||||
function prepareToUseHooks(task, componentIdentity) {
|
||||
currentlyRenderingComponent = componentIdentity;
|
||||
currentlyRenderingTask = task;
|
||||
|
||||
{
|
||||
isInHookUserCodeInDev = false;
|
||||
} // The following should have already been reset
|
||||
// didScheduleRenderPhaseUpdate = false;
|
||||
// localIdCounter = 0;
|
||||
// firstWorkInProgressHook = null;
|
||||
// numberOfReRenders = 0;
|
||||
// renderPhaseUpdates = null;
|
||||
// workInProgressHook = null;
|
||||
|
||||
|
||||
localIdCounter = 0;
|
||||
}
|
||||
function finishHooks(Component, props, children, refOrContext) {
|
||||
// This must be called after every function component to prevent hooks from
|
||||
// being used in classes.
|
||||
while (didScheduleRenderPhaseUpdate) {
|
||||
// Updates were scheduled during the render phase. They are stored in
|
||||
// the `renderPhaseUpdates` map. Call the component again, reusing the
|
||||
// work-in-progress hooks and applying the additional updates on top. Keep
|
||||
// restarting until no more updates are scheduled.
|
||||
didScheduleRenderPhaseUpdate = false;
|
||||
localIdCounter = 0;
|
||||
numberOfReRenders += 1; // Start over from the beginning of the list
|
||||
|
||||
workInProgressHook = null;
|
||||
children = Component(props, refOrContext);
|
||||
}
|
||||
|
||||
resetHooksState();
|
||||
return children;
|
||||
}
|
||||
function checkDidRenderIdHook() {
|
||||
// This should be called immediately after every finishHooks call.
|
||||
// Conceptually, it's part of the return value of finishHooks; it's only a
|
||||
// separate function to avoid using an array tuple.
|
||||
var didRenderIdHook = localIdCounter !== 0;
|
||||
return didRenderIdHook;
|
||||
} // Reset the internal hooks state if an error occurs while rendering a component
|
||||
|
||||
function resetHooksState() {
|
||||
{
|
||||
isInHookUserCodeInDev = false;
|
||||
}
|
||||
|
||||
currentlyRenderingComponent = null;
|
||||
currentlyRenderingTask = null;
|
||||
didScheduleRenderPhaseUpdate = false;
|
||||
firstWorkInProgressHook = null;
|
||||
numberOfReRenders = 0;
|
||||
renderPhaseUpdates = null;
|
||||
workInProgressHook = null;
|
||||
}
|
||||
|
||||
function readContext$1(context) {
|
||||
{
|
||||
if (isInHookUserCodeInDev) {
|
||||
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().');
|
||||
}
|
||||
}
|
||||
|
||||
return readContext(context);
|
||||
}
|
||||
|
||||
function useContext(context) {
|
||||
{
|
||||
currentHookNameInDev = 'useContext';
|
||||
}
|
||||
|
||||
resolveCurrentlyRenderingComponent();
|
||||
return readContext(context);
|
||||
}
|
||||
|
||||
function basicStateReducer(state, action) {
|
||||
// $FlowFixMe: Flow doesn't like mixed types
|
||||
return typeof action === 'function' ? action(state) : action;
|
||||
}
|
||||
|
||||
function useState(initialState) {
|
||||
{
|
||||
currentHookNameInDev = 'useState';
|
||||
}
|
||||
|
||||
return useReducer(basicStateReducer, // useReducer has a special case to support lazy useState initializers
|
||||
initialState);
|
||||
}
|
||||
function useReducer(reducer, initialArg, init) {
|
||||
{
|
||||
if (reducer !== basicStateReducer) {
|
||||
currentHookNameInDev = 'useReducer';
|
||||
}
|
||||
}
|
||||
|
||||
currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
|
||||
workInProgressHook = createWorkInProgressHook();
|
||||
|
||||
if (isReRender) {
|
||||
// This is a re-render. Apply the new render phase updates to the previous
|
||||
// current hook.
|
||||
var queue = workInProgressHook.queue;
|
||||
var dispatch = queue.dispatch;
|
||||
|
||||
if (renderPhaseUpdates !== null) {
|
||||
// Render phase updates are stored in a map of queue -> linked list
|
||||
var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
|
||||
|
||||
if (firstRenderPhaseUpdate !== undefined) {
|
||||
renderPhaseUpdates.delete(queue);
|
||||
var newState = workInProgressHook.memoizedState;
|
||||
var update = firstRenderPhaseUpdate;
|
||||
|
||||
do {
|
||||
// Process this render phase update. We don't have to check the
|
||||
// priority because it will always be the same as the current
|
||||
// render's.
|
||||
var action = update.action;
|
||||
|
||||
{
|
||||
isInHookUserCodeInDev = true;
|
||||
}
|
||||
|
||||
newState = reducer(newState, action);
|
||||
|
||||
{
|
||||
isInHookUserCodeInDev = false;
|
||||
}
|
||||
|
||||
update = update.next;
|
||||
} while (update !== null);
|
||||
|
||||
workInProgressHook.memoizedState = newState;
|
||||
return [newState, dispatch];
|
||||
}
|
||||
}
|
||||
|
||||
return [workInProgressHook.memoizedState, dispatch];
|
||||
} else {
|
||||
{
|
||||
isInHookUserCodeInDev = true;
|
||||
}
|
||||
|
||||
var initialState;
|
||||
|
||||
if (reducer === basicStateReducer) {
|
||||
// Special case for `useState`.
|
||||
initialState = typeof initialArg === 'function' ? initialArg() : initialArg;
|
||||
} else {
|
||||
initialState = init !== undefined ? init(initialArg) : initialArg;
|
||||
}
|
||||
|
||||
{
|
||||
isInHookUserCodeInDev = false;
|
||||
}
|
||||
|
||||
workInProgressHook.memoizedState = initialState;
|
||||
|
||||
var _queue = workInProgressHook.queue = {
|
||||
last: null,
|
||||
dispatch: null
|
||||
};
|
||||
|
||||
var _dispatch = _queue.dispatch = dispatchAction.bind(null, currentlyRenderingComponent, _queue);
|
||||
|
||||
return [workInProgressHook.memoizedState, _dispatch];
|
||||
}
|
||||
}
|
||||
|
||||
function useMemo(nextCreate, deps) {
|
||||
currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
|
||||
workInProgressHook = createWorkInProgressHook();
|
||||
var nextDeps = deps === undefined ? null : deps;
|
||||
|
||||
if (workInProgressHook !== null) {
|
||||
var prevState = workInProgressHook.memoizedState;
|
||||
|
||||
if (prevState !== null) {
|
||||
if (nextDeps !== null) {
|
||||
var prevDeps = prevState[1];
|
||||
|
||||
if (areHookInputsEqual(nextDeps, prevDeps)) {
|
||||
return prevState[0];
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
{
|
||||
isInHookUserCodeInDev = true;
|
||||
}
|
||||
|
||||
var nextValue = nextCreate();
|
||||
|
||||
{
|
||||
isInHookUserCodeInDev = false;
|
||||
}
|
||||
|
||||
workInProgressHook.memoizedState = [nextValue, nextDeps];
|
||||
return nextValue;
|
||||
}
|
||||
|
||||
function useRef(initialValue) {
|
||||
currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
|
||||
workInProgressHook = createWorkInProgressHook();
|
||||
var previousRef = workInProgressHook.memoizedState;
|
||||
|
||||
if (previousRef === null) {
|
||||
var ref = {
|
||||
current: initialValue
|
||||
};
|
||||
|
||||
{
|
||||
Object.seal(ref);
|
||||
}
|
||||
|
||||
workInProgressHook.memoizedState = ref;
|
||||
return ref;
|
||||
} else {
|
||||
return previousRef;
|
||||
}
|
||||
}
|
||||
|
||||
function useLayoutEffect(create, inputs) {
|
||||
{
|
||||
currentHookNameInDev = 'useLayoutEffect';
|
||||
|
||||
error('useLayoutEffect does nothing on the server, because its effect cannot ' + "be encoded into the server renderer's output format. This will lead " + 'to a mismatch between the initial, non-hydrated UI and the intended ' + 'UI. To avoid this, useLayoutEffect should only be used in ' + 'components that render exclusively on the client. ' + 'See https://reactjs.org/link/uselayouteffect-ssr for common fixes.');
|
||||
}
|
||||
}
|
||||
|
||||
function dispatchAction(componentIdentity, queue, action) {
|
||||
if (numberOfReRenders >= RE_RENDER_LIMIT) {
|
||||
throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
|
||||
}
|
||||
|
||||
if (componentIdentity === currentlyRenderingComponent) {
|
||||
// This is a render phase update. Stash it in a lazily-created map of
|
||||
// queue -> linked list of updates. After this render pass, we'll restart
|
||||
// and apply the stashed updates on top of the work-in-progress hook.
|
||||
didScheduleRenderPhaseUpdate = true;
|
||||
var update = {
|
||||
action: action,
|
||||
next: null
|
||||
};
|
||||
|
||||
if (renderPhaseUpdates === null) {
|
||||
renderPhaseUpdates = new Map();
|
||||
}
|
||||
|
||||
var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
|
||||
|
||||
if (firstRenderPhaseUpdate === undefined) {
|
||||
renderPhaseUpdates.set(queue, update);
|
||||
} else {
|
||||
// Append the update to the end of the list.
|
||||
var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
|
||||
|
||||
while (lastRenderPhaseUpdate.next !== null) {
|
||||
lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
|
||||
}
|
||||
|
||||
lastRenderPhaseUpdate.next = update;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function useCallback(callback, deps) {
|
||||
return useMemo(function () {
|
||||
return callback;
|
||||
}, deps);
|
||||
} // TODO Decide on how to implement this hook for server rendering.
|
||||
// If a mutation occurs during render, consider triggering a Suspense boundary
|
||||
// and falling back to client rendering.
|
||||
|
||||
function useMutableSource(source, getSnapshot, subscribe) {
|
||||
resolveCurrentlyRenderingComponent();
|
||||
return getSnapshot(source._source);
|
||||
}
|
||||
|
||||
function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
|
||||
if (getServerSnapshot === undefined) {
|
||||
throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
|
||||
}
|
||||
|
||||
return getServerSnapshot();
|
||||
}
|
||||
|
||||
function useDeferredValue(value) {
|
||||
resolveCurrentlyRenderingComponent();
|
||||
return value;
|
||||
}
|
||||
|
||||
function unsupportedStartTransition() {
|
||||
throw new Error('startTransition cannot be called during server rendering.');
|
||||
}
|
||||
|
||||
function useTransition() {
|
||||
resolveCurrentlyRenderingComponent();
|
||||
return [false, unsupportedStartTransition];
|
||||
}
|
||||
|
||||
function useId() {
|
||||
var task = currentlyRenderingTask;
|
||||
var treeId = getTreeId(task.treeContext);
|
||||
var responseState = currentResponseState;
|
||||
|
||||
if (responseState === null) {
|
||||
throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
|
||||
}
|
||||
|
||||
var localId = localIdCounter++;
|
||||
return makeId(responseState, treeId, localId);
|
||||
}
|
||||
|
||||
function noop() {}
|
||||
|
||||
var Dispatcher = {
|
||||
readContext: readContext$1,
|
||||
useContext: useContext,
|
||||
useMemo: useMemo,
|
||||
useReducer: useReducer,
|
||||
useRef: useRef,
|
||||
useState: useState,
|
||||
useInsertionEffect: noop,
|
||||
useLayoutEffect: useLayoutEffect,
|
||||
useCallback: useCallback,
|
||||
// useImperativeHandle is not run in the server environment
|
||||
useImperativeHandle: noop,
|
||||
// Effects are not run in the server environment.
|
||||
useEffect: noop,
|
||||
// Debugging effect
|
||||
useDebugValue: noop,
|
||||
useDeferredValue: useDeferredValue,
|
||||
useTransition: useTransition,
|
||||
useId: useId,
|
||||
// Subscriptions are not setup in a server environment.
|
||||
useMutableSource: useMutableSource,
|
||||
useSyncExternalStore: useSyncExternalStore
|
||||
};
|
||||
|
||||
var currentResponseState = null;
|
||||
function setCurrentResponseState(responseState) {
|
||||
currentResponseState = responseState;
|
||||
}
|
||||
|
||||
function getStackByComponentStackNode(componentStack) {
|
||||
try {
|
||||
var info = '';
|
||||
var node = componentStack;
|
||||
|
||||
do {
|
||||
switch (node.tag) {
|
||||
case 0:
|
||||
info += describeBuiltInComponentFrame(node.type, null, null);
|
||||
break;
|
||||
|
||||
case 1:
|
||||
info += describeFunctionComponentFrame(node.type, null, null);
|
||||
break;
|
||||
|
||||
case 2:
|
||||
info += describeClassComponentFrame(node.type, null, null);
|
||||
break;
|
||||
}
|
||||
|
||||
node = node.parent;
|
||||
} while (node);
|
||||
|
||||
return info;
|
||||
} catch (x) {
|
||||
return '\nError generating stack: ' + x.message + '\n' + x.stack;
|
||||
}
|
||||
}
|
||||
|
||||
var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
|
||||
var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
var PENDING = 0;
|
||||
var COMPLETED = 1;
|
||||
var FLUSHED = 2;
|
||||
var ABORTED = 3;
|
||||
var ERRORED = 4;
|
||||
var OPEN = 0;
|
||||
var CLOSING = 1;
|
||||
var CLOSED = 2;
|
||||
// This is a default heuristic for how to split up the HTML content into progressive
|
||||
// loading. Our goal is to be able to display additional new content about every 500ms.
|
||||
// Faster than that is unnecessary and should be throttled on the client. It also
|
||||
// adds unnecessary overhead to do more splits. We don't know if it's a higher or lower
|
||||
// end device but higher end suffer less from the overhead than lower end does from
|
||||
// not getting small enough pieces. We error on the side of low end.
|
||||
// We base this on low end 3G speeds which is about 500kbits per second. We assume
|
||||
// that there can be a reasonable drop off from max bandwidth which leaves you with
|
||||
// as little as 80%. We can receive half of that each 500ms - at best. In practice,
|
||||
// a little bandwidth is lost to processing and contention - e.g. CSS and images that
|
||||
// are downloaded along with the main content. So we estimate about half of that to be
|
||||
// the lower end throughput. In other words, we expect that you can at least show
|
||||
// about 12.5kb of content per 500ms. Not counting starting latency for the first
|
||||
// paint.
|
||||
// 500 * 1024 / 8 * .8 * 0.5 / 2
|
||||
var DEFAULT_PROGRESSIVE_CHUNK_SIZE = 12800;
|
||||
|
||||
function defaultErrorHandler(error) {
|
||||
console['error'](error); // Don't transform to our wrapper
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
function noop$1() {}
|
||||
|
||||
function createRequest(children, responseState, rootFormatContext, progressiveChunkSize, onError, onAllReady, onShellReady, onShellError, onFatalError) {
|
||||
var pingedTasks = [];
|
||||
var abortSet = new Set();
|
||||
var request = {
|
||||
destination: null,
|
||||
responseState: responseState,
|
||||
progressiveChunkSize: progressiveChunkSize === undefined ? DEFAULT_PROGRESSIVE_CHUNK_SIZE : progressiveChunkSize,
|
||||
status: OPEN,
|
||||
fatalError: null,
|
||||
nextSegmentId: 0,
|
||||
allPendingTasks: 0,
|
||||
pendingRootTasks: 0,
|
||||
completedRootSegment: null,
|
||||
abortableTasks: abortSet,
|
||||
pingedTasks: pingedTasks,
|
||||
clientRenderedBoundaries: [],
|
||||
completedBoundaries: [],
|
||||
partialBoundaries: [],
|
||||
onError: onError === undefined ? defaultErrorHandler : onError,
|
||||
onAllReady: onAllReady === undefined ? noop$1 : onAllReady,
|
||||
onShellReady: onShellReady === undefined ? noop$1 : onShellReady,
|
||||
onShellError: onShellError === undefined ? noop$1 : onShellError,
|
||||
onFatalError: onFatalError === undefined ? noop$1 : onFatalError
|
||||
}; // This segment represents the root fallback.
|
||||
|
||||
var rootSegment = createPendingSegment(request, 0, null, rootFormatContext, // Root segments are never embedded in Text on either edge
|
||||
false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
|
||||
|
||||
rootSegment.parentFlushed = true;
|
||||
var rootTask = createTask(request, children, null, rootSegment, abortSet, emptyContextObject, rootContextSnapshot, emptyTreeContext);
|
||||
pingedTasks.push(rootTask);
|
||||
return request;
|
||||
}
|
||||
|
||||
function pingTask(request, task) {
|
||||
var pingedTasks = request.pingedTasks;
|
||||
pingedTasks.push(task);
|
||||
|
||||
if (pingedTasks.length === 1) {
|
||||
scheduleWork(function () {
|
||||
return performWork(request);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function createSuspenseBoundary(request, fallbackAbortableTasks) {
|
||||
return {
|
||||
id: UNINITIALIZED_SUSPENSE_BOUNDARY_ID,
|
||||
rootSegmentID: -1,
|
||||
parentFlushed: false,
|
||||
pendingTasks: 0,
|
||||
forceClientRender: false,
|
||||
completedSegments: [],
|
||||
byteSize: 0,
|
||||
fallbackAbortableTasks: fallbackAbortableTasks,
|
||||
errorDigest: null
|
||||
};
|
||||
}
|
||||
|
||||
function createTask(request, node, blockedBoundary, blockedSegment, abortSet, legacyContext, context, treeContext) {
|
||||
request.allPendingTasks++;
|
||||
|
||||
if (blockedBoundary === null) {
|
||||
request.pendingRootTasks++;
|
||||
} else {
|
||||
blockedBoundary.pendingTasks++;
|
||||
}
|
||||
|
||||
var task = {
|
||||
node: node,
|
||||
ping: function () {
|
||||
return pingTask(request, task);
|
||||
},
|
||||
blockedBoundary: blockedBoundary,
|
||||
blockedSegment: blockedSegment,
|
||||
abortSet: abortSet,
|
||||
legacyContext: legacyContext,
|
||||
context: context,
|
||||
treeContext: treeContext
|
||||
};
|
||||
|
||||
{
|
||||
task.componentStack = null;
|
||||
}
|
||||
|
||||
abortSet.add(task);
|
||||
return task;
|
||||
}
|
||||
|
||||
function createPendingSegment(request, index, boundary, formatContext, lastPushedText, textEmbedded) {
|
||||
return {
|
||||
status: PENDING,
|
||||
id: -1,
|
||||
// lazily assigned later
|
||||
index: index,
|
||||
parentFlushed: false,
|
||||
chunks: [],
|
||||
children: [],
|
||||
formatContext: formatContext,
|
||||
boundary: boundary,
|
||||
lastPushedText: lastPushedText,
|
||||
textEmbedded: textEmbedded
|
||||
};
|
||||
} // DEV-only global reference to the currently executing task
|
||||
|
||||
|
||||
var currentTaskInDEV = null;
|
||||
|
||||
function getCurrentStackInDEV() {
|
||||
{
|
||||
if (currentTaskInDEV === null || currentTaskInDEV.componentStack === null) {
|
||||
return '';
|
||||
}
|
||||
|
||||
return getStackByComponentStackNode(currentTaskInDEV.componentStack);
|
||||
}
|
||||
}
|
||||
|
||||
function pushBuiltInComponentStackInDEV(task, type) {
|
||||
{
|
||||
task.componentStack = {
|
||||
tag: 0,
|
||||
parent: task.componentStack,
|
||||
type: type
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
function pushFunctionComponentStackInDEV(task, type) {
|
||||
{
|
||||
task.componentStack = {
|
||||
tag: 1,
|
||||
parent: task.componentStack,
|
||||
type: type
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
function pushClassComponentStackInDEV(task, type) {
|
||||
{
|
||||
task.componentStack = {
|
||||
tag: 2,
|
||||
parent: task.componentStack,
|
||||
type: type
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
function popComponentStackInDEV(task) {
|
||||
{
|
||||
if (task.componentStack === null) {
|
||||
error('Unexpectedly popped too many stack frames. This is a bug in React.');
|
||||
} else {
|
||||
task.componentStack = task.componentStack.parent;
|
||||
}
|
||||
}
|
||||
} // stash the component stack of an unwinding error until it is processed
|
||||
|
||||
|
||||
var lastBoundaryErrorComponentStackDev = null;
|
||||
|
||||
function captureBoundaryErrorDetailsDev(boundary, error) {
|
||||
{
|
||||
var errorMessage;
|
||||
|
||||
if (typeof error === 'string') {
|
||||
errorMessage = error;
|
||||
} else if (error && typeof error.message === 'string') {
|
||||
errorMessage = error.message;
|
||||
} else {
|
||||
// eslint-disable-next-line react-internal/safe-string-coercion
|
||||
errorMessage = String(error);
|
||||
}
|
||||
|
||||
var errorComponentStack = lastBoundaryErrorComponentStackDev || getCurrentStackInDEV();
|
||||
lastBoundaryErrorComponentStackDev = null;
|
||||
boundary.errorMessage = errorMessage;
|
||||
boundary.errorComponentStack = errorComponentStack;
|
||||
}
|
||||
}
|
||||
|
||||
function logRecoverableError(request, error) {
|
||||
// If this callback errors, we intentionally let that error bubble up to become a fatal error
|
||||
// so that someone fixes the error reporting instead of hiding it.
|
||||
var errorDigest = request.onError(error);
|
||||
|
||||
if (errorDigest != null && typeof errorDigest !== 'string') {
|
||||
// eslint-disable-next-line react-internal/prod-error-codes
|
||||
throw new Error("onError returned something with a type other than \"string\". onError should return a string and may return null or undefined but must not return anything else. It received something of type \"" + typeof errorDigest + "\" instead");
|
||||
}
|
||||
|
||||
return errorDigest;
|
||||
}
|
||||
|
||||
function fatalError(request, error) {
|
||||
// This is called outside error handling code such as if the root errors outside
|
||||
// a suspense boundary or if the root suspense boundary's fallback errors.
|
||||
// It's also called if React itself or its host configs errors.
|
||||
var onShellError = request.onShellError;
|
||||
onShellError(error);
|
||||
var onFatalError = request.onFatalError;
|
||||
onFatalError(error);
|
||||
|
||||
if (request.destination !== null) {
|
||||
request.status = CLOSED;
|
||||
closeWithError(request.destination, error);
|
||||
} else {
|
||||
request.status = CLOSING;
|
||||
request.fatalError = error;
|
||||
}
|
||||
}
|
||||
|
||||
function renderSuspenseBoundary(request, task, props) {
|
||||
pushBuiltInComponentStackInDEV(task, 'Suspense');
|
||||
var parentBoundary = task.blockedBoundary;
|
||||
var parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
|
||||
// the fallback so that we can later replace that segment with the content.
|
||||
// This also lets us split out the main content even if it doesn't suspend,
|
||||
// in case it ends up generating a large subtree of content.
|
||||
|
||||
var fallback = props.fallback;
|
||||
var content = props.children;
|
||||
var fallbackAbortSet = new Set();
|
||||
var newBoundary = createSuspenseBoundary(request, fallbackAbortSet);
|
||||
var insertionIndex = parentSegment.chunks.length; // The children of the boundary segment is actually the fallback.
|
||||
|
||||
var boundarySegment = createPendingSegment(request, insertionIndex, newBoundary, parentSegment.formatContext, // boundaries never require text embedding at their edges because comment nodes bound them
|
||||
false, false);
|
||||
parentSegment.children.push(boundarySegment); // The parentSegment has a child Segment at this index so we reset the lastPushedText marker on the parent
|
||||
|
||||
parentSegment.lastPushedText = false; // This segment is the actual child content. We can start rendering that immediately.
|
||||
|
||||
var contentRootSegment = createPendingSegment(request, 0, null, parentSegment.formatContext, // boundaries never require text embedding at their edges because comment nodes bound them
|
||||
false, false); // We mark the root segment as having its parent flushed. It's not really flushed but there is
|
||||
// no parent segment so there's nothing to wait on.
|
||||
|
||||
contentRootSegment.parentFlushed = true; // Currently this is running synchronously. We could instead schedule this to pingedTasks.
|
||||
// I suspect that there might be some efficiency benefits from not creating the suspended task
|
||||
// and instead just using the stack if possible.
|
||||
// TODO: Call this directly instead of messing with saving and restoring contexts.
|
||||
// We can reuse the current context and task to render the content immediately without
|
||||
// context switching. We just need to temporarily switch which boundary and which segment
|
||||
// we're writing to. If something suspends, it'll spawn new suspended task with that context.
|
||||
|
||||
task.blockedBoundary = newBoundary;
|
||||
task.blockedSegment = contentRootSegment;
|
||||
|
||||
try {
|
||||
// We use the safe form because we don't handle suspending here. Only error handling.
|
||||
renderNode(request, task, content);
|
||||
pushSegmentFinale$1(contentRootSegment.chunks, request.responseState, contentRootSegment.lastPushedText, contentRootSegment.textEmbedded);
|
||||
contentRootSegment.status = COMPLETED;
|
||||
queueCompletedSegment(newBoundary, contentRootSegment);
|
||||
|
||||
if (newBoundary.pendingTasks === 0) {
|
||||
// This must have been the last segment we were waiting on. This boundary is now complete.
|
||||
// Therefore we won't need the fallback. We early return so that we don't have to create
|
||||
// the fallback.
|
||||
popComponentStackInDEV(task);
|
||||
return;
|
||||
}
|
||||
} catch (error) {
|
||||
contentRootSegment.status = ERRORED;
|
||||
newBoundary.forceClientRender = true;
|
||||
newBoundary.errorDigest = logRecoverableError(request, error);
|
||||
|
||||
{
|
||||
captureBoundaryErrorDetailsDev(newBoundary, error);
|
||||
} // We don't need to decrement any task numbers because we didn't spawn any new task.
|
||||
// We don't need to schedule any task because we know the parent has written yet.
|
||||
// We do need to fallthrough to create the fallback though.
|
||||
|
||||
} finally {
|
||||
task.blockedBoundary = parentBoundary;
|
||||
task.blockedSegment = parentSegment;
|
||||
} // We create suspended task for the fallback because we don't want to actually work
|
||||
// on it yet in case we finish the main content, so we queue for later.
|
||||
|
||||
|
||||
var suspendedFallbackTask = createTask(request, fallback, parentBoundary, boundarySegment, fallbackAbortSet, task.legacyContext, task.context, task.treeContext);
|
||||
|
||||
{
|
||||
suspendedFallbackTask.componentStack = task.componentStack;
|
||||
} // TODO: This should be queued at a separate lower priority queue so that we only work
|
||||
// on preparing fallbacks if we don't have any more main content to task on.
|
||||
|
||||
|
||||
request.pingedTasks.push(suspendedFallbackTask);
|
||||
popComponentStackInDEV(task);
|
||||
}
|
||||
|
||||
function renderHostElement(request, task, type, props) {
|
||||
pushBuiltInComponentStackInDEV(task, type);
|
||||
var segment = task.blockedSegment;
|
||||
var children = pushStartInstance(segment.chunks, type, props, request.responseState, segment.formatContext);
|
||||
segment.lastPushedText = false;
|
||||
var prevContext = segment.formatContext;
|
||||
segment.formatContext = getChildFormatContext(prevContext, type, props); // We use the non-destructive form because if something suspends, we still
|
||||
// need to pop back up and finish this subtree of HTML.
|
||||
|
||||
renderNode(request, task, children); // We expect that errors will fatal the whole task and that we don't need
|
||||
// the correct context. Therefore this is not in a finally.
|
||||
|
||||
segment.formatContext = prevContext;
|
||||
pushEndInstance(segment.chunks, type);
|
||||
segment.lastPushedText = false;
|
||||
popComponentStackInDEV(task);
|
||||
}
|
||||
|
||||
function shouldConstruct$1(Component) {
|
||||
return Component.prototype && Component.prototype.isReactComponent;
|
||||
}
|
||||
|
||||
function renderWithHooks(request, task, Component, props, secondArg) {
|
||||
var componentIdentity = {};
|
||||
prepareToUseHooks(task, componentIdentity);
|
||||
var result = Component(props, secondArg);
|
||||
return finishHooks(Component, props, result, secondArg);
|
||||
}
|
||||
|
||||
function finishClassComponent(request, task, instance, Component, props) {
|
||||
var nextChildren = instance.render();
|
||||
|
||||
{
|
||||
if (instance.props !== props) {
|
||||
if (!didWarnAboutReassigningProps) {
|
||||
error('It looks like %s is reassigning its own `this.props` while rendering. ' + 'This is not supported and can lead to confusing bugs.', getComponentNameFromType(Component) || 'a component');
|
||||
}
|
||||
|
||||
didWarnAboutReassigningProps = true;
|
||||
}
|
||||
}
|
||||
|
||||
{
|
||||
var childContextTypes = Component.childContextTypes;
|
||||
|
||||
if (childContextTypes !== null && childContextTypes !== undefined) {
|
||||
var previousContext = task.legacyContext;
|
||||
var mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
|
||||
task.legacyContext = mergedContext;
|
||||
renderNodeDestructive(request, task, nextChildren);
|
||||
task.legacyContext = previousContext;
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
renderNodeDestructive(request, task, nextChildren);
|
||||
}
|
||||
|
||||
function renderClassComponent(request, task, Component, props) {
|
||||
pushClassComponentStackInDEV(task, Component);
|
||||
var maskedContext = getMaskedContext(Component, task.legacyContext) ;
|
||||
var instance = constructClassInstance(Component, props, maskedContext);
|
||||
mountClassInstance(instance, Component, props, maskedContext);
|
||||
finishClassComponent(request, task, instance, Component, props);
|
||||
popComponentStackInDEV(task);
|
||||
}
|
||||
|
||||
var didWarnAboutBadClass = {};
|
||||
var didWarnAboutModulePatternComponent = {};
|
||||
var didWarnAboutContextTypeOnFunctionComponent = {};
|
||||
var didWarnAboutGetDerivedStateOnFunctionComponent = {};
|
||||
var didWarnAboutReassigningProps = false;
|
||||
var didWarnAboutDefaultPropsOnFunctionComponent = {};
|
||||
var didWarnAboutGenerators = false;
|
||||
var didWarnAboutMaps = false;
|
||||
var hasWarnedAboutUsingContextAsConsumer = false; // This would typically be a function component but we still support module pattern
|
||||
// components for some reason.
|
||||
|
||||
function renderIndeterminateComponent(request, task, Component, props) {
|
||||
var legacyContext;
|
||||
|
||||
{
|
||||
legacyContext = getMaskedContext(Component, task.legacyContext);
|
||||
}
|
||||
|
||||
pushFunctionComponentStackInDEV(task, Component);
|
||||
|
||||
{
|
||||
if (Component.prototype && typeof Component.prototype.render === 'function') {
|
||||
var componentName = getComponentNameFromType(Component) || 'Unknown';
|
||||
|
||||
if (!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] = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var value = renderWithHooks(request, task, Component, props, legacyContext);
|
||||
var hasId = checkDidRenderIdHook();
|
||||
|
||||
{
|
||||
// Support for module components is deprecated and is removed behind a flag.
|
||||
// Whether or not it would crash later, we want to show a good message in DEV first.
|
||||
if (typeof value === 'object' && value !== null && typeof value.render === 'function' && value.$$typeof === undefined) {
|
||||
var _componentName = getComponentNameFromType(Component) || 'Unknown';
|
||||
|
||||
if (!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] = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if ( // Run these checks in production only if the flag is off.
|
||||
// Eventually we'll delete this branch altogether.
|
||||
typeof value === 'object' && value !== null && typeof value.render === 'function' && value.$$typeof === undefined) {
|
||||
{
|
||||
var _componentName2 = getComponentNameFromType(Component) || 'Unknown';
|
||||
|
||||
if (!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] = true;
|
||||
}
|
||||
}
|
||||
|
||||
mountClassInstance(value, Component, props, legacyContext);
|
||||
finishClassComponent(request, task, value, Component, props);
|
||||
} else {
|
||||
|
||||
{
|
||||
validateFunctionComponentInDev(Component);
|
||||
} // We're now successfully past this task, and we don't have to pop back to
|
||||
// the previous task every again, so we can use the destructive recursive form.
|
||||
|
||||
|
||||
if (hasId) {
|
||||
// This component materialized an id. We treat this as its own level, with
|
||||
// a single "child" slot.
|
||||
var prevTreeContext = task.treeContext;
|
||||
var totalChildren = 1;
|
||||
var index = 0;
|
||||
task.treeContext = pushTreeContext(prevTreeContext, totalChildren, index);
|
||||
|
||||
try {
|
||||
renderNodeDestructive(request, task, value);
|
||||
} finally {
|
||||
task.treeContext = prevTreeContext;
|
||||
}
|
||||
} else {
|
||||
renderNodeDestructive(request, task, value);
|
||||
}
|
||||
}
|
||||
|
||||
popComponentStackInDEV(task);
|
||||
}
|
||||
|
||||
function validateFunctionComponentInDev(Component) {
|
||||
{
|
||||
if (Component) {
|
||||
if (Component.childContextTypes) {
|
||||
error('%s(...): childContextTypes cannot be defined on a function component.', Component.displayName || Component.name || 'Component');
|
||||
}
|
||||
}
|
||||
|
||||
if ( Component.defaultProps !== undefined) {
|
||||
var componentName = getComponentNameFromType(Component) || 'Unknown';
|
||||
|
||||
if (!didWarnAboutDefaultPropsOnFunctionComponent[componentName]) {
|
||||
error('%s: Support for defaultProps will be removed from function components ' + 'in a future major release. Use JavaScript default parameters instead.', componentName);
|
||||
|
||||
didWarnAboutDefaultPropsOnFunctionComponent[componentName] = true;
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof Component.getDerivedStateFromProps === 'function') {
|
||||
var _componentName3 = getComponentNameFromType(Component) || 'Unknown';
|
||||
|
||||
if (!didWarnAboutGetDerivedStateOnFunctionComponent[_componentName3]) {
|
||||
error('%s: Function components do not support getDerivedStateFromProps.', _componentName3);
|
||||
|
||||
didWarnAboutGetDerivedStateOnFunctionComponent[_componentName3] = true;
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof Component.contextType === 'object' && Component.contextType !== null) {
|
||||
var _componentName4 = getComponentNameFromType(Component) || 'Unknown';
|
||||
|
||||
if (!didWarnAboutContextTypeOnFunctionComponent[_componentName4]) {
|
||||
error('%s: Function components do not support contextType.', _componentName4);
|
||||
|
||||
didWarnAboutContextTypeOnFunctionComponent[_componentName4] = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function resolveDefaultProps(Component, baseProps) {
|
||||
if (Component && Component.defaultProps) {
|
||||
// Resolve default props. Taken from ReactElement
|
||||
var props = assign({}, baseProps);
|
||||
var defaultProps = Component.defaultProps;
|
||||
|
||||
for (var propName in defaultProps) {
|
||||
if (props[propName] === undefined) {
|
||||
props[propName] = defaultProps[propName];
|
||||
}
|
||||
}
|
||||
|
||||
return props;
|
||||
}
|
||||
|
||||
return baseProps;
|
||||
}
|
||||
|
||||
function renderForwardRef(request, task, type, props, ref) {
|
||||
pushFunctionComponentStackInDEV(task, type.render);
|
||||
var children = renderWithHooks(request, task, type.render, props, ref);
|
||||
var hasId = checkDidRenderIdHook();
|
||||
|
||||
if (hasId) {
|
||||
// This component materialized an id. We treat this as its own level, with
|
||||
// a single "child" slot.
|
||||
var prevTreeContext = task.treeContext;
|
||||
var totalChildren = 1;
|
||||
var index = 0;
|
||||
task.treeContext = pushTreeContext(prevTreeContext, totalChildren, index);
|
||||
|
||||
try {
|
||||
renderNodeDestructive(request, task, children);
|
||||
} finally {
|
||||
task.treeContext = prevTreeContext;
|
||||
}
|
||||
} else {
|
||||
renderNodeDestructive(request, task, children);
|
||||
}
|
||||
|
||||
popComponentStackInDEV(task);
|
||||
}
|
||||
|
||||
function renderMemo(request, task, type, props, ref) {
|
||||
var innerType = type.type;
|
||||
var resolvedProps = resolveDefaultProps(innerType, props);
|
||||
renderElement(request, task, innerType, resolvedProps, ref);
|
||||
}
|
||||
|
||||
function renderContextConsumer(request, task, context, props) {
|
||||
// The logic below for Context differs depending on PROD or DEV mode. In
|
||||
// DEV mode, we create a separate object for Context.Consumer that acts
|
||||
// like a proxy to Context. This proxy object adds unnecessary code in PROD
|
||||
// so we use the old behaviour (Context.Consumer references Context) to
|
||||
// reduce size and overhead. The separate object references context via
|
||||
// a property called "_context", which also gives us the ability to check
|
||||
// in DEV mode if this property exists or not and warn if it does not.
|
||||
{
|
||||
if (context._context === undefined) {
|
||||
// This may be because it's a Context (rather than a Consumer).
|
||||
// Or it may be because it's older React where they're the same thing.
|
||||
// We only want to warn if we're sure it's a new React.
|
||||
if (context !== context.Consumer) {
|
||||
if (!hasWarnedAboutUsingContextAsConsumer) {
|
||||
hasWarnedAboutUsingContextAsConsumer = true;
|
||||
|
||||
error('Rendering <Context> directly is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
|
||||
}
|
||||
}
|
||||
} else {
|
||||
context = context._context;
|
||||
}
|
||||
}
|
||||
|
||||
var render = props.children;
|
||||
|
||||
{
|
||||
if (typeof render !== 'function') {
|
||||
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.');
|
||||
}
|
||||
}
|
||||
|
||||
var newValue = readContext(context);
|
||||
var newChildren = render(newValue);
|
||||
renderNodeDestructive(request, task, newChildren);
|
||||
}
|
||||
|
||||
function renderContextProvider(request, task, type, props) {
|
||||
var context = type._context;
|
||||
var value = props.value;
|
||||
var children = props.children;
|
||||
var prevSnapshot;
|
||||
|
||||
{
|
||||
prevSnapshot = task.context;
|
||||
}
|
||||
|
||||
task.context = pushProvider(context, value);
|
||||
renderNodeDestructive(request, task, children);
|
||||
task.context = popProvider(context);
|
||||
|
||||
{
|
||||
if (prevSnapshot !== task.context) {
|
||||
error('Popping the context provider did not return back to the original snapshot. This is a bug in React.');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function renderLazyComponent(request, task, lazyComponent, props, ref) {
|
||||
pushBuiltInComponentStackInDEV(task, 'Lazy');
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
var Component = init(payload);
|
||||
var resolvedProps = resolveDefaultProps(Component, props);
|
||||
renderElement(request, task, Component, resolvedProps, ref);
|
||||
popComponentStackInDEV(task);
|
||||
}
|
||||
|
||||
function renderElement(request, task, type, props, ref) {
|
||||
if (typeof type === 'function') {
|
||||
if (shouldConstruct$1(type)) {
|
||||
renderClassComponent(request, task, type, props);
|
||||
return;
|
||||
} else {
|
||||
renderIndeterminateComponent(request, task, type, props);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof type === 'string') {
|
||||
renderHostElement(request, task, type, props);
|
||||
return;
|
||||
}
|
||||
|
||||
switch (type) {
|
||||
// TODO: LegacyHidden acts the same as a fragment. This only works
|
||||
// because we currently assume that every instance of LegacyHidden is
|
||||
// accompanied by a host component wrapper. In the hidden mode, the host
|
||||
// component is given a `hidden` attribute, which ensures that the
|
||||
// initial HTML is not visible. To support the use of LegacyHidden as a
|
||||
// true fragment, without an extra DOM node, we would have to hide the
|
||||
// initial HTML in some other way.
|
||||
// TODO: Add REACT_OFFSCREEN_TYPE here too with the same capability.
|
||||
case REACT_LEGACY_HIDDEN_TYPE:
|
||||
case REACT_DEBUG_TRACING_MODE_TYPE:
|
||||
case REACT_STRICT_MODE_TYPE:
|
||||
case REACT_PROFILER_TYPE:
|
||||
case REACT_FRAGMENT_TYPE:
|
||||
{
|
||||
renderNodeDestructive(request, task, props.children);
|
||||
return;
|
||||
}
|
||||
|
||||
case REACT_SUSPENSE_LIST_TYPE:
|
||||
{
|
||||
pushBuiltInComponentStackInDEV(task, 'SuspenseList'); // TODO: SuspenseList should control the boundaries.
|
||||
|
||||
renderNodeDestructive(request, task, props.children);
|
||||
popComponentStackInDEV(task);
|
||||
return;
|
||||
}
|
||||
|
||||
case REACT_SCOPE_TYPE:
|
||||
{
|
||||
|
||||
throw new Error('ReactDOMServer does not yet support scope components.');
|
||||
}
|
||||
// eslint-disable-next-line-no-fallthrough
|
||||
|
||||
case REACT_SUSPENSE_TYPE:
|
||||
{
|
||||
{
|
||||
renderSuspenseBoundary(request, task, props);
|
||||
}
|
||||
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof type === 'object' && type !== null) {
|
||||
switch (type.$$typeof) {
|
||||
case REACT_FORWARD_REF_TYPE:
|
||||
{
|
||||
renderForwardRef(request, task, type, props, ref);
|
||||
return;
|
||||
}
|
||||
|
||||
case REACT_MEMO_TYPE:
|
||||
{
|
||||
renderMemo(request, task, type, props, ref);
|
||||
return;
|
||||
}
|
||||
|
||||
case REACT_PROVIDER_TYPE:
|
||||
{
|
||||
renderContextProvider(request, task, type, props);
|
||||
return;
|
||||
}
|
||||
|
||||
case REACT_CONTEXT_TYPE:
|
||||
{
|
||||
renderContextConsumer(request, task, type, props);
|
||||
return;
|
||||
}
|
||||
|
||||
case REACT_LAZY_TYPE:
|
||||
{
|
||||
renderLazyComponent(request, task, type, props);
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var info = '';
|
||||
|
||||
{
|
||||
if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
|
||||
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.';
|
||||
}
|
||||
}
|
||||
|
||||
throw new Error('Element type is invalid: expected a string (for built-in ' + 'components) or a class/function (for composite components) ' + ("but got: " + (type == null ? type : typeof type) + "." + info));
|
||||
}
|
||||
|
||||
function validateIterable(iterable, iteratorFn) {
|
||||
{
|
||||
// We don't support rendering Generators because it's a mutation.
|
||||
// See https://github.com/facebook/react/issues/12995
|
||||
if (typeof Symbol === 'function' && // $FlowFixMe Flow doesn't know about toStringTag
|
||||
iterable[Symbol.toStringTag] === 'Generator') {
|
||||
if (!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 = true;
|
||||
} // Warn about using Maps as children
|
||||
|
||||
|
||||
if (iterable.entries === iteratorFn) {
|
||||
if (!didWarnAboutMaps) {
|
||||
error('Using Maps as children is not supported. ' + 'Use an array of keyed ReactElements instead.');
|
||||
}
|
||||
|
||||
didWarnAboutMaps = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function renderNodeDestructive(request, task, node) {
|
||||
{
|
||||
// In Dev we wrap renderNodeDestructiveImpl in a try / catch so we can capture
|
||||
// a component stack at the right place in the tree. We don't do this in renderNode
|
||||
// becuase it is not called at every layer of the tree and we may lose frames
|
||||
try {
|
||||
return renderNodeDestructiveImpl(request, task, node);
|
||||
} catch (x) {
|
||||
if (typeof x === 'object' && x !== null && typeof x.then === 'function') ; else {
|
||||
// This is an error, stash the component stack if it is null.
|
||||
lastBoundaryErrorComponentStackDev = lastBoundaryErrorComponentStackDev !== null ? lastBoundaryErrorComponentStackDev : getCurrentStackInDEV();
|
||||
} // rethrow so normal suspense logic can handle thrown value accordingly
|
||||
|
||||
|
||||
throw x;
|
||||
}
|
||||
}
|
||||
} // This function by it self renders a node and consumes the task by mutating it
|
||||
// to update the current execution state.
|
||||
|
||||
|
||||
function renderNodeDestructiveImpl(request, task, node) {
|
||||
// Stash the node we're working on. We'll pick up from this task in case
|
||||
// something suspends.
|
||||
task.node = node; // Handle object types
|
||||
|
||||
if (typeof node === 'object' && node !== null) {
|
||||
switch (node.$$typeof) {
|
||||
case REACT_ELEMENT_TYPE:
|
||||
{
|
||||
var element = node;
|
||||
var type = element.type;
|
||||
var props = element.props;
|
||||
var ref = element.ref;
|
||||
renderElement(request, task, type, props, ref);
|
||||
return;
|
||||
}
|
||||
|
||||
case REACT_PORTAL_TYPE:
|
||||
throw new Error('Portals are not currently supported by the server renderer. ' + 'Render them conditionally so that they only appear on the client render.');
|
||||
// eslint-disable-next-line-no-fallthrough
|
||||
|
||||
case REACT_LAZY_TYPE:
|
||||
{
|
||||
var lazyNode = node;
|
||||
var payload = lazyNode._payload;
|
||||
var init = lazyNode._init;
|
||||
var resolvedNode;
|
||||
|
||||
{
|
||||
try {
|
||||
resolvedNode = init(payload);
|
||||
} catch (x) {
|
||||
if (typeof x === 'object' && x !== null && typeof x.then === 'function') {
|
||||
// this Lazy initializer is suspending. push a temporary frame onto the stack so it can be
|
||||
// popped off in spawnNewSuspendedTask. This aligns stack behavior between Lazy in element position
|
||||
// vs Component position. We do not want the frame for Errors so we exclusively do this in
|
||||
// the wakeable branch
|
||||
pushBuiltInComponentStackInDEV(task, 'Lazy');
|
||||
}
|
||||
|
||||
throw x;
|
||||
}
|
||||
}
|
||||
|
||||
renderNodeDestructive(request, task, resolvedNode);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if (isArray(node)) {
|
||||
renderChildrenArray(request, task, node);
|
||||
return;
|
||||
}
|
||||
|
||||
var iteratorFn = getIteratorFn(node);
|
||||
|
||||
if (iteratorFn) {
|
||||
{
|
||||
validateIterable(node, iteratorFn);
|
||||
}
|
||||
|
||||
var iterator = iteratorFn.call(node);
|
||||
|
||||
if (iterator) {
|
||||
// We need to know how many total children are in this set, so that we
|
||||
// can allocate enough id slots to acommodate them. So we must exhaust
|
||||
// the iterator before we start recursively rendering the children.
|
||||
// TODO: This is not great but I think it's inherent to the id
|
||||
// generation algorithm.
|
||||
var step = iterator.next(); // If there are not entries, we need to push an empty so we start by checking that.
|
||||
|
||||
if (!step.done) {
|
||||
var children = [];
|
||||
|
||||
do {
|
||||
children.push(step.value);
|
||||
step = iterator.next();
|
||||
} while (!step.done);
|
||||
|
||||
renderChildrenArray(request, task, children);
|
||||
return;
|
||||
}
|
||||
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
var childString = Object.prototype.toString.call(node);
|
||||
throw new Error("Objects are not valid as a React child (found: " + (childString === '[object Object]' ? 'object with keys {' + Object.keys(node).join(', ') + '}' : childString) + "). " + 'If you meant to render a collection of children, use an array ' + 'instead.');
|
||||
}
|
||||
|
||||
if (typeof node === 'string') {
|
||||
var segment = task.blockedSegment;
|
||||
segment.lastPushedText = pushTextInstance$1(task.blockedSegment.chunks, node, request.responseState, segment.lastPushedText);
|
||||
return;
|
||||
}
|
||||
|
||||
if (typeof node === 'number') {
|
||||
var _segment = task.blockedSegment;
|
||||
_segment.lastPushedText = pushTextInstance$1(task.blockedSegment.chunks, '' + node, request.responseState, _segment.lastPushedText);
|
||||
return;
|
||||
}
|
||||
|
||||
{
|
||||
if (typeof node === 'function') {
|
||||
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 renderChildrenArray(request, task, children) {
|
||||
var totalChildren = children.length;
|
||||
|
||||
for (var i = 0; i < totalChildren; i++) {
|
||||
var prevTreeContext = task.treeContext;
|
||||
task.treeContext = pushTreeContext(prevTreeContext, totalChildren, i);
|
||||
|
||||
try {
|
||||
// We need to use the non-destructive form so that we can safely pop back
|
||||
// up and render the sibling if something suspends.
|
||||
renderNode(request, task, children[i]);
|
||||
} finally {
|
||||
task.treeContext = prevTreeContext;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function spawnNewSuspendedTask(request, task, x) {
|
||||
// Something suspended, we'll need to create a new segment and resolve it later.
|
||||
var segment = task.blockedSegment;
|
||||
var insertionIndex = segment.chunks.length;
|
||||
var newSegment = createPendingSegment(request, insertionIndex, null, segment.formatContext, // Adopt the parent segment's leading text embed
|
||||
segment.lastPushedText, // Assume we are text embedded at the trailing edge
|
||||
true);
|
||||
segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
|
||||
|
||||
segment.lastPushedText = false;
|
||||
var newTask = createTask(request, task.node, task.blockedBoundary, newSegment, task.abortSet, task.legacyContext, task.context, task.treeContext);
|
||||
|
||||
{
|
||||
if (task.componentStack !== null) {
|
||||
// We pop one task off the stack because the node that suspended will be tried again,
|
||||
// which will add it back onto the stack.
|
||||
newTask.componentStack = task.componentStack.parent;
|
||||
}
|
||||
}
|
||||
|
||||
var ping = newTask.ping;
|
||||
x.then(ping, ping);
|
||||
} // This is a non-destructive form of rendering a node. If it suspends it spawns
|
||||
// a new task and restores the context of this task to what it was before.
|
||||
|
||||
|
||||
function renderNode(request, task, node) {
|
||||
// TODO: Store segment.children.length here and reset it in case something
|
||||
// suspended partially through writing something.
|
||||
// Snapshot the current context in case something throws to interrupt the
|
||||
// process.
|
||||
var previousFormatContext = task.blockedSegment.formatContext;
|
||||
var previousLegacyContext = task.legacyContext;
|
||||
var previousContext = task.context;
|
||||
var previousComponentStack = null;
|
||||
|
||||
{
|
||||
previousComponentStack = task.componentStack;
|
||||
}
|
||||
|
||||
try {
|
||||
return renderNodeDestructive(request, task, node);
|
||||
} catch (x) {
|
||||
resetHooksState();
|
||||
|
||||
if (typeof x === 'object' && x !== null && typeof x.then === 'function') {
|
||||
spawnNewSuspendedTask(request, task, x); // Restore the context. We assume that this will be restored by the inner
|
||||
// functions in case nothing throws so we don't use "finally" here.
|
||||
|
||||
task.blockedSegment.formatContext = previousFormatContext;
|
||||
task.legacyContext = previousLegacyContext;
|
||||
task.context = previousContext; // Restore all active ReactContexts to what they were before.
|
||||
|
||||
switchContext(previousContext);
|
||||
|
||||
{
|
||||
task.componentStack = previousComponentStack;
|
||||
}
|
||||
|
||||
return;
|
||||
} else {
|
||||
// Restore the context. We assume that this will be restored by the inner
|
||||
// functions in case nothing throws so we don't use "finally" here.
|
||||
task.blockedSegment.formatContext = previousFormatContext;
|
||||
task.legacyContext = previousLegacyContext;
|
||||
task.context = previousContext; // Restore all active ReactContexts to what they were before.
|
||||
|
||||
switchContext(previousContext);
|
||||
|
||||
{
|
||||
task.componentStack = previousComponentStack;
|
||||
} // We assume that we don't need the correct context.
|
||||
// Let's terminate the rest of the tree and don't render any siblings.
|
||||
|
||||
|
||||
throw x;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function erroredTask(request, boundary, segment, error) {
|
||||
// Report the error to a global handler.
|
||||
var errorDigest = logRecoverableError(request, error);
|
||||
|
||||
if (boundary === null) {
|
||||
fatalError(request, error);
|
||||
} else {
|
||||
boundary.pendingTasks--;
|
||||
|
||||
if (!boundary.forceClientRender) {
|
||||
boundary.forceClientRender = true;
|
||||
boundary.errorDigest = errorDigest;
|
||||
|
||||
{
|
||||
captureBoundaryErrorDetailsDev(boundary, error);
|
||||
} // Regardless of what happens next, this boundary won't be displayed,
|
||||
// so we can flush it, if the parent already flushed.
|
||||
|
||||
|
||||
if (boundary.parentFlushed) {
|
||||
// We don't have a preference where in the queue this goes since it's likely
|
||||
// to error on the client anyway. However, intentionally client-rendered
|
||||
// boundaries should be flushed earlier so that they can start on the client.
|
||||
// We reuse the same queue for errors.
|
||||
request.clientRenderedBoundaries.push(boundary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
request.allPendingTasks--;
|
||||
|
||||
if (request.allPendingTasks === 0) {
|
||||
var onAllReady = request.onAllReady;
|
||||
onAllReady();
|
||||
}
|
||||
}
|
||||
|
||||
function abortTaskSoft(task) {
|
||||
// This aborts task without aborting the parent boundary that it blocks.
|
||||
// It's used for when we didn't need this task to complete the tree.
|
||||
// If task was needed, then it should use abortTask instead.
|
||||
var request = this;
|
||||
var boundary = task.blockedBoundary;
|
||||
var segment = task.blockedSegment;
|
||||
segment.status = ABORTED;
|
||||
finishedTask(request, boundary, segment);
|
||||
}
|
||||
|
||||
function abortTask(task, request, reason) {
|
||||
// This aborts the task and aborts the parent that it blocks, putting it into
|
||||
// client rendered mode.
|
||||
var boundary = task.blockedBoundary;
|
||||
var segment = task.blockedSegment;
|
||||
segment.status = ABORTED;
|
||||
|
||||
if (boundary === null) {
|
||||
request.allPendingTasks--; // We didn't complete the root so we have nothing to show. We can close
|
||||
// the request;
|
||||
|
||||
if (request.status !== CLOSED) {
|
||||
request.status = CLOSED;
|
||||
|
||||
if (request.destination !== null) {
|
||||
close(request.destination);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
boundary.pendingTasks--;
|
||||
|
||||
if (!boundary.forceClientRender) {
|
||||
boundary.forceClientRender = true;
|
||||
|
||||
var _error = reason === undefined ? new Error('The render was aborted by the server without a reason.') : reason;
|
||||
|
||||
boundary.errorDigest = request.onError(_error);
|
||||
|
||||
{
|
||||
var errorPrefix = 'The server did not finish this Suspense boundary: ';
|
||||
|
||||
if (_error && typeof _error.message === 'string') {
|
||||
_error = errorPrefix + _error.message;
|
||||
} else {
|
||||
// eslint-disable-next-line react-internal/safe-string-coercion
|
||||
_error = errorPrefix + String(_error);
|
||||
}
|
||||
|
||||
var previousTaskInDev = currentTaskInDEV;
|
||||
currentTaskInDEV = task;
|
||||
|
||||
try {
|
||||
captureBoundaryErrorDetailsDev(boundary, _error);
|
||||
} finally {
|
||||
currentTaskInDEV = previousTaskInDev;
|
||||
}
|
||||
}
|
||||
|
||||
if (boundary.parentFlushed) {
|
||||
request.clientRenderedBoundaries.push(boundary);
|
||||
}
|
||||
} // If this boundary was still pending then we haven't already cancelled its fallbacks.
|
||||
// We'll need to abort the fallbacks, which will also error that parent boundary.
|
||||
|
||||
|
||||
boundary.fallbackAbortableTasks.forEach(function (fallbackTask) {
|
||||
return abortTask(fallbackTask, request, reason);
|
||||
});
|
||||
boundary.fallbackAbortableTasks.clear();
|
||||
request.allPendingTasks--;
|
||||
|
||||
if (request.allPendingTasks === 0) {
|
||||
var onAllReady = request.onAllReady;
|
||||
onAllReady();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function queueCompletedSegment(boundary, segment) {
|
||||
if (segment.chunks.length === 0 && segment.children.length === 1 && segment.children[0].boundary === null) {
|
||||
// This is an empty segment. There's nothing to write, so we can instead transfer the ID
|
||||
// to the child. That way any existing references point to the child.
|
||||
var childSegment = segment.children[0];
|
||||
childSegment.id = segment.id;
|
||||
childSegment.parentFlushed = true;
|
||||
|
||||
if (childSegment.status === COMPLETED) {
|
||||
queueCompletedSegment(boundary, childSegment);
|
||||
}
|
||||
} else {
|
||||
var completedSegments = boundary.completedSegments;
|
||||
completedSegments.push(segment);
|
||||
}
|
||||
}
|
||||
|
||||
function finishedTask(request, boundary, segment) {
|
||||
if (boundary === null) {
|
||||
if (segment.parentFlushed) {
|
||||
if (request.completedRootSegment !== null) {
|
||||
throw new Error('There can only be one root segment. This is a bug in React.');
|
||||
}
|
||||
|
||||
request.completedRootSegment = segment;
|
||||
}
|
||||
|
||||
request.pendingRootTasks--;
|
||||
|
||||
if (request.pendingRootTasks === 0) {
|
||||
// We have completed the shell so the shell can't error anymore.
|
||||
request.onShellError = noop$1;
|
||||
var onShellReady = request.onShellReady;
|
||||
onShellReady();
|
||||
}
|
||||
} else {
|
||||
boundary.pendingTasks--;
|
||||
|
||||
if (boundary.forceClientRender) ; else if (boundary.pendingTasks === 0) {
|
||||
// This must have been the last segment we were waiting on. This boundary is now complete.
|
||||
if (segment.parentFlushed) {
|
||||
// Our parent segment already flushed, so we need to schedule this segment to be emitted.
|
||||
// If it is a segment that was aborted, we'll write other content instead so we don't need
|
||||
// to emit it.
|
||||
if (segment.status === COMPLETED) {
|
||||
queueCompletedSegment(boundary, segment);
|
||||
}
|
||||
}
|
||||
|
||||
if (boundary.parentFlushed) {
|
||||
// The segment might be part of a segment that didn't flush yet, but if the boundary's
|
||||
// parent flushed, we need to schedule the boundary to be emitted.
|
||||
request.completedBoundaries.push(boundary);
|
||||
} // We can now cancel any pending task on the fallback since we won't need to show it anymore.
|
||||
// This needs to happen after we read the parentFlushed flags because aborting can finish
|
||||
// work which can trigger user code, which can start flushing, which can change those flags.
|
||||
|
||||
|
||||
boundary.fallbackAbortableTasks.forEach(abortTaskSoft, request);
|
||||
boundary.fallbackAbortableTasks.clear();
|
||||
} else {
|
||||
if (segment.parentFlushed) {
|
||||
// Our parent already flushed, so we need to schedule this segment to be emitted.
|
||||
// If it is a segment that was aborted, we'll write other content instead so we don't need
|
||||
// to emit it.
|
||||
if (segment.status === COMPLETED) {
|
||||
queueCompletedSegment(boundary, segment);
|
||||
var completedSegments = boundary.completedSegments;
|
||||
|
||||
if (completedSegments.length === 1) {
|
||||
// This is the first time since we last flushed that we completed anything.
|
||||
// We can schedule this boundary to emit its partially completed segments early
|
||||
// in case the parent has already been flushed.
|
||||
if (boundary.parentFlushed) {
|
||||
request.partialBoundaries.push(boundary);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
request.allPendingTasks--;
|
||||
|
||||
if (request.allPendingTasks === 0) {
|
||||
// This needs to be called at the very end so that we can synchronously write the result
|
||||
// in the callback if needed.
|
||||
var onAllReady = request.onAllReady;
|
||||
onAllReady();
|
||||
}
|
||||
}
|
||||
|
||||
function retryTask(request, task) {
|
||||
var segment = task.blockedSegment;
|
||||
|
||||
if (segment.status !== PENDING) {
|
||||
// We completed this by other means before we had a chance to retry it.
|
||||
return;
|
||||
} // We restore the context to what it was when we suspended.
|
||||
// We don't restore it after we leave because it's likely that we'll end up
|
||||
// needing a very similar context soon again.
|
||||
|
||||
|
||||
switchContext(task.context);
|
||||
var prevTaskInDEV = null;
|
||||
|
||||
{
|
||||
prevTaskInDEV = currentTaskInDEV;
|
||||
currentTaskInDEV = task;
|
||||
}
|
||||
|
||||
try {
|
||||
// We call the destructive form that mutates this task. That way if something
|
||||
// suspends again, we can reuse the same task instead of spawning a new one.
|
||||
renderNodeDestructive(request, task, task.node);
|
||||
pushSegmentFinale$1(segment.chunks, request.responseState, segment.lastPushedText, segment.textEmbedded);
|
||||
task.abortSet.delete(task);
|
||||
segment.status = COMPLETED;
|
||||
finishedTask(request, task.blockedBoundary, segment);
|
||||
} catch (x) {
|
||||
resetHooksState();
|
||||
|
||||
if (typeof x === 'object' && x !== null && typeof x.then === 'function') {
|
||||
// Something suspended again, let's pick it back up later.
|
||||
var ping = task.ping;
|
||||
x.then(ping, ping);
|
||||
} else {
|
||||
task.abortSet.delete(task);
|
||||
segment.status = ERRORED;
|
||||
erroredTask(request, task.blockedBoundary, segment, x);
|
||||
}
|
||||
} finally {
|
||||
{
|
||||
currentTaskInDEV = prevTaskInDEV;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function performWork(request) {
|
||||
if (request.status === CLOSED) {
|
||||
return;
|
||||
}
|
||||
|
||||
var prevContext = getActiveContext();
|
||||
var prevDispatcher = ReactCurrentDispatcher$1.current;
|
||||
ReactCurrentDispatcher$1.current = Dispatcher;
|
||||
var prevGetCurrentStackImpl;
|
||||
|
||||
{
|
||||
prevGetCurrentStackImpl = ReactDebugCurrentFrame$1.getCurrentStack;
|
||||
ReactDebugCurrentFrame$1.getCurrentStack = getCurrentStackInDEV;
|
||||
}
|
||||
|
||||
var prevResponseState = currentResponseState;
|
||||
setCurrentResponseState(request.responseState);
|
||||
|
||||
try {
|
||||
var pingedTasks = request.pingedTasks;
|
||||
var i;
|
||||
|
||||
for (i = 0; i < pingedTasks.length; i++) {
|
||||
var task = pingedTasks[i];
|
||||
retryTask(request, task);
|
||||
}
|
||||
|
||||
pingedTasks.splice(0, i);
|
||||
|
||||
if (request.destination !== null) {
|
||||
flushCompletedQueues(request, request.destination);
|
||||
}
|
||||
} catch (error) {
|
||||
logRecoverableError(request, error);
|
||||
fatalError(request, error);
|
||||
} finally {
|
||||
setCurrentResponseState(prevResponseState);
|
||||
ReactCurrentDispatcher$1.current = prevDispatcher;
|
||||
|
||||
{
|
||||
ReactDebugCurrentFrame$1.getCurrentStack = prevGetCurrentStackImpl;
|
||||
}
|
||||
|
||||
if (prevDispatcher === Dispatcher) {
|
||||
// This means that we were in a reentrant work loop. This could happen
|
||||
// in a renderer that supports synchronous work like renderToString,
|
||||
// when it's called from within another renderer.
|
||||
// Normally we don't bother switching the contexts to their root/default
|
||||
// values when leaving because we'll likely need the same or similar
|
||||
// context again. However, when we're inside a synchronous loop like this
|
||||
// we'll to restore the context to what it was before returning.
|
||||
switchContext(prevContext);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function flushSubtree(request, destination, segment) {
|
||||
segment.parentFlushed = true;
|
||||
|
||||
switch (segment.status) {
|
||||
case PENDING:
|
||||
{
|
||||
// We're emitting a placeholder for this segment to be filled in later.
|
||||
// Therefore we'll need to assign it an ID - to refer to it by.
|
||||
var segmentID = segment.id = request.nextSegmentId++; // When this segment finally completes it won't be embedded in text since it will flush separately
|
||||
|
||||
segment.lastPushedText = false;
|
||||
segment.textEmbedded = false;
|
||||
return writePlaceholder(destination, request.responseState, segmentID);
|
||||
}
|
||||
|
||||
case COMPLETED:
|
||||
{
|
||||
segment.status = FLUSHED;
|
||||
var r = true;
|
||||
var chunks = segment.chunks;
|
||||
var chunkIdx = 0;
|
||||
var children = segment.children;
|
||||
|
||||
for (var childIdx = 0; childIdx < children.length; childIdx++) {
|
||||
var nextChild = children[childIdx]; // Write all the chunks up until the next child.
|
||||
|
||||
for (; chunkIdx < nextChild.index; chunkIdx++) {
|
||||
writeChunk(destination, chunks[chunkIdx]);
|
||||
}
|
||||
|
||||
r = flushSegment(request, destination, nextChild);
|
||||
} // Finally just write all the remaining chunks
|
||||
|
||||
|
||||
for (; chunkIdx < chunks.length - 1; chunkIdx++) {
|
||||
writeChunk(destination, chunks[chunkIdx]);
|
||||
}
|
||||
|
||||
if (chunkIdx < chunks.length) {
|
||||
r = writeChunkAndReturn(destination, chunks[chunkIdx]);
|
||||
}
|
||||
|
||||
return r;
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
throw new Error('Aborted, errored or already flushed boundaries should not be flushed again. This is a bug in React.');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function flushSegment(request, destination, segment) {
|
||||
var boundary = segment.boundary;
|
||||
|
||||
if (boundary === null) {
|
||||
// Not a suspense boundary.
|
||||
return flushSubtree(request, destination, segment);
|
||||
}
|
||||
|
||||
boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
|
||||
// emit the content or the fallback now.
|
||||
|
||||
if (boundary.forceClientRender) {
|
||||
// Emit a client rendered suspense boundary wrapper.
|
||||
// We never queue the inner boundary so we'll never emit its content or partial segments.
|
||||
writeStartClientRenderedSuspenseBoundary$1(destination, request.responseState, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack); // Flush the fallback.
|
||||
|
||||
flushSubtree(request, destination, segment);
|
||||
return writeEndClientRenderedSuspenseBoundary$1(destination, request.responseState);
|
||||
} else if (boundary.pendingTasks > 0) {
|
||||
// This boundary is still loading. Emit a pending suspense boundary wrapper.
|
||||
// Assign an ID to refer to the future content by.
|
||||
boundary.rootSegmentID = request.nextSegmentId++;
|
||||
|
||||
if (boundary.completedSegments.length > 0) {
|
||||
// If this is at least partially complete, we can queue it to be partially emitted early.
|
||||
request.partialBoundaries.push(boundary);
|
||||
} /// This is the first time we should have referenced this ID.
|
||||
|
||||
|
||||
var id = boundary.id = assignSuspenseBoundaryID(request.responseState);
|
||||
writeStartPendingSuspenseBoundary(destination, request.responseState, id); // Flush the fallback.
|
||||
|
||||
flushSubtree(request, destination, segment);
|
||||
return writeEndPendingSuspenseBoundary(destination, request.responseState);
|
||||
} else if (boundary.byteSize > request.progressiveChunkSize) {
|
||||
// This boundary is large and will be emitted separately so that we can progressively show
|
||||
// other content. We add it to the queue during the flush because we have to ensure that
|
||||
// the parent flushes first so that there's something to inject it into.
|
||||
// We also have to make sure that it's emitted into the queue in a deterministic slot.
|
||||
// I.e. we can't insert it here when it completes.
|
||||
// Assign an ID to refer to the future content by.
|
||||
boundary.rootSegmentID = request.nextSegmentId++;
|
||||
request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
|
||||
|
||||
writeStartPendingSuspenseBoundary(destination, request.responseState, boundary.id); // Flush the fallback.
|
||||
|
||||
flushSubtree(request, destination, segment);
|
||||
return writeEndPendingSuspenseBoundary(destination, request.responseState);
|
||||
} else {
|
||||
// We can inline this boundary's content as a complete boundary.
|
||||
writeStartCompletedSuspenseBoundary$1(destination, request.responseState);
|
||||
var completedSegments = boundary.completedSegments;
|
||||
|
||||
if (completedSegments.length !== 1) {
|
||||
throw new Error('A previously unvisited boundary must have exactly one root segment. This is a bug in React.');
|
||||
}
|
||||
|
||||
var contentSegment = completedSegments[0];
|
||||
flushSegment(request, destination, contentSegment);
|
||||
return writeEndCompletedSuspenseBoundary$1(destination, request.responseState);
|
||||
}
|
||||
}
|
||||
|
||||
function flushClientRenderedBoundary(request, destination, boundary) {
|
||||
return writeClientRenderBoundaryInstruction(destination, request.responseState, boundary.id, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
|
||||
}
|
||||
|
||||
function flushSegmentContainer(request, destination, segment) {
|
||||
writeStartSegment(destination, request.responseState, segment.formatContext, segment.id);
|
||||
flushSegment(request, destination, segment);
|
||||
return writeEndSegment(destination, segment.formatContext);
|
||||
}
|
||||
|
||||
function flushCompletedBoundary(request, destination, boundary) {
|
||||
var completedSegments = boundary.completedSegments;
|
||||
var i = 0;
|
||||
|
||||
for (; i < completedSegments.length; i++) {
|
||||
var segment = completedSegments[i];
|
||||
flushPartiallyCompletedSegment(request, destination, boundary, segment);
|
||||
}
|
||||
|
||||
completedSegments.length = 0;
|
||||
return writeCompletedBoundaryInstruction(destination, request.responseState, boundary.id, boundary.rootSegmentID);
|
||||
}
|
||||
|
||||
function flushPartialBoundary(request, destination, boundary) {
|
||||
var completedSegments = boundary.completedSegments;
|
||||
var i = 0;
|
||||
|
||||
for (; i < completedSegments.length; i++) {
|
||||
var segment = completedSegments[i];
|
||||
|
||||
if (!flushPartiallyCompletedSegment(request, destination, boundary, segment)) {
|
||||
i++;
|
||||
completedSegments.splice(0, i); // Only write as much as the buffer wants. Something higher priority
|
||||
// might want to write later.
|
||||
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
completedSegments.splice(0, i);
|
||||
return true;
|
||||
}
|
||||
|
||||
function flushPartiallyCompletedSegment(request, destination, boundary, segment) {
|
||||
if (segment.status === FLUSHED) {
|
||||
// We've already flushed this inline.
|
||||
return true;
|
||||
}
|
||||
|
||||
var segmentID = segment.id;
|
||||
|
||||
if (segmentID === -1) {
|
||||
// This segment wasn't previously referred to. This happens at the root of
|
||||
// a boundary. We make kind of a leap here and assume this is the root.
|
||||
var rootSegmentID = segment.id = boundary.rootSegmentID;
|
||||
|
||||
if (rootSegmentID === -1) {
|
||||
throw new Error('A root segment ID must have been assigned by now. This is a bug in React.');
|
||||
}
|
||||
|
||||
return flushSegmentContainer(request, destination, segment);
|
||||
} else {
|
||||
flushSegmentContainer(request, destination, segment);
|
||||
return writeCompletedSegmentInstruction(destination, request.responseState, segmentID);
|
||||
}
|
||||
}
|
||||
|
||||
function flushCompletedQueues(request, destination) {
|
||||
|
||||
try {
|
||||
// The structure of this is to go through each queue one by one and write
|
||||
// until the sink tells us to stop. When we should stop, we still finish writing
|
||||
// that item fully and then yield. At that point we remove the already completed
|
||||
// items up until the point we completed them.
|
||||
// TODO: Emit preloading.
|
||||
// TODO: It's kind of unfortunate to keep checking this array after we've already
|
||||
// emitted the root.
|
||||
var completedRootSegment = request.completedRootSegment;
|
||||
|
||||
if (completedRootSegment !== null && request.pendingRootTasks === 0) {
|
||||
flushSegment(request, destination, completedRootSegment);
|
||||
request.completedRootSegment = null;
|
||||
writeCompletedRoot(destination, request.responseState);
|
||||
} // We emit client rendering instructions for already emitted boundaries first.
|
||||
// This is so that we can signal to the client to start client rendering them as
|
||||
// soon as possible.
|
||||
|
||||
|
||||
var clientRenderedBoundaries = request.clientRenderedBoundaries;
|
||||
var i;
|
||||
|
||||
for (i = 0; i < clientRenderedBoundaries.length; i++) {
|
||||
var boundary = clientRenderedBoundaries[i];
|
||||
|
||||
if (!flushClientRenderedBoundary(request, destination, boundary)) {
|
||||
request.destination = null;
|
||||
i++;
|
||||
clientRenderedBoundaries.splice(0, i);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
clientRenderedBoundaries.splice(0, i); // Next we emit any complete boundaries. It's better to favor boundaries
|
||||
// that are completely done since we can actually show them, than it is to emit
|
||||
// any individual segments from a partially complete boundary.
|
||||
|
||||
var completedBoundaries = request.completedBoundaries;
|
||||
|
||||
for (i = 0; i < completedBoundaries.length; i++) {
|
||||
var _boundary = completedBoundaries[i];
|
||||
|
||||
if (!flushCompletedBoundary(request, destination, _boundary)) {
|
||||
request.destination = null;
|
||||
i++;
|
||||
completedBoundaries.splice(0, i);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
completedBoundaries.splice(0, i); // Allow anything written so far to flush to the underlying sink before
|
||||
// we continue with lower priorities.
|
||||
|
||||
completeWriting(destination);
|
||||
beginWriting(destination); // TODO: Here we'll emit data used by hydration.
|
||||
// Next we emit any segments of any boundaries that are partially complete
|
||||
// but not deeply complete.
|
||||
|
||||
var partialBoundaries = request.partialBoundaries;
|
||||
|
||||
for (i = 0; i < partialBoundaries.length; i++) {
|
||||
var _boundary2 = partialBoundaries[i];
|
||||
|
||||
if (!flushPartialBoundary(request, destination, _boundary2)) {
|
||||
request.destination = null;
|
||||
i++;
|
||||
partialBoundaries.splice(0, i);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
partialBoundaries.splice(0, i); // Next we check the completed boundaries again. This may have had
|
||||
// boundaries added to it in case they were too larged to be inlined.
|
||||
// New ones might be added in this loop.
|
||||
|
||||
var largeBoundaries = request.completedBoundaries;
|
||||
|
||||
for (i = 0; i < largeBoundaries.length; i++) {
|
||||
var _boundary3 = largeBoundaries[i];
|
||||
|
||||
if (!flushCompletedBoundary(request, destination, _boundary3)) {
|
||||
request.destination = null;
|
||||
i++;
|
||||
largeBoundaries.splice(0, i);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
largeBoundaries.splice(0, i);
|
||||
} finally {
|
||||
|
||||
if (request.allPendingTasks === 0 && request.pingedTasks.length === 0 && request.clientRenderedBoundaries.length === 0 && request.completedBoundaries.length === 0 // We don't need to check any partially completed segments because
|
||||
// either they have pending task or they're complete.
|
||||
) {
|
||||
{
|
||||
if (request.abortableTasks.size !== 0) {
|
||||
error('There was still abortable task at the root when we closed. This is a bug in React.');
|
||||
}
|
||||
} // We're done.
|
||||
|
||||
|
||||
close(destination);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function startWork(request) {
|
||||
scheduleWork(function () {
|
||||
return performWork(request);
|
||||
});
|
||||
}
|
||||
function startFlowing(request, destination) {
|
||||
if (request.status === CLOSING) {
|
||||
request.status = CLOSED;
|
||||
closeWithError(destination, request.fatalError);
|
||||
return;
|
||||
}
|
||||
|
||||
if (request.status === CLOSED) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (request.destination !== null) {
|
||||
// We're already flowing.
|
||||
return;
|
||||
}
|
||||
|
||||
request.destination = destination;
|
||||
|
||||
try {
|
||||
flushCompletedQueues(request, destination);
|
||||
} catch (error) {
|
||||
logRecoverableError(request, error);
|
||||
fatalError(request, error);
|
||||
}
|
||||
} // This is called to early terminate a request. It puts all pending boundaries in client rendered state.
|
||||
|
||||
function abort(request, reason) {
|
||||
try {
|
||||
var abortableTasks = request.abortableTasks;
|
||||
abortableTasks.forEach(function (task) {
|
||||
return abortTask(task, request, reason);
|
||||
});
|
||||
abortableTasks.clear();
|
||||
|
||||
if (request.destination !== null) {
|
||||
flushCompletedQueues(request, request.destination);
|
||||
}
|
||||
} catch (error) {
|
||||
logRecoverableError(request, error);
|
||||
fatalError(request, error);
|
||||
}
|
||||
}
|
||||
|
||||
function onError() {// Non-fatal errors are ignored.
|
||||
}
|
||||
|
||||
function renderToStringImpl(children, options, generateStaticMarkup, abortReason) {
|
||||
var didFatal = false;
|
||||
var fatalError = null;
|
||||
var result = '';
|
||||
var destination = {
|
||||
push: function (chunk) {
|
||||
if (chunk !== null) {
|
||||
result += chunk;
|
||||
}
|
||||
|
||||
return true;
|
||||
},
|
||||
destroy: function (error) {
|
||||
didFatal = true;
|
||||
fatalError = error;
|
||||
}
|
||||
};
|
||||
var readyToStream = false;
|
||||
|
||||
function onShellReady() {
|
||||
readyToStream = true;
|
||||
}
|
||||
|
||||
var request = createRequest(children, createResponseState$1(generateStaticMarkup, options ? options.identifierPrefix : undefined), createRootFormatContext(), Infinity, onError, undefined, onShellReady, undefined, undefined);
|
||||
startWork(request); // If anything suspended and is still pending, we'll abort it before writing.
|
||||
// That way we write only client-rendered boundaries from the start.
|
||||
|
||||
abort(request, abortReason);
|
||||
startFlowing(request, destination);
|
||||
|
||||
if (didFatal) {
|
||||
throw fatalError;
|
||||
}
|
||||
|
||||
if (!readyToStream) {
|
||||
// Note: This error message is the one we use on the client. It doesn't
|
||||
// really make sense here. But this is the legacy server renderer, anyway.
|
||||
// We're going to delete it soon.
|
||||
throw new Error('A component suspended while responding to synchronous input. This ' + 'will cause the UI to be replaced with a loading indicator. To fix, ' + 'updates that suspend should be wrapped with startTransition.');
|
||||
}
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
function renderToString(children, options) {
|
||||
return renderToStringImpl(children, options, false, 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server');
|
||||
}
|
||||
|
||||
function renderToStaticMarkup(children, options) {
|
||||
return renderToStringImpl(children, options, true, 'The server used "renderToStaticMarkup" which does not support Suspense. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server');
|
||||
}
|
||||
|
||||
function renderToNodeStream() {
|
||||
throw new Error('ReactDOMServer.renderToNodeStream(): The streaming API is not available ' + 'in the browser. Use ReactDOMServer.renderToString() instead.');
|
||||
}
|
||||
|
||||
function renderToStaticNodeStream() {
|
||||
throw new Error('ReactDOMServer.renderToStaticNodeStream(): The streaming API is not available ' + 'in the browser. Use ReactDOMServer.renderToStaticMarkup() instead.');
|
||||
}
|
||||
|
||||
exports.renderToNodeStream = renderToNodeStream;
|
||||
exports.renderToStaticMarkup = renderToStaticMarkup;
|
||||
exports.renderToStaticNodeStream = renderToStaticNodeStream;
|
||||
exports.renderToString = renderToString;
|
||||
exports.version = ReactVersion;
|
||||
|
||||
})));
|
||||
Generated
Vendored
+75
@@ -0,0 +1,75 @@
|
||||
/**
|
||||
* @license React
|
||||
* react-dom-server-legacy.browser.production.min.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(){'use strict';(function(w,F){"object"===typeof exports&&"undefined"!==typeof module?F(exports,require("react")):"function"===typeof define&&define.amd?define(["exports","react"],F):(w=w||self,F(w.ReactDOMServer={},w.React))})(this,function(w,F){function l(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
|
||||
function ra(a){if(v.call(sa,a))return!0;if(v.call(ta,a))return!1;if(hb.test(a))return sa[a]=!0;ta[a]=!0;return!1}function q(a,b,c,d,f,e,g){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=d;this.attributeNamespace=f;this.mustUseProperty=c;this.propertyName=a;this.type=b;this.sanitizeURL=e;this.removeEmptyString=g}function r(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=ib.exec(a);if(b){var c="",d,f=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b=
|
||||
""";break;case 38:b="&";break;case 39:b="'";break;case 60:b="<";break;case 62:b=">";break;default:continue}f!==d&&(c+=a.substring(f,d));f=d+1;c+=b}a=f!==d?c+a.substring(f,d):c}return a}function y(a,b){return{insertionMode:a,selectedValue:b}}function jb(a,b,c){switch(b){case "select":return y(1,null!=c.value?c.value:c.defaultValue);case "svg":return y(2,null);case "math":return y(3,null);case "foreignObject":return y(1,null);case "table":return y(4,null);case "thead":case "tbody":case "tfoot":return y(5,
|
||||
null);case "colgroup":return y(7,null);case "tr":return y(6,null)}return 4<=a.insertionMode||0===a.insertionMode?y(1,null):a}function ua(a,b,c){if("object"!==typeof c)throw Error(l(62));b=!0;for(var d in c)if(v.call(c,d)){var f=c[d];if(null!=f&&"boolean"!==typeof f&&""!==f){if(0===d.indexOf("--")){var e=r(d);f=r((""+f).trim())}else{e=d;var g=va.get(e);void 0!==g?e=g:(g=r(e.replace(kb,"-$1").toLowerCase().replace(lb,"-ms-")),va.set(e,g),e=g);f="number"===typeof f?0===f||v.call(L,d)?""+f:f+"px":r((""+
|
||||
f).trim())}b?(b=!1,a.push(' style="',e,":",f)):a.push(";",e,":",f)}}b||a.push('"')}function x(a,b,c,d){switch(c){case "style":ua(a,b,d);return;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":return}if(!(2<c.length)||"o"!==c[0]&&"O"!==c[0]||"n"!==c[1]&&"N"!==c[1])if(b=p.hasOwnProperty(c)?p[c]:null,null!==b){switch(typeof d){case "function":case "symbol":return;case "boolean":if(!b.acceptsBooleans)return}c=b.attributeName;
|
||||
switch(b.type){case 3:d&&a.push(" ",c,'=""');break;case 4:!0===d?a.push(" ",c,'=""'):!1!==d&&a.push(" ",c,'="',r(d),'"');break;case 5:isNaN(d)||a.push(" ",c,'="',r(d),'"');break;case 6:!isNaN(d)&&1<=d&&a.push(" ",c,'="',r(d),'"');break;default:b.sanitizeURL&&(d=""+d),a.push(" ",c,'="',r(d),'"')}}else if(ra(c)){switch(typeof d){case "function":case "symbol":return;case "boolean":if(b=c.toLowerCase().slice(0,5),"data-"!==b&&"aria-"!==b)return}a.push(" ",c,'="',r(d),'"')}}function M(a,b,c){if(null!=
|
||||
b){if(null!=c)throw Error(l(60));if("object"!==typeof b||!("__html"in b))throw Error(l(61));b=b.__html;null!==b&&void 0!==b&&a.push(""+b)}}function mb(a){var b="";F.Children.forEach(a,function(a){null!=a&&(b+=a)});return b}function aa(a,b,c,d){a.push(z(c));var f=c=null,e;for(e in b)if(v.call(b,e)){var g=b[e];if(null!=g)switch(e){case "children":c=g;break;case "dangerouslySetInnerHTML":f=g;break;default:x(a,d,e,g)}}a.push(">");M(a,f,c);return"string"===typeof c?(a.push(r(c)),null):c}function z(a){var b=
|
||||
wa.get(a);if(void 0===b){if(!nb.test(a))throw Error(l(65,a));b="<"+a;wa.set(a,b)}return b}function ob(a,b,c,d,f){switch(b){case "select":a.push(z("select"));var e=null,g=null;for(t in c)if(v.call(c,t)){var h=c[t];if(null!=h)switch(t){case "children":e=h;break;case "dangerouslySetInnerHTML":g=h;break;case "defaultValue":case "value":break;default:x(a,d,t,h)}}a.push(">");M(a,g,e);return e;case "option":g=f.selectedValue;a.push(z("option"));var m=h=null,n=null;var t=null;for(e in c)if(v.call(c,e)){var k=
|
||||
c[e];if(null!=k)switch(e){case "children":h=k;break;case "selected":n=k;break;case "dangerouslySetInnerHTML":t=k;break;case "value":m=k;default:x(a,d,e,k)}}if(null!=g)if(c=null!==m?""+m:mb(h),ba(g))for(d=0;d<g.length;d++){if(""+g[d]===c){a.push(' selected=""');break}}else""+g===c&&a.push(' selected=""');else n&&a.push(' selected=""');a.push(">");M(a,t,h);return h;case "textarea":a.push(z("textarea"));t=g=e=null;for(h in c)if(v.call(c,h)&&(m=c[h],null!=m))switch(h){case "children":t=m;break;case "value":e=
|
||||
m;break;case "defaultValue":g=m;break;case "dangerouslySetInnerHTML":throw Error(l(91));default:x(a,d,h,m)}null===e&&null!==g&&(e=g);a.push(">");if(null!=t){if(null!=e)throw Error(l(92));if(ba(t)&&1<t.length)throw Error(l(93));e=""+t}"string"===typeof e&&"\n"===e[0]&&a.push("\n");null!==e&&a.push(r(""+e));return null;case "input":a.push(z("input"));m=t=h=e=null;for(g in c)if(v.call(c,g)&&(n=c[g],null!=n))switch(g){case "children":case "dangerouslySetInnerHTML":throw Error(l(399,"input"));case "defaultChecked":m=
|
||||
n;break;case "defaultValue":h=n;break;case "checked":t=n;break;case "value":e=n;break;default:x(a,d,g,n)}null!==t?x(a,d,"checked",t):null!==m&&x(a,d,"checked",m);null!==e?x(a,d,"value",e):null!==h&&x(a,d,"value",h);a.push("/>");return null;case "menuitem":a.push(z("menuitem"));for(var p in c)if(v.call(c,p)&&(e=c[p],null!=e))switch(p){case "children":case "dangerouslySetInnerHTML":throw Error(l(400));default:x(a,d,p,e)}a.push(">");return null;case "title":a.push(z("title"));e=null;for(k in c)if(v.call(c,
|
||||
k)&&(g=c[k],null!=g))switch(k){case "children":e=g;break;case "dangerouslySetInnerHTML":throw Error(l(434));default:x(a,d,k,g)}a.push(">");return e;case "listing":case "pre":a.push(z(b));g=e=null;for(m in c)if(v.call(c,m)&&(h=c[m],null!=h))switch(m){case "children":e=h;break;case "dangerouslySetInnerHTML":g=h;break;default:x(a,d,m,h)}a.push(">");if(null!=g){if(null!=e)throw Error(l(60));if("object"!==typeof g||!("__html"in g))throw Error(l(61));c=g.__html;null!==c&&void 0!==c&&("string"===typeof c&&
|
||||
0<c.length&&"\n"===c[0]?a.push("\n",c):a.push(""+c))}"string"===typeof e&&"\n"===e[0]&&a.push("\n");return e;case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":a.push(z(b));for(var q in c)if(v.call(c,q)&&(e=c[q],null!=e))switch(q){case "children":case "dangerouslySetInnerHTML":throw Error(l(399,b));default:x(a,d,q,e)}a.push("/>");return null;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 aa(a,
|
||||
c,b,d);case "html":return 0===f.insertionMode&&a.push("<!DOCTYPE html>"),aa(a,c,b,d);default:if(-1===b.indexOf("-")&&"string"!==typeof c.is)return aa(a,c,b,d);a.push(z(b));g=e=null;for(n in c)if(v.call(c,n)&&(h=c[n],null!=h))switch(n){case "children":e=h;break;case "dangerouslySetInnerHTML":g=h;break;case "style":ua(a,d,h);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":break;default:ra(n)&&"function"!==typeof h&&"symbol"!==typeof h&&a.push(" ",n,'="',r(h),'"')}a.push(">");
|
||||
M(a,g,e);return e}}function xa(a,b,c){a.push('\x3c!--$?--\x3e<template id="');if(null===c)throw Error(l(395));a.push(c);return a.push('"></template>')}function pb(a,b,c,d){switch(c.insertionMode){case 0:case 1:return a.push('<div hidden id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 2:return a.push('<svg aria-hidden="true" style="display:none" id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 3:return a.push('<math aria-hidden="true" style="display:none" id="'),
|
||||
a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 4:return a.push('<table hidden id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 5:return a.push('<table hidden><tbody id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 6:return a.push('<table hidden><tr id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 7:return a.push('<table hidden><colgroup id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');
|
||||
default:throw Error(l(397));}}function qb(a,b){switch(b.insertionMode){case 0:case 1:return a.push("</div>");case 2:return a.push("</svg>");case 3:return a.push("</math>");case 4:return a.push("</table>");case 5:return a.push("</tbody></table>");case 6:return a.push("</tr></table>");case 7:return a.push("</colgroup></table>");default:throw Error(l(397));}}function ca(a){return JSON.stringify(a).replace(rb,function(a){switch(a){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";
|
||||
default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}function sb(a,b){b=void 0===b?"":b;return{bootstrapChunks:[],startInlineScript:"<script>",placeholderPrefix:b+"P:",segmentPrefix:b+"S:",boundaryPrefix:b+"B:",idPrefix:b,nextSuspenseID:0,sentCompleteSegmentFunction:!1,sentCompleteBoundaryFunction:!1,sentClientRenderFunction:!1,generateStaticMarkup:a}}
|
||||
function ya(a,b,c,d){if(c.generateStaticMarkup)return a.push(r(b)),!1;""===b?a=d:(d&&a.push("\x3c!-- --\x3e"),a.push(r(b)),a=!0);return a}function da(a){if(null==a)return null;if("function"===typeof a)return a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case za:return"Fragment";case Aa:return"Portal";case Ba:return"Profiler";case Ca:return"StrictMode";case Da:return"Suspense";case Ea:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Fa:return(a.displayName||
|
||||
"Context")+".Consumer";case Ga:return(a._context.displayName||"Context")+".Provider";case Ha:var b=a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case Ia:return b=a.displayName||null,null!==b?b:da(a.type)||"Memo";case ea:b=a._payload;a=a._init;try{return da(a(b))}catch(c){}}return null}function Ja(a,b){a=a.contextTypes;if(!a)return Ka;var c={},d;for(d in a)c[d]=b[d];return c}function N(a,b){if(a!==b){a.context._currentValue2=a.parentValue;
|
||||
a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error(l(401));}else{if(null===c)throw Error(l(401));N(a,c)}b.context._currentValue2=b.value}}function La(a){a.context._currentValue2=a.parentValue;a=a.parent;null!==a&&La(a)}function Ma(a){var b=a.parent;null!==b&&Ma(b);a.context._currentValue2=a.value}function Na(a,b){a.context._currentValue2=a.parentValue;a=a.parent;if(null===a)throw Error(l(402));a.depth===b.depth?N(a,b):Na(a,b)}function Oa(a,b){var c=b.parent;if(null===c)throw Error(l(402));
|
||||
a.depth===c.depth?N(a,c):Oa(a,c);b.context._currentValue2=b.value}function O(a){var b=D;b!==a&&(null===b?Ma(a):null===a?La(b):b.depth===a.depth?N(b,a):b.depth>a.depth?Na(b,a):Oa(b,a),D=a)}function Pa(a,b,c,d){var f=void 0!==a.state?a.state:null;a.updater=Qa;a.props=c;a.state=f;var e={queue:[],replace:!1};a._reactInternals=e;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue2:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,f),f=null===g||void 0===g?f:G({},f,g),
|
||||
a.state=f);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&Qa.enqueueReplaceState(a,a.state,null),null!==e.queue&&0<e.queue.length)if(b=e.queue,g=e.replace,e.queue=null,e.replace=!1,g&&1===
|
||||
b.length)a.state=b[0];else{e=g?b[0]:a.state;f=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,e,c,d):h;null!=h&&(f?(f=!1,e=G({},e,h)):G(e,h))}a.state=e}else e.queue=null}function fa(a,b,c){var d=a.id;a=a.overflow;var f=32-P(d)-1;d&=~(1<<f);c+=1;var e=32-P(b)+f;if(30<e){var g=f-f%5;e=(d&(1<<g)-1).toString(32);d>>=g;f-=g;return{id:1<<32-P(b)+f|c<<f|d,overflow:e+a}}return{id:1<<e|c<<f|d,overflow:a}}function tb(a){a>>>=0;return 0===a?32:31-(ub(a)/vb|0)|0}function wb(a,b){return a===
|
||||
b&&(0!==a||1/a===1/b)||a!==a&&b!==b}function E(){if(null===B)throw Error(l(321));return B}function Ra(){if(0<Q)throw Error(l(312));return{memoizedState:null,queue:null,next:null}}function ha(){null===k?null===R?(H=!1,R=k=Ra()):(H=!0,k=R):null===k.next?(H=!1,k=k.next=Ra()):(H=!0,k=k.next);return k}function ia(){ja=B=null;S=!1;R=null;Q=0;k=A=null}function Sa(a,b){return"function"===typeof b?b(a):b}function Ta(a,b,c){B=E();k=ha();if(H){var d=k.queue;b=d.dispatch;if(null!==A&&(c=A.get(d),void 0!==c)){A.delete(d);
|
||||
d=k.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);k.memoizedState=d;return[d,b]}return[k.memoizedState,b]}a=a===Sa?"function"===typeof b?b():b:void 0!==c?c(b):b;k.memoizedState=a;a=k.queue={last:null,dispatch:null};a=a.dispatch=xb.bind(null,B,a);return[k.memoizedState,a]}function Ua(a,b){B=E();k=ha();b=void 0===b?null:b;if(null!==k){var c=k.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var f=0;f<d.length&&f<b.length;f++)if(!yb(b[f],d[f])){d=!1;break a}d=!0}if(d)return c[0]}}a=
|
||||
a();k.memoizedState=[a,b];return a}function xb(a,b,c){if(25<=Q)throw Error(l(301));if(a===B)if(S=!0,a={action:c,next:null},null===A&&(A=new Map),c=A.get(b),void 0===c)A.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}function zb(){throw Error(l(394));}function T(){}function Ab(a){console.error(a);return null}function I(){}function Bb(a,b,c,d,f,e,g,h,m){var n=[],l=new Set;b={destination:null,responseState:b,progressiveChunkSize:void 0===d?12800:d,status:0,fatalError:null,nextSegmentId:0,allPendingTasks:0,
|
||||
pendingRootTasks:0,completedRootSegment:null,abortableTasks:l,pingedTasks:n,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],onError:void 0===f?Ab:f,onAllReady:void 0===e?I:e,onShellReady:void 0===g?I:g,onShellError:void 0===h?I:h,onFatalError:void 0===m?I:m};c=U(b,0,null,c,!1,!1);c.parentFlushed=!0;a=ka(b,a,null,c,l,Ka,null,Cb);n.push(a);return b}function ka(a,b,c,d,f,e,g,h){a.allPendingTasks++;null===c?a.pendingRootTasks++:c.pendingTasks++;var m={node:b,ping:function(){var b=
|
||||
a.pingedTasks;b.push(m);1===b.length&&Va(a)},blockedBoundary:c,blockedSegment:d,abortSet:f,legacyContext:e,context:g,treeContext:h};f.add(m);return m}function U(a,b,c,d,f,e){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],formatContext:d,boundary:c,lastPushedText:f,textEmbedded:e}}function J(a,b){a=a.onError(b);if(null!=a&&"string"!==typeof a)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+
|
||||
typeof a+'" instead');return a}function V(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}function Wa(a,b,c,d,f){B={};ja=b;K=0;for(a=c(d,f);S;)S=!1,K=0,Q+=1,k=null,a=c(d,f);ia();return a}function Xa(a,b,c,d,f){f=c.render();var e=d.childContextTypes;if(null!==e&&void 0!==e){var g=b.legacyContext;if("function"!==typeof c.getChildContext)d=g;else{c=c.getChildContext();for(var h in c)if(!(h in e))throw Error(l(108,
|
||||
da(d)||"Unknown",h));d=G({},g,c)}b.legacyContext=d;u(a,b,f);b.legacyContext=g}else u(a,b,f)}function Ya(a,b){if(a&&a.defaultProps){b=G({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}function la(a,b,c,d,f){if("function"===typeof c)if(c.prototype&&c.prototype.isReactComponent){f=Ja(c,b.legacyContext);var e=c.contextType;e=new c(d,"object"===typeof e&&null!==e?e._currentValue2:f);Pa(e,c,d,f);Xa(a,b,e,c)}else{e=Ja(c,b.legacyContext);f=Wa(a,b,c,d,e);var g=0!==K;if("object"===
|
||||
typeof f&&null!==f&&"function"===typeof f.render&&void 0===f.$$typeof)Pa(f,c,d,e),Xa(a,b,f,c);else if(g){d=b.treeContext;b.treeContext=fa(d,1,0);try{u(a,b,f)}finally{b.treeContext=d}}else u(a,b,f)}else if("string"===typeof c){f=b.blockedSegment;e=ob(f.chunks,c,d,a.responseState,f.formatContext);f.lastPushedText=!1;g=f.formatContext;f.formatContext=jb(g,c,d);ma(a,b,e);f.formatContext=g;switch(c){case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break;
|
||||
default:f.chunks.push("</",c,">")}f.lastPushedText=!1}else{switch(c){case Db:case Eb:case Ca:case Ba:case za:u(a,b,d.children);return;case Ea:u(a,b,d.children);return;case Fb:throw Error(l(343));case Da:a:{c=b.blockedBoundary;f=b.blockedSegment;e=d.fallback;d=d.children;g=new Set;var h={id:null,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,forceClientRender:!1,completedSegments:[],byteSize:0,fallbackAbortableTasks:g,errorDigest:null},m=U(a,f.chunks.length,h,f.formatContext,!1,!1);f.children.push(m);
|
||||
f.lastPushedText=!1;var n=U(a,0,null,f.formatContext,!1,!1);n.parentFlushed=!0;b.blockedBoundary=h;b.blockedSegment=n;try{if(ma(a,b,d),a.responseState.generateStaticMarkup||n.lastPushedText&&n.textEmbedded&&n.chunks.push("\x3c!-- --\x3e"),n.status=1,W(h,n),0===h.pendingTasks)break a}catch(t){n.status=4,h.forceClientRender=!0,h.errorDigest=J(a,t)}finally{b.blockedBoundary=c,b.blockedSegment=f}b=ka(a,e,c,m,g,b.legacyContext,b.context,b.treeContext);a.pingedTasks.push(b)}return}if("object"===typeof c&&
|
||||
null!==c)switch(c.$$typeof){case Ha:d=Wa(a,b,c.render,d,f);if(0!==K){c=b.treeContext;b.treeContext=fa(c,1,0);try{u(a,b,d)}finally{b.treeContext=c}}else u(a,b,d);return;case Ia:c=c.type;d=Ya(c,d);la(a,b,c,d,f);return;case Ga:f=d.children;c=c._context;d=d.value;e=c._currentValue2;c._currentValue2=d;g=D;D=d={parent:g,depth:null===g?0:g.depth+1,context:c,parentValue:e,value:d};b.context=d;u(a,b,f);a=D;if(null===a)throw Error(l(403));d=a.parentValue;a.context._currentValue2=d===Gb?a.context._defaultValue:
|
||||
d;a=D=a.parent;b.context=a;return;case Fa:d=d.children;d=d(c._currentValue2);u(a,b,d);return;case ea:f=c._init;c=f(c._payload);d=Ya(c,d);la(a,b,c,d,void 0);return}throw Error(l(130,null==c?c:typeof c,""));}}function u(a,b,c){b.node=c;if("object"===typeof c&&null!==c){switch(c.$$typeof){case Hb:la(a,b,c.type,c.props,c.ref);return;case Aa:throw Error(l(257));case ea:var d=c._init;c=d(c._payload);u(a,b,c);return}if(ba(c)){Za(a,b,c);return}null===c||"object"!==typeof c?d=null:(d=$a&&c[$a]||c["@@iterator"],
|
||||
d="function"===typeof d?d:null);if(d&&(d=d.call(c))){c=d.next();if(!c.done){var f=[];do f.push(c.value),c=d.next();while(!c.done);Za(a,b,f)}return}a=Object.prototype.toString.call(c);throw Error(l(31,"[object Object]"===a?"object with keys {"+Object.keys(c).join(", ")+"}":a));}"string"===typeof c?(d=b.blockedSegment,d.lastPushedText=ya(b.blockedSegment.chunks,c,a.responseState,d.lastPushedText)):"number"===typeof c&&(d=b.blockedSegment,d.lastPushedText=ya(b.blockedSegment.chunks,""+c,a.responseState,
|
||||
d.lastPushedText))}function Za(a,b,c){for(var d=c.length,f=0;f<d;f++){var e=b.treeContext;b.treeContext=fa(e,d,f);try{ma(a,b,c[f])}finally{b.treeContext=e}}}function ma(a,b,c){var d=b.blockedSegment.formatContext,f=b.legacyContext,e=b.context;try{return u(a,b,c)}catch(m){if(ia(),"object"===typeof m&&null!==m&&"function"===typeof m.then){c=m;var g=b.blockedSegment,h=U(a,g.chunks.length,null,g.formatContext,g.lastPushedText,!0);g.children.push(h);g.lastPushedText=!1;a=ka(a,b.node,b.blockedBoundary,
|
||||
h,b.abortSet,b.legacyContext,b.context,b.treeContext).ping;c.then(a,a);b.blockedSegment.formatContext=d;b.legacyContext=f;b.context=e;O(e)}else throw b.blockedSegment.formatContext=d,b.legacyContext=f,b.context=e,O(e),m;}}function Ib(a){var b=a.blockedBoundary;a=a.blockedSegment;a.status=3;ab(this,b,a)}function bb(a,b,c){var d=a.blockedBoundary;a.blockedSegment.status=3;null===d?(b.allPendingTasks--,2!==b.status&&(b.status=2,null!==b.destination&&b.destination.push(null))):(d.pendingTasks--,d.forceClientRender||
|
||||
(d.forceClientRender=!0,a=void 0===c?Error(l(432)):c,d.errorDigest=b.onError(a),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(a){return bb(a,b,c)}),d.fallbackAbortableTasks.clear(),b.allPendingTasks--,0===b.allPendingTasks&&(d=b.onAllReady,d()))}function W(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&W(a,c)}else a.completedSegments.push(b)}function ab(a,
|
||||
b,c){if(null===b){if(c.parentFlushed){if(null!==a.completedRootSegment)throw Error(l(389));a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&(a.onShellError=I,b=a.onShellReady,b())}else b.pendingTasks--,b.forceClientRender||(0===b.pendingTasks?(c.parentFlushed&&1===c.status&&W(b,c),b.parentFlushed&&a.completedBoundaries.push(b),b.fallbackAbortableTasks.forEach(Ib,a),b.fallbackAbortableTasks.clear()):c.parentFlushed&&1===c.status&&(W(b,c),1===b.completedSegments.length&&b.parentFlushed&&
|
||||
a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&(a=a.onAllReady,a())}function Va(a){if(2!==a.status){var b=D,c=na.current;na.current=cb;var d=X;X=a.responseState;try{var f=a.pingedTasks,e;for(e=0;e<f.length;e++){var g=f[e];var h=a,m=g.blockedSegment;if(0===m.status){O(g.context);try{u(h,g,g.node),h.responseState.generateStaticMarkup||m.lastPushedText&&m.textEmbedded&&m.chunks.push("\x3c!-- --\x3e"),g.abortSet.delete(g),m.status=1,ab(h,g.blockedBoundary,m)}catch(C){if(ia(),
|
||||
"object"===typeof C&&null!==C&&"function"===typeof C.then){var l=g.ping;C.then(l,l)}else{g.abortSet.delete(g);m.status=4;var k=g.blockedBoundary,p=C,q=J(h,p);null===k?V(h,p):(k.pendingTasks--,k.forceClientRender||(k.forceClientRender=!0,k.errorDigest=q,k.parentFlushed&&h.clientRenderedBoundaries.push(k)));h.allPendingTasks--;if(0===h.allPendingTasks){var r=h.onAllReady;r()}}}finally{}}}f.splice(0,e);null!==a.destination&&oa(a,a.destination)}catch(C){J(a,C),V(a,C)}finally{X=d,na.current=c,c===cb&&
|
||||
O(b)}}}function Y(a,b,c){c.parentFlushed=!0;switch(c.status){case 0:var d=c.id=a.nextSegmentId++;c.lastPushedText=!1;c.textEmbedded=!1;a=a.responseState;b.push('<template id="');b.push(a.placeholderPrefix);a=d.toString(16);b.push(a);return b.push('"></template>');case 1:c.status=2;var f=!0;d=c.chunks;var e=0;c=c.children;for(var g=0;g<c.length;g++){for(f=c[g];e<f.index;e++)b.push(d[e]);f=Z(a,b,f)}for(;e<d.length-1;e++)b.push(d[e]);e<d.length&&(f=b.push(d[e]));return f;default:throw Error(l(390));
|
||||
}}function Z(a,b,c){var d=c.boundary;if(null===d)return Y(a,b,c);d.parentFlushed=!0;if(d.forceClientRender)return a.responseState.generateStaticMarkup||(d=d.errorDigest,b.push("\x3c!--$!--\x3e"),b.push("<template"),d&&(b.push(' data-dgst="'),d=r(d),b.push(d),b.push('"')),b.push("></template>")),Y(a,b,c),a=a.responseState.generateStaticMarkup?!0:b.push("\x3c!--/$--\x3e"),a;if(0<d.pendingTasks){d.rootSegmentID=a.nextSegmentId++;0<d.completedSegments.length&&a.partialBoundaries.push(d);var f=a.responseState;
|
||||
var e=f.nextSuspenseID++;f=f.boundaryPrefix+e.toString(16);d=d.id=f;xa(b,a.responseState,d);Y(a,b,c);return b.push("\x3c!--/$--\x3e")}if(d.byteSize>a.progressiveChunkSize)return d.rootSegmentID=a.nextSegmentId++,a.completedBoundaries.push(d),xa(b,a.responseState,d.id),Y(a,b,c),b.push("\x3c!--/$--\x3e");a.responseState.generateStaticMarkup||b.push("\x3c!--$--\x3e");c=d.completedSegments;if(1!==c.length)throw Error(l(391));Z(a,b,c[0]);a=a.responseState.generateStaticMarkup?!0:b.push("\x3c!--/$--\x3e");
|
||||
return a}function db(a,b,c){pb(b,a.responseState,c.formatContext,c.id);Z(a,b,c);return qb(b,c.formatContext)}function eb(a,b,c){for(var d=c.completedSegments,f=0;f<d.length;f++)fb(a,b,c,d[f]);d.length=0;a=a.responseState;d=c.id;c=c.rootSegmentID;b.push(a.startInlineScript);a.sentCompleteBoundaryFunction?b.push('$RC("'):(a.sentCompleteBoundaryFunction=!0,b.push('function $RC(a,b){a=document.getElementById(a);b=document.getElementById(b);b.parentNode.removeChild(b);if(a){a=a.previousSibling;var f=a.parentNode,c=a.nextSibling,e=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d)if(0===e)break;else e--;else"$"!==d&&"$?"!==d&&"$!"!==d||e++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;b.firstChild;)f.insertBefore(b.firstChild,c);a.data="$";a._reactRetry&&a._reactRetry()}};$RC("'));
|
||||
if(null===d)throw Error(l(395));c=c.toString(16);b.push(d);b.push('","');b.push(a.segmentPrefix);b.push(c);return b.push('")\x3c/script>')}function fb(a,b,c,d){if(2===d.status)return!0;var f=d.id;if(-1===f){if(-1===(d.id=c.rootSegmentID))throw Error(l(392));return db(a,b,d)}db(a,b,d);a=a.responseState;b.push(a.startInlineScript);a.sentCompleteSegmentFunction?b.push('$RS("'):(a.sentCompleteSegmentFunction=!0,b.push('function $RS(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("'));
|
||||
b.push(a.segmentPrefix);f=f.toString(16);b.push(f);b.push('","');b.push(a.placeholderPrefix);b.push(f);return b.push('")\x3c/script>')}function oa(a,b){try{var c=a.completedRootSegment;if(null!==c&&0===a.pendingRootTasks){Z(a,b,c);a.completedRootSegment=null;var d=a.responseState.bootstrapChunks;for(c=0;c<d.length-1;c++)b.push(d[c]);c<d.length&&b.push(d[c])}var f=a.clientRenderedBoundaries,e;for(e=0;e<f.length;e++){var g=f[e];d=b;var h=a.responseState,m=g.id,k=g.errorDigest,p=g.errorMessage,q=g.errorComponentStack;
|
||||
d.push(h.startInlineScript);h.sentClientRenderFunction?d.push('$RX("'):(h.sentClientRenderFunction=!0,d.push('function $RX(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())};$RX("'));if(null===m)throw Error(l(395));d.push(m);d.push('"');if(k||p||q){d.push(",");var r=ca(k||"");d.push(r)}if(p||q){d.push(",");var v=ca(p||"");d.push(v)}if(q){d.push(",");var x=ca(q);d.push(x)}if(!d.push(")\x3c/script>")){a.destination=
|
||||
null;e++;f.splice(0,e);return}}f.splice(0,e);var u=a.completedBoundaries;for(e=0;e<u.length;e++)if(!eb(a,b,u[e])){a.destination=null;e++;u.splice(0,e);return}u.splice(0,e);var w=a.partialBoundaries;for(e=0;e<w.length;e++){var z=w[e];a:{f=a;g=b;var y=z.completedSegments;for(h=0;h<y.length;h++)if(!fb(f,g,z,y[h])){h++;y.splice(0,h);var B=!1;break a}y.splice(0,h);B=!0}if(!B){a.destination=null;e++;w.splice(0,e);return}}w.splice(0,e);var A=a.completedBoundaries;for(e=0;e<A.length;e++)if(!eb(a,b,A[e])){a.destination=
|
||||
null;e++;A.splice(0,e);return}A.splice(0,e)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length&&b.push(null)}}function Jb(a,b){try{var c=a.abortableTasks;c.forEach(function(c){return bb(c,a,b)});c.clear();null!==a.destination&&oa(a,a.destination)}catch(d){J(a,d),V(a,d)}}function Kb(){}function gb(a,b,c,d){var f=!1,e=null,g="",h={push:function(a){null!==a&&(g+=a);return!0},destroy:function(a){f=!0;e=a}},k=!1;a=Bb(a,sb(c,
|
||||
b?b.identifierPrefix:void 0),{insertionMode:1,selectedValue:null},Infinity,Kb,void 0,function(){k=!0},void 0,void 0);Va(a);Jb(a,d);if(1===a.status)a.status=2,h.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=h;try{oa(a,h)}catch(n){J(a,n),V(a,n)}}if(f)throw e;if(!k)throw Error(l(426));return g}var v=Object.prototype.hasOwnProperty,hb=/^[: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][: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\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,
|
||||
ta={},sa={},p={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(a){p[a]=new q(a,0,!1,a,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){var b=a[0];p[b]=new q(b,1,!1,a[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(a){p[a]=new q(a,2,!1,a.toLowerCase(),null,
|
||||
!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){p[a]=new q(a,2,!1,a,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".split(" ").forEach(function(a){p[a]=new q(a,3,!1,a.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(a){p[a]=
|
||||
new q(a,3,!0,a,null,!1,!1)});["capture","download"].forEach(function(a){p[a]=new q(a,4,!1,a,null,!1,!1)});["cols","rows","size","span"].forEach(function(a){p[a]=new q(a,6,!1,a,null,!1,!1)});["rowSpan","start"].forEach(function(a){p[a]=new q(a,5,!1,a.toLowerCase(),null,!1,!1)});var pa=/[\-:]([a-z])/g,qa=function(a){return a[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".split(" ").forEach(function(a){var b=
|
||||
a.replace(pa,qa);p[b]=new q(b,1,!1,a,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(a){var b=a.replace(pa,qa);p[b]=new q(b,1,!1,a,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(a){var b=a.replace(pa,qa);p[b]=new q(b,1,!1,a,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(a){p[a]=new q(a,1,!1,a.toLowerCase(),null,!1,!1)});p.xlinkHref=new q("xlinkHref",
|
||||
1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(a){p[a]=new q(a,1,!1,a.toLowerCase(),null,!0,!0)});var L={animationIterationCount:!0,aspectRatio:!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},Lb=["Webkit","ms","Moz","O"];Object.keys(L).forEach(function(a){Lb.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);L[b]=L[a]})});var ib=/["'&<>]/,kb=/([A-Z])/g,lb=/^ms-/,ba=Array.isArray,
|
||||
va=new Map,nb=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,wa=new Map,rb=/[<\u2028\u2029]/g,G=Object.assign,Hb=Symbol.for("react.element"),Aa=Symbol.for("react.portal"),za=Symbol.for("react.fragment"),Ca=Symbol.for("react.strict_mode"),Ba=Symbol.for("react.profiler"),Ga=Symbol.for("react.provider"),Fa=Symbol.for("react.context"),Ha=Symbol.for("react.forward_ref"),Da=Symbol.for("react.suspense"),Ea=Symbol.for("react.suspense_list"),Ia=Symbol.for("react.memo"),ea=Symbol.for("react.lazy"),Fb=Symbol.for("react.scope"),
|
||||
Eb=Symbol.for("react.debug_trace_mode"),Db=Symbol.for("react.legacy_hidden"),Gb=Symbol.for("react.default_value"),$a=Symbol.iterator,Ka={},D=null,Qa={isMounted:function(a){return!1},enqueueSetState:function(a,b,c){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b,c){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(a,b){}},Cb={id:1,overflow:""},P=Math.clz32?Math.clz32:tb,ub=Math.log,vb=Math.LN2,yb="function"===typeof Object.is?Object.is:
|
||||
wb,B=null,ja=null,R=null,k=null,H=!1,S=!1,K=0,A=null,Q=0,cb={readContext:function(a){return a._currentValue2},useContext:function(a){E();return a._currentValue2},useMemo:Ua,useReducer:Ta,useRef:function(a){B=E();k=ha();var b=k.memoizedState;return null===b?(a={current:a},k.memoizedState=a):b},useState:function(a){return Ta(Sa,a)},useInsertionEffect:T,useLayoutEffect:function(a,b){},useCallback:function(a,b){return Ua(function(){return a},b)},useImperativeHandle:T,useEffect:T,useDebugValue:T,useDeferredValue:function(a){E();
|
||||
return a},useTransition:function(){E();return[!1,zb]},useId:function(){var a=ja.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-P(a)-1)).toString(32)+b;var c=X;if(null===c)throw Error(l(404));b=K++;a=":"+c.idPrefix+"R"+a;0<b&&(a+="H"+b.toString(32));return a+":"},useMutableSource:function(a,b,c){E();return b(a._source)},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error(l(407));return c()}},X=null,na=F.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher;w.renderToNodeStream=
|
||||
function(){throw Error(l(207));};w.renderToStaticMarkup=function(a,b){return gb(a,b,!0,'The server used "renderToStaticMarkup" which does not support Suspense. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server')};w.renderToStaticNodeStream=function(){throw Error(l(208));};w.renderToString=function(a,b){return gb(a,b,!1,'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server')};
|
||||
w.version="18.3.1"});
|
||||
})();
|
||||
+7011
@@ -0,0 +1,7011 @@
|
||||
/**
|
||||
* @license React
|
||||
* react-dom-server.browser.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) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
|
||||
typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
|
||||
(global = global || self, factory(global.ReactDOMServer = {}, global.React));
|
||||
}(this, (function (exports, React) { 'use strict';
|
||||
|
||||
var ReactVersion = '18.3.1';
|
||||
|
||||
var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
||||
|
||||
// by calls to these methods by a Babel plugin.
|
||||
//
|
||||
// In PROD (or in packages without access to React internals),
|
||||
// they are left as they are instead.
|
||||
|
||||
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) {
|
||||
// When changing this logic, you might want to also
|
||||
// update consoleWithStackDev.www.js as well.
|
||||
{
|
||||
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
var stack = ReactDebugCurrentFrame.getStackAddendum();
|
||||
|
||||
if (stack !== '') {
|
||||
format += '%s';
|
||||
args = args.concat([stack]);
|
||||
} // eslint-disable-next-line react-internal/safe-string-coercion
|
||||
|
||||
|
||||
var argsWithFormat = args.map(function (item) {
|
||||
return String(item);
|
||||
}); // Careful: RN currently depends on this prefix
|
||||
|
||||
argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
|
||||
// breaks IE9: https://github.com/facebook/react/issues/13610
|
||||
// eslint-disable-next-line react-internal/no-production-logging
|
||||
|
||||
Function.prototype.apply.call(console[level], console, argsWithFormat);
|
||||
}
|
||||
}
|
||||
|
||||
function scheduleWork(callback) {
|
||||
callback();
|
||||
}
|
||||
var VIEW_SIZE = 512;
|
||||
var currentView = null;
|
||||
var writtenBytes = 0;
|
||||
function beginWriting(destination) {
|
||||
currentView = new Uint8Array(VIEW_SIZE);
|
||||
writtenBytes = 0;
|
||||
}
|
||||
function writeChunk(destination, chunk) {
|
||||
if (chunk.length === 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (chunk.length > VIEW_SIZE) {
|
||||
// this chunk may overflow a single view which implies it was not
|
||||
// one that is cached by the streaming renderer. We will enqueu
|
||||
// it directly and expect it is not re-used
|
||||
if (writtenBytes > 0) {
|
||||
destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
|
||||
currentView = new Uint8Array(VIEW_SIZE);
|
||||
writtenBytes = 0;
|
||||
}
|
||||
|
||||
destination.enqueue(chunk);
|
||||
return;
|
||||
}
|
||||
|
||||
var bytesToWrite = chunk;
|
||||
var allowableBytes = currentView.length - writtenBytes;
|
||||
|
||||
if (allowableBytes < bytesToWrite.length) {
|
||||
// this chunk would overflow the current view. We enqueue a full view
|
||||
// and start a new view with the remaining chunk
|
||||
if (allowableBytes === 0) {
|
||||
// the current view is already full, send it
|
||||
destination.enqueue(currentView);
|
||||
} else {
|
||||
// fill up the current view and apply the remaining chunk bytes
|
||||
// to a new view.
|
||||
currentView.set(bytesToWrite.subarray(0, allowableBytes), writtenBytes); // writtenBytes += allowableBytes; // this can be skipped because we are going to immediately reset the view
|
||||
|
||||
destination.enqueue(currentView);
|
||||
bytesToWrite = bytesToWrite.subarray(allowableBytes);
|
||||
}
|
||||
|
||||
currentView = new Uint8Array(VIEW_SIZE);
|
||||
writtenBytes = 0;
|
||||
}
|
||||
|
||||
currentView.set(bytesToWrite, writtenBytes);
|
||||
writtenBytes += bytesToWrite.length;
|
||||
}
|
||||
function writeChunkAndReturn(destination, chunk) {
|
||||
writeChunk(destination, chunk); // in web streams there is no backpressure so we can alwas write more
|
||||
|
||||
return true;
|
||||
}
|
||||
function completeWriting(destination) {
|
||||
if (currentView && writtenBytes > 0) {
|
||||
destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
|
||||
currentView = null;
|
||||
writtenBytes = 0;
|
||||
}
|
||||
}
|
||||
function close(destination) {
|
||||
destination.close();
|
||||
}
|
||||
var textEncoder = new TextEncoder();
|
||||
function stringToChunk(content) {
|
||||
return textEncoder.encode(content);
|
||||
}
|
||||
function stringToPrecomputedChunk(content) {
|
||||
return textEncoder.encode(content);
|
||||
}
|
||||
function closeWithError(destination, error) {
|
||||
if (typeof destination.error === 'function') {
|
||||
// $FlowFixMe: This is an Error object or the destination accepts other types.
|
||||
destination.error(error);
|
||||
} else {
|
||||
// Earlier implementations doesn't support this method. In that environment you're
|
||||
// supposed to throw from a promise returned but we don't return a promise in our
|
||||
// approach. We could fork this implementation but this is environment is an edge
|
||||
// case to begin with. It's even less common to run this in an older environment.
|
||||
// Even then, this is not where errors are supposed to happen and they get reported
|
||||
// to a global callback in addition to this anyway. So it's fine just to close this.
|
||||
destination.close();
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* The `'' + value` pattern (used in in perf-sensitive code) throws for Symbol
|
||||
* and Temporal.* types. See https://github.com/facebook/react/pull/22064.
|
||||
*
|
||||
* The functions in this module will throw an easier-to-understand,
|
||||
* easier-to-debug exception with a clear errors message message explaining the
|
||||
* problem. (Instead of a confusing exception thrown inside the implementation
|
||||
* of the `value` object).
|
||||
*/
|
||||
// $FlowFixMe only called in DEV, so void return is not possible.
|
||||
function typeName(value) {
|
||||
{
|
||||
// toStringTag is needed for namespaced types like Temporal.Instant
|
||||
var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
|
||||
var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object';
|
||||
return type;
|
||||
}
|
||||
} // $FlowFixMe only called in DEV, so void return is not possible.
|
||||
|
||||
|
||||
function willCoercionThrow(value) {
|
||||
{
|
||||
try {
|
||||
testStringCoercion(value);
|
||||
return false;
|
||||
} catch (e) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function testStringCoercion(value) {
|
||||
// If you ended up here by following an exception call stack, here's what's
|
||||
// happened: you supplied an object or symbol value to React (as a prop, key,
|
||||
// DOM attribute, CSS property, string ref, etc.) and when React tried to
|
||||
// coerce it to a string using `'' + value`, an exception was thrown.
|
||||
//
|
||||
// The most common types that will cause this exception are `Symbol` instances
|
||||
// and Temporal objects like `Temporal.Instant`. But any object that has a
|
||||
// `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
|
||||
// exception. (Library authors do this to prevent users from using built-in
|
||||
// numeric operators like `+` or comparison operators like `>=` because custom
|
||||
// methods are needed to perform accurate arithmetic or comparison.)
|
||||
//
|
||||
// To fix the problem, coerce this object or symbol value to a string before
|
||||
// passing it to React. The most reliable way is usually `String(value)`.
|
||||
//
|
||||
// To find which value is throwing, check the browser or debugger console.
|
||||
// Before this exception was thrown, there should be `console.error` output
|
||||
// that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
|
||||
// problem and how that type was used: key, atrribute, input value prop, etc.
|
||||
// In most cases, this console output also shows the component and its
|
||||
// ancestor components where the exception happened.
|
||||
//
|
||||
// eslint-disable-next-line react-internal/safe-string-coercion
|
||||
return '' + value;
|
||||
}
|
||||
|
||||
function checkAttributeStringCoercion(value, attributeName) {
|
||||
{
|
||||
if (willCoercionThrow(value)) {
|
||||
error('The provided `%s` attribute is an unsupported type %s.' + ' This value must be coerced to a string before before using it here.', attributeName, typeName(value));
|
||||
|
||||
return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
|
||||
}
|
||||
}
|
||||
}
|
||||
function checkCSSPropertyStringCoercion(value, propName) {
|
||||
{
|
||||
if (willCoercionThrow(value)) {
|
||||
error('The provided `%s` CSS property is an unsupported type %s.' + ' This value must be coerced to a string before before using it here.', propName, typeName(value));
|
||||
|
||||
return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
|
||||
}
|
||||
}
|
||||
}
|
||||
function checkHtmlStringCoercion(value) {
|
||||
{
|
||||
if (willCoercionThrow(value)) {
|
||||
error('The provided HTML markup uses a value of unsupported type %s.' + ' This value must be coerced to a string before before using it here.', typeName(value));
|
||||
|
||||
return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
||||
|
||||
// A reserved attribute.
|
||||
// It is handled by React separately and shouldn't be written to the DOM.
|
||||
var RESERVED = 0; // A simple string attribute.
|
||||
// Attributes that aren't in the filter are presumed to have this type.
|
||||
|
||||
var STRING = 1; // A string attribute that accepts booleans in React. In HTML, these are called
|
||||
// "enumerated" attributes with "true" and "false" as possible values.
|
||||
// When true, it should be set to a "true" string.
|
||||
// When false, it should be set to a "false" string.
|
||||
|
||||
var BOOLEANISH_STRING = 2; // A real boolean attribute.
|
||||
// When true, it should be present (set either to an empty string or its name).
|
||||
// When false, it should be omitted.
|
||||
|
||||
var BOOLEAN = 3; // An attribute that can be used as a flag as well as with a value.
|
||||
// When true, it should be present (set either to an empty string or its name).
|
||||
// When false, it should be omitted.
|
||||
// For any other value, should be present with that value.
|
||||
|
||||
var OVERLOADED_BOOLEAN = 4; // An attribute that must be numeric or parse as a numeric.
|
||||
// When falsy, it should be removed.
|
||||
|
||||
var NUMERIC = 5; // An attribute that must be positive numeric or parse as a positive numeric.
|
||||
// When falsy, it should be removed.
|
||||
|
||||
var POSITIVE_NUMERIC = 6;
|
||||
|
||||
/* eslint-disable max-len */
|
||||
var 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";
|
||||
/* eslint-enable max-len */
|
||||
|
||||
var ATTRIBUTE_NAME_CHAR = ATTRIBUTE_NAME_START_CHAR + "\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040";
|
||||
var VALID_ATTRIBUTE_NAME_REGEX = new RegExp('^[' + ATTRIBUTE_NAME_START_CHAR + '][' + ATTRIBUTE_NAME_CHAR + ']*$');
|
||||
var illegalAttributeNameCache = {};
|
||||
var validatedAttributeNameCache = {};
|
||||
function isAttributeNameSafe(attributeName) {
|
||||
if (hasOwnProperty.call(validatedAttributeNameCache, attributeName)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (hasOwnProperty.call(illegalAttributeNameCache, attributeName)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName)) {
|
||||
validatedAttributeNameCache[attributeName] = true;
|
||||
return true;
|
||||
}
|
||||
|
||||
illegalAttributeNameCache[attributeName] = true;
|
||||
|
||||
{
|
||||
error('Invalid attribute name: `%s`', attributeName);
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
function shouldRemoveAttributeWithWarning(name, value, propertyInfo, isCustomComponentTag) {
|
||||
if (propertyInfo !== null && propertyInfo.type === RESERVED) {
|
||||
return false;
|
||||
}
|
||||
|
||||
switch (typeof value) {
|
||||
case 'function': // $FlowIssue symbol is perfectly valid here
|
||||
|
||||
case 'symbol':
|
||||
// eslint-disable-line
|
||||
return true;
|
||||
|
||||
case 'boolean':
|
||||
{
|
||||
if (isCustomComponentTag) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (propertyInfo !== null) {
|
||||
return !propertyInfo.acceptsBooleans;
|
||||
} else {
|
||||
var prefix = name.toLowerCase().slice(0, 5);
|
||||
return prefix !== 'data-' && prefix !== 'aria-';
|
||||
}
|
||||
}
|
||||
|
||||
default:
|
||||
return false;
|
||||
}
|
||||
}
|
||||
function getPropertyInfo(name) {
|
||||
return properties.hasOwnProperty(name) ? properties[name] : null;
|
||||
}
|
||||
|
||||
function PropertyInfoRecord(name, type, mustUseProperty, attributeName, attributeNamespace, sanitizeURL, removeEmptyString) {
|
||||
this.acceptsBooleans = type === BOOLEANISH_STRING || type === BOOLEAN || type === OVERLOADED_BOOLEAN;
|
||||
this.attributeName = attributeName;
|
||||
this.attributeNamespace = attributeNamespace;
|
||||
this.mustUseProperty = mustUseProperty;
|
||||
this.propertyName = name;
|
||||
this.type = type;
|
||||
this.sanitizeURL = sanitizeURL;
|
||||
this.removeEmptyString = removeEmptyString;
|
||||
} // When adding attributes to this list, be sure to also add them to
|
||||
// the `possibleStandardNames` module to ensure casing and incorrect
|
||||
// name warnings.
|
||||
|
||||
|
||||
var properties = {}; // These props are reserved by React. They shouldn't be written to the DOM.
|
||||
|
||||
var reservedProps = ['children', 'dangerouslySetInnerHTML', // TODO: This prevents the assignment of defaultValue to regular
|
||||
// elements (not just inputs). Now that ReactDOMInput assigns to the
|
||||
// defaultValue property -- do we need this?
|
||||
'defaultValue', 'defaultChecked', 'innerHTML', 'suppressContentEditableWarning', 'suppressHydrationWarning', 'style'];
|
||||
|
||||
reservedProps.forEach(function (name) {
|
||||
properties[name] = new PropertyInfoRecord(name, RESERVED, false, // mustUseProperty
|
||||
name, // attributeName
|
||||
null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
}); // A few React string attributes have a different name.
|
||||
// This is a mapping from React prop names to the attribute names.
|
||||
|
||||
[['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, STRING, false, // mustUseProperty
|
||||
attributeName, // attributeName
|
||||
null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
}); // These are "enumerated" HTML attributes that accept "true" and "false".
|
||||
// In React, we let users pass `true` and `false` even though technically
|
||||
// these aren't boolean attributes (they are coerced to strings).
|
||||
|
||||
['contentEditable', 'draggable', 'spellCheck', 'value'].forEach(function (name) {
|
||||
properties[name] = new PropertyInfoRecord(name, BOOLEANISH_STRING, false, // mustUseProperty
|
||||
name.toLowerCase(), // attributeName
|
||||
null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
}); // These are "enumerated" SVG attributes that accept "true" and "false".
|
||||
// In React, we let users pass `true` and `false` even though technically
|
||||
// these aren't boolean attributes (they are coerced to strings).
|
||||
// Since these are SVG attributes, their attribute names are case-sensitive.
|
||||
|
||||
['autoReverse', 'externalResourcesRequired', 'focusable', 'preserveAlpha'].forEach(function (name) {
|
||||
properties[name] = new PropertyInfoRecord(name, BOOLEANISH_STRING, false, // mustUseProperty
|
||||
name, // attributeName
|
||||
null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
}); // These are HTML boolean attributes.
|
||||
|
||||
['allowFullScreen', 'async', // Note: there is a special case that prevents it from being written to the DOM
|
||||
// on the client side because the browsers are inconsistent. Instead we call focus().
|
||||
'autoFocus', 'autoPlay', 'controls', 'default', 'defer', 'disabled', 'disablePictureInPicture', 'disableRemotePlayback', 'formNoValidate', 'hidden', 'loop', 'noModule', 'noValidate', 'open', 'playsInline', 'readOnly', 'required', 'reversed', 'scoped', 'seamless', // Microdata
|
||||
'itemScope'].forEach(function (name) {
|
||||
properties[name] = new PropertyInfoRecord(name, BOOLEAN, false, // mustUseProperty
|
||||
name.toLowerCase(), // attributeName
|
||||
null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
}); // These are the few React props that we set as DOM properties
|
||||
// rather than attributes. These are all booleans.
|
||||
|
||||
['checked', // Note: `option.selected` is not updated if `select.multiple` is
|
||||
// disabled with `removeAttribute`. We have special logic for handling this.
|
||||
'multiple', 'muted', 'selected' // NOTE: if you add a camelCased prop to this list,
|
||||
// you'll need to set attributeName to name.toLowerCase()
|
||||
// instead in the assignment below.
|
||||
].forEach(function (name) {
|
||||
properties[name] = new PropertyInfoRecord(name, BOOLEAN, true, // mustUseProperty
|
||||
name, // attributeName
|
||||
null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
}); // These are HTML attributes that are "overloaded booleans": they behave like
|
||||
// booleans, but can also accept a string value.
|
||||
|
||||
['capture', 'download' // NOTE: if you add a camelCased prop to this list,
|
||||
// you'll need to set attributeName to name.toLowerCase()
|
||||
// instead in the assignment below.
|
||||
].forEach(function (name) {
|
||||
properties[name] = new PropertyInfoRecord(name, OVERLOADED_BOOLEAN, false, // mustUseProperty
|
||||
name, // attributeName
|
||||
null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
}); // These are HTML attributes that must be positive numbers.
|
||||
|
||||
['cols', 'rows', 'size', 'span' // NOTE: if you add a camelCased prop to this list,
|
||||
// you'll need to set attributeName to name.toLowerCase()
|
||||
// instead in the assignment below.
|
||||
].forEach(function (name) {
|
||||
properties[name] = new PropertyInfoRecord(name, POSITIVE_NUMERIC, false, // mustUseProperty
|
||||
name, // attributeName
|
||||
null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
}); // These are HTML attributes that must be numbers.
|
||||
|
||||
['rowSpan', 'start'].forEach(function (name) {
|
||||
properties[name] = new PropertyInfoRecord(name, NUMERIC, false, // mustUseProperty
|
||||
name.toLowerCase(), // attributeName
|
||||
null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
});
|
||||
var CAMELIZE = /[\-\:]([a-z])/g;
|
||||
|
||||
var capitalize = function (token) {
|
||||
return token[1].toUpperCase();
|
||||
}; // This is a list of all SVG attributes that need special casing, namespacing,
|
||||
// or boolean value assignment. Regular attributes that just accept strings
|
||||
// and have the same names are omitted, just like in the HTML attribute filter.
|
||||
// Some of these attributes can be hard to find. This list was created by
|
||||
// scraping the MDN documentation.
|
||||
|
||||
|
||||
['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' // NOTE: if you add a camelCased prop to this list,
|
||||
// you'll need to set attributeName to name.toLowerCase()
|
||||
// instead in the assignment below.
|
||||
].forEach(function (attributeName) {
|
||||
var name = attributeName.replace(CAMELIZE, capitalize);
|
||||
properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
|
||||
attributeName, null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
}); // String SVG attributes with the xlink namespace.
|
||||
|
||||
['xlink:actuate', 'xlink:arcrole', 'xlink:role', 'xlink:show', 'xlink:title', 'xlink:type' // NOTE: if you add a camelCased prop to this list,
|
||||
// you'll need to set attributeName to name.toLowerCase()
|
||||
// instead in the assignment below.
|
||||
].forEach(function (attributeName) {
|
||||
var name = attributeName.replace(CAMELIZE, capitalize);
|
||||
properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
|
||||
attributeName, 'http://www.w3.org/1999/xlink', false, // sanitizeURL
|
||||
false);
|
||||
}); // String SVG attributes with the xml namespace.
|
||||
|
||||
['xml:base', 'xml:lang', 'xml:space' // NOTE: if you add a camelCased prop to this list,
|
||||
// you'll need to set attributeName to name.toLowerCase()
|
||||
// instead in the assignment below.
|
||||
].forEach(function (attributeName) {
|
||||
var name = attributeName.replace(CAMELIZE, capitalize);
|
||||
properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
|
||||
attributeName, 'http://www.w3.org/XML/1998/namespace', false, // sanitizeURL
|
||||
false);
|
||||
}); // These attribute exists both in HTML and SVG.
|
||||
// The attribute name is case-sensitive in SVG so we can't just use
|
||||
// the React name like we do for attributes that exist only in HTML.
|
||||
|
||||
['tabIndex', 'crossOrigin'].forEach(function (attributeName) {
|
||||
properties[attributeName] = new PropertyInfoRecord(attributeName, STRING, false, // mustUseProperty
|
||||
attributeName.toLowerCase(), // attributeName
|
||||
null, // attributeNamespace
|
||||
false, // sanitizeURL
|
||||
false);
|
||||
}); // These attributes accept URLs. These must not allow javascript: URLS.
|
||||
// These will also need to accept Trusted Types object in the future.
|
||||
|
||||
var xlinkHref = 'xlinkHref';
|
||||
properties[xlinkHref] = new PropertyInfoRecord('xlinkHref', STRING, false, // mustUseProperty
|
||||
'xlink:href', 'http://www.w3.org/1999/xlink', true, // sanitizeURL
|
||||
false);
|
||||
['src', 'href', 'action', 'formAction'].forEach(function (attributeName) {
|
||||
properties[attributeName] = new PropertyInfoRecord(attributeName, STRING, false, // mustUseProperty
|
||||
attributeName.toLowerCase(), // attributeName
|
||||
null, // attributeNamespace
|
||||
true, // sanitizeURL
|
||||
true);
|
||||
});
|
||||
|
||||
/**
|
||||
* CSS properties which accept numbers but are not in units of "px".
|
||||
*/
|
||||
var isUnitlessNumber = {
|
||||
animationIterationCount: true,
|
||||
aspectRatio: true,
|
||||
borderImageOutset: true,
|
||||
borderImageSlice: true,
|
||||
borderImageWidth: true,
|
||||
boxFlex: true,
|
||||
boxFlexGroup: true,
|
||||
boxOrdinalGroup: true,
|
||||
columnCount: true,
|
||||
columns: true,
|
||||
flex: true,
|
||||
flexGrow: true,
|
||||
flexPositive: true,
|
||||
flexShrink: true,
|
||||
flexNegative: true,
|
||||
flexOrder: true,
|
||||
gridArea: true,
|
||||
gridRow: true,
|
||||
gridRowEnd: true,
|
||||
gridRowSpan: true,
|
||||
gridRowStart: true,
|
||||
gridColumn: true,
|
||||
gridColumnEnd: true,
|
||||
gridColumnSpan: true,
|
||||
gridColumnStart: true,
|
||||
fontWeight: true,
|
||||
lineClamp: true,
|
||||
lineHeight: true,
|
||||
opacity: true,
|
||||
order: true,
|
||||
orphans: true,
|
||||
tabSize: true,
|
||||
widows: true,
|
||||
zIndex: true,
|
||||
zoom: true,
|
||||
// SVG-related properties
|
||||
fillOpacity: true,
|
||||
floodOpacity: true,
|
||||
stopOpacity: true,
|
||||
strokeDasharray: true,
|
||||
strokeDashoffset: true,
|
||||
strokeMiterlimit: true,
|
||||
strokeOpacity: true,
|
||||
strokeWidth: true
|
||||
};
|
||||
/**
|
||||
* @param {string} prefix vendor-specific prefix, eg: Webkit
|
||||
* @param {string} key style name, eg: transitionDuration
|
||||
* @return {string} style name prefixed with `prefix`, properly camelCased, eg:
|
||||
* WebkitTransitionDuration
|
||||
*/
|
||||
|
||||
function prefixKey(prefix, key) {
|
||||
return prefix + key.charAt(0).toUpperCase() + key.substring(1);
|
||||
}
|
||||
/**
|
||||
* Support style names that may come passed in prefixed by adding permutations
|
||||
* of vendor prefixes.
|
||||
*/
|
||||
|
||||
|
||||
var prefixes = ['Webkit', 'ms', 'Moz', 'O']; // Using Object.keys here, or else the vanilla for-in loop makes IE8 go into an
|
||||
// infinite loop, because it iterates over the newly added props too.
|
||||
|
||||
Object.keys(isUnitlessNumber).forEach(function (prop) {
|
||||
prefixes.forEach(function (prefix) {
|
||||
isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
|
||||
});
|
||||
});
|
||||
|
||||
var hasReadOnlyValue = {
|
||||
button: true,
|
||||
checkbox: true,
|
||||
image: true,
|
||||
hidden: true,
|
||||
radio: true,
|
||||
reset: true,
|
||||
submit: true
|
||||
};
|
||||
function checkControlledValueProps(tagName, props) {
|
||||
{
|
||||
if (!(hasReadOnlyValue[props.type] || props.onChange || props.onInput || props.readOnly || props.disabled || props.value == null)) {
|
||||
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`.');
|
||||
}
|
||||
|
||||
if (!(props.onChange || props.readOnly || props.disabled || props.checked == null)) {
|
||||
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 isCustomComponent(tagName, props) {
|
||||
if (tagName.indexOf('-') === -1) {
|
||||
return typeof props.is === 'string';
|
||||
}
|
||||
|
||||
switch (tagName) {
|
||||
// These are reserved SVG and MathML elements.
|
||||
// We don't mind this list too much because we expect it to never grow.
|
||||
// The alternative is to track the namespace in a few places which is convoluted.
|
||||
// https://w3c.github.io/webcomponents/spec/custom/#custom-elements-core-concepts
|
||||
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 false;
|
||||
|
||||
default:
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
var ariaProperties = {
|
||||
'aria-current': 0,
|
||||
// state
|
||||
'aria-description': 0,
|
||||
'aria-details': 0,
|
||||
'aria-disabled': 0,
|
||||
// state
|
||||
'aria-hidden': 0,
|
||||
// state
|
||||
'aria-invalid': 0,
|
||||
// state
|
||||
'aria-keyshortcuts': 0,
|
||||
'aria-label': 0,
|
||||
'aria-roledescription': 0,
|
||||
// Widget Attributes
|
||||
'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,
|
||||
// Live Region Attributes
|
||||
'aria-atomic': 0,
|
||||
'aria-busy': 0,
|
||||
'aria-live': 0,
|
||||
'aria-relevant': 0,
|
||||
// Drag-and-Drop Attributes
|
||||
'aria-dropeffect': 0,
|
||||
'aria-grabbed': 0,
|
||||
// Relationship Attributes
|
||||
'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
|
||||
};
|
||||
|
||||
var warnedProperties = {};
|
||||
var rARIA = new RegExp('^(aria)-[' + ATTRIBUTE_NAME_CHAR + ']*$');
|
||||
var rARIACamel = new RegExp('^(aria)[A-Z][' + ATTRIBUTE_NAME_CHAR + ']*$');
|
||||
|
||||
function validateProperty(tagName, name) {
|
||||
{
|
||||
if (hasOwnProperty.call(warnedProperties, name) && warnedProperties[name]) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (rARIACamel.test(name)) {
|
||||
var ariaName = 'aria-' + name.slice(4).toLowerCase();
|
||||
var correctName = ariaProperties.hasOwnProperty(ariaName) ? ariaName : null; // If this is an aria-* attribute, but is not listed in the known DOM
|
||||
// DOM properties, then it is an invalid aria-* attribute.
|
||||
|
||||
if (correctName == null) {
|
||||
error('Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.', name);
|
||||
|
||||
warnedProperties[name] = true;
|
||||
return true;
|
||||
} // aria-* attributes should be lowercase; suggest the lowercase version.
|
||||
|
||||
|
||||
if (name !== correctName) {
|
||||
error('Invalid ARIA attribute `%s`. Did you mean `%s`?', name, correctName);
|
||||
|
||||
warnedProperties[name] = true;
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
if (rARIA.test(name)) {
|
||||
var lowerCasedName = name.toLowerCase();
|
||||
var standardName = ariaProperties.hasOwnProperty(lowerCasedName) ? lowerCasedName : null; // If this is an aria-* attribute, but is not listed in the known DOM
|
||||
// DOM properties, then it is an invalid aria-* attribute.
|
||||
|
||||
if (standardName == null) {
|
||||
warnedProperties[name] = true;
|
||||
return false;
|
||||
} // aria-* attributes should be lowercase; suggest the lowercase version.
|
||||
|
||||
|
||||
if (name !== standardName) {
|
||||
error('Unknown ARIA attribute `%s`. Did you mean `%s`?', name, standardName);
|
||||
|
||||
warnedProperties[name] = true;
|
||||
return true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
function warnInvalidARIAProps(type, props) {
|
||||
{
|
||||
var invalidProps = [];
|
||||
|
||||
for (var key in props) {
|
||||
var isValid = validateProperty(type, key);
|
||||
|
||||
if (!isValid) {
|
||||
invalidProps.push(key);
|
||||
}
|
||||
}
|
||||
|
||||
var unknownPropString = invalidProps.map(function (prop) {
|
||||
return '`' + prop + '`';
|
||||
}).join(', ');
|
||||
|
||||
if (invalidProps.length === 1) {
|
||||
error('Invalid aria prop %s on <%s> tag. ' + 'For details, see https://reactjs.org/link/invalid-aria-props', unknownPropString, type);
|
||||
} else if (invalidProps.length > 1) {
|
||||
error('Invalid aria props %s on <%s> tag. ' + 'For details, see https://reactjs.org/link/invalid-aria-props', unknownPropString, type);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function validateProperties(type, props) {
|
||||
if (isCustomComponent(type, props)) {
|
||||
return;
|
||||
}
|
||||
|
||||
warnInvalidARIAProps(type, props);
|
||||
}
|
||||
|
||||
var didWarnValueNull = false;
|
||||
function validateProperties$1(type, props) {
|
||||
{
|
||||
if (type !== 'input' && type !== 'textarea' && type !== 'select') {
|
||||
return;
|
||||
}
|
||||
|
||||
if (props != null && props.value === null && !didWarnValueNull) {
|
||||
didWarnValueNull = true;
|
||||
|
||||
if (type === 'select' && 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);
|
||||
} else {
|
||||
error('`value` prop on `%s` should not be null. ' + 'Consider using an empty string to clear the component or `undefined` ' + 'for uncontrolled components.', type);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// When adding attributes to the HTML or SVG allowed attribute list, be sure to
|
||||
// also add them to this module to ensure casing and incorrect name
|
||||
// warnings.
|
||||
var possibleStandardNames = {
|
||||
// HTML
|
||||
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',
|
||||
imagesizes: 'imageSizes',
|
||||
imagesrcset: 'imageSrcSet',
|
||||
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',
|
||||
// SVG
|
||||
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'
|
||||
};
|
||||
|
||||
var validateProperty$1 = function () {};
|
||||
|
||||
{
|
||||
var warnedProperties$1 = {};
|
||||
var EVENT_NAME_REGEX = /^on./;
|
||||
var INVALID_EVENT_NAME_REGEX = /^on[^A-Z]/;
|
||||
var rARIA$1 = new RegExp('^(aria)-[' + ATTRIBUTE_NAME_CHAR + ']*$');
|
||||
var 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 true;
|
||||
}
|
||||
|
||||
var lowerCasedName = name.toLowerCase();
|
||||
|
||||
if (lowerCasedName === 'onfocusin' || lowerCasedName === 'onfocusout') {
|
||||
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] = true;
|
||||
return true;
|
||||
} // We can't rely on the event system being injected on the server.
|
||||
|
||||
|
||||
if (eventRegistry != null) {
|
||||
var registrationNameDependencies = eventRegistry.registrationNameDependencies,
|
||||
possibleRegistrationNames = eventRegistry.possibleRegistrationNames;
|
||||
|
||||
if (registrationNameDependencies.hasOwnProperty(name)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
var registrationName = possibleRegistrationNames.hasOwnProperty(lowerCasedName) ? possibleRegistrationNames[lowerCasedName] : null;
|
||||
|
||||
if (registrationName != null) {
|
||||
error('Invalid event handler property `%s`. Did you mean `%s`?', name, registrationName);
|
||||
|
||||
warnedProperties$1[name] = true;
|
||||
return true;
|
||||
}
|
||||
|
||||
if (EVENT_NAME_REGEX.test(name)) {
|
||||
error('Unknown event handler property `%s`. It will be ignored.', name);
|
||||
|
||||
warnedProperties$1[name] = true;
|
||||
return true;
|
||||
}
|
||||
} else if (EVENT_NAME_REGEX.test(name)) {
|
||||
// If no event plugins have been injected, we are in a server environment.
|
||||
// So we can't tell if the event name is correct for sure, but we can filter
|
||||
// out known bad ones like `onclick`. We can't suggest a specific replacement though.
|
||||
if (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] = true;
|
||||
return true;
|
||||
} // Let the ARIA attribute hook validate ARIA attributes
|
||||
|
||||
|
||||
if (rARIA$1.test(name) || rARIACamel$1.test(name)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (lowerCasedName === 'innerhtml') {
|
||||
error('Directly setting property `innerHTML` is not permitted. ' + 'For more information, lookup documentation on `dangerouslySetInnerHTML`.');
|
||||
|
||||
warnedProperties$1[name] = true;
|
||||
return true;
|
||||
}
|
||||
|
||||
if (lowerCasedName === 'aria') {
|
||||
error('The `aria` attribute is reserved for future use in React. ' + 'Pass individual `aria-` attributes instead.');
|
||||
|
||||
warnedProperties$1[name] = true;
|
||||
return true;
|
||||
}
|
||||
|
||||
if (lowerCasedName === 'is' && value !== null && value !== undefined && typeof value !== 'string') {
|
||||
error('Received a `%s` for a string attribute `is`. If this is expected, cast ' + 'the value to a string.', typeof value);
|
||||
|
||||
warnedProperties$1[name] = true;
|
||||
return true;
|
||||
}
|
||||
|
||||
if (typeof value === 'number' && isNaN(value)) {
|
||||
error('Received NaN for the `%s` attribute. If this is expected, cast ' + 'the value to a string.', name);
|
||||
|
||||
warnedProperties$1[name] = true;
|
||||
return true;
|
||||
}
|
||||
|
||||
var propertyInfo = getPropertyInfo(name);
|
||||
var isReserved = propertyInfo !== null && propertyInfo.type === RESERVED; // Known attributes should match the casing specified in the property config.
|
||||
|
||||
if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
|
||||
var standardName = possibleStandardNames[lowerCasedName];
|
||||
|
||||
if (standardName !== name) {
|
||||
error('Invalid DOM property `%s`. Did you mean `%s`?', name, standardName);
|
||||
|
||||
warnedProperties$1[name] = true;
|
||||
return true;
|
||||
}
|
||||
} else if (!isReserved && name !== lowerCasedName) {
|
||||
// Unknown attributes should have lowercase casing since that's how they
|
||||
// will be cased anyway with server rendering.
|
||||
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] = true;
|
||||
return true;
|
||||
}
|
||||
|
||||
if (typeof value === 'boolean' && shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)) {
|
||||
if (value) {
|
||||
error('Received `%s` for a non-boolean attribute `%s`.\n\n' + 'If you want to write it to the DOM, pass a string instead: ' + '%s="%s" or %s={value.toString()}.', value, name, name, value, name);
|
||||
} else {
|
||||
error('Received `%s` for a non-boolean attribute `%s`.\n\n' + 'If you want to write it to the DOM, pass a string instead: ' + '%s="%s" or %s={value.toString()}.\n\n' + 'If 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] = true;
|
||||
return true;
|
||||
} // Now that we've validated casing, do not validate
|
||||
// data types for reserved props
|
||||
|
||||
|
||||
if (isReserved) {
|
||||
return true;
|
||||
} // Warn when a known attribute is a bad type
|
||||
|
||||
|
||||
if (shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)) {
|
||||
warnedProperties$1[name] = true;
|
||||
return false;
|
||||
} // Warn when passing the strings 'false' or 'true' into a boolean prop
|
||||
|
||||
|
||||
if ((value === 'false' || value === 'true') && propertyInfo !== null && propertyInfo.type === BOOLEAN) {
|
||||
error('Received the string `%s` for the boolean attribute `%s`. ' + '%s ' + 'Did you mean %s={%s}?', value, name, value === 'false' ? '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] = true;
|
||||
return true;
|
||||
}
|
||||
|
||||
return true;
|
||||
};
|
||||
}
|
||||
|
||||
var warnUnknownProperties = function (type, props, eventRegistry) {
|
||||
{
|
||||
var unknownProps = [];
|
||||
|
||||
for (var key in props) {
|
||||
var isValid = validateProperty$1(type, key, props[key], eventRegistry);
|
||||
|
||||
if (!isValid) {
|
||||
unknownProps.push(key);
|
||||
}
|
||||
}
|
||||
|
||||
var unknownPropString = unknownProps.map(function (prop) {
|
||||
return '`' + prop + '`';
|
||||
}).join(', ');
|
||||
|
||||
if (unknownProps.length === 1) {
|
||||
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);
|
||||
} else if (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);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
function validateProperties$2(type, props, eventRegistry) {
|
||||
if (isCustomComponent(type, props)) {
|
||||
return;
|
||||
}
|
||||
|
||||
warnUnknownProperties(type, props, eventRegistry);
|
||||
}
|
||||
|
||||
var warnValidStyle = function () {};
|
||||
|
||||
{
|
||||
// 'msTransform' is correct, but the other prefixes should be capitalized
|
||||
var badVendoredStyleNamePattern = /^(?:webkit|moz|o)[A-Z]/;
|
||||
var msPattern = /^-ms-/;
|
||||
var hyphenPattern = /-(.)/g; // style values shouldn't contain a semicolon
|
||||
|
||||
var badStyleValueWithSemicolonPattern = /;\s*$/;
|
||||
var warnedStyleNames = {};
|
||||
var warnedStyleValues = {};
|
||||
var warnedForNaNValue = false;
|
||||
var warnedForInfinityValue = false;
|
||||
|
||||
var camelize = function (string) {
|
||||
return string.replace(hyphenPattern, function (_, character) {
|
||||
return character.toUpperCase();
|
||||
});
|
||||
};
|
||||
|
||||
var warnHyphenatedStyleName = function (name) {
|
||||
if (warnedStyleNames.hasOwnProperty(name) && warnedStyleNames[name]) {
|
||||
return;
|
||||
}
|
||||
|
||||
warnedStyleNames[name] = true;
|
||||
|
||||
error('Unsupported style property %s. Did you mean %s?', name, // As Andi Smith suggests
|
||||
// (http://www.andismith.com/blog/2012/02/modernizr-prefixed/), an `-ms` prefix
|
||||
// is converted to lowercase `ms`.
|
||||
camelize(name.replace(msPattern, 'ms-')));
|
||||
};
|
||||
|
||||
var warnBadVendoredStyleName = function (name) {
|
||||
if (warnedStyleNames.hasOwnProperty(name) && warnedStyleNames[name]) {
|
||||
return;
|
||||
}
|
||||
|
||||
warnedStyleNames[name] = true;
|
||||
|
||||
error('Unsupported vendor-prefixed style property %s. Did you mean %s?', name, name.charAt(0).toUpperCase() + name.slice(1));
|
||||
};
|
||||
|
||||
var warnStyleValueWithSemicolon = function (name, value) {
|
||||
if (warnedStyleValues.hasOwnProperty(value) && warnedStyleValues[value]) {
|
||||
return;
|
||||
}
|
||||
|
||||
warnedStyleValues[value] = true;
|
||||
|
||||
error("Style property values shouldn't contain a semicolon. " + 'Try "%s: %s" instead.', name, value.replace(badStyleValueWithSemicolonPattern, ''));
|
||||
};
|
||||
|
||||
var warnStyleValueIsNaN = function (name, value) {
|
||||
if (warnedForNaNValue) {
|
||||
return;
|
||||
}
|
||||
|
||||
warnedForNaNValue = true;
|
||||
|
||||
error('`NaN` is an invalid value for the `%s` css style property.', name);
|
||||
};
|
||||
|
||||
var warnStyleValueIsInfinity = function (name, value) {
|
||||
if (warnedForInfinityValue) {
|
||||
return;
|
||||
}
|
||||
|
||||
warnedForInfinityValue = true;
|
||||
|
||||
error('`Infinity` is an invalid value for the `%s` css style property.', name);
|
||||
};
|
||||
|
||||
warnValidStyle = function (name, value) {
|
||||
if (name.indexOf('-') > -1) {
|
||||
warnHyphenatedStyleName(name);
|
||||
} else if (badVendoredStyleNamePattern.test(name)) {
|
||||
warnBadVendoredStyleName(name);
|
||||
} else if (badStyleValueWithSemicolonPattern.test(value)) {
|
||||
warnStyleValueWithSemicolon(name, value);
|
||||
}
|
||||
|
||||
if (typeof value === 'number') {
|
||||
if (isNaN(value)) {
|
||||
warnStyleValueIsNaN(name, value);
|
||||
} else if (!isFinite(value)) {
|
||||
warnStyleValueIsInfinity(name, value);
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
var warnValidStyle$1 = warnValidStyle;
|
||||
|
||||
// code copied and modified from escape-html
|
||||
var matchHtmlRegExp = /["'&<>]/;
|
||||
/**
|
||||
* Escapes special characters and HTML entities in a given html string.
|
||||
*
|
||||
* @param {string} string HTML string to escape for later insertion
|
||||
* @return {string}
|
||||
* @public
|
||||
*/
|
||||
|
||||
function escapeHtml(string) {
|
||||
{
|
||||
checkHtmlStringCoercion(string);
|
||||
}
|
||||
|
||||
var str = '' + string;
|
||||
var match = matchHtmlRegExp.exec(str);
|
||||
|
||||
if (!match) {
|
||||
return str;
|
||||
}
|
||||
|
||||
var escape;
|
||||
var html = '';
|
||||
var index;
|
||||
var lastIndex = 0;
|
||||
|
||||
for (index = match.index; index < str.length; index++) {
|
||||
switch (str.charCodeAt(index)) {
|
||||
case 34:
|
||||
// "
|
||||
escape = '"';
|
||||
break;
|
||||
|
||||
case 38:
|
||||
// &
|
||||
escape = '&';
|
||||
break;
|
||||
|
||||
case 39:
|
||||
// '
|
||||
escape = '''; // modified from escape-html; used to be '''
|
||||
|
||||
break;
|
||||
|
||||
case 60:
|
||||
// <
|
||||
escape = '<';
|
||||
break;
|
||||
|
||||
case 62:
|
||||
// >
|
||||
escape = '>';
|
||||
break;
|
||||
|
||||
default:
|
||||
continue;
|
||||
}
|
||||
|
||||
if (lastIndex !== index) {
|
||||
html += str.substring(lastIndex, index);
|
||||
}
|
||||
|
||||
lastIndex = index + 1;
|
||||
html += escape;
|
||||
}
|
||||
|
||||
return lastIndex !== index ? html + str.substring(lastIndex, index) : html;
|
||||
} // end code copied and modified from escape-html
|
||||
|
||||
/**
|
||||
* Escapes text to prevent scripting attacks.
|
||||
*
|
||||
* @param {*} text Text value to escape.
|
||||
* @return {string} An escaped string.
|
||||
*/
|
||||
|
||||
|
||||
function escapeTextForBrowser(text) {
|
||||
if (typeof text === 'boolean' || typeof text === 'number') {
|
||||
// this shortcircuit helps perf for types that we know will never have
|
||||
// special characters, especially given that this function is used often
|
||||
// for numeric dom ids.
|
||||
return '' + text;
|
||||
}
|
||||
|
||||
return escapeHtml(text);
|
||||
}
|
||||
|
||||
var uppercasePattern = /([A-Z])/g;
|
||||
var msPattern$1 = /^ms-/;
|
||||
/**
|
||||
* Hyphenates a camelcased CSS property name, for example:
|
||||
*
|
||||
* > hyphenateStyleName('backgroundColor')
|
||||
* < "background-color"
|
||||
* > hyphenateStyleName('MozTransition')
|
||||
* < "-moz-transition"
|
||||
* > hyphenateStyleName('msTransition')
|
||||
* < "-ms-transition"
|
||||
*
|
||||
* As Modernizr suggests (http://modernizr.com/docs/#prefixed), an `ms` prefix
|
||||
* is converted to `-ms-`.
|
||||
*/
|
||||
|
||||
function hyphenateStyleName(name) {
|
||||
return name.replace(uppercasePattern, '-$1').toLowerCase().replace(msPattern$1, '-ms-');
|
||||
}
|
||||
|
||||
// and any newline or tab are filtered out as if they're not part of the URL.
|
||||
// https://url.spec.whatwg.org/#url-parsing
|
||||
// Tab or newline are defined as \r\n\t:
|
||||
// https://infra.spec.whatwg.org/#ascii-tab-or-newline
|
||||
// A C0 control is a code point in the range \u0000 NULL to \u001F
|
||||
// INFORMATION SEPARATOR ONE, inclusive:
|
||||
// https://infra.spec.whatwg.org/#c0-control-or-space
|
||||
|
||||
/* eslint-disable max-len */
|
||||
|
||||
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;
|
||||
var didWarn = false;
|
||||
|
||||
function sanitizeURL(url) {
|
||||
{
|
||||
if (!didWarn && isJavaScriptProtocol.test(url)) {
|
||||
didWarn = true;
|
||||
|
||||
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));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
|
||||
|
||||
function isArray(a) {
|
||||
return isArrayImpl(a);
|
||||
}
|
||||
|
||||
var startInlineScript = stringToPrecomputedChunk('<script>');
|
||||
var endInlineScript = stringToPrecomputedChunk('</script>');
|
||||
var startScriptSrc = stringToPrecomputedChunk('<script src="');
|
||||
var startModuleSrc = stringToPrecomputedChunk('<script type="module" src="');
|
||||
var endAsyncScript = stringToPrecomputedChunk('" async=""></script>');
|
||||
/**
|
||||
* This escaping function is designed to work with bootstrapScriptContent only.
|
||||
* because we know we are escaping the entire script. We can avoid for instance
|
||||
* escaping html comment string sequences that are valid javascript as well because
|
||||
* if there are no sebsequent <script sequences the html parser will never enter
|
||||
* script data double escaped state (see: https://www.w3.org/TR/html53/syntax.html#script-data-double-escaped-state)
|
||||
*
|
||||
* While untrusted script content should be made safe before using this api it will
|
||||
* ensure that the script cannot be early terminated or never terminated state
|
||||
*/
|
||||
|
||||
function escapeBootstrapScriptContent(scriptText) {
|
||||
{
|
||||
checkHtmlStringCoercion(scriptText);
|
||||
}
|
||||
|
||||
return ('' + scriptText).replace(scriptRegex, scriptReplacer);
|
||||
}
|
||||
|
||||
var scriptRegex = /(<\/|<)(s)(cript)/gi;
|
||||
|
||||
var scriptReplacer = function (match, prefix, s, suffix) {
|
||||
return "" + prefix + (s === 's' ? "\\u0073" : "\\u0053") + suffix;
|
||||
}; // Allows us to keep track of what we've already written so we can refer back to it.
|
||||
|
||||
|
||||
function createResponseState(identifierPrefix, nonce, bootstrapScriptContent, bootstrapScripts, bootstrapModules) {
|
||||
var idPrefix = identifierPrefix === undefined ? '' : identifierPrefix;
|
||||
var inlineScriptWithNonce = nonce === undefined ? startInlineScript : stringToPrecomputedChunk('<script nonce="' + escapeTextForBrowser(nonce) + '">');
|
||||
var bootstrapChunks = [];
|
||||
|
||||
if (bootstrapScriptContent !== undefined) {
|
||||
bootstrapChunks.push(inlineScriptWithNonce, stringToChunk(escapeBootstrapScriptContent(bootstrapScriptContent)), endInlineScript);
|
||||
}
|
||||
|
||||
if (bootstrapScripts !== undefined) {
|
||||
for (var i = 0; i < bootstrapScripts.length; i++) {
|
||||
bootstrapChunks.push(startScriptSrc, stringToChunk(escapeTextForBrowser(bootstrapScripts[i])), endAsyncScript);
|
||||
}
|
||||
}
|
||||
|
||||
if (bootstrapModules !== undefined) {
|
||||
for (var _i = 0; _i < bootstrapModules.length; _i++) {
|
||||
bootstrapChunks.push(startModuleSrc, stringToChunk(escapeTextForBrowser(bootstrapModules[_i])), endAsyncScript);
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
bootstrapChunks: bootstrapChunks,
|
||||
startInlineScript: inlineScriptWithNonce,
|
||||
placeholderPrefix: stringToPrecomputedChunk(idPrefix + 'P:'),
|
||||
segmentPrefix: stringToPrecomputedChunk(idPrefix + 'S:'),
|
||||
boundaryPrefix: idPrefix + 'B:',
|
||||
idPrefix: idPrefix,
|
||||
nextSuspenseID: 0,
|
||||
sentCompleteSegmentFunction: false,
|
||||
sentCompleteBoundaryFunction: false,
|
||||
sentClientRenderFunction: false
|
||||
};
|
||||
} // Constants for the insertion mode we're currently writing in. We don't encode all HTML5 insertion
|
||||
// modes. We only include the variants as they matter for the sake of our purposes.
|
||||
// We don't actually provide the namespace therefore we use constants instead of the string.
|
||||
|
||||
var ROOT_HTML_MODE = 0; // Used for the root most element tag.
|
||||
|
||||
var HTML_MODE = 1;
|
||||
var SVG_MODE = 2;
|
||||
var MATHML_MODE = 3;
|
||||
var HTML_TABLE_MODE = 4;
|
||||
var HTML_TABLE_BODY_MODE = 5;
|
||||
var HTML_TABLE_ROW_MODE = 6;
|
||||
var HTML_COLGROUP_MODE = 7; // We have a greater than HTML_TABLE_MODE check elsewhere. If you add more cases here, make sure it
|
||||
// still makes sense
|
||||
|
||||
function createFormatContext(insertionMode, selectedValue) {
|
||||
return {
|
||||
insertionMode: insertionMode,
|
||||
selectedValue: selectedValue
|
||||
};
|
||||
}
|
||||
|
||||
function createRootFormatContext(namespaceURI) {
|
||||
var insertionMode = namespaceURI === 'http://www.w3.org/2000/svg' ? SVG_MODE : namespaceURI === 'http://www.w3.org/1998/Math/MathML' ? MATHML_MODE : ROOT_HTML_MODE;
|
||||
return createFormatContext(insertionMode, null);
|
||||
}
|
||||
function getChildFormatContext(parentContext, type, props) {
|
||||
switch (type) {
|
||||
case 'select':
|
||||
return createFormatContext(HTML_MODE, props.value != null ? props.value : props.defaultValue);
|
||||
|
||||
case 'svg':
|
||||
return createFormatContext(SVG_MODE, null);
|
||||
|
||||
case 'math':
|
||||
return createFormatContext(MATHML_MODE, null);
|
||||
|
||||
case 'foreignObject':
|
||||
return createFormatContext(HTML_MODE, null);
|
||||
// Table parents are special in that their children can only be created at all if they're
|
||||
// wrapped in a table parent. So we need to encode that we're entering this mode.
|
||||
|
||||
case 'table':
|
||||
return createFormatContext(HTML_TABLE_MODE, null);
|
||||
|
||||
case 'thead':
|
||||
case 'tbody':
|
||||
case 'tfoot':
|
||||
return createFormatContext(HTML_TABLE_BODY_MODE, null);
|
||||
|
||||
case 'colgroup':
|
||||
return createFormatContext(HTML_COLGROUP_MODE, null);
|
||||
|
||||
case 'tr':
|
||||
return createFormatContext(HTML_TABLE_ROW_MODE, null);
|
||||
}
|
||||
|
||||
if (parentContext.insertionMode >= HTML_TABLE_MODE) {
|
||||
// Whatever tag this was, it wasn't a table parent or other special parent, so we must have
|
||||
// entered plain HTML again.
|
||||
return createFormatContext(HTML_MODE, null);
|
||||
}
|
||||
|
||||
if (parentContext.insertionMode === ROOT_HTML_MODE) {
|
||||
// We've emitted the root and is now in plain HTML mode.
|
||||
return createFormatContext(HTML_MODE, null);
|
||||
}
|
||||
|
||||
return parentContext;
|
||||
}
|
||||
var UNINITIALIZED_SUSPENSE_BOUNDARY_ID = null;
|
||||
function assignSuspenseBoundaryID(responseState) {
|
||||
var generatedID = responseState.nextSuspenseID++;
|
||||
return stringToPrecomputedChunk(responseState.boundaryPrefix + generatedID.toString(16));
|
||||
}
|
||||
function makeId(responseState, treeId, localId) {
|
||||
var idPrefix = responseState.idPrefix;
|
||||
var id = ':' + idPrefix + 'R' + treeId; // Unless this is the first id at this level, append a number at the end
|
||||
// that represents the position of this useId hook among all the useId
|
||||
// hooks for this fiber.
|
||||
|
||||
if (localId > 0) {
|
||||
id += 'H' + localId.toString(32);
|
||||
}
|
||||
|
||||
return id + ':';
|
||||
}
|
||||
|
||||
function encodeHTMLTextNode(text) {
|
||||
return escapeTextForBrowser(text);
|
||||
}
|
||||
|
||||
var textSeparator = stringToPrecomputedChunk('<!-- -->');
|
||||
function pushTextInstance(target, text, responseState, textEmbedded) {
|
||||
if (text === '') {
|
||||
// Empty text doesn't have a DOM node representation and the hydration is aware of this.
|
||||
return textEmbedded;
|
||||
}
|
||||
|
||||
if (textEmbedded) {
|
||||
target.push(textSeparator);
|
||||
}
|
||||
|
||||
target.push(stringToChunk(encodeHTMLTextNode(text)));
|
||||
return true;
|
||||
} // Called when Fizz is done with a Segment. Currently the only purpose is to conditionally
|
||||
// emit a text separator when we don't know for sure it is safe to omit
|
||||
|
||||
function pushSegmentFinale(target, responseState, lastPushedText, textEmbedded) {
|
||||
if (lastPushedText && textEmbedded) {
|
||||
target.push(textSeparator);
|
||||
}
|
||||
}
|
||||
var styleNameCache = new Map();
|
||||
|
||||
function processStyleName(styleName) {
|
||||
var chunk = styleNameCache.get(styleName);
|
||||
|
||||
if (chunk !== undefined) {
|
||||
return chunk;
|
||||
}
|
||||
|
||||
var result = stringToPrecomputedChunk(escapeTextForBrowser(hyphenateStyleName(styleName)));
|
||||
styleNameCache.set(styleName, result);
|
||||
return result;
|
||||
}
|
||||
|
||||
var styleAttributeStart = stringToPrecomputedChunk(' style="');
|
||||
var styleAssign = stringToPrecomputedChunk(':');
|
||||
var styleSeparator = stringToPrecomputedChunk(';');
|
||||
|
||||
function pushStyle(target, responseState, style) {
|
||||
if (typeof style !== 'object') {
|
||||
throw new Error('The `style` prop expects a mapping from style properties to values, ' + "not a string. For example, style={{marginRight: spacing + 'em'}} when " + 'using JSX.');
|
||||
}
|
||||
|
||||
var isFirst = true;
|
||||
|
||||
for (var styleName in style) {
|
||||
if (!hasOwnProperty.call(style, styleName)) {
|
||||
continue;
|
||||
} // If you provide unsafe user data here they can inject arbitrary CSS
|
||||
// which may be problematic (I couldn't repro this):
|
||||
// https://www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet
|
||||
// http://www.thespanner.co.uk/2007/11/26/ultimate-xss-css-injection/
|
||||
// This is not an XSS hole but instead a potential CSS injection issue
|
||||
// which has lead to a greater discussion about how we're going to
|
||||
// trust URLs moving forward. See #2115901
|
||||
|
||||
|
||||
var styleValue = style[styleName];
|
||||
|
||||
if (styleValue == null || typeof styleValue === 'boolean' || styleValue === '') {
|
||||
// TODO: We used to set empty string as a style with an empty value. Does that ever make sense?
|
||||
continue;
|
||||
}
|
||||
|
||||
var nameChunk = void 0;
|
||||
var valueChunk = void 0;
|
||||
var isCustomProperty = styleName.indexOf('--') === 0;
|
||||
|
||||
if (isCustomProperty) {
|
||||
nameChunk = stringToChunk(escapeTextForBrowser(styleName));
|
||||
|
||||
{
|
||||
checkCSSPropertyStringCoercion(styleValue, styleName);
|
||||
}
|
||||
|
||||
valueChunk = stringToChunk(escapeTextForBrowser(('' + styleValue).trim()));
|
||||
} else {
|
||||
{
|
||||
warnValidStyle$1(styleName, styleValue);
|
||||
}
|
||||
|
||||
nameChunk = processStyleName(styleName);
|
||||
|
||||
if (typeof styleValue === 'number') {
|
||||
if (styleValue !== 0 && !hasOwnProperty.call(isUnitlessNumber, styleName)) {
|
||||
valueChunk = stringToChunk(styleValue + 'px'); // Presumes implicit 'px' suffix for unitless numbers
|
||||
} else {
|
||||
valueChunk = stringToChunk('' + styleValue);
|
||||
}
|
||||
} else {
|
||||
{
|
||||
checkCSSPropertyStringCoercion(styleValue, styleName);
|
||||
}
|
||||
|
||||
valueChunk = stringToChunk(escapeTextForBrowser(('' + styleValue).trim()));
|
||||
}
|
||||
}
|
||||
|
||||
if (isFirst) {
|
||||
isFirst = false; // If it's first, we don't need any separators prefixed.
|
||||
|
||||
target.push(styleAttributeStart, nameChunk, styleAssign, valueChunk);
|
||||
} else {
|
||||
target.push(styleSeparator, nameChunk, styleAssign, valueChunk);
|
||||
}
|
||||
}
|
||||
|
||||
if (!isFirst) {
|
||||
target.push(attributeEnd);
|
||||
}
|
||||
}
|
||||
|
||||
var attributeSeparator = stringToPrecomputedChunk(' ');
|
||||
var attributeAssign = stringToPrecomputedChunk('="');
|
||||
var attributeEnd = stringToPrecomputedChunk('"');
|
||||
var attributeEmptyString = stringToPrecomputedChunk('=""');
|
||||
|
||||
function pushAttribute(target, responseState, name, value) {
|
||||
switch (name) {
|
||||
case 'style':
|
||||
{
|
||||
pushStyle(target, responseState, value);
|
||||
return;
|
||||
}
|
||||
|
||||
case 'defaultValue':
|
||||
case 'defaultChecked': // These shouldn't be set as attributes on generic HTML elements.
|
||||
|
||||
case 'innerHTML': // Must use dangerouslySetInnerHTML instead.
|
||||
|
||||
case 'suppressContentEditableWarning':
|
||||
case 'suppressHydrationWarning':
|
||||
// Ignored. These are built-in to React on the client.
|
||||
return;
|
||||
}
|
||||
|
||||
if ( // shouldIgnoreAttribute
|
||||
// We have already filtered out null/undefined and reserved words.
|
||||
name.length > 2 && (name[0] === 'o' || name[0] === 'O') && (name[1] === 'n' || name[1] === 'N')) {
|
||||
return;
|
||||
}
|
||||
|
||||
var propertyInfo = getPropertyInfo(name);
|
||||
|
||||
if (propertyInfo !== null) {
|
||||
// shouldRemoveAttribute
|
||||
switch (typeof value) {
|
||||
case 'function': // $FlowIssue symbol is perfectly valid here
|
||||
|
||||
case 'symbol':
|
||||
// eslint-disable-line
|
||||
return;
|
||||
|
||||
case 'boolean':
|
||||
{
|
||||
if (!propertyInfo.acceptsBooleans) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var attributeName = propertyInfo.attributeName;
|
||||
var attributeNameChunk = stringToChunk(attributeName); // TODO: If it's known we can cache the chunk.
|
||||
|
||||
switch (propertyInfo.type) {
|
||||
case BOOLEAN:
|
||||
if (value) {
|
||||
target.push(attributeSeparator, attributeNameChunk, attributeEmptyString);
|
||||
}
|
||||
|
||||
return;
|
||||
|
||||
case OVERLOADED_BOOLEAN:
|
||||
if (value === true) {
|
||||
target.push(attributeSeparator, attributeNameChunk, attributeEmptyString);
|
||||
} else if (value === false) ; else {
|
||||
target.push(attributeSeparator, attributeNameChunk, attributeAssign, stringToChunk(escapeTextForBrowser(value)), attributeEnd);
|
||||
}
|
||||
|
||||
return;
|
||||
|
||||
case NUMERIC:
|
||||
if (!isNaN(value)) {
|
||||
target.push(attributeSeparator, attributeNameChunk, attributeAssign, stringToChunk(escapeTextForBrowser(value)), attributeEnd);
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
case POSITIVE_NUMERIC:
|
||||
if (!isNaN(value) && value >= 1) {
|
||||
target.push(attributeSeparator, attributeNameChunk, attributeAssign, stringToChunk(escapeTextForBrowser(value)), attributeEnd);
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
default:
|
||||
if (propertyInfo.sanitizeURL) {
|
||||
{
|
||||
checkAttributeStringCoercion(value, attributeName);
|
||||
}
|
||||
|
||||
value = '' + value;
|
||||
sanitizeURL(value);
|
||||
}
|
||||
|
||||
target.push(attributeSeparator, attributeNameChunk, attributeAssign, stringToChunk(escapeTextForBrowser(value)), attributeEnd);
|
||||
}
|
||||
} else if (isAttributeNameSafe(name)) {
|
||||
// shouldRemoveAttribute
|
||||
switch (typeof value) {
|
||||
case 'function': // $FlowIssue symbol is perfectly valid here
|
||||
|
||||
case 'symbol':
|
||||
// eslint-disable-line
|
||||
return;
|
||||
|
||||
case 'boolean':
|
||||
{
|
||||
var prefix = name.toLowerCase().slice(0, 5);
|
||||
|
||||
if (prefix !== 'data-' && prefix !== 'aria-') {
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
target.push(attributeSeparator, stringToChunk(name), attributeAssign, stringToChunk(escapeTextForBrowser(value)), attributeEnd);
|
||||
}
|
||||
}
|
||||
|
||||
var endOfStartTag = stringToPrecomputedChunk('>');
|
||||
var endOfStartTagSelfClosing = stringToPrecomputedChunk('/>');
|
||||
|
||||
function pushInnerHTML(target, innerHTML, children) {
|
||||
if (innerHTML != null) {
|
||||
if (children != null) {
|
||||
throw new Error('Can only set one of `children` or `props.dangerouslySetInnerHTML`.');
|
||||
}
|
||||
|
||||
if (typeof innerHTML !== 'object' || !('__html' in innerHTML)) {
|
||||
throw new Error('`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. ' + 'Please visit https://reactjs.org/link/dangerously-set-inner-html ' + 'for more information.');
|
||||
}
|
||||
|
||||
var html = innerHTML.__html;
|
||||
|
||||
if (html !== null && html !== undefined) {
|
||||
{
|
||||
checkHtmlStringCoercion(html);
|
||||
}
|
||||
|
||||
target.push(stringToChunk('' + html));
|
||||
}
|
||||
}
|
||||
} // TODO: Move these to ResponseState so that we warn for every request.
|
||||
// It would help debugging in stateful servers (e.g. service worker).
|
||||
|
||||
|
||||
var didWarnDefaultInputValue = false;
|
||||
var didWarnDefaultChecked = false;
|
||||
var didWarnDefaultSelectValue = false;
|
||||
var didWarnDefaultTextareaValue = false;
|
||||
var didWarnInvalidOptionChildren = false;
|
||||
var didWarnInvalidOptionInnerHTML = false;
|
||||
var didWarnSelectedSetOnOption = false;
|
||||
|
||||
function checkSelectProp(props, propName) {
|
||||
{
|
||||
var value = props[propName];
|
||||
|
||||
if (value != null) {
|
||||
var array = isArray(value);
|
||||
|
||||
if (props.multiple && !array) {
|
||||
error('The `%s` prop supplied to <select> must be an array if ' + '`multiple` is true.', propName);
|
||||
} else if (!props.multiple && array) {
|
||||
error('The `%s` prop supplied to <select> must be a scalar ' + 'value if `multiple` is false.', propName);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function pushStartSelect(target, props, responseState) {
|
||||
{
|
||||
checkControlledValueProps('select', props);
|
||||
checkSelectProp(props, 'value');
|
||||
checkSelectProp(props, 'defaultValue');
|
||||
|
||||
if (props.value !== undefined && props.defaultValue !== undefined && !didWarnDefaultSelectValue) {
|
||||
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');
|
||||
|
||||
didWarnDefaultSelectValue = true;
|
||||
}
|
||||
}
|
||||
|
||||
target.push(startChunkForTag('select'));
|
||||
var children = null;
|
||||
var innerHTML = null;
|
||||
|
||||
for (var propKey in props) {
|
||||
if (hasOwnProperty.call(props, propKey)) {
|
||||
var propValue = props[propKey];
|
||||
|
||||
if (propValue == null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
switch (propKey) {
|
||||
case 'children':
|
||||
children = propValue;
|
||||
break;
|
||||
|
||||
case 'dangerouslySetInnerHTML':
|
||||
// TODO: This doesn't really make sense for select since it can't use the controlled
|
||||
// value in the innerHTML.
|
||||
innerHTML = propValue;
|
||||
break;
|
||||
|
||||
case 'defaultValue':
|
||||
case 'value':
|
||||
// These are set on the Context instead and applied to the nested options.
|
||||
break;
|
||||
|
||||
default:
|
||||
pushAttribute(target, responseState, propKey, propValue);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
target.push(endOfStartTag);
|
||||
pushInnerHTML(target, innerHTML, children);
|
||||
return children;
|
||||
}
|
||||
|
||||
function flattenOptionChildren(children) {
|
||||
var content = ''; // Flatten children and warn if they aren't strings or numbers;
|
||||
// invalid types are ignored.
|
||||
|
||||
React.Children.forEach(children, function (child) {
|
||||
if (child == null) {
|
||||
return;
|
||||
}
|
||||
|
||||
content += child;
|
||||
|
||||
{
|
||||
if (!didWarnInvalidOptionChildren && typeof child !== 'string' && typeof child !== 'number') {
|
||||
didWarnInvalidOptionChildren = true;
|
||||
|
||||
error('Cannot infer the option value of complex children. ' + 'Pass a `value` prop or use a plain string as children to <option>.');
|
||||
}
|
||||
}
|
||||
});
|
||||
return content;
|
||||
}
|
||||
|
||||
var selectedMarkerAttribute = stringToPrecomputedChunk(' selected=""');
|
||||
|
||||
function pushStartOption(target, props, responseState, formatContext) {
|
||||
var selectedValue = formatContext.selectedValue;
|
||||
target.push(startChunkForTag('option'));
|
||||
var children = null;
|
||||
var value = null;
|
||||
var selected = null;
|
||||
var innerHTML = null;
|
||||
|
||||
for (var propKey in props) {
|
||||
if (hasOwnProperty.call(props, propKey)) {
|
||||
var propValue = props[propKey];
|
||||
|
||||
if (propValue == null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
switch (propKey) {
|
||||
case 'children':
|
||||
children = propValue;
|
||||
break;
|
||||
|
||||
case 'selected':
|
||||
// ignore
|
||||
selected = propValue;
|
||||
|
||||
{
|
||||
// TODO: Remove support for `selected` in <option>.
|
||||
if (!didWarnSelectedSetOnOption) {
|
||||
error('Use the `defaultValue` or `value` props on <select> instead of ' + 'setting `selected` on <option>.');
|
||||
|
||||
didWarnSelectedSetOnOption = true;
|
||||
}
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
case 'dangerouslySetInnerHTML':
|
||||
innerHTML = propValue;
|
||||
break;
|
||||
// eslint-disable-next-line-no-fallthrough
|
||||
|
||||
case 'value':
|
||||
value = propValue;
|
||||
// We intentionally fallthrough to also set the attribute on the node.
|
||||
// eslint-disable-next-line-no-fallthrough
|
||||
|
||||
default:
|
||||
pushAttribute(target, responseState, propKey, propValue);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (selectedValue != null) {
|
||||
var stringValue;
|
||||
|
||||
if (value !== null) {
|
||||
{
|
||||
checkAttributeStringCoercion(value, 'value');
|
||||
}
|
||||
|
||||
stringValue = '' + value;
|
||||
} else {
|
||||
{
|
||||
if (innerHTML !== null) {
|
||||
if (!didWarnInvalidOptionInnerHTML) {
|
||||
didWarnInvalidOptionInnerHTML = true;
|
||||
|
||||
error('Pass a `value` prop if you set dangerouslyInnerHTML so React knows ' + 'which value should be selected.');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
stringValue = flattenOptionChildren(children);
|
||||
}
|
||||
|
||||
if (isArray(selectedValue)) {
|
||||
// multiple
|
||||
for (var i = 0; i < selectedValue.length; i++) {
|
||||
{
|
||||
checkAttributeStringCoercion(selectedValue[i], 'value');
|
||||
}
|
||||
|
||||
var v = '' + selectedValue[i];
|
||||
|
||||
if (v === stringValue) {
|
||||
target.push(selectedMarkerAttribute);
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
{
|
||||
checkAttributeStringCoercion(selectedValue, 'select.value');
|
||||
}
|
||||
|
||||
if ('' + selectedValue === stringValue) {
|
||||
target.push(selectedMarkerAttribute);
|
||||
}
|
||||
}
|
||||
} else if (selected) {
|
||||
target.push(selectedMarkerAttribute);
|
||||
}
|
||||
|
||||
target.push(endOfStartTag);
|
||||
pushInnerHTML(target, innerHTML, children);
|
||||
return children;
|
||||
}
|
||||
|
||||
function pushInput(target, props, responseState) {
|
||||
{
|
||||
checkControlledValueProps('input', props);
|
||||
|
||||
if (props.checked !== undefined && props.defaultChecked !== undefined && !didWarnDefaultChecked) {
|
||||
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', 'A component', props.type);
|
||||
|
||||
didWarnDefaultChecked = true;
|
||||
}
|
||||
|
||||
if (props.value !== undefined && props.defaultValue !== undefined && !didWarnDefaultInputValue) {
|
||||
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', 'A component', props.type);
|
||||
|
||||
didWarnDefaultInputValue = true;
|
||||
}
|
||||
}
|
||||
|
||||
target.push(startChunkForTag('input'));
|
||||
var value = null;
|
||||
var defaultValue = null;
|
||||
var checked = null;
|
||||
var defaultChecked = null;
|
||||
|
||||
for (var propKey in props) {
|
||||
if (hasOwnProperty.call(props, propKey)) {
|
||||
var propValue = props[propKey];
|
||||
|
||||
if (propValue == null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
switch (propKey) {
|
||||
case 'children':
|
||||
case 'dangerouslySetInnerHTML':
|
||||
throw new Error('input' + " is a self-closing tag and must neither have `children` nor " + 'use `dangerouslySetInnerHTML`.');
|
||||
// eslint-disable-next-line-no-fallthrough
|
||||
|
||||
case 'defaultChecked':
|
||||
defaultChecked = propValue;
|
||||
break;
|
||||
|
||||
case 'defaultValue':
|
||||
defaultValue = propValue;
|
||||
break;
|
||||
|
||||
case 'checked':
|
||||
checked = propValue;
|
||||
break;
|
||||
|
||||
case 'value':
|
||||
value = propValue;
|
||||
break;
|
||||
|
||||
default:
|
||||
pushAttribute(target, responseState, propKey, propValue);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (checked !== null) {
|
||||
pushAttribute(target, responseState, 'checked', checked);
|
||||
} else if (defaultChecked !== null) {
|
||||
pushAttribute(target, responseState, 'checked', defaultChecked);
|
||||
}
|
||||
|
||||
if (value !== null) {
|
||||
pushAttribute(target, responseState, 'value', value);
|
||||
} else if (defaultValue !== null) {
|
||||
pushAttribute(target, responseState, 'value', defaultValue);
|
||||
}
|
||||
|
||||
target.push(endOfStartTagSelfClosing);
|
||||
return null;
|
||||
}
|
||||
|
||||
function pushStartTextArea(target, props, responseState) {
|
||||
{
|
||||
checkControlledValueProps('textarea', props);
|
||||
|
||||
if (props.value !== undefined && props.defaultValue !== undefined && !didWarnDefaultTextareaValue) {
|
||||
error('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');
|
||||
|
||||
didWarnDefaultTextareaValue = true;
|
||||
}
|
||||
}
|
||||
|
||||
target.push(startChunkForTag('textarea'));
|
||||
var value = null;
|
||||
var defaultValue = null;
|
||||
var children = null;
|
||||
|
||||
for (var propKey in props) {
|
||||
if (hasOwnProperty.call(props, propKey)) {
|
||||
var propValue = props[propKey];
|
||||
|
||||
if (propValue == null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
switch (propKey) {
|
||||
case 'children':
|
||||
children = propValue;
|
||||
break;
|
||||
|
||||
case 'value':
|
||||
value = propValue;
|
||||
break;
|
||||
|
||||
case 'defaultValue':
|
||||
defaultValue = propValue;
|
||||
break;
|
||||
|
||||
case 'dangerouslySetInnerHTML':
|
||||
throw new Error('`dangerouslySetInnerHTML` does not make sense on <textarea>.');
|
||||
// eslint-disable-next-line-no-fallthrough
|
||||
|
||||
default:
|
||||
pushAttribute(target, responseState, propKey, propValue);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (value === null && defaultValue !== null) {
|
||||
value = defaultValue;
|
||||
}
|
||||
|
||||
target.push(endOfStartTag); // TODO (yungsters): Remove support for children content in <textarea>.
|
||||
|
||||
if (children != null) {
|
||||
{
|
||||
error('Use the `defaultValue` or `value` props instead of setting ' + 'children on <textarea>.');
|
||||
}
|
||||
|
||||
if (value != null) {
|
||||
throw new Error('If you supply `defaultValue` on a <textarea>, do not pass children.');
|
||||
}
|
||||
|
||||
if (isArray(children)) {
|
||||
if (children.length > 1) {
|
||||
throw new Error('<textarea> can only have at most one child.');
|
||||
} // TODO: remove the coercion and the DEV check below because it will
|
||||
// always be overwritten by the coercion several lines below it. #22309
|
||||
|
||||
|
||||
{
|
||||
checkHtmlStringCoercion(children[0]);
|
||||
}
|
||||
|
||||
value = '' + children[0];
|
||||
}
|
||||
|
||||
{
|
||||
checkHtmlStringCoercion(children);
|
||||
}
|
||||
|
||||
value = '' + children;
|
||||
}
|
||||
|
||||
if (typeof value === 'string' && value[0] === '\n') {
|
||||
// text/html ignores the first character in these tags if it's a newline
|
||||
// Prefer to break application/xml over text/html (for now) by adding
|
||||
// a newline specifically to get eaten by the parser. (Alternately for
|
||||
// textareas, replacing "^\n" with "\r\n" doesn't get eaten, and the first
|
||||
// \r is normalized out by HTMLTextAreaElement#value.)
|
||||
// See: <http://www.w3.org/TR/html-polyglot/#newlines-in-textarea-and-pre>
|
||||
// See: <http://www.w3.org/TR/html5/syntax.html#element-restrictions>
|
||||
// See: <http://www.w3.org/TR/html5/syntax.html#newlines>
|
||||
// See: Parsing of "textarea" "listing" and "pre" elements
|
||||
// from <http://www.w3.org/TR/html5/syntax.html#parsing-main-inbody>
|
||||
target.push(leadingNewline);
|
||||
} // ToString and push directly instead of recurse over children.
|
||||
// We don't really support complex children in the value anyway.
|
||||
// This also currently avoids a trailing comment node which breaks textarea.
|
||||
|
||||
|
||||
if (value !== null) {
|
||||
{
|
||||
checkAttributeStringCoercion(value, 'value');
|
||||
}
|
||||
|
||||
target.push(stringToChunk(encodeHTMLTextNode('' + value)));
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
function pushSelfClosing(target, props, tag, responseState) {
|
||||
target.push(startChunkForTag(tag));
|
||||
|
||||
for (var propKey in props) {
|
||||
if (hasOwnProperty.call(props, propKey)) {
|
||||
var propValue = props[propKey];
|
||||
|
||||
if (propValue == null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
switch (propKey) {
|
||||
case 'children':
|
||||
case 'dangerouslySetInnerHTML':
|
||||
throw new Error(tag + " is a self-closing tag and must neither have `children` nor " + 'use `dangerouslySetInnerHTML`.');
|
||||
// eslint-disable-next-line-no-fallthrough
|
||||
|
||||
default:
|
||||
pushAttribute(target, responseState, propKey, propValue);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
target.push(endOfStartTagSelfClosing);
|
||||
return null;
|
||||
}
|
||||
|
||||
function pushStartMenuItem(target, props, responseState) {
|
||||
target.push(startChunkForTag('menuitem'));
|
||||
|
||||
for (var propKey in props) {
|
||||
if (hasOwnProperty.call(props, propKey)) {
|
||||
var propValue = props[propKey];
|
||||
|
||||
if (propValue == null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
switch (propKey) {
|
||||
case 'children':
|
||||
case 'dangerouslySetInnerHTML':
|
||||
throw new Error('menuitems cannot have `children` nor `dangerouslySetInnerHTML`.');
|
||||
// eslint-disable-next-line-no-fallthrough
|
||||
|
||||
default:
|
||||
pushAttribute(target, responseState, propKey, propValue);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
target.push(endOfStartTag);
|
||||
return null;
|
||||
}
|
||||
|
||||
function pushStartTitle(target, props, responseState) {
|
||||
target.push(startChunkForTag('title'));
|
||||
var children = null;
|
||||
|
||||
for (var propKey in props) {
|
||||
if (hasOwnProperty.call(props, propKey)) {
|
||||
var propValue = props[propKey];
|
||||
|
||||
if (propValue == null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
switch (propKey) {
|
||||
case 'children':
|
||||
children = propValue;
|
||||
break;
|
||||
|
||||
case 'dangerouslySetInnerHTML':
|
||||
throw new Error('`dangerouslySetInnerHTML` does not make sense on <title>.');
|
||||
// eslint-disable-next-line-no-fallthrough
|
||||
|
||||
default:
|
||||
pushAttribute(target, responseState, propKey, propValue);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
target.push(endOfStartTag);
|
||||
|
||||
{
|
||||
var child = Array.isArray(children) && children.length < 2 ? children[0] || null : children;
|
||||
|
||||
if (Array.isArray(children) && children.length > 1) {
|
||||
error('A title element received an array with more than 1 element as children. ' + 'In browsers title Elements can only have Text Nodes as children. If ' + 'the children being rendered output more than a single text node in aggregate the browser ' + 'will display markup and comments as text in the title and hydration will likely fail and ' + 'fall back to client rendering');
|
||||
} else if (child != null && child.$$typeof != null) {
|
||||
error('A title element received a React element for children. ' + 'In the browser title Elements can only have Text Nodes as children. If ' + 'the children being rendered output more than a single text node in aggregate the browser ' + 'will display markup and comments as text in the title and hydration will likely fail and ' + 'fall back to client rendering');
|
||||
} else if (child != null && typeof child !== 'string' && typeof child !== 'number') {
|
||||
error('A title element received a value that was not a string or number for children. ' + 'In the browser title Elements can only have Text Nodes as children. If ' + 'the children being rendered output more than a single text node in aggregate the browser ' + 'will display markup and comments as text in the title and hydration will likely fail and ' + 'fall back to client rendering');
|
||||
}
|
||||
}
|
||||
|
||||
return children;
|
||||
}
|
||||
|
||||
function pushStartGenericElement(target, props, tag, responseState) {
|
||||
target.push(startChunkForTag(tag));
|
||||
var children = null;
|
||||
var innerHTML = null;
|
||||
|
||||
for (var propKey in props) {
|
||||
if (hasOwnProperty.call(props, propKey)) {
|
||||
var propValue = props[propKey];
|
||||
|
||||
if (propValue == null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
switch (propKey) {
|
||||
case 'children':
|
||||
children = propValue;
|
||||
break;
|
||||
|
||||
case 'dangerouslySetInnerHTML':
|
||||
innerHTML = propValue;
|
||||
break;
|
||||
|
||||
default:
|
||||
pushAttribute(target, responseState, propKey, propValue);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
target.push(endOfStartTag);
|
||||
pushInnerHTML(target, innerHTML, children);
|
||||
|
||||
if (typeof children === 'string') {
|
||||
// Special case children as a string to avoid the unnecessary comment.
|
||||
// TODO: Remove this special case after the general optimization is in place.
|
||||
target.push(stringToChunk(encodeHTMLTextNode(children)));
|
||||
return null;
|
||||
}
|
||||
|
||||
return children;
|
||||
}
|
||||
|
||||
function pushStartCustomElement(target, props, tag, responseState) {
|
||||
target.push(startChunkForTag(tag));
|
||||
var children = null;
|
||||
var innerHTML = null;
|
||||
|
||||
for (var propKey in props) {
|
||||
if (hasOwnProperty.call(props, propKey)) {
|
||||
var propValue = props[propKey];
|
||||
|
||||
if (propValue == null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
switch (propKey) {
|
||||
case 'children':
|
||||
children = propValue;
|
||||
break;
|
||||
|
||||
case 'dangerouslySetInnerHTML':
|
||||
innerHTML = propValue;
|
||||
break;
|
||||
|
||||
case 'style':
|
||||
pushStyle(target, responseState, propValue);
|
||||
break;
|
||||
|
||||
case 'suppressContentEditableWarning':
|
||||
case 'suppressHydrationWarning':
|
||||
// Ignored. These are built-in to React on the client.
|
||||
break;
|
||||
|
||||
default:
|
||||
if (isAttributeNameSafe(propKey) && typeof propValue !== 'function' && typeof propValue !== 'symbol') {
|
||||
target.push(attributeSeparator, stringToChunk(propKey), attributeAssign, stringToChunk(escapeTextForBrowser(propValue)), attributeEnd);
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
target.push(endOfStartTag);
|
||||
pushInnerHTML(target, innerHTML, children);
|
||||
return children;
|
||||
}
|
||||
|
||||
var leadingNewline = stringToPrecomputedChunk('\n');
|
||||
|
||||
function pushStartPreformattedElement(target, props, tag, responseState) {
|
||||
target.push(startChunkForTag(tag));
|
||||
var children = null;
|
||||
var innerHTML = null;
|
||||
|
||||
for (var propKey in props) {
|
||||
if (hasOwnProperty.call(props, propKey)) {
|
||||
var propValue = props[propKey];
|
||||
|
||||
if (propValue == null) {
|
||||
continue;
|
||||
}
|
||||
|
||||
switch (propKey) {
|
||||
case 'children':
|
||||
children = propValue;
|
||||
break;
|
||||
|
||||
case 'dangerouslySetInnerHTML':
|
||||
innerHTML = propValue;
|
||||
break;
|
||||
|
||||
default:
|
||||
pushAttribute(target, responseState, propKey, propValue);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
target.push(endOfStartTag); // text/html ignores the first character in these tags if it's a newline
|
||||
// Prefer to break application/xml over text/html (for now) by adding
|
||||
// a newline specifically to get eaten by the parser. (Alternately for
|
||||
// textareas, replacing "^\n" with "\r\n" doesn't get eaten, and the first
|
||||
// \r is normalized out by HTMLTextAreaElement#value.)
|
||||
// See: <http://www.w3.org/TR/html-polyglot/#newlines-in-textarea-and-pre>
|
||||
// See: <http://www.w3.org/TR/html5/syntax.html#element-restrictions>
|
||||
// See: <http://www.w3.org/TR/html5/syntax.html#newlines>
|
||||
// See: Parsing of "textarea" "listing" and "pre" elements
|
||||
// from <http://www.w3.org/TR/html5/syntax.html#parsing-main-inbody>
|
||||
// TODO: This doesn't deal with the case where the child is an array
|
||||
// or component that returns a string.
|
||||
|
||||
if (innerHTML != null) {
|
||||
if (children != null) {
|
||||
throw new Error('Can only set one of `children` or `props.dangerouslySetInnerHTML`.');
|
||||
}
|
||||
|
||||
if (typeof innerHTML !== 'object' || !('__html' in innerHTML)) {
|
||||
throw new Error('`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. ' + 'Please visit https://reactjs.org/link/dangerously-set-inner-html ' + 'for more information.');
|
||||
}
|
||||
|
||||
var html = innerHTML.__html;
|
||||
|
||||
if (html !== null && html !== undefined) {
|
||||
if (typeof html === 'string' && html.length > 0 && html[0] === '\n') {
|
||||
target.push(leadingNewline, stringToChunk(html));
|
||||
} else {
|
||||
{
|
||||
checkHtmlStringCoercion(html);
|
||||
}
|
||||
|
||||
target.push(stringToChunk('' + html));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof children === 'string' && children[0] === '\n') {
|
||||
target.push(leadingNewline);
|
||||
}
|
||||
|
||||
return children;
|
||||
} // We accept any tag to be rendered but since this gets injected into arbitrary
|
||||
// HTML, we want to make sure that it's a safe tag.
|
||||
// http://www.w3.org/TR/REC-xml/#NT-Name
|
||||
|
||||
|
||||
var VALID_TAG_REGEX = /^[a-zA-Z][a-zA-Z:_\.\-\d]*$/; // Simplified subset
|
||||
|
||||
var validatedTagCache = new Map();
|
||||
|
||||
function startChunkForTag(tag) {
|
||||
var tagStartChunk = validatedTagCache.get(tag);
|
||||
|
||||
if (tagStartChunk === undefined) {
|
||||
if (!VALID_TAG_REGEX.test(tag)) {
|
||||
throw new Error("Invalid tag: " + tag);
|
||||
}
|
||||
|
||||
tagStartChunk = stringToPrecomputedChunk('<' + tag);
|
||||
validatedTagCache.set(tag, tagStartChunk);
|
||||
}
|
||||
|
||||
return tagStartChunk;
|
||||
}
|
||||
|
||||
var DOCTYPE = stringToPrecomputedChunk('<!DOCTYPE html>');
|
||||
function pushStartInstance(target, type, props, responseState, formatContext) {
|
||||
{
|
||||
validateProperties(type, props);
|
||||
validateProperties$1(type, props);
|
||||
validateProperties$2(type, props, null);
|
||||
|
||||
if (!props.suppressContentEditableWarning && props.contentEditable && props.children != null) {
|
||||
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.');
|
||||
}
|
||||
|
||||
if (formatContext.insertionMode !== SVG_MODE && formatContext.insertionMode !== MATHML_MODE) {
|
||||
if (type.indexOf('-') === -1 && typeof props.is !== 'string' && type.toLowerCase() !== type) {
|
||||
error('<%s /> is using incorrect casing. ' + 'Use PascalCase for React components, ' + 'or lowercase for HTML elements.', type);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
switch (type) {
|
||||
// Special tags
|
||||
case 'select':
|
||||
return pushStartSelect(target, props, responseState);
|
||||
|
||||
case 'option':
|
||||
return pushStartOption(target, props, responseState, formatContext);
|
||||
|
||||
case 'textarea':
|
||||
return pushStartTextArea(target, props, responseState);
|
||||
|
||||
case 'input':
|
||||
return pushInput(target, props, responseState);
|
||||
|
||||
case 'menuitem':
|
||||
return pushStartMenuItem(target, props, responseState);
|
||||
|
||||
case 'title':
|
||||
return pushStartTitle(target, props, responseState);
|
||||
// Newline eating tags
|
||||
|
||||
case 'listing':
|
||||
case 'pre':
|
||||
{
|
||||
return pushStartPreformattedElement(target, props, type, responseState);
|
||||
}
|
||||
// Omitted close tags
|
||||
|
||||
case 'area':
|
||||
case 'base':
|
||||
case 'br':
|
||||
case 'col':
|
||||
case 'embed':
|
||||
case 'hr':
|
||||
case 'img':
|
||||
case 'keygen':
|
||||
case 'link':
|
||||
case 'meta':
|
||||
case 'param':
|
||||
case 'source':
|
||||
case 'track':
|
||||
case 'wbr':
|
||||
{
|
||||
return pushSelfClosing(target, props, type, responseState);
|
||||
}
|
||||
// These are reserved SVG and MathML elements, that are never custom elements.
|
||||
// https://w3c.github.io/webcomponents/spec/custom/#custom-elements-core-concepts
|
||||
|
||||
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 pushStartGenericElement(target, props, type, responseState);
|
||||
}
|
||||
|
||||
case 'html':
|
||||
{
|
||||
if (formatContext.insertionMode === ROOT_HTML_MODE) {
|
||||
// If we're rendering the html tag and we're at the root (i.e. not in foreignObject)
|
||||
// then we also emit the DOCTYPE as part of the root content as a convenience for
|
||||
// rendering the whole document.
|
||||
target.push(DOCTYPE);
|
||||
}
|
||||
|
||||
return pushStartGenericElement(target, props, type, responseState);
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
if (type.indexOf('-') === -1 && typeof props.is !== 'string') {
|
||||
// Generic element
|
||||
return pushStartGenericElement(target, props, type, responseState);
|
||||
} else {
|
||||
// Custom element
|
||||
return pushStartCustomElement(target, props, type, responseState);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
var endTag1 = stringToPrecomputedChunk('</');
|
||||
var endTag2 = stringToPrecomputedChunk('>');
|
||||
function pushEndInstance(target, type, props) {
|
||||
switch (type) {
|
||||
// Omitted close tags
|
||||
// TODO: Instead of repeating this switch we could try to pass a flag from above.
|
||||
// That would require returning a tuple. Which might be ok if it gets inlined.
|
||||
case 'area':
|
||||
case 'base':
|
||||
case 'br':
|
||||
case 'col':
|
||||
case 'embed':
|
||||
case 'hr':
|
||||
case 'img':
|
||||
case 'input':
|
||||
case 'keygen':
|
||||
case 'link':
|
||||
case 'meta':
|
||||
case 'param':
|
||||
case 'source':
|
||||
case 'track':
|
||||
case 'wbr':
|
||||
{
|
||||
// No close tag needed.
|
||||
break;
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
target.push(endTag1, stringToChunk(type), endTag2);
|
||||
}
|
||||
}
|
||||
}
|
||||
function writeCompletedRoot(destination, responseState) {
|
||||
var bootstrapChunks = responseState.bootstrapChunks;
|
||||
var i = 0;
|
||||
|
||||
for (; i < bootstrapChunks.length - 1; i++) {
|
||||
writeChunk(destination, bootstrapChunks[i]);
|
||||
}
|
||||
|
||||
if (i < bootstrapChunks.length) {
|
||||
return writeChunkAndReturn(destination, bootstrapChunks[i]);
|
||||
}
|
||||
|
||||
return true;
|
||||
} // Structural Nodes
|
||||
// A placeholder is a node inside a hidden partial tree that can be filled in later, but before
|
||||
// display. It's never visible to users. We use the template tag because it can be used in every
|
||||
// type of parent. <script> tags also work in every other tag except <colgroup>.
|
||||
|
||||
var placeholder1 = stringToPrecomputedChunk('<template id="');
|
||||
var placeholder2 = stringToPrecomputedChunk('"></template>');
|
||||
function writePlaceholder(destination, responseState, id) {
|
||||
writeChunk(destination, placeholder1);
|
||||
writeChunk(destination, responseState.placeholderPrefix);
|
||||
var formattedID = stringToChunk(id.toString(16));
|
||||
writeChunk(destination, formattedID);
|
||||
return writeChunkAndReturn(destination, placeholder2);
|
||||
} // Suspense boundaries are encoded as comments.
|
||||
|
||||
var startCompletedSuspenseBoundary = stringToPrecomputedChunk('<!--$-->');
|
||||
var startPendingSuspenseBoundary1 = stringToPrecomputedChunk('<!--$?--><template id="');
|
||||
var startPendingSuspenseBoundary2 = stringToPrecomputedChunk('"></template>');
|
||||
var startClientRenderedSuspenseBoundary = stringToPrecomputedChunk('<!--$!-->');
|
||||
var endSuspenseBoundary = stringToPrecomputedChunk('<!--/$-->');
|
||||
var clientRenderedSuspenseBoundaryError1 = stringToPrecomputedChunk('<template');
|
||||
var clientRenderedSuspenseBoundaryErrorAttrInterstitial = stringToPrecomputedChunk('"');
|
||||
var clientRenderedSuspenseBoundaryError1A = stringToPrecomputedChunk(' data-dgst="');
|
||||
var clientRenderedSuspenseBoundaryError1B = stringToPrecomputedChunk(' data-msg="');
|
||||
var clientRenderedSuspenseBoundaryError1C = stringToPrecomputedChunk(' data-stck="');
|
||||
var clientRenderedSuspenseBoundaryError2 = stringToPrecomputedChunk('></template>');
|
||||
function writeStartCompletedSuspenseBoundary(destination, responseState) {
|
||||
return writeChunkAndReturn(destination, startCompletedSuspenseBoundary);
|
||||
}
|
||||
function writeStartPendingSuspenseBoundary(destination, responseState, id) {
|
||||
writeChunk(destination, startPendingSuspenseBoundary1);
|
||||
|
||||
if (id === null) {
|
||||
throw new Error('An ID must have been assigned before we can complete the boundary.');
|
||||
}
|
||||
|
||||
writeChunk(destination, id);
|
||||
return writeChunkAndReturn(destination, startPendingSuspenseBoundary2);
|
||||
}
|
||||
function writeStartClientRenderedSuspenseBoundary(destination, responseState, errorDigest, errorMesssage, errorComponentStack) {
|
||||
var result;
|
||||
result = writeChunkAndReturn(destination, startClientRenderedSuspenseBoundary);
|
||||
writeChunk(destination, clientRenderedSuspenseBoundaryError1);
|
||||
|
||||
if (errorDigest) {
|
||||
writeChunk(destination, clientRenderedSuspenseBoundaryError1A);
|
||||
writeChunk(destination, stringToChunk(escapeTextForBrowser(errorDigest)));
|
||||
writeChunk(destination, clientRenderedSuspenseBoundaryErrorAttrInterstitial);
|
||||
}
|
||||
|
||||
{
|
||||
if (errorMesssage) {
|
||||
writeChunk(destination, clientRenderedSuspenseBoundaryError1B);
|
||||
writeChunk(destination, stringToChunk(escapeTextForBrowser(errorMesssage)));
|
||||
writeChunk(destination, clientRenderedSuspenseBoundaryErrorAttrInterstitial);
|
||||
}
|
||||
|
||||
if (errorComponentStack) {
|
||||
writeChunk(destination, clientRenderedSuspenseBoundaryError1C);
|
||||
writeChunk(destination, stringToChunk(escapeTextForBrowser(errorComponentStack)));
|
||||
writeChunk(destination, clientRenderedSuspenseBoundaryErrorAttrInterstitial);
|
||||
}
|
||||
}
|
||||
|
||||
result = writeChunkAndReturn(destination, clientRenderedSuspenseBoundaryError2);
|
||||
return result;
|
||||
}
|
||||
function writeEndCompletedSuspenseBoundary(destination, responseState) {
|
||||
return writeChunkAndReturn(destination, endSuspenseBoundary);
|
||||
}
|
||||
function writeEndPendingSuspenseBoundary(destination, responseState) {
|
||||
return writeChunkAndReturn(destination, endSuspenseBoundary);
|
||||
}
|
||||
function writeEndClientRenderedSuspenseBoundary(destination, responseState) {
|
||||
return writeChunkAndReturn(destination, endSuspenseBoundary);
|
||||
}
|
||||
var startSegmentHTML = stringToPrecomputedChunk('<div hidden id="');
|
||||
var startSegmentHTML2 = stringToPrecomputedChunk('">');
|
||||
var endSegmentHTML = stringToPrecomputedChunk('</div>');
|
||||
var startSegmentSVG = stringToPrecomputedChunk('<svg aria-hidden="true" style="display:none" id="');
|
||||
var startSegmentSVG2 = stringToPrecomputedChunk('">');
|
||||
var endSegmentSVG = stringToPrecomputedChunk('</svg>');
|
||||
var startSegmentMathML = stringToPrecomputedChunk('<math aria-hidden="true" style="display:none" id="');
|
||||
var startSegmentMathML2 = stringToPrecomputedChunk('">');
|
||||
var endSegmentMathML = stringToPrecomputedChunk('</math>');
|
||||
var startSegmentTable = stringToPrecomputedChunk('<table hidden id="');
|
||||
var startSegmentTable2 = stringToPrecomputedChunk('">');
|
||||
var endSegmentTable = stringToPrecomputedChunk('</table>');
|
||||
var startSegmentTableBody = stringToPrecomputedChunk('<table hidden><tbody id="');
|
||||
var startSegmentTableBody2 = stringToPrecomputedChunk('">');
|
||||
var endSegmentTableBody = stringToPrecomputedChunk('</tbody></table>');
|
||||
var startSegmentTableRow = stringToPrecomputedChunk('<table hidden><tr id="');
|
||||
var startSegmentTableRow2 = stringToPrecomputedChunk('">');
|
||||
var endSegmentTableRow = stringToPrecomputedChunk('</tr></table>');
|
||||
var startSegmentColGroup = stringToPrecomputedChunk('<table hidden><colgroup id="');
|
||||
var startSegmentColGroup2 = stringToPrecomputedChunk('">');
|
||||
var endSegmentColGroup = stringToPrecomputedChunk('</colgroup></table>');
|
||||
function writeStartSegment(destination, responseState, formatContext, id) {
|
||||
switch (formatContext.insertionMode) {
|
||||
case ROOT_HTML_MODE:
|
||||
case HTML_MODE:
|
||||
{
|
||||
writeChunk(destination, startSegmentHTML);
|
||||
writeChunk(destination, responseState.segmentPrefix);
|
||||
writeChunk(destination, stringToChunk(id.toString(16)));
|
||||
return writeChunkAndReturn(destination, startSegmentHTML2);
|
||||
}
|
||||
|
||||
case SVG_MODE:
|
||||
{
|
||||
writeChunk(destination, startSegmentSVG);
|
||||
writeChunk(destination, responseState.segmentPrefix);
|
||||
writeChunk(destination, stringToChunk(id.toString(16)));
|
||||
return writeChunkAndReturn(destination, startSegmentSVG2);
|
||||
}
|
||||
|
||||
case MATHML_MODE:
|
||||
{
|
||||
writeChunk(destination, startSegmentMathML);
|
||||
writeChunk(destination, responseState.segmentPrefix);
|
||||
writeChunk(destination, stringToChunk(id.toString(16)));
|
||||
return writeChunkAndReturn(destination, startSegmentMathML2);
|
||||
}
|
||||
|
||||
case HTML_TABLE_MODE:
|
||||
{
|
||||
writeChunk(destination, startSegmentTable);
|
||||
writeChunk(destination, responseState.segmentPrefix);
|
||||
writeChunk(destination, stringToChunk(id.toString(16)));
|
||||
return writeChunkAndReturn(destination, startSegmentTable2);
|
||||
}
|
||||
// TODO: For the rest of these, there will be extra wrapper nodes that never
|
||||
// get deleted from the document. We need to delete the table too as part
|
||||
// of the injected scripts. They are invisible though so it's not too terrible
|
||||
// and it's kind of an edge case to suspend in a table. Totally supported though.
|
||||
|
||||
case HTML_TABLE_BODY_MODE:
|
||||
{
|
||||
writeChunk(destination, startSegmentTableBody);
|
||||
writeChunk(destination, responseState.segmentPrefix);
|
||||
writeChunk(destination, stringToChunk(id.toString(16)));
|
||||
return writeChunkAndReturn(destination, startSegmentTableBody2);
|
||||
}
|
||||
|
||||
case HTML_TABLE_ROW_MODE:
|
||||
{
|
||||
writeChunk(destination, startSegmentTableRow);
|
||||
writeChunk(destination, responseState.segmentPrefix);
|
||||
writeChunk(destination, stringToChunk(id.toString(16)));
|
||||
return writeChunkAndReturn(destination, startSegmentTableRow2);
|
||||
}
|
||||
|
||||
case HTML_COLGROUP_MODE:
|
||||
{
|
||||
writeChunk(destination, startSegmentColGroup);
|
||||
writeChunk(destination, responseState.segmentPrefix);
|
||||
writeChunk(destination, stringToChunk(id.toString(16)));
|
||||
return writeChunkAndReturn(destination, startSegmentColGroup2);
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
throw new Error('Unknown insertion mode. This is a bug in React.');
|
||||
}
|
||||
}
|
||||
}
|
||||
function writeEndSegment(destination, formatContext) {
|
||||
switch (formatContext.insertionMode) {
|
||||
case ROOT_HTML_MODE:
|
||||
case HTML_MODE:
|
||||
{
|
||||
return writeChunkAndReturn(destination, endSegmentHTML);
|
||||
}
|
||||
|
||||
case SVG_MODE:
|
||||
{
|
||||
return writeChunkAndReturn(destination, endSegmentSVG);
|
||||
}
|
||||
|
||||
case MATHML_MODE:
|
||||
{
|
||||
return writeChunkAndReturn(destination, endSegmentMathML);
|
||||
}
|
||||
|
||||
case HTML_TABLE_MODE:
|
||||
{
|
||||
return writeChunkAndReturn(destination, endSegmentTable);
|
||||
}
|
||||
|
||||
case HTML_TABLE_BODY_MODE:
|
||||
{
|
||||
return writeChunkAndReturn(destination, endSegmentTableBody);
|
||||
}
|
||||
|
||||
case HTML_TABLE_ROW_MODE:
|
||||
{
|
||||
return writeChunkAndReturn(destination, endSegmentTableRow);
|
||||
}
|
||||
|
||||
case HTML_COLGROUP_MODE:
|
||||
{
|
||||
return writeChunkAndReturn(destination, endSegmentColGroup);
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
throw new Error('Unknown insertion mode. This is a bug in React.');
|
||||
}
|
||||
}
|
||||
} // Instruction Set
|
||||
// The following code is the source scripts that we then minify and inline below,
|
||||
// with renamed function names that we hope don't collide:
|
||||
// const COMMENT_NODE = 8;
|
||||
// const SUSPENSE_START_DATA = '$';
|
||||
// const SUSPENSE_END_DATA = '/$';
|
||||
// const SUSPENSE_PENDING_START_DATA = '$?';
|
||||
// const SUSPENSE_FALLBACK_START_DATA = '$!';
|
||||
//
|
||||
// function clientRenderBoundary(suspenseBoundaryID, errorDigest, errorMsg, errorComponentStack) {
|
||||
// // Find the fallback's first element.
|
||||
// const suspenseIdNode = document.getElementById(suspenseBoundaryID);
|
||||
// if (!suspenseIdNode) {
|
||||
// // The user must have already navigated away from this tree.
|
||||
// // E.g. because the parent was hydrated.
|
||||
// return;
|
||||
// }
|
||||
// // Find the boundary around the fallback. This is always the previous node.
|
||||
// const suspenseNode = suspenseIdNode.previousSibling;
|
||||
// // Tag it to be client rendered.
|
||||
// suspenseNode.data = SUSPENSE_FALLBACK_START_DATA;
|
||||
// // assign error metadata to first sibling
|
||||
// let dataset = suspenseIdNode.dataset;
|
||||
// if (errorDigest) dataset.dgst = errorDigest;
|
||||
// if (errorMsg) dataset.msg = errorMsg;
|
||||
// if (errorComponentStack) dataset.stck = errorComponentStack;
|
||||
// // Tell React to retry it if the parent already hydrated.
|
||||
// if (suspenseNode._reactRetry) {
|
||||
// suspenseNode._reactRetry();
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// function completeBoundary(suspenseBoundaryID, contentID) {
|
||||
// // Find the fallback's first element.
|
||||
// const suspenseIdNode = document.getElementById(suspenseBoundaryID);
|
||||
// const contentNode = document.getElementById(contentID);
|
||||
// // We'll detach the content node so that regardless of what happens next we don't leave in the tree.
|
||||
// // This might also help by not causing recalcing each time we move a child from here to the target.
|
||||
// contentNode.parentNode.removeChild(contentNode);
|
||||
// if (!suspenseIdNode) {
|
||||
// // The user must have already navigated away from this tree.
|
||||
// // E.g. because the parent was hydrated. That's fine there's nothing to do
|
||||
// // but we have to make sure that we already deleted the container node.
|
||||
// return;
|
||||
// }
|
||||
// // Find the boundary around the fallback. This is always the previous node.
|
||||
// const suspenseNode = suspenseIdNode.previousSibling;
|
||||
//
|
||||
// // Clear all the existing children. This is complicated because
|
||||
// // there can be embedded Suspense boundaries in the fallback.
|
||||
// // This is similar to clearSuspenseBoundary in ReactDOMHostConfig.
|
||||
// // TODO: We could avoid this if we never emitted suspense boundaries in fallback trees.
|
||||
// // They never hydrate anyway. However, currently we support incrementally loading the fallback.
|
||||
// const parentInstance = suspenseNode.parentNode;
|
||||
// let node = suspenseNode.nextSibling;
|
||||
// let depth = 0;
|
||||
// do {
|
||||
// if (node && node.nodeType === COMMENT_NODE) {
|
||||
// const data = node.data;
|
||||
// if (data === SUSPENSE_END_DATA) {
|
||||
// if (depth === 0) {
|
||||
// break;
|
||||
// } else {
|
||||
// depth--;
|
||||
// }
|
||||
// } else if (
|
||||
// data === SUSPENSE_START_DATA ||
|
||||
// data === SUSPENSE_PENDING_START_DATA ||
|
||||
// data === SUSPENSE_FALLBACK_START_DATA
|
||||
// ) {
|
||||
// depth++;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// const nextNode = node.nextSibling;
|
||||
// parentInstance.removeChild(node);
|
||||
// node = nextNode;
|
||||
// } while (node);
|
||||
//
|
||||
// const endOfBoundary = node;
|
||||
//
|
||||
// // Insert all the children from the contentNode between the start and end of suspense boundary.
|
||||
// while (contentNode.firstChild) {
|
||||
// parentInstance.insertBefore(contentNode.firstChild, endOfBoundary);
|
||||
// }
|
||||
// suspenseNode.data = SUSPENSE_START_DATA;
|
||||
// if (suspenseNode._reactRetry) {
|
||||
// suspenseNode._reactRetry();
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// function completeSegment(containerID, placeholderID) {
|
||||
// const segmentContainer = document.getElementById(containerID);
|
||||
// const placeholderNode = document.getElementById(placeholderID);
|
||||
// // We always expect both nodes to exist here because, while we might
|
||||
// // have navigated away from the main tree, we still expect the detached
|
||||
// // tree to exist.
|
||||
// segmentContainer.parentNode.removeChild(segmentContainer);
|
||||
// while (segmentContainer.firstChild) {
|
||||
// placeholderNode.parentNode.insertBefore(
|
||||
// segmentContainer.firstChild,
|
||||
// placeholderNode,
|
||||
// );
|
||||
// }
|
||||
// placeholderNode.parentNode.removeChild(placeholderNode);
|
||||
// }
|
||||
|
||||
var completeSegmentFunction = 'function $RS(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)}';
|
||||
var completeBoundaryFunction = 'function $RC(a,b){a=document.getElementById(a);b=document.getElementById(b);b.parentNode.removeChild(b);if(a){a=a.previousSibling;var f=a.parentNode,c=a.nextSibling,e=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d)if(0===e)break;else e--;else"$"!==d&&"$?"!==d&&"$!"!==d||e++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;b.firstChild;)f.insertBefore(b.firstChild,c);a.data="$";a._reactRetry&&a._reactRetry()}}';
|
||||
var clientRenderFunction = 'function $RX(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())}';
|
||||
var completeSegmentScript1Full = stringToPrecomputedChunk(completeSegmentFunction + ';$RS("');
|
||||
var completeSegmentScript1Partial = stringToPrecomputedChunk('$RS("');
|
||||
var completeSegmentScript2 = stringToPrecomputedChunk('","');
|
||||
var completeSegmentScript3 = stringToPrecomputedChunk('")</script>');
|
||||
function writeCompletedSegmentInstruction(destination, responseState, contentSegmentID) {
|
||||
writeChunk(destination, responseState.startInlineScript);
|
||||
|
||||
if (!responseState.sentCompleteSegmentFunction) {
|
||||
// The first time we write this, we'll need to include the full implementation.
|
||||
responseState.sentCompleteSegmentFunction = true;
|
||||
writeChunk(destination, completeSegmentScript1Full);
|
||||
} else {
|
||||
// Future calls can just reuse the same function.
|
||||
writeChunk(destination, completeSegmentScript1Partial);
|
||||
}
|
||||
|
||||
writeChunk(destination, responseState.segmentPrefix);
|
||||
var formattedID = stringToChunk(contentSegmentID.toString(16));
|
||||
writeChunk(destination, formattedID);
|
||||
writeChunk(destination, completeSegmentScript2);
|
||||
writeChunk(destination, responseState.placeholderPrefix);
|
||||
writeChunk(destination, formattedID);
|
||||
return writeChunkAndReturn(destination, completeSegmentScript3);
|
||||
}
|
||||
var completeBoundaryScript1Full = stringToPrecomputedChunk(completeBoundaryFunction + ';$RC("');
|
||||
var completeBoundaryScript1Partial = stringToPrecomputedChunk('$RC("');
|
||||
var completeBoundaryScript2 = stringToPrecomputedChunk('","');
|
||||
var completeBoundaryScript3 = stringToPrecomputedChunk('")</script>');
|
||||
function writeCompletedBoundaryInstruction(destination, responseState, boundaryID, contentSegmentID) {
|
||||
writeChunk(destination, responseState.startInlineScript);
|
||||
|
||||
if (!responseState.sentCompleteBoundaryFunction) {
|
||||
// The first time we write this, we'll need to include the full implementation.
|
||||
responseState.sentCompleteBoundaryFunction = true;
|
||||
writeChunk(destination, completeBoundaryScript1Full);
|
||||
} else {
|
||||
// Future calls can just reuse the same function.
|
||||
writeChunk(destination, completeBoundaryScript1Partial);
|
||||
}
|
||||
|
||||
if (boundaryID === null) {
|
||||
throw new Error('An ID must have been assigned before we can complete the boundary.');
|
||||
}
|
||||
|
||||
var formattedContentID = stringToChunk(contentSegmentID.toString(16));
|
||||
writeChunk(destination, boundaryID);
|
||||
writeChunk(destination, completeBoundaryScript2);
|
||||
writeChunk(destination, responseState.segmentPrefix);
|
||||
writeChunk(destination, formattedContentID);
|
||||
return writeChunkAndReturn(destination, completeBoundaryScript3);
|
||||
}
|
||||
var clientRenderScript1Full = stringToPrecomputedChunk(clientRenderFunction + ';$RX("');
|
||||
var clientRenderScript1Partial = stringToPrecomputedChunk('$RX("');
|
||||
var clientRenderScript1A = stringToPrecomputedChunk('"');
|
||||
var clientRenderScript2 = stringToPrecomputedChunk(')</script>');
|
||||
var clientRenderErrorScriptArgInterstitial = stringToPrecomputedChunk(',');
|
||||
function writeClientRenderBoundaryInstruction(destination, responseState, boundaryID, errorDigest, errorMessage, errorComponentStack) {
|
||||
writeChunk(destination, responseState.startInlineScript);
|
||||
|
||||
if (!responseState.sentClientRenderFunction) {
|
||||
// The first time we write this, we'll need to include the full implementation.
|
||||
responseState.sentClientRenderFunction = true;
|
||||
writeChunk(destination, clientRenderScript1Full);
|
||||
} else {
|
||||
// Future calls can just reuse the same function.
|
||||
writeChunk(destination, clientRenderScript1Partial);
|
||||
}
|
||||
|
||||
if (boundaryID === null) {
|
||||
throw new Error('An ID must have been assigned before we can complete the boundary.');
|
||||
}
|
||||
|
||||
writeChunk(destination, boundaryID);
|
||||
writeChunk(destination, clientRenderScript1A);
|
||||
|
||||
if (errorDigest || errorMessage || errorComponentStack) {
|
||||
writeChunk(destination, clientRenderErrorScriptArgInterstitial);
|
||||
writeChunk(destination, stringToChunk(escapeJSStringsForInstructionScripts(errorDigest || '')));
|
||||
}
|
||||
|
||||
if (errorMessage || errorComponentStack) {
|
||||
writeChunk(destination, clientRenderErrorScriptArgInterstitial);
|
||||
writeChunk(destination, stringToChunk(escapeJSStringsForInstructionScripts(errorMessage || '')));
|
||||
}
|
||||
|
||||
if (errorComponentStack) {
|
||||
writeChunk(destination, clientRenderErrorScriptArgInterstitial);
|
||||
writeChunk(destination, stringToChunk(escapeJSStringsForInstructionScripts(errorComponentStack)));
|
||||
}
|
||||
|
||||
return writeChunkAndReturn(destination, clientRenderScript2);
|
||||
}
|
||||
var regexForJSStringsInScripts = /[<\u2028\u2029]/g;
|
||||
|
||||
function escapeJSStringsForInstructionScripts(input) {
|
||||
var escaped = JSON.stringify(input);
|
||||
return escaped.replace(regexForJSStringsInScripts, function (match) {
|
||||
switch (match) {
|
||||
// santizing breaking out of strings and script tags
|
||||
case '<':
|
||||
return "\\u003c";
|
||||
|
||||
case "\u2028":
|
||||
return "\\u2028";
|
||||
|
||||
case "\u2029":
|
||||
return "\\u2029";
|
||||
|
||||
default:
|
||||
{
|
||||
// eslint-disable-next-line react-internal/prod-error-codes
|
||||
throw new Error('escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var assign = Object.assign;
|
||||
|
||||
// ATTENTION
|
||||
// When adding new symbols to this file,
|
||||
// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
|
||||
// The Symbol used to tag the ReactElement-like types.
|
||||
var REACT_ELEMENT_TYPE = Symbol.for('react.element');
|
||||
var REACT_PORTAL_TYPE = Symbol.for('react.portal');
|
||||
var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
|
||||
var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
|
||||
var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
|
||||
var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
|
||||
var REACT_CONTEXT_TYPE = Symbol.for('react.context');
|
||||
var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
|
||||
var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
|
||||
var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
|
||||
var REACT_MEMO_TYPE = Symbol.for('react.memo');
|
||||
var REACT_LAZY_TYPE = Symbol.for('react.lazy');
|
||||
var REACT_SCOPE_TYPE = Symbol.for('react.scope');
|
||||
var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
|
||||
var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
|
||||
var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
|
||||
var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
|
||||
var FAUX_ITERATOR_SYMBOL = '@@iterator';
|
||||
function getIteratorFn(maybeIterable) {
|
||||
if (maybeIterable === null || typeof maybeIterable !== 'object') {
|
||||
return null;
|
||||
}
|
||||
|
||||
var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
|
||||
|
||||
if (typeof maybeIterator === 'function') {
|
||||
return maybeIterator;
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
function getWrappedName(outerType, innerType, wrapperName) {
|
||||
var displayName = outerType.displayName;
|
||||
|
||||
if (displayName) {
|
||||
return displayName;
|
||||
}
|
||||
|
||||
var functionName = innerType.displayName || innerType.name || '';
|
||||
return functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName;
|
||||
} // Keep in sync with react-reconciler/getComponentNameFromFiber
|
||||
|
||||
|
||||
function getContextName(type) {
|
||||
return type.displayName || 'Context';
|
||||
} // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
|
||||
|
||||
|
||||
function getComponentNameFromType(type) {
|
||||
if (type == null) {
|
||||
// Host root, text node or just invalid type.
|
||||
return null;
|
||||
}
|
||||
|
||||
{
|
||||
if (typeof type.tag === 'number') {
|
||||
error('Received an unexpected object in getComponentNameFromType(). ' + 'This is likely a bug in React. Please file an issue.');
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof type === 'function') {
|
||||
return type.displayName || type.name || null;
|
||||
}
|
||||
|
||||
if (typeof type === 'string') {
|
||||
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 (typeof type === 'object') {
|
||||
switch (type.$$typeof) {
|
||||
case REACT_CONTEXT_TYPE:
|
||||
var context = type;
|
||||
return getContextName(context) + '.Consumer';
|
||||
|
||||
case REACT_PROVIDER_TYPE:
|
||||
var provider = type;
|
||||
return getContextName(provider._context) + '.Provider';
|
||||
|
||||
case REACT_FORWARD_REF_TYPE:
|
||||
return getWrappedName(type, type.render, 'ForwardRef');
|
||||
|
||||
case REACT_MEMO_TYPE:
|
||||
var outerName = type.displayName || null;
|
||||
|
||||
if (outerName !== null) {
|
||||
return outerName;
|
||||
}
|
||||
|
||||
return getComponentNameFromType(type.type) || 'Memo';
|
||||
|
||||
case REACT_LAZY_TYPE:
|
||||
{
|
||||
var lazyComponent = type;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
return getComponentNameFromType(init(payload));
|
||||
} catch (x) {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
// eslint-disable-next-line no-fallthrough
|
||||
}
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
// Helpers to patch console.logs to avoid logging during side-effect free
|
||||
// replaying on render function. This currently only patches the object
|
||||
// lazily which won't cover if the log function was extracted eagerly.
|
||||
// We could also eagerly patch the method.
|
||||
var disabledDepth = 0;
|
||||
var prevLog;
|
||||
var prevInfo;
|
||||
var prevWarn;
|
||||
var prevError;
|
||||
var prevGroup;
|
||||
var prevGroupCollapsed;
|
||||
var prevGroupEnd;
|
||||
|
||||
function disabledLog() {}
|
||||
|
||||
disabledLog.__reactDisabledLog = true;
|
||||
function disableLogs() {
|
||||
{
|
||||
if (disabledDepth === 0) {
|
||||
/* eslint-disable react-internal/no-production-logging */
|
||||
prevLog = console.log;
|
||||
prevInfo = console.info;
|
||||
prevWarn = console.warn;
|
||||
prevError = console.error;
|
||||
prevGroup = console.group;
|
||||
prevGroupCollapsed = console.groupCollapsed;
|
||||
prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
|
||||
|
||||
var props = {
|
||||
configurable: true,
|
||||
enumerable: true,
|
||||
value: disabledLog,
|
||||
writable: true
|
||||
}; // $FlowFixMe Flow thinks console is immutable.
|
||||
|
||||
Object.defineProperties(console, {
|
||||
info: props,
|
||||
log: props,
|
||||
warn: props,
|
||||
error: props,
|
||||
group: props,
|
||||
groupCollapsed: props,
|
||||
groupEnd: props
|
||||
});
|
||||
/* eslint-enable react-internal/no-production-logging */
|
||||
}
|
||||
|
||||
disabledDepth++;
|
||||
}
|
||||
}
|
||||
function reenableLogs() {
|
||||
{
|
||||
disabledDepth--;
|
||||
|
||||
if (disabledDepth === 0) {
|
||||
/* eslint-disable react-internal/no-production-logging */
|
||||
var props = {
|
||||
configurable: true,
|
||||
enumerable: true,
|
||||
writable: true
|
||||
}; // $FlowFixMe Flow thinks console is immutable.
|
||||
|
||||
Object.defineProperties(console, {
|
||||
log: assign({}, props, {
|
||||
value: prevLog
|
||||
}),
|
||||
info: assign({}, props, {
|
||||
value: prevInfo
|
||||
}),
|
||||
warn: assign({}, props, {
|
||||
value: prevWarn
|
||||
}),
|
||||
error: assign({}, props, {
|
||||
value: prevError
|
||||
}),
|
||||
group: assign({}, props, {
|
||||
value: prevGroup
|
||||
}),
|
||||
groupCollapsed: assign({}, props, {
|
||||
value: prevGroupCollapsed
|
||||
}),
|
||||
groupEnd: assign({}, props, {
|
||||
value: prevGroupEnd
|
||||
})
|
||||
});
|
||||
/* eslint-enable react-internal/no-production-logging */
|
||||
}
|
||||
|
||||
if (disabledDepth < 0) {
|
||||
error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
|
||||
var prefix;
|
||||
function describeBuiltInComponentFrame(name, source, ownerFn) {
|
||||
{
|
||||
if (prefix === undefined) {
|
||||
// Extract the VM specific prefix used by each line.
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
var match = x.stack.trim().match(/\n( *(at )?)/);
|
||||
prefix = match && match[1] || '';
|
||||
}
|
||||
} // We use the prefix to ensure our stacks line up with native stack frames.
|
||||
|
||||
|
||||
return '\n' + prefix + name;
|
||||
}
|
||||
}
|
||||
var reentry = false;
|
||||
var componentFrameCache;
|
||||
|
||||
{
|
||||
var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
|
||||
componentFrameCache = new PossiblyWeakMap();
|
||||
}
|
||||
|
||||
function describeNativeComponentFrame(fn, construct) {
|
||||
// If something asked for a stack inside a fake render, it should get ignored.
|
||||
if ( !fn || reentry) {
|
||||
return '';
|
||||
}
|
||||
|
||||
{
|
||||
var frame = componentFrameCache.get(fn);
|
||||
|
||||
if (frame !== undefined) {
|
||||
return frame;
|
||||
}
|
||||
}
|
||||
|
||||
var control;
|
||||
reentry = true;
|
||||
var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe It does accept undefined.
|
||||
|
||||
Error.prepareStackTrace = undefined;
|
||||
var previousDispatcher;
|
||||
|
||||
{
|
||||
previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
|
||||
// for warnings.
|
||||
|
||||
ReactCurrentDispatcher.current = null;
|
||||
disableLogs();
|
||||
}
|
||||
|
||||
try {
|
||||
// This should throw.
|
||||
if (construct) {
|
||||
// Something should be setting the props in the constructor.
|
||||
var Fake = function () {
|
||||
throw Error();
|
||||
}; // $FlowFixMe
|
||||
|
||||
|
||||
Object.defineProperty(Fake.prototype, 'props', {
|
||||
set: function () {
|
||||
// We use a throwing setter instead of frozen or non-writable props
|
||||
// because that won't throw in a non-strict mode function.
|
||||
throw Error();
|
||||
}
|
||||
});
|
||||
|
||||
if (typeof Reflect === 'object' && Reflect.construct) {
|
||||
// We construct a different control for this case to include any extra
|
||||
// frames added by the construct call.
|
||||
try {
|
||||
Reflect.construct(Fake, []);
|
||||
} catch (x) {
|
||||
control = x;
|
||||
}
|
||||
|
||||
Reflect.construct(fn, [], Fake);
|
||||
} else {
|
||||
try {
|
||||
Fake.call();
|
||||
} catch (x) {
|
||||
control = x;
|
||||
}
|
||||
|
||||
fn.call(Fake.prototype);
|
||||
}
|
||||
} else {
|
||||
try {
|
||||
throw Error();
|
||||
} catch (x) {
|
||||
control = x;
|
||||
}
|
||||
|
||||
fn();
|
||||
}
|
||||
} catch (sample) {
|
||||
// This is inlined manually because closure doesn't do it for us.
|
||||
if (sample && control && typeof sample.stack === 'string') {
|
||||
// This extracts the first frame from the sample that isn't also in the control.
|
||||
// Skipping one frame that we assume is the frame that calls the two.
|
||||
var sampleLines = sample.stack.split('\n');
|
||||
var controlLines = control.stack.split('\n');
|
||||
var s = sampleLines.length - 1;
|
||||
var c = controlLines.length - 1;
|
||||
|
||||
while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
|
||||
// We expect at least one stack frame to be shared.
|
||||
// Typically this will be the root most one. However, stack frames may be
|
||||
// cut off due to maximum stack limits. In this case, one maybe cut off
|
||||
// earlier than the other. We assume that the sample is longer or the same
|
||||
// and there for cut off earlier. So we should find the root most frame in
|
||||
// the sample somewhere in the control.
|
||||
c--;
|
||||
}
|
||||
|
||||
for (; s >= 1 && c >= 0; s--, c--) {
|
||||
// Next we find the first one that isn't the same which should be the
|
||||
// frame that called our sample function and the control.
|
||||
if (sampleLines[s] !== controlLines[c]) {
|
||||
// In V8, the first line is describing the message but other VMs don't.
|
||||
// If we're about to return the first line, and the control is also on the same
|
||||
// line, that's a pretty good indicator that our sample threw at same line as
|
||||
// the control. I.e. before we entered the sample frame. So we ignore this result.
|
||||
// This can happen if you passed a class to function component, or non-function.
|
||||
if (s !== 1 || c !== 1) {
|
||||
do {
|
||||
s--;
|
||||
c--; // We may still have similar intermediate frames from the construct call.
|
||||
// The next one that isn't the same should be our match though.
|
||||
|
||||
if (c < 0 || sampleLines[s] !== controlLines[c]) {
|
||||
// V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
|
||||
var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
|
||||
// but we have a user-provided "displayName"
|
||||
// splice it in to make the stack more readable.
|
||||
|
||||
|
||||
if (fn.displayName && _frame.includes('<anonymous>')) {
|
||||
_frame = _frame.replace('<anonymous>', fn.displayName);
|
||||
}
|
||||
|
||||
{
|
||||
if (typeof fn === 'function') {
|
||||
componentFrameCache.set(fn, _frame);
|
||||
}
|
||||
} // Return the line we found.
|
||||
|
||||
|
||||
return _frame;
|
||||
}
|
||||
} while (s >= 1 && c >= 0);
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
} finally {
|
||||
reentry = false;
|
||||
|
||||
{
|
||||
ReactCurrentDispatcher.current = previousDispatcher;
|
||||
reenableLogs();
|
||||
}
|
||||
|
||||
Error.prepareStackTrace = previousPrepareStackTrace;
|
||||
} // Fallback to just using the name if we couldn't make it throw.
|
||||
|
||||
|
||||
var name = fn ? fn.displayName || fn.name : '';
|
||||
var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
|
||||
|
||||
{
|
||||
if (typeof fn === 'function') {
|
||||
componentFrameCache.set(fn, syntheticFrame);
|
||||
}
|
||||
}
|
||||
|
||||
return syntheticFrame;
|
||||
}
|
||||
|
||||
function describeClassComponentFrame(ctor, source, ownerFn) {
|
||||
{
|
||||
return describeNativeComponentFrame(ctor, true);
|
||||
}
|
||||
}
|
||||
function describeFunctionComponentFrame(fn, source, ownerFn) {
|
||||
{
|
||||
return describeNativeComponentFrame(fn, false);
|
||||
}
|
||||
}
|
||||
|
||||
function shouldConstruct(Component) {
|
||||
var prototype = Component.prototype;
|
||||
return !!(prototype && prototype.isReactComponent);
|
||||
}
|
||||
|
||||
function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
|
||||
|
||||
if (type == null) {
|
||||
return '';
|
||||
}
|
||||
|
||||
if (typeof type === 'function') {
|
||||
{
|
||||
return describeNativeComponentFrame(type, shouldConstruct(type));
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof type === 'string') {
|
||||
return describeBuiltInComponentFrame(type);
|
||||
}
|
||||
|
||||
switch (type) {
|
||||
case REACT_SUSPENSE_TYPE:
|
||||
return describeBuiltInComponentFrame('Suspense');
|
||||
|
||||
case REACT_SUSPENSE_LIST_TYPE:
|
||||
return describeBuiltInComponentFrame('SuspenseList');
|
||||
}
|
||||
|
||||
if (typeof type === 'object') {
|
||||
switch (type.$$typeof) {
|
||||
case REACT_FORWARD_REF_TYPE:
|
||||
return describeFunctionComponentFrame(type.render);
|
||||
|
||||
case REACT_MEMO_TYPE:
|
||||
// Memo may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
|
||||
|
||||
case REACT_LAZY_TYPE:
|
||||
{
|
||||
var lazyComponent = type;
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
|
||||
try {
|
||||
// Lazy may contain any component type so we recursively resolve it.
|
||||
return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
|
||||
} catch (x) {}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return '';
|
||||
}
|
||||
|
||||
var loggedTypeFailures = {};
|
||||
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
|
||||
function setCurrentlyValidatingElement(element) {
|
||||
{
|
||||
if (element) {
|
||||
var owner = element._owner;
|
||||
var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
|
||||
ReactDebugCurrentFrame.setExtraStackFrame(stack);
|
||||
} else {
|
||||
ReactDebugCurrentFrame.setExtraStackFrame(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function checkPropTypes(typeSpecs, values, location, componentName, element) {
|
||||
{
|
||||
// $FlowFixMe This is okay but Flow doesn't know it.
|
||||
var has = Function.call.bind(hasOwnProperty);
|
||||
|
||||
for (var typeSpecName in typeSpecs) {
|
||||
if (has(typeSpecs, typeSpecName)) {
|
||||
var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
|
||||
// fail the render phase where it didn't fail before. So we log it.
|
||||
// After these have been cleaned up, we'll let them throw.
|
||||
|
||||
try {
|
||||
// This is intentionally an invariant that gets caught. It's the same
|
||||
// behavior as without this statement except with a better message.
|
||||
if (typeof typeSpecs[typeSpecName] !== 'function') {
|
||||
// eslint-disable-next-line react-internal/prod-error-codes
|
||||
var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
|
||||
err.name = 'Invariant Violation';
|
||||
throw err;
|
||||
}
|
||||
|
||||
error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
|
||||
} catch (ex) {
|
||||
error$1 = ex;
|
||||
}
|
||||
|
||||
if (error$1 && !(error$1 instanceof Error)) {
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
|
||||
if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
|
||||
// Only monitor this failure once because there tends to be a lot of the
|
||||
// same error.
|
||||
loggedTypeFailures[error$1.message] = true;
|
||||
setCurrentlyValidatingElement(element);
|
||||
|
||||
error('Failed %s type: %s', location, error$1.message);
|
||||
|
||||
setCurrentlyValidatingElement(null);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var warnedAboutMissingGetChildContext;
|
||||
|
||||
{
|
||||
warnedAboutMissingGetChildContext = {};
|
||||
}
|
||||
|
||||
var emptyContextObject = {};
|
||||
|
||||
{
|
||||
Object.freeze(emptyContextObject);
|
||||
}
|
||||
|
||||
function getMaskedContext(type, unmaskedContext) {
|
||||
{
|
||||
var contextTypes = type.contextTypes;
|
||||
|
||||
if (!contextTypes) {
|
||||
return emptyContextObject;
|
||||
}
|
||||
|
||||
var context = {};
|
||||
|
||||
for (var key in contextTypes) {
|
||||
context[key] = unmaskedContext[key];
|
||||
}
|
||||
|
||||
{
|
||||
var name = getComponentNameFromType(type) || 'Unknown';
|
||||
checkPropTypes(contextTypes, context, 'context', name);
|
||||
}
|
||||
|
||||
return context;
|
||||
}
|
||||
}
|
||||
function processChildContext(instance, type, parentContext, childContextTypes) {
|
||||
{
|
||||
// TODO (bvaughn) Replace this behavior with an invariant() in the future.
|
||||
// It has only been added in Fiber to match the (unintentional) behavior in Stack.
|
||||
if (typeof instance.getChildContext !== 'function') {
|
||||
{
|
||||
var componentName = getComponentNameFromType(type) || 'Unknown';
|
||||
|
||||
if (!warnedAboutMissingGetChildContext[componentName]) {
|
||||
warnedAboutMissingGetChildContext[componentName] = true;
|
||||
|
||||
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);
|
||||
}
|
||||
}
|
||||
|
||||
return parentContext;
|
||||
}
|
||||
|
||||
var childContext = instance.getChildContext();
|
||||
|
||||
for (var contextKey in childContext) {
|
||||
if (!(contextKey in childContextTypes)) {
|
||||
throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
|
||||
}
|
||||
}
|
||||
|
||||
{
|
||||
var name = getComponentNameFromType(type) || 'Unknown';
|
||||
checkPropTypes(childContextTypes, childContext, 'child context', name);
|
||||
}
|
||||
|
||||
return assign({}, parentContext, childContext);
|
||||
}
|
||||
}
|
||||
|
||||
var rendererSigil;
|
||||
|
||||
{
|
||||
// Use this to detect multiple renderers using the same context
|
||||
rendererSigil = {};
|
||||
} // Used to store the parent path of all context overrides in a shared linked list.
|
||||
// Forming a reverse tree.
|
||||
|
||||
|
||||
var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
|
||||
// This global (actually thread local) state represents what state all those "current",
|
||||
// fields are currently in.
|
||||
|
||||
var currentActiveSnapshot = null;
|
||||
|
||||
function popNode(prev) {
|
||||
{
|
||||
prev.context._currentValue = prev.parentValue;
|
||||
}
|
||||
}
|
||||
|
||||
function pushNode(next) {
|
||||
{
|
||||
next.context._currentValue = next.value;
|
||||
}
|
||||
}
|
||||
|
||||
function popToNearestCommonAncestor(prev, next) {
|
||||
if (prev === next) ; else {
|
||||
popNode(prev);
|
||||
var parentPrev = prev.parent;
|
||||
var parentNext = next.parent;
|
||||
|
||||
if (parentPrev === null) {
|
||||
if (parentNext !== null) {
|
||||
throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
|
||||
}
|
||||
} else {
|
||||
if (parentNext === null) {
|
||||
throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
|
||||
}
|
||||
|
||||
popToNearestCommonAncestor(parentPrev, parentNext);
|
||||
} // On the way back, we push the new ones that weren't common.
|
||||
|
||||
|
||||
pushNode(next);
|
||||
}
|
||||
}
|
||||
|
||||
function popAllPrevious(prev) {
|
||||
popNode(prev);
|
||||
var parentPrev = prev.parent;
|
||||
|
||||
if (parentPrev !== null) {
|
||||
popAllPrevious(parentPrev);
|
||||
}
|
||||
}
|
||||
|
||||
function pushAllNext(next) {
|
||||
var parentNext = next.parent;
|
||||
|
||||
if (parentNext !== null) {
|
||||
pushAllNext(parentNext);
|
||||
}
|
||||
|
||||
pushNode(next);
|
||||
}
|
||||
|
||||
function popPreviousToCommonLevel(prev, next) {
|
||||
popNode(prev);
|
||||
var parentPrev = prev.parent;
|
||||
|
||||
if (parentPrev === null) {
|
||||
throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
|
||||
}
|
||||
|
||||
if (parentPrev.depth === next.depth) {
|
||||
// We found the same level. Now we just need to find a shared ancestor.
|
||||
popToNearestCommonAncestor(parentPrev, next);
|
||||
} else {
|
||||
// We must still be deeper.
|
||||
popPreviousToCommonLevel(parentPrev, next);
|
||||
}
|
||||
}
|
||||
|
||||
function popNextToCommonLevel(prev, next) {
|
||||
var parentNext = next.parent;
|
||||
|
||||
if (parentNext === null) {
|
||||
throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
|
||||
}
|
||||
|
||||
if (prev.depth === parentNext.depth) {
|
||||
// We found the same level. Now we just need to find a shared ancestor.
|
||||
popToNearestCommonAncestor(prev, parentNext);
|
||||
} else {
|
||||
// We must still be deeper.
|
||||
popNextToCommonLevel(prev, parentNext);
|
||||
}
|
||||
|
||||
pushNode(next);
|
||||
} // Perform context switching to the new snapshot.
|
||||
// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
|
||||
// updating all the context's current values. That way reads, always just read the current value.
|
||||
// At the cost of updating contexts even if they're never read by this subtree.
|
||||
|
||||
|
||||
function switchContext(newSnapshot) {
|
||||
// The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
|
||||
// We also need to update any new contexts that are now on the stack with the deepest value.
|
||||
// The easiest way to update new contexts is to just reapply them in reverse order from the
|
||||
// perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
|
||||
// for that. Therefore this algorithm is recursive.
|
||||
// 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
|
||||
// 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
|
||||
// 3) Then we reapply new contexts on the way back up the stack.
|
||||
var prev = currentActiveSnapshot;
|
||||
var next = newSnapshot;
|
||||
|
||||
if (prev !== next) {
|
||||
if (prev === null) {
|
||||
// $FlowFixMe: This has to be non-null since it's not equal to prev.
|
||||
pushAllNext(next);
|
||||
} else if (next === null) {
|
||||
popAllPrevious(prev);
|
||||
} else if (prev.depth === next.depth) {
|
||||
popToNearestCommonAncestor(prev, next);
|
||||
} else if (prev.depth > next.depth) {
|
||||
popPreviousToCommonLevel(prev, next);
|
||||
} else {
|
||||
popNextToCommonLevel(prev, next);
|
||||
}
|
||||
|
||||
currentActiveSnapshot = next;
|
||||
}
|
||||
}
|
||||
function pushProvider(context, nextValue) {
|
||||
var prevValue;
|
||||
|
||||
{
|
||||
prevValue = context._currentValue;
|
||||
context._currentValue = nextValue;
|
||||
|
||||
{
|
||||
if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
|
||||
error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
|
||||
}
|
||||
|
||||
context._currentRenderer = rendererSigil;
|
||||
}
|
||||
}
|
||||
|
||||
var prevNode = currentActiveSnapshot;
|
||||
var newNode = {
|
||||
parent: prevNode,
|
||||
depth: prevNode === null ? 0 : prevNode.depth + 1,
|
||||
context: context,
|
||||
parentValue: prevValue,
|
||||
value: nextValue
|
||||
};
|
||||
currentActiveSnapshot = newNode;
|
||||
return newNode;
|
||||
}
|
||||
function popProvider(context) {
|
||||
var prevSnapshot = currentActiveSnapshot;
|
||||
|
||||
if (prevSnapshot === null) {
|
||||
throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
|
||||
}
|
||||
|
||||
{
|
||||
if (prevSnapshot.context !== context) {
|
||||
error('The parent context is not the expected context. This is probably a bug in React.');
|
||||
}
|
||||
}
|
||||
|
||||
{
|
||||
var value = prevSnapshot.parentValue;
|
||||
|
||||
if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
|
||||
prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
|
||||
} else {
|
||||
prevSnapshot.context._currentValue = value;
|
||||
}
|
||||
|
||||
{
|
||||
if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
|
||||
error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
|
||||
}
|
||||
|
||||
context._currentRenderer = rendererSigil;
|
||||
}
|
||||
}
|
||||
|
||||
return currentActiveSnapshot = prevSnapshot.parent;
|
||||
}
|
||||
function getActiveContext() {
|
||||
return currentActiveSnapshot;
|
||||
}
|
||||
function readContext(context) {
|
||||
var value = context._currentValue ;
|
||||
return value;
|
||||
}
|
||||
|
||||
/**
|
||||
* `ReactInstanceMap` maintains a mapping from a public facing stateful
|
||||
* instance (key) and the internal representation (value). This allows public
|
||||
* methods to accept the user facing instance as an argument and map them back
|
||||
* to internal methods.
|
||||
*
|
||||
* Note that this module is currently shared and assumed to be stateless.
|
||||
* If this becomes an actual Map, that will break.
|
||||
*/
|
||||
function get(key) {
|
||||
return key._reactInternals;
|
||||
}
|
||||
function set(key, value) {
|
||||
key._reactInternals = value;
|
||||
}
|
||||
|
||||
var didWarnAboutNoopUpdateForComponent = {};
|
||||
var didWarnAboutDeprecatedWillMount = {};
|
||||
var didWarnAboutUninitializedState;
|
||||
var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
|
||||
var didWarnAboutLegacyLifecyclesAndDerivedState;
|
||||
var didWarnAboutUndefinedDerivedState;
|
||||
var warnOnUndefinedDerivedState;
|
||||
var warnOnInvalidCallback;
|
||||
var didWarnAboutDirectlyAssigningPropsToState;
|
||||
var didWarnAboutContextTypeAndContextTypes;
|
||||
var didWarnAboutInvalidateContextType;
|
||||
|
||||
{
|
||||
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();
|
||||
|
||||
warnOnInvalidCallback = function (callback, callerName) {
|
||||
if (callback === null || typeof callback === 'function') {
|
||||
return;
|
||||
}
|
||||
|
||||
var key = callerName + '_' + callback;
|
||||
|
||||
if (!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 (partialState === undefined) {
|
||||
var componentName = getComponentNameFromType(type) || 'Component';
|
||||
|
||||
if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
|
||||
didWarnAboutUndefinedDerivedState.add(componentName);
|
||||
|
||||
error('%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. ' + 'You have returned undefined.', componentName);
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
function warnNoop(publicInstance, callerName) {
|
||||
{
|
||||
var _constructor = publicInstance.constructor;
|
||||
var componentName = _constructor && getComponentNameFromType(_constructor) || 'ReactClass';
|
||||
var warningKey = componentName + '.' + callerName;
|
||||
|
||||
if (didWarnAboutNoopUpdateForComponent[warningKey]) {
|
||||
return;
|
||||
}
|
||||
|
||||
error('%s(...): Can only update a mounting component. ' + 'This usually means you called %s() outside componentWillMount() on the server. ' + 'This is a no-op.\n\nPlease check the code for the %s component.', callerName, callerName, componentName);
|
||||
|
||||
didWarnAboutNoopUpdateForComponent[warningKey] = true;
|
||||
}
|
||||
}
|
||||
|
||||
var classComponentUpdater = {
|
||||
isMounted: function (inst) {
|
||||
return false;
|
||||
},
|
||||
enqueueSetState: function (inst, payload, callback) {
|
||||
var internals = get(inst);
|
||||
|
||||
if (internals.queue === null) {
|
||||
warnNoop(inst, 'setState');
|
||||
} else {
|
||||
internals.queue.push(payload);
|
||||
|
||||
{
|
||||
if (callback !== undefined && callback !== null) {
|
||||
warnOnInvalidCallback(callback, 'setState');
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
enqueueReplaceState: function (inst, payload, callback) {
|
||||
var internals = get(inst);
|
||||
internals.replace = true;
|
||||
internals.queue = [payload];
|
||||
|
||||
{
|
||||
if (callback !== undefined && callback !== null) {
|
||||
warnOnInvalidCallback(callback, 'setState');
|
||||
}
|
||||
}
|
||||
},
|
||||
enqueueForceUpdate: function (inst, callback) {
|
||||
var internals = get(inst);
|
||||
|
||||
if (internals.queue === null) {
|
||||
warnNoop(inst, 'forceUpdate');
|
||||
} else {
|
||||
{
|
||||
if (callback !== undefined && callback !== null) {
|
||||
warnOnInvalidCallback(callback, 'setState');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
function applyDerivedStateFromProps(instance, ctor, getDerivedStateFromProps, prevState, nextProps) {
|
||||
var partialState = getDerivedStateFromProps(nextProps, prevState);
|
||||
|
||||
{
|
||||
warnOnUndefinedDerivedState(ctor, partialState);
|
||||
} // Merge the partial state and the previous state.
|
||||
|
||||
|
||||
var newState = partialState === null || partialState === undefined ? prevState : assign({}, prevState, partialState);
|
||||
return newState;
|
||||
}
|
||||
|
||||
function constructClassInstance(ctor, props, maskedLegacyContext) {
|
||||
var context = emptyContextObject;
|
||||
var contextType = ctor.contextType;
|
||||
|
||||
{
|
||||
if ('contextType' in ctor) {
|
||||
var isValid = // Allow null for conditional declaration
|
||||
contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE && contextType._context === undefined; // Not a <Context.Consumer>
|
||||
|
||||
if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
|
||||
didWarnAboutInvalidateContextType.add(ctor);
|
||||
var addendum = '';
|
||||
|
||||
if (contextType === undefined) {
|
||||
addendum = ' 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.';
|
||||
} else if (typeof contextType !== 'object') {
|
||||
addendum = ' However, it is set to a ' + typeof contextType + '.';
|
||||
} else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
|
||||
addendum = ' Did you accidentally pass the Context.Provider instead?';
|
||||
} else if (contextType._context !== undefined) {
|
||||
// <Context.Consumer>
|
||||
addendum = ' Did you accidentally pass the Context.Consumer instead?';
|
||||
} else {
|
||||
addendum = ' 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', getComponentNameFromType(ctor) || 'Component', addendum);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof contextType === 'object' && contextType !== null) {
|
||||
context = readContext(contextType);
|
||||
} else {
|
||||
context = maskedLegacyContext;
|
||||
}
|
||||
|
||||
var instance = new ctor(props, context);
|
||||
|
||||
{
|
||||
if (typeof ctor.getDerivedStateFromProps === 'function' && (instance.state === null || instance.state === undefined)) {
|
||||
var componentName = getComponentNameFromType(ctor) || 'Component';
|
||||
|
||||
if (!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, instance.state === null ? 'null' : 'undefined', componentName);
|
||||
}
|
||||
} // If new component APIs are defined, "unsafe" lifecycles won't be called.
|
||||
// Warn about these lifecycles if they are present.
|
||||
// Don't warn about react-lifecycles-compat polyfilled methods though.
|
||||
|
||||
|
||||
if (typeof ctor.getDerivedStateFromProps === 'function' || typeof instance.getSnapshotBeforeUpdate === 'function') {
|
||||
var foundWillMountName = null;
|
||||
var foundWillReceivePropsName = null;
|
||||
var foundWillUpdateName = null;
|
||||
|
||||
if (typeof instance.componentWillMount === 'function' && instance.componentWillMount.__suppressDeprecationWarning !== true) {
|
||||
foundWillMountName = 'componentWillMount';
|
||||
} else if (typeof instance.UNSAFE_componentWillMount === 'function') {
|
||||
foundWillMountName = 'UNSAFE_componentWillMount';
|
||||
}
|
||||
|
||||
if (typeof instance.componentWillReceiveProps === 'function' && instance.componentWillReceiveProps.__suppressDeprecationWarning !== true) {
|
||||
foundWillReceivePropsName = 'componentWillReceiveProps';
|
||||
} else if (typeof instance.UNSAFE_componentWillReceiveProps === 'function') {
|
||||
foundWillReceivePropsName = 'UNSAFE_componentWillReceiveProps';
|
||||
}
|
||||
|
||||
if (typeof instance.componentWillUpdate === 'function' && instance.componentWillUpdate.__suppressDeprecationWarning !== true) {
|
||||
foundWillUpdateName = 'componentWillUpdate';
|
||||
} else if (typeof instance.UNSAFE_componentWillUpdate === 'function') {
|
||||
foundWillUpdateName = 'UNSAFE_componentWillUpdate';
|
||||
}
|
||||
|
||||
if (foundWillMountName !== null || foundWillReceivePropsName !== null || foundWillUpdateName !== null) {
|
||||
var _componentName = getComponentNameFromType(ctor) || 'Component';
|
||||
|
||||
var newApiName = typeof ctor.getDerivedStateFromProps === 'function' ? 'getDerivedStateFromProps()' : 'getSnapshotBeforeUpdate()';
|
||||
|
||||
if (!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\n' + 'The above lifecycles should be removed. Learn more about this warning here:\n' + 'https://reactjs.org/link/unsafe-component-lifecycles', _componentName, newApiName, foundWillMountName !== null ? "\n " + foundWillMountName : '', foundWillReceivePropsName !== null ? "\n " + foundWillReceivePropsName : '', foundWillUpdateName !== null ? "\n " + foundWillUpdateName : '');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return instance;
|
||||
}
|
||||
|
||||
function checkClassInstance(instance, ctor, newProps) {
|
||||
{
|
||||
var name = getComponentNameFromType(ctor) || 'Component';
|
||||
var renderPresent = instance.render;
|
||||
|
||||
if (!renderPresent) {
|
||||
if (ctor.prototype && typeof ctor.prototype.render === 'function') {
|
||||
error('%s(...): No `render` method found on the returned component ' + 'instance: did you accidentally return an object from the constructor?', name);
|
||||
} else {
|
||||
error('%s(...): No `render` method found on the returned component ' + 'instance: you may have forgotten to define `render`.', name);
|
||||
}
|
||||
}
|
||||
|
||||
if (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);
|
||||
}
|
||||
|
||||
if (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);
|
||||
}
|
||||
|
||||
if (instance.propTypes) {
|
||||
error('propTypes was defined as an instance property on %s. Use a static ' + 'property to define propTypes instead.', name);
|
||||
}
|
||||
|
||||
if (instance.contextType) {
|
||||
error('contextType was defined as an instance property on %s. Use a static ' + 'property to define contextType instead.', name);
|
||||
}
|
||||
|
||||
{
|
||||
if (instance.contextTypes) {
|
||||
error('contextTypes was defined as an instance property on %s. Use a static ' + 'property to define contextTypes instead.', name);
|
||||
}
|
||||
|
||||
if (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);
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof instance.componentShouldUpdate === 'function') {
|
||||
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);
|
||||
}
|
||||
|
||||
if (ctor.prototype && ctor.prototype.isPureReactComponent && typeof instance.shouldComponentUpdate !== 'undefined') {
|
||||
error('%s has a method called shouldComponentUpdate(). ' + 'shouldComponentUpdate should not be used when extending React.PureComponent. ' + 'Please extend React.Component if shouldComponentUpdate is used.', getComponentNameFromType(ctor) || 'A pure component');
|
||||
}
|
||||
|
||||
if (typeof instance.componentDidUnmount === 'function') {
|
||||
error('%s has a method called ' + 'componentDidUnmount(). But there is no such lifecycle method. ' + 'Did you mean componentWillUnmount()?', name);
|
||||
}
|
||||
|
||||
if (typeof instance.componentDidReceiveProps === 'function') {
|
||||
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);
|
||||
}
|
||||
|
||||
if (typeof instance.componentWillRecieveProps === 'function') {
|
||||
error('%s has a method called ' + 'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?', name);
|
||||
}
|
||||
|
||||
if (typeof instance.UNSAFE_componentWillRecieveProps === 'function') {
|
||||
error('%s has a method called ' + 'UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?', name);
|
||||
}
|
||||
|
||||
var hasMutatedProps = instance.props !== newProps;
|
||||
|
||||
if (instance.props !== undefined && 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);
|
||||
}
|
||||
|
||||
if (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);
|
||||
}
|
||||
|
||||
if (typeof instance.getSnapshotBeforeUpdate === 'function' && typeof instance.componentDidUpdate !== 'function' && !didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(ctor)) {
|
||||
didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(ctor);
|
||||
|
||||
error('%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). ' + 'This component defines getSnapshotBeforeUpdate() only.', getComponentNameFromType(ctor));
|
||||
}
|
||||
|
||||
if (typeof instance.getDerivedStateFromProps === 'function') {
|
||||
error('%s: getDerivedStateFromProps() is defined as an instance method ' + 'and will be ignored. Instead, declare it as a static method.', name);
|
||||
}
|
||||
|
||||
if (typeof instance.getDerivedStateFromError === 'function') {
|
||||
error('%s: getDerivedStateFromError() is defined as an instance method ' + 'and will be ignored. Instead, declare it as a static method.', name);
|
||||
}
|
||||
|
||||
if (typeof ctor.getSnapshotBeforeUpdate === 'function') {
|
||||
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;
|
||||
|
||||
if (_state && (typeof _state !== 'object' || isArray(_state))) {
|
||||
error('%s.state: must be set to an object or null', name);
|
||||
}
|
||||
|
||||
if (typeof instance.getChildContext === 'function' && typeof ctor.childContextTypes !== 'object') {
|
||||
error('%s.getChildContext(): childContextTypes must be defined in order to ' + 'use getChildContext().', name);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function callComponentWillMount(type, instance) {
|
||||
var oldState = instance.state;
|
||||
|
||||
if (typeof instance.componentWillMount === 'function') {
|
||||
{
|
||||
if ( instance.componentWillMount.__suppressDeprecationWarning !== true) {
|
||||
var componentName = getComponentNameFromType(type) || 'Unknown';
|
||||
|
||||
if (!didWarnAboutDeprecatedWillMount[componentName]) {
|
||||
warn( // keep this warning in sync with ReactStrictModeWarning.js
|
||||
'componentWillMount has been renamed, and is not recommended for use. ' + 'See https://reactjs.org/link/unsafe-component-lifecycles for details.\n\n' + '* Move code from componentWillMount to componentDidMount (preferred in most cases) ' + 'or the constructor.\n' + '\nPlease update the following components: %s', componentName);
|
||||
|
||||
didWarnAboutDeprecatedWillMount[componentName] = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
instance.componentWillMount();
|
||||
}
|
||||
|
||||
if (typeof instance.UNSAFE_componentWillMount === 'function') {
|
||||
instance.UNSAFE_componentWillMount();
|
||||
}
|
||||
|
||||
if (oldState !== instance.state) {
|
||||
{
|
||||
error('%s.componentWillMount(): Assigning directly to this.state is ' + "deprecated (except inside a component's " + 'constructor). Use setState instead.', getComponentNameFromType(type) || 'Component');
|
||||
}
|
||||
|
||||
classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
|
||||
}
|
||||
}
|
||||
|
||||
function processUpdateQueue(internalInstance, inst, props, maskedLegacyContext) {
|
||||
if (internalInstance.queue !== null && internalInstance.queue.length > 0) {
|
||||
var oldQueue = internalInstance.queue;
|
||||
var oldReplace = internalInstance.replace;
|
||||
internalInstance.queue = null;
|
||||
internalInstance.replace = false;
|
||||
|
||||
if (oldReplace && oldQueue.length === 1) {
|
||||
inst.state = oldQueue[0];
|
||||
} else {
|
||||
var nextState = oldReplace ? oldQueue[0] : inst.state;
|
||||
var dontMutate = true;
|
||||
|
||||
for (var i = oldReplace ? 1 : 0; i < oldQueue.length; i++) {
|
||||
var partial = oldQueue[i];
|
||||
var partialState = typeof partial === 'function' ? partial.call(inst, nextState, props, maskedLegacyContext) : partial;
|
||||
|
||||
if (partialState != null) {
|
||||
if (dontMutate) {
|
||||
dontMutate = false;
|
||||
nextState = assign({}, nextState, partialState);
|
||||
} else {
|
||||
assign(nextState, partialState);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
inst.state = nextState;
|
||||
}
|
||||
} else {
|
||||
internalInstance.queue = null;
|
||||
}
|
||||
} // Invokes the mount life-cycles on a previously never rendered instance.
|
||||
|
||||
|
||||
function mountClassInstance(instance, ctor, newProps, maskedLegacyContext) {
|
||||
{
|
||||
checkClassInstance(instance, ctor, newProps);
|
||||
}
|
||||
|
||||
var initialState = instance.state !== undefined ? instance.state : null;
|
||||
instance.updater = classComponentUpdater;
|
||||
instance.props = newProps;
|
||||
instance.state = initialState; // We don't bother initializing the refs object on the server, since we're not going to resolve them anyway.
|
||||
// The internal instance will be used to manage updates that happen during this mount.
|
||||
|
||||
var internalInstance = {
|
||||
queue: [],
|
||||
replace: false
|
||||
};
|
||||
set(instance, internalInstance);
|
||||
var contextType = ctor.contextType;
|
||||
|
||||
if (typeof contextType === 'object' && contextType !== null) {
|
||||
instance.context = readContext(contextType);
|
||||
} else {
|
||||
instance.context = maskedLegacyContext;
|
||||
}
|
||||
|
||||
{
|
||||
if (instance.state === newProps) {
|
||||
var componentName = getComponentNameFromType(ctor) || 'Component';
|
||||
|
||||
if (!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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
|
||||
|
||||
if (typeof getDerivedStateFromProps === 'function') {
|
||||
instance.state = applyDerivedStateFromProps(instance, ctor, getDerivedStateFromProps, initialState, newProps);
|
||||
} // In order to support react-lifecycles-compat polyfilled components,
|
||||
// Unsafe lifecycles should not be invoked for components using the new APIs.
|
||||
|
||||
|
||||
if (typeof ctor.getDerivedStateFromProps !== 'function' && typeof instance.getSnapshotBeforeUpdate !== 'function' && (typeof instance.UNSAFE_componentWillMount === 'function' || typeof instance.componentWillMount === 'function')) {
|
||||
callComponentWillMount(ctor, instance); // If we had additional state updates during this life-cycle, let's
|
||||
// process them now.
|
||||
|
||||
processUpdateQueue(internalInstance, instance, newProps, maskedLegacyContext);
|
||||
}
|
||||
}
|
||||
|
||||
// Ids are base 32 strings whose binary representation corresponds to the
|
||||
// position of a node in a tree.
|
||||
// Every time the tree forks into multiple children, we add additional bits to
|
||||
// the left of the sequence that represent the position of the child within the
|
||||
// current level of children.
|
||||
//
|
||||
// 00101 00010001011010101
|
||||
// ╰─┬─╯ ╰───────┬───────╯
|
||||
// Fork 5 of 20 Parent id
|
||||
//
|
||||
// The leading 0s are important. In the above example, you only need 3 bits to
|
||||
// represent slot 5. However, you need 5 bits to represent all the forks at
|
||||
// the current level, so we must account for the empty bits at the end.
|
||||
//
|
||||
// For this same reason, slots are 1-indexed instead of 0-indexed. Otherwise,
|
||||
// the zeroth id at a level would be indistinguishable from its parent.
|
||||
//
|
||||
// If a node has only one child, and does not materialize an id (i.e. does not
|
||||
// contain a useId hook), then we don't need to allocate any space in the
|
||||
// sequence. It's treated as a transparent indirection. For example, these two
|
||||
// trees produce the same ids:
|
||||
//
|
||||
// <> <>
|
||||
// <Indirection> <A />
|
||||
// <A /> <B />
|
||||
// </Indirection> </>
|
||||
// <B />
|
||||
// </>
|
||||
//
|
||||
// However, we cannot skip any node that materializes an id. Otherwise, a parent
|
||||
// id that does not fork would be indistinguishable from its child id. For
|
||||
// example, this tree does not fork, but the parent and child must have
|
||||
// different ids.
|
||||
//
|
||||
// <Parent>
|
||||
// <Child />
|
||||
// </Parent>
|
||||
//
|
||||
// To handle this scenario, every time we materialize an id, we allocate a
|
||||
// new level with a single slot. You can think of this as a fork with only one
|
||||
// prong, or an array of children with length 1.
|
||||
//
|
||||
// It's possible for the size of the sequence to exceed 32 bits, the max
|
||||
// size for bitwise operations. When this happens, we make more room by
|
||||
// converting the right part of the id to a string and storing it in an overflow
|
||||
// variable. We use a base 32 string representation, because 32 is the largest
|
||||
// power of 2 that is supported by toString(). We want the base to be large so
|
||||
// that the resulting ids are compact, and we want the base to be a power of 2
|
||||
// because every log2(base) bits corresponds to a single character, i.e. every
|
||||
// log2(32) = 5 bits. That means we can lop bits off the end 5 at a time without
|
||||
// affecting the final result.
|
||||
var emptyTreeContext = {
|
||||
id: 1,
|
||||
overflow: ''
|
||||
};
|
||||
function getTreeId(context) {
|
||||
var overflow = context.overflow;
|
||||
var idWithLeadingBit = context.id;
|
||||
var id = idWithLeadingBit & ~getLeadingBit(idWithLeadingBit);
|
||||
return id.toString(32) + overflow;
|
||||
}
|
||||
function pushTreeContext(baseContext, totalChildren, index) {
|
||||
var baseIdWithLeadingBit = baseContext.id;
|
||||
var baseOverflow = baseContext.overflow; // The leftmost 1 marks the end of the sequence, non-inclusive. It's not part
|
||||
// of the id; we use it to account for leading 0s.
|
||||
|
||||
var baseLength = getBitLength(baseIdWithLeadingBit) - 1;
|
||||
var baseId = baseIdWithLeadingBit & ~(1 << baseLength);
|
||||
var slot = index + 1;
|
||||
var length = getBitLength(totalChildren) + baseLength; // 30 is the max length we can store without overflowing, taking into
|
||||
// consideration the leading 1 we use to mark the end of the sequence.
|
||||
|
||||
if (length > 30) {
|
||||
// We overflowed the bitwise-safe range. Fall back to slower algorithm.
|
||||
// This branch assumes the length of the base id is greater than 5; it won't
|
||||
// work for smaller ids, because you need 5 bits per character.
|
||||
//
|
||||
// We encode the id in multiple steps: first the base id, then the
|
||||
// remaining digits.
|
||||
//
|
||||
// Each 5 bit sequence corresponds to a single base 32 character. So for
|
||||
// example, if the current id is 23 bits long, we can convert 20 of those
|
||||
// bits into a string of 4 characters, with 3 bits left over.
|
||||
//
|
||||
// First calculate how many bits in the base id represent a complete
|
||||
// sequence of characters.
|
||||
var numberOfOverflowBits = baseLength - baseLength % 5; // Then create a bitmask that selects only those bits.
|
||||
|
||||
var newOverflowBits = (1 << numberOfOverflowBits) - 1; // Select the bits, and convert them to a base 32 string.
|
||||
|
||||
var newOverflow = (baseId & newOverflowBits).toString(32); // Now we can remove those bits from the base id.
|
||||
|
||||
var restOfBaseId = baseId >> numberOfOverflowBits;
|
||||
var restOfBaseLength = baseLength - numberOfOverflowBits; // Finally, encode the rest of the bits using the normal algorithm. Because
|
||||
// we made more room, this time it won't overflow.
|
||||
|
||||
var restOfLength = getBitLength(totalChildren) + restOfBaseLength;
|
||||
var restOfNewBits = slot << restOfBaseLength;
|
||||
var id = restOfNewBits | restOfBaseId;
|
||||
var overflow = newOverflow + baseOverflow;
|
||||
return {
|
||||
id: 1 << restOfLength | id,
|
||||
overflow: overflow
|
||||
};
|
||||
} else {
|
||||
// Normal path
|
||||
var newBits = slot << baseLength;
|
||||
|
||||
var _id = newBits | baseId;
|
||||
|
||||
var _overflow = baseOverflow;
|
||||
return {
|
||||
id: 1 << length | _id,
|
||||
overflow: _overflow
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
function getBitLength(number) {
|
||||
return 32 - clz32(number);
|
||||
}
|
||||
|
||||
function getLeadingBit(id) {
|
||||
return 1 << getBitLength(id) - 1;
|
||||
} // TODO: Math.clz32 is supported in Node 12+. Maybe we can drop the fallback.
|
||||
|
||||
|
||||
var clz32 = Math.clz32 ? Math.clz32 : clz32Fallback; // Count leading zeros.
|
||||
// Based on:
|
||||
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/clz32
|
||||
|
||||
var log = Math.log;
|
||||
var LN2 = Math.LN2;
|
||||
|
||||
function clz32Fallback(x) {
|
||||
var asUint = x >>> 0;
|
||||
|
||||
if (asUint === 0) {
|
||||
return 32;
|
||||
}
|
||||
|
||||
return 31 - (log(asUint) / LN2 | 0) | 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* inlined Object.is polyfill to avoid requiring consumers ship their own
|
||||
* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
|
||||
*/
|
||||
function is(x, y) {
|
||||
return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare
|
||||
;
|
||||
}
|
||||
|
||||
var objectIs = typeof Object.is === 'function' ? Object.is : is;
|
||||
|
||||
var currentlyRenderingComponent = null;
|
||||
var currentlyRenderingTask = null;
|
||||
var firstWorkInProgressHook = null;
|
||||
var workInProgressHook = null; // Whether the work-in-progress hook is a re-rendered hook
|
||||
|
||||
var isReRender = false; // Whether an update was scheduled during the currently executing render pass.
|
||||
|
||||
var didScheduleRenderPhaseUpdate = false; // Counts the number of useId hooks in this component
|
||||
|
||||
var localIdCounter = 0; // Lazily created map of render-phase updates
|
||||
|
||||
var renderPhaseUpdates = null; // Counter to prevent infinite loops.
|
||||
|
||||
var numberOfReRenders = 0;
|
||||
var RE_RENDER_LIMIT = 25;
|
||||
var isInHookUserCodeInDev = false; // In DEV, this is the name of the currently executing primitive hook
|
||||
|
||||
var currentHookNameInDev;
|
||||
|
||||
function resolveCurrentlyRenderingComponent() {
|
||||
if (currentlyRenderingComponent === null) {
|
||||
throw new 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:\n' + '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' + '2. You might be breaking the Rules of Hooks\n' + '3. You might have more than one copy of React in the same app\n' + 'See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.');
|
||||
}
|
||||
|
||||
{
|
||||
if (isInHookUserCodeInDev) {
|
||||
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');
|
||||
}
|
||||
}
|
||||
|
||||
return currentlyRenderingComponent;
|
||||
}
|
||||
|
||||
function areHookInputsEqual(nextDeps, prevDeps) {
|
||||
if (prevDeps === null) {
|
||||
{
|
||||
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);
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
{
|
||||
// Don't bother comparing lengths in prod because these arrays should be
|
||||
// passed inline.
|
||||
if (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\n' + 'Previous: %s\n' + 'Incoming: %s', currentHookNameInDev, "[" + nextDeps.join(', ') + "]", "[" + prevDeps.join(', ') + "]");
|
||||
}
|
||||
}
|
||||
|
||||
for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
|
||||
if (objectIs(nextDeps[i], prevDeps[i])) {
|
||||
continue;
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
function createHook() {
|
||||
if (numberOfReRenders > 0) {
|
||||
throw new Error('Rendered more hooks than during the previous render');
|
||||
}
|
||||
|
||||
return {
|
||||
memoizedState: null,
|
||||
queue: null,
|
||||
next: null
|
||||
};
|
||||
}
|
||||
|
||||
function createWorkInProgressHook() {
|
||||
if (workInProgressHook === null) {
|
||||
// This is the first hook in the list
|
||||
if (firstWorkInProgressHook === null) {
|
||||
isReRender = false;
|
||||
firstWorkInProgressHook = workInProgressHook = createHook();
|
||||
} else {
|
||||
// There's already a work-in-progress. Reuse it.
|
||||
isReRender = true;
|
||||
workInProgressHook = firstWorkInProgressHook;
|
||||
}
|
||||
} else {
|
||||
if (workInProgressHook.next === null) {
|
||||
isReRender = false; // Append to the end of the list
|
||||
|
||||
workInProgressHook = workInProgressHook.next = createHook();
|
||||
} else {
|
||||
// There's already a work-in-progress. Reuse it.
|
||||
isReRender = true;
|
||||
workInProgressHook = workInProgressHook.next;
|
||||
}
|
||||
}
|
||||
|
||||
return workInProgressHook;
|
||||
}
|
||||
|
||||
function prepareToUseHooks(task, componentIdentity) {
|
||||
currentlyRenderingComponent = componentIdentity;
|
||||
currentlyRenderingTask = task;
|
||||
|
||||
{
|
||||
isInHookUserCodeInDev = false;
|
||||
} // The following should have already been reset
|
||||
// didScheduleRenderPhaseUpdate = false;
|
||||
// localIdCounter = 0;
|
||||
// firstWorkInProgressHook = null;
|
||||
// numberOfReRenders = 0;
|
||||
// renderPhaseUpdates = null;
|
||||
// workInProgressHook = null;
|
||||
|
||||
|
||||
localIdCounter = 0;
|
||||
}
|
||||
function finishHooks(Component, props, children, refOrContext) {
|
||||
// This must be called after every function component to prevent hooks from
|
||||
// being used in classes.
|
||||
while (didScheduleRenderPhaseUpdate) {
|
||||
// Updates were scheduled during the render phase. They are stored in
|
||||
// the `renderPhaseUpdates` map. Call the component again, reusing the
|
||||
// work-in-progress hooks and applying the additional updates on top. Keep
|
||||
// restarting until no more updates are scheduled.
|
||||
didScheduleRenderPhaseUpdate = false;
|
||||
localIdCounter = 0;
|
||||
numberOfReRenders += 1; // Start over from the beginning of the list
|
||||
|
||||
workInProgressHook = null;
|
||||
children = Component(props, refOrContext);
|
||||
}
|
||||
|
||||
resetHooksState();
|
||||
return children;
|
||||
}
|
||||
function checkDidRenderIdHook() {
|
||||
// This should be called immediately after every finishHooks call.
|
||||
// Conceptually, it's part of the return value of finishHooks; it's only a
|
||||
// separate function to avoid using an array tuple.
|
||||
var didRenderIdHook = localIdCounter !== 0;
|
||||
return didRenderIdHook;
|
||||
} // Reset the internal hooks state if an error occurs while rendering a component
|
||||
|
||||
function resetHooksState() {
|
||||
{
|
||||
isInHookUserCodeInDev = false;
|
||||
}
|
||||
|
||||
currentlyRenderingComponent = null;
|
||||
currentlyRenderingTask = null;
|
||||
didScheduleRenderPhaseUpdate = false;
|
||||
firstWorkInProgressHook = null;
|
||||
numberOfReRenders = 0;
|
||||
renderPhaseUpdates = null;
|
||||
workInProgressHook = null;
|
||||
}
|
||||
|
||||
function readContext$1(context) {
|
||||
{
|
||||
if (isInHookUserCodeInDev) {
|
||||
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().');
|
||||
}
|
||||
}
|
||||
|
||||
return readContext(context);
|
||||
}
|
||||
|
||||
function useContext(context) {
|
||||
{
|
||||
currentHookNameInDev = 'useContext';
|
||||
}
|
||||
|
||||
resolveCurrentlyRenderingComponent();
|
||||
return readContext(context);
|
||||
}
|
||||
|
||||
function basicStateReducer(state, action) {
|
||||
// $FlowFixMe: Flow doesn't like mixed types
|
||||
return typeof action === 'function' ? action(state) : action;
|
||||
}
|
||||
|
||||
function useState(initialState) {
|
||||
{
|
||||
currentHookNameInDev = 'useState';
|
||||
}
|
||||
|
||||
return useReducer(basicStateReducer, // useReducer has a special case to support lazy useState initializers
|
||||
initialState);
|
||||
}
|
||||
function useReducer(reducer, initialArg, init) {
|
||||
{
|
||||
if (reducer !== basicStateReducer) {
|
||||
currentHookNameInDev = 'useReducer';
|
||||
}
|
||||
}
|
||||
|
||||
currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
|
||||
workInProgressHook = createWorkInProgressHook();
|
||||
|
||||
if (isReRender) {
|
||||
// This is a re-render. Apply the new render phase updates to the previous
|
||||
// current hook.
|
||||
var queue = workInProgressHook.queue;
|
||||
var dispatch = queue.dispatch;
|
||||
|
||||
if (renderPhaseUpdates !== null) {
|
||||
// Render phase updates are stored in a map of queue -> linked list
|
||||
var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
|
||||
|
||||
if (firstRenderPhaseUpdate !== undefined) {
|
||||
renderPhaseUpdates.delete(queue);
|
||||
var newState = workInProgressHook.memoizedState;
|
||||
var update = firstRenderPhaseUpdate;
|
||||
|
||||
do {
|
||||
// Process this render phase update. We don't have to check the
|
||||
// priority because it will always be the same as the current
|
||||
// render's.
|
||||
var action = update.action;
|
||||
|
||||
{
|
||||
isInHookUserCodeInDev = true;
|
||||
}
|
||||
|
||||
newState = reducer(newState, action);
|
||||
|
||||
{
|
||||
isInHookUserCodeInDev = false;
|
||||
}
|
||||
|
||||
update = update.next;
|
||||
} while (update !== null);
|
||||
|
||||
workInProgressHook.memoizedState = newState;
|
||||
return [newState, dispatch];
|
||||
}
|
||||
}
|
||||
|
||||
return [workInProgressHook.memoizedState, dispatch];
|
||||
} else {
|
||||
{
|
||||
isInHookUserCodeInDev = true;
|
||||
}
|
||||
|
||||
var initialState;
|
||||
|
||||
if (reducer === basicStateReducer) {
|
||||
// Special case for `useState`.
|
||||
initialState = typeof initialArg === 'function' ? initialArg() : initialArg;
|
||||
} else {
|
||||
initialState = init !== undefined ? init(initialArg) : initialArg;
|
||||
}
|
||||
|
||||
{
|
||||
isInHookUserCodeInDev = false;
|
||||
}
|
||||
|
||||
workInProgressHook.memoizedState = initialState;
|
||||
|
||||
var _queue = workInProgressHook.queue = {
|
||||
last: null,
|
||||
dispatch: null
|
||||
};
|
||||
|
||||
var _dispatch = _queue.dispatch = dispatchAction.bind(null, currentlyRenderingComponent, _queue);
|
||||
|
||||
return [workInProgressHook.memoizedState, _dispatch];
|
||||
}
|
||||
}
|
||||
|
||||
function useMemo(nextCreate, deps) {
|
||||
currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
|
||||
workInProgressHook = createWorkInProgressHook();
|
||||
var nextDeps = deps === undefined ? null : deps;
|
||||
|
||||
if (workInProgressHook !== null) {
|
||||
var prevState = workInProgressHook.memoizedState;
|
||||
|
||||
if (prevState !== null) {
|
||||
if (nextDeps !== null) {
|
||||
var prevDeps = prevState[1];
|
||||
|
||||
if (areHookInputsEqual(nextDeps, prevDeps)) {
|
||||
return prevState[0];
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
{
|
||||
isInHookUserCodeInDev = true;
|
||||
}
|
||||
|
||||
var nextValue = nextCreate();
|
||||
|
||||
{
|
||||
isInHookUserCodeInDev = false;
|
||||
}
|
||||
|
||||
workInProgressHook.memoizedState = [nextValue, nextDeps];
|
||||
return nextValue;
|
||||
}
|
||||
|
||||
function useRef(initialValue) {
|
||||
currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
|
||||
workInProgressHook = createWorkInProgressHook();
|
||||
var previousRef = workInProgressHook.memoizedState;
|
||||
|
||||
if (previousRef === null) {
|
||||
var ref = {
|
||||
current: initialValue
|
||||
};
|
||||
|
||||
{
|
||||
Object.seal(ref);
|
||||
}
|
||||
|
||||
workInProgressHook.memoizedState = ref;
|
||||
return ref;
|
||||
} else {
|
||||
return previousRef;
|
||||
}
|
||||
}
|
||||
|
||||
function useLayoutEffect(create, inputs) {
|
||||
{
|
||||
currentHookNameInDev = 'useLayoutEffect';
|
||||
|
||||
error('useLayoutEffect does nothing on the server, because its effect cannot ' + "be encoded into the server renderer's output format. This will lead " + 'to a mismatch between the initial, non-hydrated UI and the intended ' + 'UI. To avoid this, useLayoutEffect should only be used in ' + 'components that render exclusively on the client. ' + 'See https://reactjs.org/link/uselayouteffect-ssr for common fixes.');
|
||||
}
|
||||
}
|
||||
|
||||
function dispatchAction(componentIdentity, queue, action) {
|
||||
if (numberOfReRenders >= RE_RENDER_LIMIT) {
|
||||
throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
|
||||
}
|
||||
|
||||
if (componentIdentity === currentlyRenderingComponent) {
|
||||
// This is a render phase update. Stash it in a lazily-created map of
|
||||
// queue -> linked list of updates. After this render pass, we'll restart
|
||||
// and apply the stashed updates on top of the work-in-progress hook.
|
||||
didScheduleRenderPhaseUpdate = true;
|
||||
var update = {
|
||||
action: action,
|
||||
next: null
|
||||
};
|
||||
|
||||
if (renderPhaseUpdates === null) {
|
||||
renderPhaseUpdates = new Map();
|
||||
}
|
||||
|
||||
var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
|
||||
|
||||
if (firstRenderPhaseUpdate === undefined) {
|
||||
renderPhaseUpdates.set(queue, update);
|
||||
} else {
|
||||
// Append the update to the end of the list.
|
||||
var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
|
||||
|
||||
while (lastRenderPhaseUpdate.next !== null) {
|
||||
lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
|
||||
}
|
||||
|
||||
lastRenderPhaseUpdate.next = update;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function useCallback(callback, deps) {
|
||||
return useMemo(function () {
|
||||
return callback;
|
||||
}, deps);
|
||||
} // TODO Decide on how to implement this hook for server rendering.
|
||||
// If a mutation occurs during render, consider triggering a Suspense boundary
|
||||
// and falling back to client rendering.
|
||||
|
||||
function useMutableSource(source, getSnapshot, subscribe) {
|
||||
resolveCurrentlyRenderingComponent();
|
||||
return getSnapshot(source._source);
|
||||
}
|
||||
|
||||
function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
|
||||
if (getServerSnapshot === undefined) {
|
||||
throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
|
||||
}
|
||||
|
||||
return getServerSnapshot();
|
||||
}
|
||||
|
||||
function useDeferredValue(value) {
|
||||
resolveCurrentlyRenderingComponent();
|
||||
return value;
|
||||
}
|
||||
|
||||
function unsupportedStartTransition() {
|
||||
throw new Error('startTransition cannot be called during server rendering.');
|
||||
}
|
||||
|
||||
function useTransition() {
|
||||
resolveCurrentlyRenderingComponent();
|
||||
return [false, unsupportedStartTransition];
|
||||
}
|
||||
|
||||
function useId() {
|
||||
var task = currentlyRenderingTask;
|
||||
var treeId = getTreeId(task.treeContext);
|
||||
var responseState = currentResponseState;
|
||||
|
||||
if (responseState === null) {
|
||||
throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
|
||||
}
|
||||
|
||||
var localId = localIdCounter++;
|
||||
return makeId(responseState, treeId, localId);
|
||||
}
|
||||
|
||||
function noop() {}
|
||||
|
||||
var Dispatcher = {
|
||||
readContext: readContext$1,
|
||||
useContext: useContext,
|
||||
useMemo: useMemo,
|
||||
useReducer: useReducer,
|
||||
useRef: useRef,
|
||||
useState: useState,
|
||||
useInsertionEffect: noop,
|
||||
useLayoutEffect: useLayoutEffect,
|
||||
useCallback: useCallback,
|
||||
// useImperativeHandle is not run in the server environment
|
||||
useImperativeHandle: noop,
|
||||
// Effects are not run in the server environment.
|
||||
useEffect: noop,
|
||||
// Debugging effect
|
||||
useDebugValue: noop,
|
||||
useDeferredValue: useDeferredValue,
|
||||
useTransition: useTransition,
|
||||
useId: useId,
|
||||
// Subscriptions are not setup in a server environment.
|
||||
useMutableSource: useMutableSource,
|
||||
useSyncExternalStore: useSyncExternalStore
|
||||
};
|
||||
|
||||
var currentResponseState = null;
|
||||
function setCurrentResponseState(responseState) {
|
||||
currentResponseState = responseState;
|
||||
}
|
||||
|
||||
function getStackByComponentStackNode(componentStack) {
|
||||
try {
|
||||
var info = '';
|
||||
var node = componentStack;
|
||||
|
||||
do {
|
||||
switch (node.tag) {
|
||||
case 0:
|
||||
info += describeBuiltInComponentFrame(node.type, null, null);
|
||||
break;
|
||||
|
||||
case 1:
|
||||
info += describeFunctionComponentFrame(node.type, null, null);
|
||||
break;
|
||||
|
||||
case 2:
|
||||
info += describeClassComponentFrame(node.type, null, null);
|
||||
break;
|
||||
}
|
||||
|
||||
node = node.parent;
|
||||
} while (node);
|
||||
|
||||
return info;
|
||||
} catch (x) {
|
||||
return '\nError generating stack: ' + x.message + '\n' + x.stack;
|
||||
}
|
||||
}
|
||||
|
||||
var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
|
||||
var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
var PENDING = 0;
|
||||
var COMPLETED = 1;
|
||||
var FLUSHED = 2;
|
||||
var ABORTED = 3;
|
||||
var ERRORED = 4;
|
||||
var OPEN = 0;
|
||||
var CLOSING = 1;
|
||||
var CLOSED = 2;
|
||||
// This is a default heuristic for how to split up the HTML content into progressive
|
||||
// loading. Our goal is to be able to display additional new content about every 500ms.
|
||||
// Faster than that is unnecessary and should be throttled on the client. It also
|
||||
// adds unnecessary overhead to do more splits. We don't know if it's a higher or lower
|
||||
// end device but higher end suffer less from the overhead than lower end does from
|
||||
// not getting small enough pieces. We error on the side of low end.
|
||||
// We base this on low end 3G speeds which is about 500kbits per second. We assume
|
||||
// that there can be a reasonable drop off from max bandwidth which leaves you with
|
||||
// as little as 80%. We can receive half of that each 500ms - at best. In practice,
|
||||
// a little bandwidth is lost to processing and contention - e.g. CSS and images that
|
||||
// are downloaded along with the main content. So we estimate about half of that to be
|
||||
// the lower end throughput. In other words, we expect that you can at least show
|
||||
// about 12.5kb of content per 500ms. Not counting starting latency for the first
|
||||
// paint.
|
||||
// 500 * 1024 / 8 * .8 * 0.5 / 2
|
||||
var DEFAULT_PROGRESSIVE_CHUNK_SIZE = 12800;
|
||||
|
||||
function defaultErrorHandler(error) {
|
||||
console['error'](error); // Don't transform to our wrapper
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
function noop$1() {}
|
||||
|
||||
function createRequest(children, responseState, rootFormatContext, progressiveChunkSize, onError, onAllReady, onShellReady, onShellError, onFatalError) {
|
||||
var pingedTasks = [];
|
||||
var abortSet = new Set();
|
||||
var request = {
|
||||
destination: null,
|
||||
responseState: responseState,
|
||||
progressiveChunkSize: progressiveChunkSize === undefined ? DEFAULT_PROGRESSIVE_CHUNK_SIZE : progressiveChunkSize,
|
||||
status: OPEN,
|
||||
fatalError: null,
|
||||
nextSegmentId: 0,
|
||||
allPendingTasks: 0,
|
||||
pendingRootTasks: 0,
|
||||
completedRootSegment: null,
|
||||
abortableTasks: abortSet,
|
||||
pingedTasks: pingedTasks,
|
||||
clientRenderedBoundaries: [],
|
||||
completedBoundaries: [],
|
||||
partialBoundaries: [],
|
||||
onError: onError === undefined ? defaultErrorHandler : onError,
|
||||
onAllReady: onAllReady === undefined ? noop$1 : onAllReady,
|
||||
onShellReady: onShellReady === undefined ? noop$1 : onShellReady,
|
||||
onShellError: onShellError === undefined ? noop$1 : onShellError,
|
||||
onFatalError: onFatalError === undefined ? noop$1 : onFatalError
|
||||
}; // This segment represents the root fallback.
|
||||
|
||||
var rootSegment = createPendingSegment(request, 0, null, rootFormatContext, // Root segments are never embedded in Text on either edge
|
||||
false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
|
||||
|
||||
rootSegment.parentFlushed = true;
|
||||
var rootTask = createTask(request, children, null, rootSegment, abortSet, emptyContextObject, rootContextSnapshot, emptyTreeContext);
|
||||
pingedTasks.push(rootTask);
|
||||
return request;
|
||||
}
|
||||
|
||||
function pingTask(request, task) {
|
||||
var pingedTasks = request.pingedTasks;
|
||||
pingedTasks.push(task);
|
||||
|
||||
if (pingedTasks.length === 1) {
|
||||
scheduleWork(function () {
|
||||
return performWork(request);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function createSuspenseBoundary(request, fallbackAbortableTasks) {
|
||||
return {
|
||||
id: UNINITIALIZED_SUSPENSE_BOUNDARY_ID,
|
||||
rootSegmentID: -1,
|
||||
parentFlushed: false,
|
||||
pendingTasks: 0,
|
||||
forceClientRender: false,
|
||||
completedSegments: [],
|
||||
byteSize: 0,
|
||||
fallbackAbortableTasks: fallbackAbortableTasks,
|
||||
errorDigest: null
|
||||
};
|
||||
}
|
||||
|
||||
function createTask(request, node, blockedBoundary, blockedSegment, abortSet, legacyContext, context, treeContext) {
|
||||
request.allPendingTasks++;
|
||||
|
||||
if (blockedBoundary === null) {
|
||||
request.pendingRootTasks++;
|
||||
} else {
|
||||
blockedBoundary.pendingTasks++;
|
||||
}
|
||||
|
||||
var task = {
|
||||
node: node,
|
||||
ping: function () {
|
||||
return pingTask(request, task);
|
||||
},
|
||||
blockedBoundary: blockedBoundary,
|
||||
blockedSegment: blockedSegment,
|
||||
abortSet: abortSet,
|
||||
legacyContext: legacyContext,
|
||||
context: context,
|
||||
treeContext: treeContext
|
||||
};
|
||||
|
||||
{
|
||||
task.componentStack = null;
|
||||
}
|
||||
|
||||
abortSet.add(task);
|
||||
return task;
|
||||
}
|
||||
|
||||
function createPendingSegment(request, index, boundary, formatContext, lastPushedText, textEmbedded) {
|
||||
return {
|
||||
status: PENDING,
|
||||
id: -1,
|
||||
// lazily assigned later
|
||||
index: index,
|
||||
parentFlushed: false,
|
||||
chunks: [],
|
||||
children: [],
|
||||
formatContext: formatContext,
|
||||
boundary: boundary,
|
||||
lastPushedText: lastPushedText,
|
||||
textEmbedded: textEmbedded
|
||||
};
|
||||
} // DEV-only global reference to the currently executing task
|
||||
|
||||
|
||||
var currentTaskInDEV = null;
|
||||
|
||||
function getCurrentStackInDEV() {
|
||||
{
|
||||
if (currentTaskInDEV === null || currentTaskInDEV.componentStack === null) {
|
||||
return '';
|
||||
}
|
||||
|
||||
return getStackByComponentStackNode(currentTaskInDEV.componentStack);
|
||||
}
|
||||
}
|
||||
|
||||
function pushBuiltInComponentStackInDEV(task, type) {
|
||||
{
|
||||
task.componentStack = {
|
||||
tag: 0,
|
||||
parent: task.componentStack,
|
||||
type: type
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
function pushFunctionComponentStackInDEV(task, type) {
|
||||
{
|
||||
task.componentStack = {
|
||||
tag: 1,
|
||||
parent: task.componentStack,
|
||||
type: type
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
function pushClassComponentStackInDEV(task, type) {
|
||||
{
|
||||
task.componentStack = {
|
||||
tag: 2,
|
||||
parent: task.componentStack,
|
||||
type: type
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
function popComponentStackInDEV(task) {
|
||||
{
|
||||
if (task.componentStack === null) {
|
||||
error('Unexpectedly popped too many stack frames. This is a bug in React.');
|
||||
} else {
|
||||
task.componentStack = task.componentStack.parent;
|
||||
}
|
||||
}
|
||||
} // stash the component stack of an unwinding error until it is processed
|
||||
|
||||
|
||||
var lastBoundaryErrorComponentStackDev = null;
|
||||
|
||||
function captureBoundaryErrorDetailsDev(boundary, error) {
|
||||
{
|
||||
var errorMessage;
|
||||
|
||||
if (typeof error === 'string') {
|
||||
errorMessage = error;
|
||||
} else if (error && typeof error.message === 'string') {
|
||||
errorMessage = error.message;
|
||||
} else {
|
||||
// eslint-disable-next-line react-internal/safe-string-coercion
|
||||
errorMessage = String(error);
|
||||
}
|
||||
|
||||
var errorComponentStack = lastBoundaryErrorComponentStackDev || getCurrentStackInDEV();
|
||||
lastBoundaryErrorComponentStackDev = null;
|
||||
boundary.errorMessage = errorMessage;
|
||||
boundary.errorComponentStack = errorComponentStack;
|
||||
}
|
||||
}
|
||||
|
||||
function logRecoverableError(request, error) {
|
||||
// If this callback errors, we intentionally let that error bubble up to become a fatal error
|
||||
// so that someone fixes the error reporting instead of hiding it.
|
||||
var errorDigest = request.onError(error);
|
||||
|
||||
if (errorDigest != null && typeof errorDigest !== 'string') {
|
||||
// eslint-disable-next-line react-internal/prod-error-codes
|
||||
throw new Error("onError returned something with a type other than \"string\". onError should return a string and may return null or undefined but must not return anything else. It received something of type \"" + typeof errorDigest + "\" instead");
|
||||
}
|
||||
|
||||
return errorDigest;
|
||||
}
|
||||
|
||||
function fatalError(request, error) {
|
||||
// This is called outside error handling code such as if the root errors outside
|
||||
// a suspense boundary or if the root suspense boundary's fallback errors.
|
||||
// It's also called if React itself or its host configs errors.
|
||||
var onShellError = request.onShellError;
|
||||
onShellError(error);
|
||||
var onFatalError = request.onFatalError;
|
||||
onFatalError(error);
|
||||
|
||||
if (request.destination !== null) {
|
||||
request.status = CLOSED;
|
||||
closeWithError(request.destination, error);
|
||||
} else {
|
||||
request.status = CLOSING;
|
||||
request.fatalError = error;
|
||||
}
|
||||
}
|
||||
|
||||
function renderSuspenseBoundary(request, task, props) {
|
||||
pushBuiltInComponentStackInDEV(task, 'Suspense');
|
||||
var parentBoundary = task.blockedBoundary;
|
||||
var parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
|
||||
// the fallback so that we can later replace that segment with the content.
|
||||
// This also lets us split out the main content even if it doesn't suspend,
|
||||
// in case it ends up generating a large subtree of content.
|
||||
|
||||
var fallback = props.fallback;
|
||||
var content = props.children;
|
||||
var fallbackAbortSet = new Set();
|
||||
var newBoundary = createSuspenseBoundary(request, fallbackAbortSet);
|
||||
var insertionIndex = parentSegment.chunks.length; // The children of the boundary segment is actually the fallback.
|
||||
|
||||
var boundarySegment = createPendingSegment(request, insertionIndex, newBoundary, parentSegment.formatContext, // boundaries never require text embedding at their edges because comment nodes bound them
|
||||
false, false);
|
||||
parentSegment.children.push(boundarySegment); // The parentSegment has a child Segment at this index so we reset the lastPushedText marker on the parent
|
||||
|
||||
parentSegment.lastPushedText = false; // This segment is the actual child content. We can start rendering that immediately.
|
||||
|
||||
var contentRootSegment = createPendingSegment(request, 0, null, parentSegment.formatContext, // boundaries never require text embedding at their edges because comment nodes bound them
|
||||
false, false); // We mark the root segment as having its parent flushed. It's not really flushed but there is
|
||||
// no parent segment so there's nothing to wait on.
|
||||
|
||||
contentRootSegment.parentFlushed = true; // Currently this is running synchronously. We could instead schedule this to pingedTasks.
|
||||
// I suspect that there might be some efficiency benefits from not creating the suspended task
|
||||
// and instead just using the stack if possible.
|
||||
// TODO: Call this directly instead of messing with saving and restoring contexts.
|
||||
// We can reuse the current context and task to render the content immediately without
|
||||
// context switching. We just need to temporarily switch which boundary and which segment
|
||||
// we're writing to. If something suspends, it'll spawn new suspended task with that context.
|
||||
|
||||
task.blockedBoundary = newBoundary;
|
||||
task.blockedSegment = contentRootSegment;
|
||||
|
||||
try {
|
||||
// We use the safe form because we don't handle suspending here. Only error handling.
|
||||
renderNode(request, task, content);
|
||||
pushSegmentFinale(contentRootSegment.chunks, request.responseState, contentRootSegment.lastPushedText, contentRootSegment.textEmbedded);
|
||||
contentRootSegment.status = COMPLETED;
|
||||
queueCompletedSegment(newBoundary, contentRootSegment);
|
||||
|
||||
if (newBoundary.pendingTasks === 0) {
|
||||
// This must have been the last segment we were waiting on. This boundary is now complete.
|
||||
// Therefore we won't need the fallback. We early return so that we don't have to create
|
||||
// the fallback.
|
||||
popComponentStackInDEV(task);
|
||||
return;
|
||||
}
|
||||
} catch (error) {
|
||||
contentRootSegment.status = ERRORED;
|
||||
newBoundary.forceClientRender = true;
|
||||
newBoundary.errorDigest = logRecoverableError(request, error);
|
||||
|
||||
{
|
||||
captureBoundaryErrorDetailsDev(newBoundary, error);
|
||||
} // We don't need to decrement any task numbers because we didn't spawn any new task.
|
||||
// We don't need to schedule any task because we know the parent has written yet.
|
||||
// We do need to fallthrough to create the fallback though.
|
||||
|
||||
} finally {
|
||||
task.blockedBoundary = parentBoundary;
|
||||
task.blockedSegment = parentSegment;
|
||||
} // We create suspended task for the fallback because we don't want to actually work
|
||||
// on it yet in case we finish the main content, so we queue for later.
|
||||
|
||||
|
||||
var suspendedFallbackTask = createTask(request, fallback, parentBoundary, boundarySegment, fallbackAbortSet, task.legacyContext, task.context, task.treeContext);
|
||||
|
||||
{
|
||||
suspendedFallbackTask.componentStack = task.componentStack;
|
||||
} // TODO: This should be queued at a separate lower priority queue so that we only work
|
||||
// on preparing fallbacks if we don't have any more main content to task on.
|
||||
|
||||
|
||||
request.pingedTasks.push(suspendedFallbackTask);
|
||||
popComponentStackInDEV(task);
|
||||
}
|
||||
|
||||
function renderHostElement(request, task, type, props) {
|
||||
pushBuiltInComponentStackInDEV(task, type);
|
||||
var segment = task.blockedSegment;
|
||||
var children = pushStartInstance(segment.chunks, type, props, request.responseState, segment.formatContext);
|
||||
segment.lastPushedText = false;
|
||||
var prevContext = segment.formatContext;
|
||||
segment.formatContext = getChildFormatContext(prevContext, type, props); // We use the non-destructive form because if something suspends, we still
|
||||
// need to pop back up and finish this subtree of HTML.
|
||||
|
||||
renderNode(request, task, children); // We expect that errors will fatal the whole task and that we don't need
|
||||
// the correct context. Therefore this is not in a finally.
|
||||
|
||||
segment.formatContext = prevContext;
|
||||
pushEndInstance(segment.chunks, type);
|
||||
segment.lastPushedText = false;
|
||||
popComponentStackInDEV(task);
|
||||
}
|
||||
|
||||
function shouldConstruct$1(Component) {
|
||||
return Component.prototype && Component.prototype.isReactComponent;
|
||||
}
|
||||
|
||||
function renderWithHooks(request, task, Component, props, secondArg) {
|
||||
var componentIdentity = {};
|
||||
prepareToUseHooks(task, componentIdentity);
|
||||
var result = Component(props, secondArg);
|
||||
return finishHooks(Component, props, result, secondArg);
|
||||
}
|
||||
|
||||
function finishClassComponent(request, task, instance, Component, props) {
|
||||
var nextChildren = instance.render();
|
||||
|
||||
{
|
||||
if (instance.props !== props) {
|
||||
if (!didWarnAboutReassigningProps) {
|
||||
error('It looks like %s is reassigning its own `this.props` while rendering. ' + 'This is not supported and can lead to confusing bugs.', getComponentNameFromType(Component) || 'a component');
|
||||
}
|
||||
|
||||
didWarnAboutReassigningProps = true;
|
||||
}
|
||||
}
|
||||
|
||||
{
|
||||
var childContextTypes = Component.childContextTypes;
|
||||
|
||||
if (childContextTypes !== null && childContextTypes !== undefined) {
|
||||
var previousContext = task.legacyContext;
|
||||
var mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
|
||||
task.legacyContext = mergedContext;
|
||||
renderNodeDestructive(request, task, nextChildren);
|
||||
task.legacyContext = previousContext;
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
renderNodeDestructive(request, task, nextChildren);
|
||||
}
|
||||
|
||||
function renderClassComponent(request, task, Component, props) {
|
||||
pushClassComponentStackInDEV(task, Component);
|
||||
var maskedContext = getMaskedContext(Component, task.legacyContext) ;
|
||||
var instance = constructClassInstance(Component, props, maskedContext);
|
||||
mountClassInstance(instance, Component, props, maskedContext);
|
||||
finishClassComponent(request, task, instance, Component, props);
|
||||
popComponentStackInDEV(task);
|
||||
}
|
||||
|
||||
var didWarnAboutBadClass = {};
|
||||
var didWarnAboutModulePatternComponent = {};
|
||||
var didWarnAboutContextTypeOnFunctionComponent = {};
|
||||
var didWarnAboutGetDerivedStateOnFunctionComponent = {};
|
||||
var didWarnAboutReassigningProps = false;
|
||||
var didWarnAboutDefaultPropsOnFunctionComponent = {};
|
||||
var didWarnAboutGenerators = false;
|
||||
var didWarnAboutMaps = false;
|
||||
var hasWarnedAboutUsingContextAsConsumer = false; // This would typically be a function component but we still support module pattern
|
||||
// components for some reason.
|
||||
|
||||
function renderIndeterminateComponent(request, task, Component, props) {
|
||||
var legacyContext;
|
||||
|
||||
{
|
||||
legacyContext = getMaskedContext(Component, task.legacyContext);
|
||||
}
|
||||
|
||||
pushFunctionComponentStackInDEV(task, Component);
|
||||
|
||||
{
|
||||
if (Component.prototype && typeof Component.prototype.render === 'function') {
|
||||
var componentName = getComponentNameFromType(Component) || 'Unknown';
|
||||
|
||||
if (!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] = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var value = renderWithHooks(request, task, Component, props, legacyContext);
|
||||
var hasId = checkDidRenderIdHook();
|
||||
|
||||
{
|
||||
// Support for module components is deprecated and is removed behind a flag.
|
||||
// Whether or not it would crash later, we want to show a good message in DEV first.
|
||||
if (typeof value === 'object' && value !== null && typeof value.render === 'function' && value.$$typeof === undefined) {
|
||||
var _componentName = getComponentNameFromType(Component) || 'Unknown';
|
||||
|
||||
if (!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] = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if ( // Run these checks in production only if the flag is off.
|
||||
// Eventually we'll delete this branch altogether.
|
||||
typeof value === 'object' && value !== null && typeof value.render === 'function' && value.$$typeof === undefined) {
|
||||
{
|
||||
var _componentName2 = getComponentNameFromType(Component) || 'Unknown';
|
||||
|
||||
if (!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] = true;
|
||||
}
|
||||
}
|
||||
|
||||
mountClassInstance(value, Component, props, legacyContext);
|
||||
finishClassComponent(request, task, value, Component, props);
|
||||
} else {
|
||||
|
||||
{
|
||||
validateFunctionComponentInDev(Component);
|
||||
} // We're now successfully past this task, and we don't have to pop back to
|
||||
// the previous task every again, so we can use the destructive recursive form.
|
||||
|
||||
|
||||
if (hasId) {
|
||||
// This component materialized an id. We treat this as its own level, with
|
||||
// a single "child" slot.
|
||||
var prevTreeContext = task.treeContext;
|
||||
var totalChildren = 1;
|
||||
var index = 0;
|
||||
task.treeContext = pushTreeContext(prevTreeContext, totalChildren, index);
|
||||
|
||||
try {
|
||||
renderNodeDestructive(request, task, value);
|
||||
} finally {
|
||||
task.treeContext = prevTreeContext;
|
||||
}
|
||||
} else {
|
||||
renderNodeDestructive(request, task, value);
|
||||
}
|
||||
}
|
||||
|
||||
popComponentStackInDEV(task);
|
||||
}
|
||||
|
||||
function validateFunctionComponentInDev(Component) {
|
||||
{
|
||||
if (Component) {
|
||||
if (Component.childContextTypes) {
|
||||
error('%s(...): childContextTypes cannot be defined on a function component.', Component.displayName || Component.name || 'Component');
|
||||
}
|
||||
}
|
||||
|
||||
if ( Component.defaultProps !== undefined) {
|
||||
var componentName = getComponentNameFromType(Component) || 'Unknown';
|
||||
|
||||
if (!didWarnAboutDefaultPropsOnFunctionComponent[componentName]) {
|
||||
error('%s: Support for defaultProps will be removed from function components ' + 'in a future major release. Use JavaScript default parameters instead.', componentName);
|
||||
|
||||
didWarnAboutDefaultPropsOnFunctionComponent[componentName] = true;
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof Component.getDerivedStateFromProps === 'function') {
|
||||
var _componentName3 = getComponentNameFromType(Component) || 'Unknown';
|
||||
|
||||
if (!didWarnAboutGetDerivedStateOnFunctionComponent[_componentName3]) {
|
||||
error('%s: Function components do not support getDerivedStateFromProps.', _componentName3);
|
||||
|
||||
didWarnAboutGetDerivedStateOnFunctionComponent[_componentName3] = true;
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof Component.contextType === 'object' && Component.contextType !== null) {
|
||||
var _componentName4 = getComponentNameFromType(Component) || 'Unknown';
|
||||
|
||||
if (!didWarnAboutContextTypeOnFunctionComponent[_componentName4]) {
|
||||
error('%s: Function components do not support contextType.', _componentName4);
|
||||
|
||||
didWarnAboutContextTypeOnFunctionComponent[_componentName4] = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function resolveDefaultProps(Component, baseProps) {
|
||||
if (Component && Component.defaultProps) {
|
||||
// Resolve default props. Taken from ReactElement
|
||||
var props = assign({}, baseProps);
|
||||
var defaultProps = Component.defaultProps;
|
||||
|
||||
for (var propName in defaultProps) {
|
||||
if (props[propName] === undefined) {
|
||||
props[propName] = defaultProps[propName];
|
||||
}
|
||||
}
|
||||
|
||||
return props;
|
||||
}
|
||||
|
||||
return baseProps;
|
||||
}
|
||||
|
||||
function renderForwardRef(request, task, type, props, ref) {
|
||||
pushFunctionComponentStackInDEV(task, type.render);
|
||||
var children = renderWithHooks(request, task, type.render, props, ref);
|
||||
var hasId = checkDidRenderIdHook();
|
||||
|
||||
if (hasId) {
|
||||
// This component materialized an id. We treat this as its own level, with
|
||||
// a single "child" slot.
|
||||
var prevTreeContext = task.treeContext;
|
||||
var totalChildren = 1;
|
||||
var index = 0;
|
||||
task.treeContext = pushTreeContext(prevTreeContext, totalChildren, index);
|
||||
|
||||
try {
|
||||
renderNodeDestructive(request, task, children);
|
||||
} finally {
|
||||
task.treeContext = prevTreeContext;
|
||||
}
|
||||
} else {
|
||||
renderNodeDestructive(request, task, children);
|
||||
}
|
||||
|
||||
popComponentStackInDEV(task);
|
||||
}
|
||||
|
||||
function renderMemo(request, task, type, props, ref) {
|
||||
var innerType = type.type;
|
||||
var resolvedProps = resolveDefaultProps(innerType, props);
|
||||
renderElement(request, task, innerType, resolvedProps, ref);
|
||||
}
|
||||
|
||||
function renderContextConsumer(request, task, context, props) {
|
||||
// The logic below for Context differs depending on PROD or DEV mode. In
|
||||
// DEV mode, we create a separate object for Context.Consumer that acts
|
||||
// like a proxy to Context. This proxy object adds unnecessary code in PROD
|
||||
// so we use the old behaviour (Context.Consumer references Context) to
|
||||
// reduce size and overhead. The separate object references context via
|
||||
// a property called "_context", which also gives us the ability to check
|
||||
// in DEV mode if this property exists or not and warn if it does not.
|
||||
{
|
||||
if (context._context === undefined) {
|
||||
// This may be because it's a Context (rather than a Consumer).
|
||||
// Or it may be because it's older React where they're the same thing.
|
||||
// We only want to warn if we're sure it's a new React.
|
||||
if (context !== context.Consumer) {
|
||||
if (!hasWarnedAboutUsingContextAsConsumer) {
|
||||
hasWarnedAboutUsingContextAsConsumer = true;
|
||||
|
||||
error('Rendering <Context> directly is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
|
||||
}
|
||||
}
|
||||
} else {
|
||||
context = context._context;
|
||||
}
|
||||
}
|
||||
|
||||
var render = props.children;
|
||||
|
||||
{
|
||||
if (typeof render !== 'function') {
|
||||
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.');
|
||||
}
|
||||
}
|
||||
|
||||
var newValue = readContext(context);
|
||||
var newChildren = render(newValue);
|
||||
renderNodeDestructive(request, task, newChildren);
|
||||
}
|
||||
|
||||
function renderContextProvider(request, task, type, props) {
|
||||
var context = type._context;
|
||||
var value = props.value;
|
||||
var children = props.children;
|
||||
var prevSnapshot;
|
||||
|
||||
{
|
||||
prevSnapshot = task.context;
|
||||
}
|
||||
|
||||
task.context = pushProvider(context, value);
|
||||
renderNodeDestructive(request, task, children);
|
||||
task.context = popProvider(context);
|
||||
|
||||
{
|
||||
if (prevSnapshot !== task.context) {
|
||||
error('Popping the context provider did not return back to the original snapshot. This is a bug in React.');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function renderLazyComponent(request, task, lazyComponent, props, ref) {
|
||||
pushBuiltInComponentStackInDEV(task, 'Lazy');
|
||||
var payload = lazyComponent._payload;
|
||||
var init = lazyComponent._init;
|
||||
var Component = init(payload);
|
||||
var resolvedProps = resolveDefaultProps(Component, props);
|
||||
renderElement(request, task, Component, resolvedProps, ref);
|
||||
popComponentStackInDEV(task);
|
||||
}
|
||||
|
||||
function renderElement(request, task, type, props, ref) {
|
||||
if (typeof type === 'function') {
|
||||
if (shouldConstruct$1(type)) {
|
||||
renderClassComponent(request, task, type, props);
|
||||
return;
|
||||
} else {
|
||||
renderIndeterminateComponent(request, task, type, props);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof type === 'string') {
|
||||
renderHostElement(request, task, type, props);
|
||||
return;
|
||||
}
|
||||
|
||||
switch (type) {
|
||||
// TODO: LegacyHidden acts the same as a fragment. This only works
|
||||
// because we currently assume that every instance of LegacyHidden is
|
||||
// accompanied by a host component wrapper. In the hidden mode, the host
|
||||
// component is given a `hidden` attribute, which ensures that the
|
||||
// initial HTML is not visible. To support the use of LegacyHidden as a
|
||||
// true fragment, without an extra DOM node, we would have to hide the
|
||||
// initial HTML in some other way.
|
||||
// TODO: Add REACT_OFFSCREEN_TYPE here too with the same capability.
|
||||
case REACT_LEGACY_HIDDEN_TYPE:
|
||||
case REACT_DEBUG_TRACING_MODE_TYPE:
|
||||
case REACT_STRICT_MODE_TYPE:
|
||||
case REACT_PROFILER_TYPE:
|
||||
case REACT_FRAGMENT_TYPE:
|
||||
{
|
||||
renderNodeDestructive(request, task, props.children);
|
||||
return;
|
||||
}
|
||||
|
||||
case REACT_SUSPENSE_LIST_TYPE:
|
||||
{
|
||||
pushBuiltInComponentStackInDEV(task, 'SuspenseList'); // TODO: SuspenseList should control the boundaries.
|
||||
|
||||
renderNodeDestructive(request, task, props.children);
|
||||
popComponentStackInDEV(task);
|
||||
return;
|
||||
}
|
||||
|
||||
case REACT_SCOPE_TYPE:
|
||||
{
|
||||
|
||||
throw new Error('ReactDOMServer does not yet support scope components.');
|
||||
}
|
||||
// eslint-disable-next-line-no-fallthrough
|
||||
|
||||
case REACT_SUSPENSE_TYPE:
|
||||
{
|
||||
{
|
||||
renderSuspenseBoundary(request, task, props);
|
||||
}
|
||||
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof type === 'object' && type !== null) {
|
||||
switch (type.$$typeof) {
|
||||
case REACT_FORWARD_REF_TYPE:
|
||||
{
|
||||
renderForwardRef(request, task, type, props, ref);
|
||||
return;
|
||||
}
|
||||
|
||||
case REACT_MEMO_TYPE:
|
||||
{
|
||||
renderMemo(request, task, type, props, ref);
|
||||
return;
|
||||
}
|
||||
|
||||
case REACT_PROVIDER_TYPE:
|
||||
{
|
||||
renderContextProvider(request, task, type, props);
|
||||
return;
|
||||
}
|
||||
|
||||
case REACT_CONTEXT_TYPE:
|
||||
{
|
||||
renderContextConsumer(request, task, type, props);
|
||||
return;
|
||||
}
|
||||
|
||||
case REACT_LAZY_TYPE:
|
||||
{
|
||||
renderLazyComponent(request, task, type, props);
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var info = '';
|
||||
|
||||
{
|
||||
if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
|
||||
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.';
|
||||
}
|
||||
}
|
||||
|
||||
throw new Error('Element type is invalid: expected a string (for built-in ' + 'components) or a class/function (for composite components) ' + ("but got: " + (type == null ? type : typeof type) + "." + info));
|
||||
}
|
||||
|
||||
function validateIterable(iterable, iteratorFn) {
|
||||
{
|
||||
// We don't support rendering Generators because it's a mutation.
|
||||
// See https://github.com/facebook/react/issues/12995
|
||||
if (typeof Symbol === 'function' && // $FlowFixMe Flow doesn't know about toStringTag
|
||||
iterable[Symbol.toStringTag] === 'Generator') {
|
||||
if (!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 = true;
|
||||
} // Warn about using Maps as children
|
||||
|
||||
|
||||
if (iterable.entries === iteratorFn) {
|
||||
if (!didWarnAboutMaps) {
|
||||
error('Using Maps as children is not supported. ' + 'Use an array of keyed ReactElements instead.');
|
||||
}
|
||||
|
||||
didWarnAboutMaps = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function renderNodeDestructive(request, task, node) {
|
||||
{
|
||||
// In Dev we wrap renderNodeDestructiveImpl in a try / catch so we can capture
|
||||
// a component stack at the right place in the tree. We don't do this in renderNode
|
||||
// becuase it is not called at every layer of the tree and we may lose frames
|
||||
try {
|
||||
return renderNodeDestructiveImpl(request, task, node);
|
||||
} catch (x) {
|
||||
if (typeof x === 'object' && x !== null && typeof x.then === 'function') ; else {
|
||||
// This is an error, stash the component stack if it is null.
|
||||
lastBoundaryErrorComponentStackDev = lastBoundaryErrorComponentStackDev !== null ? lastBoundaryErrorComponentStackDev : getCurrentStackInDEV();
|
||||
} // rethrow so normal suspense logic can handle thrown value accordingly
|
||||
|
||||
|
||||
throw x;
|
||||
}
|
||||
}
|
||||
} // This function by it self renders a node and consumes the task by mutating it
|
||||
// to update the current execution state.
|
||||
|
||||
|
||||
function renderNodeDestructiveImpl(request, task, node) {
|
||||
// Stash the node we're working on. We'll pick up from this task in case
|
||||
// something suspends.
|
||||
task.node = node; // Handle object types
|
||||
|
||||
if (typeof node === 'object' && node !== null) {
|
||||
switch (node.$$typeof) {
|
||||
case REACT_ELEMENT_TYPE:
|
||||
{
|
||||
var element = node;
|
||||
var type = element.type;
|
||||
var props = element.props;
|
||||
var ref = element.ref;
|
||||
renderElement(request, task, type, props, ref);
|
||||
return;
|
||||
}
|
||||
|
||||
case REACT_PORTAL_TYPE:
|
||||
throw new Error('Portals are not currently supported by the server renderer. ' + 'Render them conditionally so that they only appear on the client render.');
|
||||
// eslint-disable-next-line-no-fallthrough
|
||||
|
||||
case REACT_LAZY_TYPE:
|
||||
{
|
||||
var lazyNode = node;
|
||||
var payload = lazyNode._payload;
|
||||
var init = lazyNode._init;
|
||||
var resolvedNode;
|
||||
|
||||
{
|
||||
try {
|
||||
resolvedNode = init(payload);
|
||||
} catch (x) {
|
||||
if (typeof x === 'object' && x !== null && typeof x.then === 'function') {
|
||||
// this Lazy initializer is suspending. push a temporary frame onto the stack so it can be
|
||||
// popped off in spawnNewSuspendedTask. This aligns stack behavior between Lazy in element position
|
||||
// vs Component position. We do not want the frame for Errors so we exclusively do this in
|
||||
// the wakeable branch
|
||||
pushBuiltInComponentStackInDEV(task, 'Lazy');
|
||||
}
|
||||
|
||||
throw x;
|
||||
}
|
||||
}
|
||||
|
||||
renderNodeDestructive(request, task, resolvedNode);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if (isArray(node)) {
|
||||
renderChildrenArray(request, task, node);
|
||||
return;
|
||||
}
|
||||
|
||||
var iteratorFn = getIteratorFn(node);
|
||||
|
||||
if (iteratorFn) {
|
||||
{
|
||||
validateIterable(node, iteratorFn);
|
||||
}
|
||||
|
||||
var iterator = iteratorFn.call(node);
|
||||
|
||||
if (iterator) {
|
||||
// We need to know how many total children are in this set, so that we
|
||||
// can allocate enough id slots to acommodate them. So we must exhaust
|
||||
// the iterator before we start recursively rendering the children.
|
||||
// TODO: This is not great but I think it's inherent to the id
|
||||
// generation algorithm.
|
||||
var step = iterator.next(); // If there are not entries, we need to push an empty so we start by checking that.
|
||||
|
||||
if (!step.done) {
|
||||
var children = [];
|
||||
|
||||
do {
|
||||
children.push(step.value);
|
||||
step = iterator.next();
|
||||
} while (!step.done);
|
||||
|
||||
renderChildrenArray(request, task, children);
|
||||
return;
|
||||
}
|
||||
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
var childString = Object.prototype.toString.call(node);
|
||||
throw new Error("Objects are not valid as a React child (found: " + (childString === '[object Object]' ? 'object with keys {' + Object.keys(node).join(', ') + '}' : childString) + "). " + 'If you meant to render a collection of children, use an array ' + 'instead.');
|
||||
}
|
||||
|
||||
if (typeof node === 'string') {
|
||||
var segment = task.blockedSegment;
|
||||
segment.lastPushedText = pushTextInstance(task.blockedSegment.chunks, node, request.responseState, segment.lastPushedText);
|
||||
return;
|
||||
}
|
||||
|
||||
if (typeof node === 'number') {
|
||||
var _segment = task.blockedSegment;
|
||||
_segment.lastPushedText = pushTextInstance(task.blockedSegment.chunks, '' + node, request.responseState, _segment.lastPushedText);
|
||||
return;
|
||||
}
|
||||
|
||||
{
|
||||
if (typeof node === 'function') {
|
||||
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 renderChildrenArray(request, task, children) {
|
||||
var totalChildren = children.length;
|
||||
|
||||
for (var i = 0; i < totalChildren; i++) {
|
||||
var prevTreeContext = task.treeContext;
|
||||
task.treeContext = pushTreeContext(prevTreeContext, totalChildren, i);
|
||||
|
||||
try {
|
||||
// We need to use the non-destructive form so that we can safely pop back
|
||||
// up and render the sibling if something suspends.
|
||||
renderNode(request, task, children[i]);
|
||||
} finally {
|
||||
task.treeContext = prevTreeContext;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function spawnNewSuspendedTask(request, task, x) {
|
||||
// Something suspended, we'll need to create a new segment and resolve it later.
|
||||
var segment = task.blockedSegment;
|
||||
var insertionIndex = segment.chunks.length;
|
||||
var newSegment = createPendingSegment(request, insertionIndex, null, segment.formatContext, // Adopt the parent segment's leading text embed
|
||||
segment.lastPushedText, // Assume we are text embedded at the trailing edge
|
||||
true);
|
||||
segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
|
||||
|
||||
segment.lastPushedText = false;
|
||||
var newTask = createTask(request, task.node, task.blockedBoundary, newSegment, task.abortSet, task.legacyContext, task.context, task.treeContext);
|
||||
|
||||
{
|
||||
if (task.componentStack !== null) {
|
||||
// We pop one task off the stack because the node that suspended will be tried again,
|
||||
// which will add it back onto the stack.
|
||||
newTask.componentStack = task.componentStack.parent;
|
||||
}
|
||||
}
|
||||
|
||||
var ping = newTask.ping;
|
||||
x.then(ping, ping);
|
||||
} // This is a non-destructive form of rendering a node. If it suspends it spawns
|
||||
// a new task and restores the context of this task to what it was before.
|
||||
|
||||
|
||||
function renderNode(request, task, node) {
|
||||
// TODO: Store segment.children.length here and reset it in case something
|
||||
// suspended partially through writing something.
|
||||
// Snapshot the current context in case something throws to interrupt the
|
||||
// process.
|
||||
var previousFormatContext = task.blockedSegment.formatContext;
|
||||
var previousLegacyContext = task.legacyContext;
|
||||
var previousContext = task.context;
|
||||
var previousComponentStack = null;
|
||||
|
||||
{
|
||||
previousComponentStack = task.componentStack;
|
||||
}
|
||||
|
||||
try {
|
||||
return renderNodeDestructive(request, task, node);
|
||||
} catch (x) {
|
||||
resetHooksState();
|
||||
|
||||
if (typeof x === 'object' && x !== null && typeof x.then === 'function') {
|
||||
spawnNewSuspendedTask(request, task, x); // Restore the context. We assume that this will be restored by the inner
|
||||
// functions in case nothing throws so we don't use "finally" here.
|
||||
|
||||
task.blockedSegment.formatContext = previousFormatContext;
|
||||
task.legacyContext = previousLegacyContext;
|
||||
task.context = previousContext; // Restore all active ReactContexts to what they were before.
|
||||
|
||||
switchContext(previousContext);
|
||||
|
||||
{
|
||||
task.componentStack = previousComponentStack;
|
||||
}
|
||||
|
||||
return;
|
||||
} else {
|
||||
// Restore the context. We assume that this will be restored by the inner
|
||||
// functions in case nothing throws so we don't use "finally" here.
|
||||
task.blockedSegment.formatContext = previousFormatContext;
|
||||
task.legacyContext = previousLegacyContext;
|
||||
task.context = previousContext; // Restore all active ReactContexts to what they were before.
|
||||
|
||||
switchContext(previousContext);
|
||||
|
||||
{
|
||||
task.componentStack = previousComponentStack;
|
||||
} // We assume that we don't need the correct context.
|
||||
// Let's terminate the rest of the tree and don't render any siblings.
|
||||
|
||||
|
||||
throw x;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function erroredTask(request, boundary, segment, error) {
|
||||
// Report the error to a global handler.
|
||||
var errorDigest = logRecoverableError(request, error);
|
||||
|
||||
if (boundary === null) {
|
||||
fatalError(request, error);
|
||||
} else {
|
||||
boundary.pendingTasks--;
|
||||
|
||||
if (!boundary.forceClientRender) {
|
||||
boundary.forceClientRender = true;
|
||||
boundary.errorDigest = errorDigest;
|
||||
|
||||
{
|
||||
captureBoundaryErrorDetailsDev(boundary, error);
|
||||
} // Regardless of what happens next, this boundary won't be displayed,
|
||||
// so we can flush it, if the parent already flushed.
|
||||
|
||||
|
||||
if (boundary.parentFlushed) {
|
||||
// We don't have a preference where in the queue this goes since it's likely
|
||||
// to error on the client anyway. However, intentionally client-rendered
|
||||
// boundaries should be flushed earlier so that they can start on the client.
|
||||
// We reuse the same queue for errors.
|
||||
request.clientRenderedBoundaries.push(boundary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
request.allPendingTasks--;
|
||||
|
||||
if (request.allPendingTasks === 0) {
|
||||
var onAllReady = request.onAllReady;
|
||||
onAllReady();
|
||||
}
|
||||
}
|
||||
|
||||
function abortTaskSoft(task) {
|
||||
// This aborts task without aborting the parent boundary that it blocks.
|
||||
// It's used for when we didn't need this task to complete the tree.
|
||||
// If task was needed, then it should use abortTask instead.
|
||||
var request = this;
|
||||
var boundary = task.blockedBoundary;
|
||||
var segment = task.blockedSegment;
|
||||
segment.status = ABORTED;
|
||||
finishedTask(request, boundary, segment);
|
||||
}
|
||||
|
||||
function abortTask(task, request, reason) {
|
||||
// This aborts the task and aborts the parent that it blocks, putting it into
|
||||
// client rendered mode.
|
||||
var boundary = task.blockedBoundary;
|
||||
var segment = task.blockedSegment;
|
||||
segment.status = ABORTED;
|
||||
|
||||
if (boundary === null) {
|
||||
request.allPendingTasks--; // We didn't complete the root so we have nothing to show. We can close
|
||||
// the request;
|
||||
|
||||
if (request.status !== CLOSED) {
|
||||
request.status = CLOSED;
|
||||
|
||||
if (request.destination !== null) {
|
||||
close(request.destination);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
boundary.pendingTasks--;
|
||||
|
||||
if (!boundary.forceClientRender) {
|
||||
boundary.forceClientRender = true;
|
||||
|
||||
var _error = reason === undefined ? new Error('The render was aborted by the server without a reason.') : reason;
|
||||
|
||||
boundary.errorDigest = request.onError(_error);
|
||||
|
||||
{
|
||||
var errorPrefix = 'The server did not finish this Suspense boundary: ';
|
||||
|
||||
if (_error && typeof _error.message === 'string') {
|
||||
_error = errorPrefix + _error.message;
|
||||
} else {
|
||||
// eslint-disable-next-line react-internal/safe-string-coercion
|
||||
_error = errorPrefix + String(_error);
|
||||
}
|
||||
|
||||
var previousTaskInDev = currentTaskInDEV;
|
||||
currentTaskInDEV = task;
|
||||
|
||||
try {
|
||||
captureBoundaryErrorDetailsDev(boundary, _error);
|
||||
} finally {
|
||||
currentTaskInDEV = previousTaskInDev;
|
||||
}
|
||||
}
|
||||
|
||||
if (boundary.parentFlushed) {
|
||||
request.clientRenderedBoundaries.push(boundary);
|
||||
}
|
||||
} // If this boundary was still pending then we haven't already cancelled its fallbacks.
|
||||
// We'll need to abort the fallbacks, which will also error that parent boundary.
|
||||
|
||||
|
||||
boundary.fallbackAbortableTasks.forEach(function (fallbackTask) {
|
||||
return abortTask(fallbackTask, request, reason);
|
||||
});
|
||||
boundary.fallbackAbortableTasks.clear();
|
||||
request.allPendingTasks--;
|
||||
|
||||
if (request.allPendingTasks === 0) {
|
||||
var onAllReady = request.onAllReady;
|
||||
onAllReady();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function queueCompletedSegment(boundary, segment) {
|
||||
if (segment.chunks.length === 0 && segment.children.length === 1 && segment.children[0].boundary === null) {
|
||||
// This is an empty segment. There's nothing to write, so we can instead transfer the ID
|
||||
// to the child. That way any existing references point to the child.
|
||||
var childSegment = segment.children[0];
|
||||
childSegment.id = segment.id;
|
||||
childSegment.parentFlushed = true;
|
||||
|
||||
if (childSegment.status === COMPLETED) {
|
||||
queueCompletedSegment(boundary, childSegment);
|
||||
}
|
||||
} else {
|
||||
var completedSegments = boundary.completedSegments;
|
||||
completedSegments.push(segment);
|
||||
}
|
||||
}
|
||||
|
||||
function finishedTask(request, boundary, segment) {
|
||||
if (boundary === null) {
|
||||
if (segment.parentFlushed) {
|
||||
if (request.completedRootSegment !== null) {
|
||||
throw new Error('There can only be one root segment. This is a bug in React.');
|
||||
}
|
||||
|
||||
request.completedRootSegment = segment;
|
||||
}
|
||||
|
||||
request.pendingRootTasks--;
|
||||
|
||||
if (request.pendingRootTasks === 0) {
|
||||
// We have completed the shell so the shell can't error anymore.
|
||||
request.onShellError = noop$1;
|
||||
var onShellReady = request.onShellReady;
|
||||
onShellReady();
|
||||
}
|
||||
} else {
|
||||
boundary.pendingTasks--;
|
||||
|
||||
if (boundary.forceClientRender) ; else if (boundary.pendingTasks === 0) {
|
||||
// This must have been the last segment we were waiting on. This boundary is now complete.
|
||||
if (segment.parentFlushed) {
|
||||
// Our parent segment already flushed, so we need to schedule this segment to be emitted.
|
||||
// If it is a segment that was aborted, we'll write other content instead so we don't need
|
||||
// to emit it.
|
||||
if (segment.status === COMPLETED) {
|
||||
queueCompletedSegment(boundary, segment);
|
||||
}
|
||||
}
|
||||
|
||||
if (boundary.parentFlushed) {
|
||||
// The segment might be part of a segment that didn't flush yet, but if the boundary's
|
||||
// parent flushed, we need to schedule the boundary to be emitted.
|
||||
request.completedBoundaries.push(boundary);
|
||||
} // We can now cancel any pending task on the fallback since we won't need to show it anymore.
|
||||
// This needs to happen after we read the parentFlushed flags because aborting can finish
|
||||
// work which can trigger user code, which can start flushing, which can change those flags.
|
||||
|
||||
|
||||
boundary.fallbackAbortableTasks.forEach(abortTaskSoft, request);
|
||||
boundary.fallbackAbortableTasks.clear();
|
||||
} else {
|
||||
if (segment.parentFlushed) {
|
||||
// Our parent already flushed, so we need to schedule this segment to be emitted.
|
||||
// If it is a segment that was aborted, we'll write other content instead so we don't need
|
||||
// to emit it.
|
||||
if (segment.status === COMPLETED) {
|
||||
queueCompletedSegment(boundary, segment);
|
||||
var completedSegments = boundary.completedSegments;
|
||||
|
||||
if (completedSegments.length === 1) {
|
||||
// This is the first time since we last flushed that we completed anything.
|
||||
// We can schedule this boundary to emit its partially completed segments early
|
||||
// in case the parent has already been flushed.
|
||||
if (boundary.parentFlushed) {
|
||||
request.partialBoundaries.push(boundary);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
request.allPendingTasks--;
|
||||
|
||||
if (request.allPendingTasks === 0) {
|
||||
// This needs to be called at the very end so that we can synchronously write the result
|
||||
// in the callback if needed.
|
||||
var onAllReady = request.onAllReady;
|
||||
onAllReady();
|
||||
}
|
||||
}
|
||||
|
||||
function retryTask(request, task) {
|
||||
var segment = task.blockedSegment;
|
||||
|
||||
if (segment.status !== PENDING) {
|
||||
// We completed this by other means before we had a chance to retry it.
|
||||
return;
|
||||
} // We restore the context to what it was when we suspended.
|
||||
// We don't restore it after we leave because it's likely that we'll end up
|
||||
// needing a very similar context soon again.
|
||||
|
||||
|
||||
switchContext(task.context);
|
||||
var prevTaskInDEV = null;
|
||||
|
||||
{
|
||||
prevTaskInDEV = currentTaskInDEV;
|
||||
currentTaskInDEV = task;
|
||||
}
|
||||
|
||||
try {
|
||||
// We call the destructive form that mutates this task. That way if something
|
||||
// suspends again, we can reuse the same task instead of spawning a new one.
|
||||
renderNodeDestructive(request, task, task.node);
|
||||
pushSegmentFinale(segment.chunks, request.responseState, segment.lastPushedText, segment.textEmbedded);
|
||||
task.abortSet.delete(task);
|
||||
segment.status = COMPLETED;
|
||||
finishedTask(request, task.blockedBoundary, segment);
|
||||
} catch (x) {
|
||||
resetHooksState();
|
||||
|
||||
if (typeof x === 'object' && x !== null && typeof x.then === 'function') {
|
||||
// Something suspended again, let's pick it back up later.
|
||||
var ping = task.ping;
|
||||
x.then(ping, ping);
|
||||
} else {
|
||||
task.abortSet.delete(task);
|
||||
segment.status = ERRORED;
|
||||
erroredTask(request, task.blockedBoundary, segment, x);
|
||||
}
|
||||
} finally {
|
||||
{
|
||||
currentTaskInDEV = prevTaskInDEV;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function performWork(request) {
|
||||
if (request.status === CLOSED) {
|
||||
return;
|
||||
}
|
||||
|
||||
var prevContext = getActiveContext();
|
||||
var prevDispatcher = ReactCurrentDispatcher$1.current;
|
||||
ReactCurrentDispatcher$1.current = Dispatcher;
|
||||
var prevGetCurrentStackImpl;
|
||||
|
||||
{
|
||||
prevGetCurrentStackImpl = ReactDebugCurrentFrame$1.getCurrentStack;
|
||||
ReactDebugCurrentFrame$1.getCurrentStack = getCurrentStackInDEV;
|
||||
}
|
||||
|
||||
var prevResponseState = currentResponseState;
|
||||
setCurrentResponseState(request.responseState);
|
||||
|
||||
try {
|
||||
var pingedTasks = request.pingedTasks;
|
||||
var i;
|
||||
|
||||
for (i = 0; i < pingedTasks.length; i++) {
|
||||
var task = pingedTasks[i];
|
||||
retryTask(request, task);
|
||||
}
|
||||
|
||||
pingedTasks.splice(0, i);
|
||||
|
||||
if (request.destination !== null) {
|
||||
flushCompletedQueues(request, request.destination);
|
||||
}
|
||||
} catch (error) {
|
||||
logRecoverableError(request, error);
|
||||
fatalError(request, error);
|
||||
} finally {
|
||||
setCurrentResponseState(prevResponseState);
|
||||
ReactCurrentDispatcher$1.current = prevDispatcher;
|
||||
|
||||
{
|
||||
ReactDebugCurrentFrame$1.getCurrentStack = prevGetCurrentStackImpl;
|
||||
}
|
||||
|
||||
if (prevDispatcher === Dispatcher) {
|
||||
// This means that we were in a reentrant work loop. This could happen
|
||||
// in a renderer that supports synchronous work like renderToString,
|
||||
// when it's called from within another renderer.
|
||||
// Normally we don't bother switching the contexts to their root/default
|
||||
// values when leaving because we'll likely need the same or similar
|
||||
// context again. However, when we're inside a synchronous loop like this
|
||||
// we'll to restore the context to what it was before returning.
|
||||
switchContext(prevContext);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function flushSubtree(request, destination, segment) {
|
||||
segment.parentFlushed = true;
|
||||
|
||||
switch (segment.status) {
|
||||
case PENDING:
|
||||
{
|
||||
// We're emitting a placeholder for this segment to be filled in later.
|
||||
// Therefore we'll need to assign it an ID - to refer to it by.
|
||||
var segmentID = segment.id = request.nextSegmentId++; // When this segment finally completes it won't be embedded in text since it will flush separately
|
||||
|
||||
segment.lastPushedText = false;
|
||||
segment.textEmbedded = false;
|
||||
return writePlaceholder(destination, request.responseState, segmentID);
|
||||
}
|
||||
|
||||
case COMPLETED:
|
||||
{
|
||||
segment.status = FLUSHED;
|
||||
var r = true;
|
||||
var chunks = segment.chunks;
|
||||
var chunkIdx = 0;
|
||||
var children = segment.children;
|
||||
|
||||
for (var childIdx = 0; childIdx < children.length; childIdx++) {
|
||||
var nextChild = children[childIdx]; // Write all the chunks up until the next child.
|
||||
|
||||
for (; chunkIdx < nextChild.index; chunkIdx++) {
|
||||
writeChunk(destination, chunks[chunkIdx]);
|
||||
}
|
||||
|
||||
r = flushSegment(request, destination, nextChild);
|
||||
} // Finally just write all the remaining chunks
|
||||
|
||||
|
||||
for (; chunkIdx < chunks.length - 1; chunkIdx++) {
|
||||
writeChunk(destination, chunks[chunkIdx]);
|
||||
}
|
||||
|
||||
if (chunkIdx < chunks.length) {
|
||||
r = writeChunkAndReturn(destination, chunks[chunkIdx]);
|
||||
}
|
||||
|
||||
return r;
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
throw new Error('Aborted, errored or already flushed boundaries should not be flushed again. This is a bug in React.');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function flushSegment(request, destination, segment) {
|
||||
var boundary = segment.boundary;
|
||||
|
||||
if (boundary === null) {
|
||||
// Not a suspense boundary.
|
||||
return flushSubtree(request, destination, segment);
|
||||
}
|
||||
|
||||
boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
|
||||
// emit the content or the fallback now.
|
||||
|
||||
if (boundary.forceClientRender) {
|
||||
// Emit a client rendered suspense boundary wrapper.
|
||||
// We never queue the inner boundary so we'll never emit its content or partial segments.
|
||||
writeStartClientRenderedSuspenseBoundary(destination, request.responseState, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack); // Flush the fallback.
|
||||
|
||||
flushSubtree(request, destination, segment);
|
||||
return writeEndClientRenderedSuspenseBoundary(destination, request.responseState);
|
||||
} else if (boundary.pendingTasks > 0) {
|
||||
// This boundary is still loading. Emit a pending suspense boundary wrapper.
|
||||
// Assign an ID to refer to the future content by.
|
||||
boundary.rootSegmentID = request.nextSegmentId++;
|
||||
|
||||
if (boundary.completedSegments.length > 0) {
|
||||
// If this is at least partially complete, we can queue it to be partially emitted early.
|
||||
request.partialBoundaries.push(boundary);
|
||||
} /// This is the first time we should have referenced this ID.
|
||||
|
||||
|
||||
var id = boundary.id = assignSuspenseBoundaryID(request.responseState);
|
||||
writeStartPendingSuspenseBoundary(destination, request.responseState, id); // Flush the fallback.
|
||||
|
||||
flushSubtree(request, destination, segment);
|
||||
return writeEndPendingSuspenseBoundary(destination, request.responseState);
|
||||
} else if (boundary.byteSize > request.progressiveChunkSize) {
|
||||
// This boundary is large and will be emitted separately so that we can progressively show
|
||||
// other content. We add it to the queue during the flush because we have to ensure that
|
||||
// the parent flushes first so that there's something to inject it into.
|
||||
// We also have to make sure that it's emitted into the queue in a deterministic slot.
|
||||
// I.e. we can't insert it here when it completes.
|
||||
// Assign an ID to refer to the future content by.
|
||||
boundary.rootSegmentID = request.nextSegmentId++;
|
||||
request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
|
||||
|
||||
writeStartPendingSuspenseBoundary(destination, request.responseState, boundary.id); // Flush the fallback.
|
||||
|
||||
flushSubtree(request, destination, segment);
|
||||
return writeEndPendingSuspenseBoundary(destination, request.responseState);
|
||||
} else {
|
||||
// We can inline this boundary's content as a complete boundary.
|
||||
writeStartCompletedSuspenseBoundary(destination, request.responseState);
|
||||
var completedSegments = boundary.completedSegments;
|
||||
|
||||
if (completedSegments.length !== 1) {
|
||||
throw new Error('A previously unvisited boundary must have exactly one root segment. This is a bug in React.');
|
||||
}
|
||||
|
||||
var contentSegment = completedSegments[0];
|
||||
flushSegment(request, destination, contentSegment);
|
||||
return writeEndCompletedSuspenseBoundary(destination, request.responseState);
|
||||
}
|
||||
}
|
||||
|
||||
function flushClientRenderedBoundary(request, destination, boundary) {
|
||||
return writeClientRenderBoundaryInstruction(destination, request.responseState, boundary.id, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
|
||||
}
|
||||
|
||||
function flushSegmentContainer(request, destination, segment) {
|
||||
writeStartSegment(destination, request.responseState, segment.formatContext, segment.id);
|
||||
flushSegment(request, destination, segment);
|
||||
return writeEndSegment(destination, segment.formatContext);
|
||||
}
|
||||
|
||||
function flushCompletedBoundary(request, destination, boundary) {
|
||||
var completedSegments = boundary.completedSegments;
|
||||
var i = 0;
|
||||
|
||||
for (; i < completedSegments.length; i++) {
|
||||
var segment = completedSegments[i];
|
||||
flushPartiallyCompletedSegment(request, destination, boundary, segment);
|
||||
}
|
||||
|
||||
completedSegments.length = 0;
|
||||
return writeCompletedBoundaryInstruction(destination, request.responseState, boundary.id, boundary.rootSegmentID);
|
||||
}
|
||||
|
||||
function flushPartialBoundary(request, destination, boundary) {
|
||||
var completedSegments = boundary.completedSegments;
|
||||
var i = 0;
|
||||
|
||||
for (; i < completedSegments.length; i++) {
|
||||
var segment = completedSegments[i];
|
||||
|
||||
if (!flushPartiallyCompletedSegment(request, destination, boundary, segment)) {
|
||||
i++;
|
||||
completedSegments.splice(0, i); // Only write as much as the buffer wants. Something higher priority
|
||||
// might want to write later.
|
||||
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
completedSegments.splice(0, i);
|
||||
return true;
|
||||
}
|
||||
|
||||
function flushPartiallyCompletedSegment(request, destination, boundary, segment) {
|
||||
if (segment.status === FLUSHED) {
|
||||
// We've already flushed this inline.
|
||||
return true;
|
||||
}
|
||||
|
||||
var segmentID = segment.id;
|
||||
|
||||
if (segmentID === -1) {
|
||||
// This segment wasn't previously referred to. This happens at the root of
|
||||
// a boundary. We make kind of a leap here and assume this is the root.
|
||||
var rootSegmentID = segment.id = boundary.rootSegmentID;
|
||||
|
||||
if (rootSegmentID === -1) {
|
||||
throw new Error('A root segment ID must have been assigned by now. This is a bug in React.');
|
||||
}
|
||||
|
||||
return flushSegmentContainer(request, destination, segment);
|
||||
} else {
|
||||
flushSegmentContainer(request, destination, segment);
|
||||
return writeCompletedSegmentInstruction(destination, request.responseState, segmentID);
|
||||
}
|
||||
}
|
||||
|
||||
function flushCompletedQueues(request, destination) {
|
||||
beginWriting();
|
||||
|
||||
try {
|
||||
// The structure of this is to go through each queue one by one and write
|
||||
// until the sink tells us to stop. When we should stop, we still finish writing
|
||||
// that item fully and then yield. At that point we remove the already completed
|
||||
// items up until the point we completed them.
|
||||
// TODO: Emit preloading.
|
||||
// TODO: It's kind of unfortunate to keep checking this array after we've already
|
||||
// emitted the root.
|
||||
var completedRootSegment = request.completedRootSegment;
|
||||
|
||||
if (completedRootSegment !== null && request.pendingRootTasks === 0) {
|
||||
flushSegment(request, destination, completedRootSegment);
|
||||
request.completedRootSegment = null;
|
||||
writeCompletedRoot(destination, request.responseState);
|
||||
} // We emit client rendering instructions for already emitted boundaries first.
|
||||
// This is so that we can signal to the client to start client rendering them as
|
||||
// soon as possible.
|
||||
|
||||
|
||||
var clientRenderedBoundaries = request.clientRenderedBoundaries;
|
||||
var i;
|
||||
|
||||
for (i = 0; i < clientRenderedBoundaries.length; i++) {
|
||||
var boundary = clientRenderedBoundaries[i];
|
||||
|
||||
if (!flushClientRenderedBoundary(request, destination, boundary)) {
|
||||
request.destination = null;
|
||||
i++;
|
||||
clientRenderedBoundaries.splice(0, i);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
clientRenderedBoundaries.splice(0, i); // Next we emit any complete boundaries. It's better to favor boundaries
|
||||
// that are completely done since we can actually show them, than it is to emit
|
||||
// any individual segments from a partially complete boundary.
|
||||
|
||||
var completedBoundaries = request.completedBoundaries;
|
||||
|
||||
for (i = 0; i < completedBoundaries.length; i++) {
|
||||
var _boundary = completedBoundaries[i];
|
||||
|
||||
if (!flushCompletedBoundary(request, destination, _boundary)) {
|
||||
request.destination = null;
|
||||
i++;
|
||||
completedBoundaries.splice(0, i);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
completedBoundaries.splice(0, i); // Allow anything written so far to flush to the underlying sink before
|
||||
// we continue with lower priorities.
|
||||
|
||||
completeWriting(destination);
|
||||
beginWriting(destination); // TODO: Here we'll emit data used by hydration.
|
||||
// Next we emit any segments of any boundaries that are partially complete
|
||||
// but not deeply complete.
|
||||
|
||||
var partialBoundaries = request.partialBoundaries;
|
||||
|
||||
for (i = 0; i < partialBoundaries.length; i++) {
|
||||
var _boundary2 = partialBoundaries[i];
|
||||
|
||||
if (!flushPartialBoundary(request, destination, _boundary2)) {
|
||||
request.destination = null;
|
||||
i++;
|
||||
partialBoundaries.splice(0, i);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
partialBoundaries.splice(0, i); // Next we check the completed boundaries again. This may have had
|
||||
// boundaries added to it in case they were too larged to be inlined.
|
||||
// New ones might be added in this loop.
|
||||
|
||||
var largeBoundaries = request.completedBoundaries;
|
||||
|
||||
for (i = 0; i < largeBoundaries.length; i++) {
|
||||
var _boundary3 = largeBoundaries[i];
|
||||
|
||||
if (!flushCompletedBoundary(request, destination, _boundary3)) {
|
||||
request.destination = null;
|
||||
i++;
|
||||
largeBoundaries.splice(0, i);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
largeBoundaries.splice(0, i);
|
||||
} finally {
|
||||
completeWriting(destination);
|
||||
|
||||
if (request.allPendingTasks === 0 && request.pingedTasks.length === 0 && request.clientRenderedBoundaries.length === 0 && request.completedBoundaries.length === 0 // We don't need to check any partially completed segments because
|
||||
// either they have pending task or they're complete.
|
||||
) {
|
||||
{
|
||||
if (request.abortableTasks.size !== 0) {
|
||||
error('There was still abortable task at the root when we closed. This is a bug in React.');
|
||||
}
|
||||
} // We're done.
|
||||
|
||||
|
||||
close(destination);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function startWork(request) {
|
||||
scheduleWork(function () {
|
||||
return performWork(request);
|
||||
});
|
||||
}
|
||||
function startFlowing(request, destination) {
|
||||
if (request.status === CLOSING) {
|
||||
request.status = CLOSED;
|
||||
closeWithError(destination, request.fatalError);
|
||||
return;
|
||||
}
|
||||
|
||||
if (request.status === CLOSED) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (request.destination !== null) {
|
||||
// We're already flowing.
|
||||
return;
|
||||
}
|
||||
|
||||
request.destination = destination;
|
||||
|
||||
try {
|
||||
flushCompletedQueues(request, destination);
|
||||
} catch (error) {
|
||||
logRecoverableError(request, error);
|
||||
fatalError(request, error);
|
||||
}
|
||||
} // This is called to early terminate a request. It puts all pending boundaries in client rendered state.
|
||||
|
||||
function abort(request, reason) {
|
||||
try {
|
||||
var abortableTasks = request.abortableTasks;
|
||||
abortableTasks.forEach(function (task) {
|
||||
return abortTask(task, request, reason);
|
||||
});
|
||||
abortableTasks.clear();
|
||||
|
||||
if (request.destination !== null) {
|
||||
flushCompletedQueues(request, request.destination);
|
||||
}
|
||||
} catch (error) {
|
||||
logRecoverableError(request, error);
|
||||
fatalError(request, error);
|
||||
}
|
||||
}
|
||||
|
||||
function renderToReadableStream(children, options) {
|
||||
return new Promise(function (resolve, reject) {
|
||||
var onFatalError;
|
||||
var onAllReady;
|
||||
var allReady = new Promise(function (res, rej) {
|
||||
onAllReady = res;
|
||||
onFatalError = rej;
|
||||
});
|
||||
|
||||
function onShellReady() {
|
||||
var stream = new ReadableStream({
|
||||
type: 'bytes',
|
||||
pull: function (controller) {
|
||||
startFlowing(request, controller);
|
||||
},
|
||||
cancel: function (reason) {
|
||||
abort(request);
|
||||
}
|
||||
}, // $FlowFixMe size() methods are not allowed on byte streams.
|
||||
{
|
||||
highWaterMark: 0
|
||||
}); // TODO: Move to sub-classing ReadableStream.
|
||||
|
||||
stream.allReady = allReady;
|
||||
resolve(stream);
|
||||
}
|
||||
|
||||
function onShellError(error) {
|
||||
// If the shell errors the caller of `renderToReadableStream` won't have access to `allReady`.
|
||||
// However, `allReady` will be rejected by `onFatalError` as well.
|
||||
// So we need to catch the duplicate, uncatchable fatal error in `allReady` to prevent a `UnhandledPromiseRejection`.
|
||||
allReady.catch(function () {});
|
||||
reject(error);
|
||||
}
|
||||
|
||||
var request = createRequest(children, createResponseState(options ? options.identifierPrefix : undefined, options ? options.nonce : undefined, options ? options.bootstrapScriptContent : undefined, options ? options.bootstrapScripts : undefined, options ? options.bootstrapModules : undefined), createRootFormatContext(options ? options.namespaceURI : undefined), options ? options.progressiveChunkSize : undefined, options ? options.onError : undefined, onAllReady, onShellReady, onShellError, onFatalError);
|
||||
|
||||
if (options && options.signal) {
|
||||
var signal = options.signal;
|
||||
|
||||
var listener = function () {
|
||||
abort(request, signal.reason);
|
||||
signal.removeEventListener('abort', listener);
|
||||
};
|
||||
|
||||
signal.addEventListener('abort', listener);
|
||||
}
|
||||
|
||||
startWork(request);
|
||||
});
|
||||
}
|
||||
|
||||
exports.renderToReadableStream = renderToReadableStream;
|
||||
exports.version = ReactVersion;
|
||||
|
||||
})));
|
||||
Generated
Vendored
+76
@@ -0,0 +1,76 @@
|
||||
/**
|
||||
* @license React
|
||||
* react-dom-server.browser.production.min.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(){'use strict';(function(I,M){"object"===typeof exports&&"undefined"!==typeof module?M(exports,require("react")):"function"===typeof define&&define.amd?define(["exports","react"],M):(I=I||self,M(I.ReactDOMServer={},I.React))})(this,function(I,M){function n(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
|
||||
function k(a,b){if(0!==b.length)if(512<b.length)0<A&&(a.enqueue(new Uint8Array(B.buffer,0,A)),B=new Uint8Array(512),A=0),a.enqueue(b);else{var c=B.length-A;c<b.length&&(0===c?a.enqueue(B):(B.set(b.subarray(0,c),A),a.enqueue(B),b=b.subarray(c)),B=new Uint8Array(512),A=0);B.set(b,A);A+=b.length}}function r(a,b){k(a,b);return!0}function Ea(a){B&&0<A&&(a.enqueue(new Uint8Array(B.buffer,0,A)),B=null,A=0)}function p(a){return Fa.encode(a)}function g(a){return Fa.encode(a)}function Ga(a,b){"function"===
|
||||
typeof a.error?a.error(b):a.close()}function Ha(a){if(w.call(Ia,a))return!0;if(w.call(Ja,a))return!1;if(Cb.test(a))return Ia[a]=!0;Ja[a]=!0;return!1}function v(a,b,c,d,f,e,h){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=d;this.attributeNamespace=f;this.mustUseProperty=c;this.propertyName=a;this.type=b;this.sanitizeURL=e;this.removeEmptyString=h}function u(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=Db.exec(a);if(b){var c="",d,f=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b=
|
||||
""";break;case 38:b="&";break;case 39:b="'";break;case 60:b="<";break;case 62:b=">";break;default:continue}f!==d&&(c+=a.substring(f,d));f=d+1;c+=b}a=f!==d?c+a.substring(f,d):c}return a}function Eb(a,b,c,d,f){a=void 0===a?"":a;b=void 0===b?Fb:g('<script nonce="'+u(b)+'">');var e=[];void 0!==c&&e.push(b,p((""+c).replace(Gb,Hb)),Ib);if(void 0!==d)for(c=0;c<d.length;c++)e.push(Jb,p(u(d[c])),Ka);if(void 0!==f)for(d=0;d<f.length;d++)e.push(Kb,p(u(f[d])),Ka);return{bootstrapChunks:e,
|
||||
startInlineScript:b,placeholderPrefix:g(a+"P:"),segmentPrefix:g(a+"S:"),boundaryPrefix:a+"B:",idPrefix:a,nextSuspenseID:0,sentCompleteSegmentFunction:!1,sentCompleteBoundaryFunction:!1,sentClientRenderFunction:!1}}function C(a,b){return{insertionMode:a,selectedValue:b}}function Lb(a){return C("http://www.w3.org/2000/svg"===a?2:"http://www.w3.org/1998/Math/MathML"===a?3:0,null)}function Mb(a,b,c){switch(b){case "select":return C(1,null!=c.value?c.value:c.defaultValue);case "svg":return C(2,null);case "math":return C(3,
|
||||
null);case "foreignObject":return C(1,null);case "table":return C(4,null);case "thead":case "tbody":case "tfoot":return C(5,null);case "colgroup":return C(7,null);case "tr":return C(6,null)}return 4<=a.insertionMode||0===a.insertionMode?C(1,null):a}function La(a,b,c,d){if(""===b)return d;d&&a.push(ka);a.push(p(u(b)));return!0}function Ma(a,b,c){if("object"!==typeof c)throw Error(n(62));b=!0;for(var d in c)if(w.call(c,d)){var f=c[d];if(null!=f&&"boolean"!==typeof f&&""!==f){if(0===d.indexOf("--")){var e=
|
||||
p(u(d));f=p(u((""+f).trim()))}else{e=d;var h=Na.get(e);void 0!==h?e=h:(h=g(u(e.replace(Nb,"-$1").toLowerCase().replace(Ob,"-ms-"))),Na.set(e,h),e=h);f="number"===typeof f?0===f||w.call(U,d)?p(""+f):p(f+"px"):p(u((""+f).trim()))}b?(b=!1,a.push(Pb,e,Oa,f)):a.push(Qb,e,Oa,f)}}b||a.push(J)}function y(a,b,c,d){switch(c){case "style":Ma(a,b,d);return;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":return}if(!(2<c.length)||
|
||||
"o"!==c[0]&&"O"!==c[0]||"n"!==c[1]&&"N"!==c[1])if(b=t.hasOwnProperty(c)?t[c]:null,null!==b){switch(typeof d){case "function":case "symbol":return;case "boolean":if(!b.acceptsBooleans)return}c=p(b.attributeName);switch(b.type){case 3:d&&a.push(E,c,Pa);break;case 4:!0===d?a.push(E,c,Pa):!1!==d&&a.push(E,c,N,p(u(d)),J);break;case 5:isNaN(d)||a.push(E,c,N,p(u(d)),J);break;case 6:!isNaN(d)&&1<=d&&a.push(E,c,N,p(u(d)),J);break;default:b.sanitizeURL&&(d=""+d),a.push(E,c,N,p(u(d)),J)}}else if(Ha(c)){switch(typeof d){case "function":case "symbol":return;
|
||||
case "boolean":if(b=c.toLowerCase().slice(0,5),"data-"!==b&&"aria-"!==b)return}a.push(E,p(c),N,p(u(d)),J)}}function V(a,b,c){if(null!=b){if(null!=c)throw Error(n(60));if("object"!==typeof b||!("__html"in b))throw Error(n(61));b=b.__html;null!==b&&void 0!==b&&a.push(p(""+b))}}function Rb(a){var b="";M.Children.forEach(a,function(a){null!=a&&(b+=a)});return b}function la(a,b,c,d){a.push(z(c));var f=c=null,e;for(e in b)if(w.call(b,e)){var h=b[e];if(null!=h)switch(e){case "children":c=h;break;case "dangerouslySetInnerHTML":f=
|
||||
h;break;default:y(a,d,e,h)}}a.push(F);V(a,f,c);return"string"===typeof c?(a.push(p(u(c))),null):c}function z(a){var b=Qa.get(a);if(void 0===b){if(!Sb.test(a))throw Error(n(65,a));b=g("<"+a);Qa.set(a,b)}return b}function Tb(a,b,c,d,f){switch(b){case "select":a.push(z("select"));var e=null,h=null;for(q in c)if(w.call(c,q)){var m=c[q];if(null!=m)switch(q){case "children":e=m;break;case "dangerouslySetInnerHTML":h=m;break;case "defaultValue":case "value":break;default:y(a,d,q,m)}}a.push(F);V(a,h,e);return e;
|
||||
case "option":h=f.selectedValue;a.push(z("option"));var g=m=null,k=null;var q=null;for(e in c)if(w.call(c,e)){var l=c[e];if(null!=l)switch(e){case "children":m=l;break;case "selected":k=l;break;case "dangerouslySetInnerHTML":q=l;break;case "value":g=l;default:y(a,d,e,l)}}if(null!=h)if(c=null!==g?""+g:Rb(m),ma(h))for(d=0;d<h.length;d++){if(""+h[d]===c){a.push(na);break}}else""+h===c&&a.push(na);else k&&a.push(na);a.push(F);V(a,q,m);return m;case "textarea":a.push(z("textarea"));q=h=e=null;for(m in c)if(w.call(c,
|
||||
m)&&(g=c[m],null!=g))switch(m){case "children":q=g;break;case "value":e=g;break;case "defaultValue":h=g;break;case "dangerouslySetInnerHTML":throw Error(n(91));default:y(a,d,m,g)}null===e&&null!==h&&(e=h);a.push(F);if(null!=q){if(null!=e)throw Error(n(92));if(ma(q)&&1<q.length)throw Error(n(93));e=""+q}"string"===typeof e&&"\n"===e[0]&&a.push(oa);null!==e&&a.push(p(u(""+e)));return null;case "input":a.push(z("input"));g=q=m=e=null;for(h in c)if(w.call(c,h)&&(k=c[h],null!=k))switch(h){case "children":case "dangerouslySetInnerHTML":throw Error(n(399,
|
||||
"input"));case "defaultChecked":g=k;break;case "defaultValue":m=k;break;case "checked":q=k;break;case "value":e=k;break;default:y(a,d,h,k)}null!==q?y(a,d,"checked",q):null!==g&&y(a,d,"checked",g);null!==e?y(a,d,"value",e):null!==m&&y(a,d,"value",m);a.push(Ra);return null;case "menuitem":a.push(z("menuitem"));for(var r in c)if(w.call(c,r)&&(e=c[r],null!=e))switch(r){case "children":case "dangerouslySetInnerHTML":throw Error(n(400));default:y(a,d,r,e)}a.push(F);return null;case "title":a.push(z("title"));
|
||||
e=null;for(l in c)if(w.call(c,l)&&(h=c[l],null!=h))switch(l){case "children":e=h;break;case "dangerouslySetInnerHTML":throw Error(n(434));default:y(a,d,l,h)}a.push(F);return e;case "listing":case "pre":a.push(z(b));h=e=null;for(g in c)if(w.call(c,g)&&(m=c[g],null!=m))switch(g){case "children":e=m;break;case "dangerouslySetInnerHTML":h=m;break;default:y(a,d,g,m)}a.push(F);if(null!=h){if(null!=e)throw Error(n(60));if("object"!==typeof h||!("__html"in h))throw Error(n(61));c=h.__html;null!==c&&void 0!==
|
||||
c&&("string"===typeof c&&0<c.length&&"\n"===c[0]?a.push(oa,p(c)):a.push(p(""+c)))}"string"===typeof e&&"\n"===e[0]&&a.push(oa);return e;case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":a.push(z(b));for(var t in c)if(w.call(c,t)&&(e=c[t],null!=e))switch(t){case "children":case "dangerouslySetInnerHTML":throw Error(n(399,b));default:y(a,d,t,e)}a.push(Ra);return null;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 la(a,
|
||||
c,b,d);case "html":return 0===f.insertionMode&&a.push(Ub),la(a,c,b,d);default:if(-1===b.indexOf("-")&&"string"!==typeof c.is)return la(a,c,b,d);a.push(z(b));h=e=null;for(k in c)if(w.call(c,k)&&(m=c[k],null!=m))switch(k){case "children":e=m;break;case "dangerouslySetInnerHTML":h=m;break;case "style":Ma(a,d,m);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":break;default:Ha(k)&&"function"!==typeof m&&"symbol"!==typeof m&&a.push(E,p(k),N,p(u(m)),J)}a.push(F);V(a,h,e);return e}}
|
||||
function Ta(a,b,c){k(a,Vb);if(null===c)throw Error(n(395));k(a,c);return r(a,Wb)}function Xb(a,b,c,d){switch(c.insertionMode){case 0:case 1:return k(a,Yb),k(a,b.segmentPrefix),k(a,p(d.toString(16))),r(a,Zb);case 2:return k(a,$b),k(a,b.segmentPrefix),k(a,p(d.toString(16))),r(a,ac);case 3:return k(a,bc),k(a,b.segmentPrefix),k(a,p(d.toString(16))),r(a,cc);case 4:return k(a,dc),k(a,b.segmentPrefix),k(a,p(d.toString(16))),r(a,ec);case 5:return k(a,fc),k(a,b.segmentPrefix),k(a,p(d.toString(16))),r(a,gc);
|
||||
case 6:return k(a,hc),k(a,b.segmentPrefix),k(a,p(d.toString(16))),r(a,ic);case 7:return k(a,jc),k(a,b.segmentPrefix),k(a,p(d.toString(16))),r(a,kc);default:throw Error(n(397));}}function lc(a,b){switch(b.insertionMode){case 0:case 1:return r(a,mc);case 2:return r(a,nc);case 3:return r(a,oc);case 4:return r(a,pc);case 5:return r(a,qc);case 6:return r(a,rc);case 7:return r(a,sc);default:throw Error(n(397));}}function pa(a){return JSON.stringify(a).replace(tc,function(a){switch(a){case "<":return"\\u003c";
|
||||
case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}function qa(a){if(null==a)return null;if("function"===typeof a)return a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case Ua:return"Fragment";case Va:return"Portal";case Wa:return"Profiler";case Xa:return"StrictMode";
|
||||
case Ya:return"Suspense";case Za:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case $a:return(a.displayName||"Context")+".Consumer";case ab:return(a._context.displayName||"Context")+".Provider";case bb:var b=a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case cb:return b=a.displayName||null,null!==b?b:qa(a.type)||"Memo";case ra:b=a._payload;a=a._init;try{return qa(a(b))}catch(c){}}return null}function db(a,b){a=a.contextTypes;
|
||||
if(!a)return eb;var c={},d;for(d in a)c[d]=b[d];return c}function W(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error(n(401));}else{if(null===c)throw Error(n(401));W(a,c)}b.context._currentValue=b.value}}function fb(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&fb(a)}function gb(a){var b=a.parent;null!==b&&gb(b);a.context._currentValue=a.value}function hb(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===
|
||||
a)throw Error(n(402));a.depth===b.depth?W(a,b):hb(a,b)}function ib(a,b){var c=b.parent;if(null===c)throw Error(n(402));a.depth===c.depth?W(a,c):ib(a,c);b.context._currentValue=b.value}function X(a){var b=K;b!==a&&(null===b?gb(a):null===a?fb(b):b.depth===a.depth?W(b,a):b.depth>a.depth?hb(b,a):ib(b,a),K=a)}function jb(a,b,c,d){var f=void 0!==a.state?a.state:null;a.updater=kb;a.props=c;a.state=f;var e={queue:[],replace:!1};a._reactInternals=e;var h=b.contextType;a.context="object"===typeof h&&null!==
|
||||
h?h._currentValue:d;h=b.getDerivedStateFromProps;"function"===typeof h&&(h=h(c,f),f=null===h||void 0===h?f:P({},f,h),a.state=f);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&kb.enqueueReplaceState(a,
|
||||
a.state,null),null!==e.queue&&0<e.queue.length)if(b=e.queue,h=e.replace,e.queue=null,e.replace=!1,h&&1===b.length)a.state=b[0];else{e=h?b[0]:a.state;f=!0;for(h=h?1:0;h<b.length;h++){var g=b[h];g="function"===typeof g?g.call(a,e,c,d):g;null!=g&&(f?(f=!1,e=P({},e,g)):P(e,g))}a.state=e}else e.queue=null}function sa(a,b,c){var d=a.id;a=a.overflow;var f=32-Y(d)-1;d&=~(1<<f);c+=1;var e=32-Y(b)+f;if(30<e){var h=f-f%5;e=(d&(1<<h)-1).toString(32);d>>=h;f-=h;return{id:1<<32-Y(b)+f|c<<f|d,overflow:e+a}}return{id:1<<
|
||||
e|c<<f|d,overflow:a}}function uc(a){a>>>=0;return 0===a?32:31-(vc(a)/wc|0)|0}function xc(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}function L(){if(null===D)throw Error(n(321));return D}function lb(){if(0<Z)throw Error(n(312));return{memoizedState:null,queue:null,next:null}}function ta(){null===l?null===aa?(Q=!1,aa=l=lb()):(Q=!0,l=aa):null===l.next?(Q=!1,l=l.next=lb()):(Q=!0,l=l.next);return l}function ua(){va=D=null;ba=!1;aa=null;Z=0;l=G=null}function mb(a,b){return"function"===typeof b?
|
||||
b(a):b}function nb(a,b,c){D=L();l=ta();if(Q){var d=l.queue;b=d.dispatch;if(null!==G&&(c=G.get(d),void 0!==c)){G.delete(d);d=l.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);l.memoizedState=d;return[d,b]}return[l.memoizedState,b]}a=a===mb?"function"===typeof b?b():b:void 0!==c?c(b):b;l.memoizedState=a;a=l.queue={last:null,dispatch:null};a=a.dispatch=yc.bind(null,D,a);return[l.memoizedState,a]}function ob(a,b){D=L();l=ta();b=void 0===b?null:b;if(null!==l){var c=l.memoizedState;if(null!==
|
||||
c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var f=0;f<d.length&&f<b.length;f++)if(!zc(b[f],d[f])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();l.memoizedState=[a,b];return a}function yc(a,b,c){if(25<=Z)throw Error(n(301));if(a===D)if(ba=!0,a={action:c,next:null},null===G&&(G=new Map),c=G.get(b),void 0===c)G.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}function Ac(){throw Error(n(394));}function ca(){}function Bc(a){console.error(a);return null}function R(){}function Cc(a,b,c,d,f,e,
|
||||
h,g,k){var m=[],q=new Set;b={destination:null,responseState:b,progressiveChunkSize:void 0===d?12800:d,status:0,fatalError:null,nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:q,pingedTasks:m,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],onError:void 0===f?Bc:f,onAllReady:void 0===e?R:e,onShellReady:void 0===h?R:h,onShellError:void 0===g?R:g,onFatalError:void 0===k?R:k};c=da(b,0,null,c,!1,!1);c.parentFlushed=!0;a=wa(b,a,null,c,
|
||||
q,eb,null,Dc);m.push(a);return b}function wa(a,b,c,d,f,e,h,g){a.allPendingTasks++;null===c?a.pendingRootTasks++:c.pendingTasks++;var m={node:b,ping:function(){var b=a.pingedTasks;b.push(m);1===b.length&&pb(a)},blockedBoundary:c,blockedSegment:d,abortSet:f,legacyContext:e,context:h,treeContext:g};f.add(m);return m}function da(a,b,c,d,f,e){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],formatContext:d,boundary:c,lastPushedText:f,textEmbedded:e}}function S(a,b){a=a.onError(b);if(null!=
|
||||
a&&"string"!==typeof a)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof a+'" instead');return a}function ea(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,Ga(a.destination,b)):(a.status=1,a.fatalError=b)}function qb(a,b,c,d,f){D={};va=b;T=0;for(a=c(d,f);ba;)ba=!1,T=0,Z+=1,l=null,a=c(d,f);ua();return a}
|
||||
function rb(a,b,c,d,f){f=c.render();var e=d.childContextTypes;if(null!==e&&void 0!==e){var h=b.legacyContext;if("function"!==typeof c.getChildContext)d=h;else{c=c.getChildContext();for(var g in c)if(!(g in e))throw Error(n(108,qa(d)||"Unknown",g));d=P({},h,c)}b.legacyContext=d;x(a,b,f);b.legacyContext=h}else x(a,b,f)}function sb(a,b){if(a&&a.defaultProps){b=P({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}function xa(a,b,c,d,f){if("function"===typeof c)if(c.prototype&&
|
||||
c.prototype.isReactComponent){f=db(c,b.legacyContext);var e=c.contextType;e=new c(d,"object"===typeof e&&null!==e?e._currentValue:f);jb(e,c,d,f);rb(a,b,e,c)}else{e=db(c,b.legacyContext);f=qb(a,b,c,d,e);var h=0!==T;if("object"===typeof f&&null!==f&&"function"===typeof f.render&&void 0===f.$$typeof)jb(f,c,d,e),rb(a,b,f,c);else if(h){d=b.treeContext;b.treeContext=sa(d,1,0);try{x(a,b,f)}finally{b.treeContext=d}}else x(a,b,f)}else if("string"===typeof c){f=b.blockedSegment;e=Tb(f.chunks,c,d,a.responseState,
|
||||
f.formatContext);f.lastPushedText=!1;h=f.formatContext;f.formatContext=Mb(h,c,d);ya(a,b,e);f.formatContext=h;switch(c){case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break;default:f.chunks.push(Ec,p(c),Fc)}f.lastPushedText=!1}else{switch(c){case Gc:case Hc:case Xa:case Wa:case Ua:x(a,b,d.children);return;case Za:x(a,b,d.children);return;case Ic:throw Error(n(343));
|
||||
case Ya:a:{c=b.blockedBoundary;f=b.blockedSegment;e=d.fallback;d=d.children;h=new Set;var g={id:null,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,forceClientRender:!1,completedSegments:[],byteSize:0,fallbackAbortableTasks:h,errorDigest:null},k=da(a,f.chunks.length,g,f.formatContext,!1,!1);f.children.push(k);f.lastPushedText=!1;var l=da(a,0,null,f.formatContext,!1,!1);l.parentFlushed=!0;b.blockedBoundary=g;b.blockedSegment=l;try{if(ya(a,b,d),l.lastPushedText&&l.textEmbedded&&l.chunks.push(ka),
|
||||
l.status=1,fa(g,l),0===g.pendingTasks)break a}catch(q){l.status=4,g.forceClientRender=!0,g.errorDigest=S(a,q)}finally{b.blockedBoundary=c,b.blockedSegment=f}b=wa(a,e,c,k,h,b.legacyContext,b.context,b.treeContext);a.pingedTasks.push(b)}return}if("object"===typeof c&&null!==c)switch(c.$$typeof){case bb:d=qb(a,b,c.render,d,f);if(0!==T){c=b.treeContext;b.treeContext=sa(c,1,0);try{x(a,b,d)}finally{b.treeContext=c}}else x(a,b,d);return;case cb:c=c.type;d=sb(c,d);xa(a,b,c,d,f);return;case ab:f=d.children;
|
||||
c=c._context;d=d.value;e=c._currentValue;c._currentValue=d;h=K;K=d={parent:h,depth:null===h?0:h.depth+1,context:c,parentValue:e,value:d};b.context=d;x(a,b,f);a=K;if(null===a)throw Error(n(403));d=a.parentValue;a.context._currentValue=d===Jc?a.context._defaultValue:d;a=K=a.parent;b.context=a;return;case $a:d=d.children;d=d(c._currentValue);x(a,b,d);return;case ra:f=c._init;c=f(c._payload);d=sb(c,d);xa(a,b,c,d,void 0);return}throw Error(n(130,null==c?c:typeof c,""));}}function x(a,b,c){b.node=c;if("object"===
|
||||
typeof c&&null!==c){switch(c.$$typeof){case Kc:xa(a,b,c.type,c.props,c.ref);return;case Va:throw Error(n(257));case ra:var d=c._init;c=d(c._payload);x(a,b,c);return}if(ma(c)){tb(a,b,c);return}null===c||"object"!==typeof c?d=null:(d=ub&&c[ub]||c["@@iterator"],d="function"===typeof d?d:null);if(d&&(d=d.call(c))){c=d.next();if(!c.done){var f=[];do f.push(c.value),c=d.next();while(!c.done);tb(a,b,f)}return}a=Object.prototype.toString.call(c);throw Error(n(31,"[object Object]"===a?"object with keys {"+
|
||||
Object.keys(c).join(", ")+"}":a));}"string"===typeof c?(d=b.blockedSegment,d.lastPushedText=La(b.blockedSegment.chunks,c,a.responseState,d.lastPushedText)):"number"===typeof c&&(d=b.blockedSegment,d.lastPushedText=La(b.blockedSegment.chunks,""+c,a.responseState,d.lastPushedText))}function tb(a,b,c){for(var d=c.length,f=0;f<d;f++){var e=b.treeContext;b.treeContext=sa(e,d,f);try{ya(a,b,c[f])}finally{b.treeContext=e}}}function ya(a,b,c){var d=b.blockedSegment.formatContext,f=b.legacyContext,e=b.context;
|
||||
try{return x(a,b,c)}catch(O){if(ua(),"object"===typeof O&&null!==O&&"function"===typeof O.then){c=O;var h=b.blockedSegment,g=da(a,h.chunks.length,null,h.formatContext,h.lastPushedText,!0);h.children.push(g);h.lastPushedText=!1;a=wa(a,b.node,b.blockedBoundary,g,b.abortSet,b.legacyContext,b.context,b.treeContext).ping;c.then(a,a);b.blockedSegment.formatContext=d;b.legacyContext=f;b.context=e;X(e)}else throw b.blockedSegment.formatContext=d,b.legacyContext=f,b.context=e,X(e),O;}}function Lc(a){var b=
|
||||
a.blockedBoundary;a=a.blockedSegment;a.status=3;vb(this,b,a)}function wb(a,b,c){var d=a.blockedBoundary;a.blockedSegment.status=3;null===d?(b.allPendingTasks--,2!==b.status&&(b.status=2,null!==b.destination&&b.destination.close())):(d.pendingTasks--,d.forceClientRender||(d.forceClientRender=!0,a=void 0===c?Error(n(432)):c,d.errorDigest=b.onError(a),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(a){return wb(a,b,c)}),d.fallbackAbortableTasks.clear(),
|
||||
b.allPendingTasks--,0===b.allPendingTasks&&(d=b.onAllReady,d()))}function fa(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&fa(a,c)}else a.completedSegments.push(b)}function vb(a,b,c){if(null===b){if(c.parentFlushed){if(null!==a.completedRootSegment)throw Error(n(389));a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&(a.onShellError=R,b=a.onShellReady,b())}else b.pendingTasks--,
|
||||
b.forceClientRender||(0===b.pendingTasks?(c.parentFlushed&&1===c.status&&fa(b,c),b.parentFlushed&&a.completedBoundaries.push(b),b.fallbackAbortableTasks.forEach(Lc,a),b.fallbackAbortableTasks.clear()):c.parentFlushed&&1===c.status&&(fa(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&(a=a.onAllReady,a())}function pb(a){if(2!==a.status){var b=K,c=za.current;za.current=xb;var d=ha;ha=a.responseState;try{var f=a.pingedTasks,
|
||||
e;for(e=0;e<f.length;e++){var h=f[e];var g=a,k=h.blockedSegment;if(0===k.status){X(h.context);try{x(g,h,h.node),k.lastPushedText&&k.textEmbedded&&k.chunks.push(ka),h.abortSet.delete(h),k.status=1,vb(g,h.blockedBoundary,k)}catch(H){if(ua(),"object"===typeof H&&null!==H&&"function"===typeof H.then){var l=h.ping;H.then(l,l)}else{h.abortSet.delete(h);k.status=4;var q=h.blockedBoundary,n=H,p=S(g,n);null===q?ea(g,n):(q.pendingTasks--,q.forceClientRender||(q.forceClientRender=!0,q.errorDigest=p,q.parentFlushed&&
|
||||
g.clientRenderedBoundaries.push(q)));g.allPendingTasks--;if(0===g.allPendingTasks){var r=g.onAllReady;r()}}}finally{}}}f.splice(0,e);null!==a.destination&&Aa(a,a.destination)}catch(H){S(a,H),ea(a,H)}finally{ha=d,za.current=c,c===xb&&X(b)}}}function ia(a,b,c){c.parentFlushed=!0;switch(c.status){case 0:var d=c.id=a.nextSegmentId++;c.lastPushedText=!1;c.textEmbedded=!1;a=a.responseState;k(b,Mc);k(b,a.placeholderPrefix);a=p(d.toString(16));k(b,a);return r(b,Nc);case 1:c.status=2;var f=!0;d=c.chunks;var e=
|
||||
0;c=c.children;for(var g=0;g<c.length;g++){for(f=c[g];e<f.index;e++)k(b,d[e]);f=ja(a,b,f)}for(;e<d.length-1;e++)k(b,d[e]);e<d.length&&(f=r(b,d[e]));return f;default:throw Error(n(390));}}function ja(a,b,c){var d=c.boundary;if(null===d)return ia(a,b,c);d.parentFlushed=!0;if(d.forceClientRender)d=d.errorDigest,r(b,Oc),k(b,Pc),d&&(k(b,Qc),k(b,p(u(d))),k(b,Rc)),r(b,Sc),ia(a,b,c);else if(0<d.pendingTasks){d.rootSegmentID=a.nextSegmentId++;0<d.completedSegments.length&&a.partialBoundaries.push(d);var f=
|
||||
a.responseState;var e=f.nextSuspenseID++;f=g(f.boundaryPrefix+e.toString(16));d=d.id=f;Ta(b,a.responseState,d);ia(a,b,c)}else if(d.byteSize>a.progressiveChunkSize)d.rootSegmentID=a.nextSegmentId++,a.completedBoundaries.push(d),Ta(b,a.responseState,d.id),ia(a,b,c);else{r(b,Tc);c=d.completedSegments;if(1!==c.length)throw Error(n(391));ja(a,b,c[0])}return r(b,Uc)}function yb(a,b,c){Xb(b,a.responseState,c.formatContext,c.id);ja(a,b,c);return lc(b,c.formatContext)}function zb(a,b,c){for(var d=c.completedSegments,
|
||||
f=0;f<d.length;f++)Ab(a,b,c,d[f]);d.length=0;a=a.responseState;d=c.id;c=c.rootSegmentID;k(b,a.startInlineScript);a.sentCompleteBoundaryFunction?k(b,Vc):(a.sentCompleteBoundaryFunction=!0,k(b,Wc));if(null===d)throw Error(n(395));c=p(c.toString(16));k(b,d);k(b,Xc);k(b,a.segmentPrefix);k(b,c);return r(b,Yc)}function Ab(a,b,c,d){if(2===d.status)return!0;var f=d.id;if(-1===f){if(-1===(d.id=c.rootSegmentID))throw Error(n(392));return yb(a,b,d)}yb(a,b,d);a=a.responseState;k(b,a.startInlineScript);a.sentCompleteSegmentFunction?
|
||||
k(b,Zc):(a.sentCompleteSegmentFunction=!0,k(b,$c));k(b,a.segmentPrefix);f=p(f.toString(16));k(b,f);k(b,ad);k(b,a.placeholderPrefix);k(b,f);return r(b,bd)}function Aa(a,b){B=new Uint8Array(512);A=0;try{var c=a.completedRootSegment;if(null!==c&&0===a.pendingRootTasks){ja(a,b,c);a.completedRootSegment=null;var d=a.responseState.bootstrapChunks;for(c=0;c<d.length-1;c++)k(b,d[c]);c<d.length&&r(b,d[c])}var f=a.clientRenderedBoundaries,e;for(e=0;e<f.length;e++){var g=f[e];d=b;var m=a.responseState,l=g.id,
|
||||
t=g.errorDigest,q=g.errorMessage,u=g.errorComponentStack;k(d,m.startInlineScript);m.sentClientRenderFunction?k(d,cd):(m.sentClientRenderFunction=!0,k(d,dd));if(null===l)throw Error(n(395));k(d,l);k(d,ed);if(t||q||u)k(d,Ba),k(d,p(pa(t||"")));if(q||u)k(d,Ba),k(d,p(pa(q||"")));u&&(k(d,Ba),k(d,p(pa(u))));if(!r(d,fd)){a.destination=null;e++;f.splice(0,e);return}}f.splice(0,e);var v=a.completedBoundaries;for(e=0;e<v.length;e++)if(!zb(a,b,v[e])){a.destination=null;e++;v.splice(0,e);return}v.splice(0,e);
|
||||
Ea(b);B=new Uint8Array(512);A=0;var w=a.partialBoundaries;for(e=0;e<w.length;e++){var y=w[e];a:{f=a;g=b;var x=y.completedSegments;for(m=0;m<x.length;m++)if(!Ab(f,g,y,x[m])){m++;x.splice(0,m);var C=!1;break a}x.splice(0,m);C=!0}if(!C){a.destination=null;e++;w.splice(0,e);return}}w.splice(0,e);var z=a.completedBoundaries;for(e=0;e<z.length;e++)if(!zb(a,b,z[e])){a.destination=null;e++;z.splice(0,e);return}z.splice(0,e)}finally{Ea(b),0===a.allPendingTasks&&0===a.pingedTasks.length&&0===a.clientRenderedBoundaries.length&&
|
||||
0===a.completedBoundaries.length&&b.close()}}function Bb(a,b){try{var c=a.abortableTasks;c.forEach(function(c){return wb(c,a,b)});c.clear();null!==a.destination&&Aa(a,a.destination)}catch(d){S(a,d),ea(a,d)}}var B=null,A=0,Fa=new TextEncoder,w=Object.prototype.hasOwnProperty,Cb=/^[: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][: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\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,
|
||||
Ja={},Ia={},t={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(a){t[a]=new v(a,0,!1,a,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){var b=a[0];t[b]=new v(b,1,!1,a[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(a){t[a]=new v(a,2,!1,a.toLowerCase(),null,
|
||||
!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){t[a]=new v(a,2,!1,a,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".split(" ").forEach(function(a){t[a]=new v(a,3,!1,a.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(a){t[a]=
|
||||
new v(a,3,!0,a,null,!1,!1)});["capture","download"].forEach(function(a){t[a]=new v(a,4,!1,a,null,!1,!1)});["cols","rows","size","span"].forEach(function(a){t[a]=new v(a,6,!1,a,null,!1,!1)});["rowSpan","start"].forEach(function(a){t[a]=new v(a,5,!1,a.toLowerCase(),null,!1,!1)});var Ca=/[\-:]([a-z])/g,Da=function(a){return a[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".split(" ").forEach(function(a){var b=
|
||||
a.replace(Ca,Da);t[b]=new v(b,1,!1,a,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(a){var b=a.replace(Ca,Da);t[b]=new v(b,1,!1,a,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(a){var b=a.replace(Ca,Da);t[b]=new v(b,1,!1,a,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(a){t[a]=new v(a,1,!1,a.toLowerCase(),null,!1,!1)});t.xlinkHref=new v("xlinkHref",
|
||||
1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(a){t[a]=new v(a,1,!1,a.toLowerCase(),null,!0,!0)});var U={animationIterationCount:!0,aspectRatio:!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},gd=["Webkit","ms","Moz","O"];Object.keys(U).forEach(function(a){gd.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);U[b]=U[a]})});var Db=/["'&<>]/,Nb=/([A-Z])/g,Ob=/^ms-/,ma=Array.isArray,
|
||||
Fb=g("<script>"),Ib=g("\x3c/script>"),Jb=g('<script src="'),Kb=g('<script type="module" src="'),Ka=g('" async="">\x3c/script>'),Gb=/(<\/|<)(s)(cript)/gi,Hb=function(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d},ka=g("\x3c!-- --\x3e"),Na=new Map,Pb=g(' style="'),Oa=g(":"),Qb=g(";"),E=g(" "),N=g('="'),J=g('"'),Pa=g('=""'),F=g(">"),Ra=g("/>"),na=g(' selected=""'),oa=g("\n"),Sb=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,Qa=new Map,Ub=g("<!DOCTYPE html>"),Ec=g("</"),Fc=g(">"),Mc=g('<template id="'),Nc=g('"></template>'),
|
||||
Tc=g("\x3c!--$--\x3e"),Vb=g('\x3c!--$?--\x3e<template id="'),Wb=g('"></template>'),Oc=g("\x3c!--$!--\x3e"),Uc=g("\x3c!--/$--\x3e"),Pc=g("<template"),Rc=g('"'),Qc=g(' data-dgst="');g(' data-msg="');g(' data-stck="');var Sc=g("></template>"),Yb=g('<div hidden id="'),Zb=g('">'),mc=g("</div>"),$b=g('<svg aria-hidden="true" style="display:none" id="'),ac=g('">'),nc=g("</svg>"),bc=g('<math aria-hidden="true" style="display:none" id="'),cc=g('">'),oc=g("</math>"),dc=g('<table hidden id="'),ec=g('">'),pc=
|
||||
g("</table>"),fc=g('<table hidden><tbody id="'),gc=g('">'),qc=g("</tbody></table>"),hc=g('<table hidden><tr id="'),ic=g('">'),rc=g("</tr></table>"),jc=g('<table hidden><colgroup id="'),kc=g('">'),sc=g("</colgroup></table>"),$c=g('function $RS(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("'),Zc=g('$RS("'),ad=g('","'),bd=g('")\x3c/script>'),Wc=g('function $RC(a,b){a=document.getElementById(a);b=document.getElementById(b);b.parentNode.removeChild(b);if(a){a=a.previousSibling;var f=a.parentNode,c=a.nextSibling,e=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d)if(0===e)break;else e--;else"$"!==d&&"$?"!==d&&"$!"!==d||e++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;b.firstChild;)f.insertBefore(b.firstChild,c);a.data="$";a._reactRetry&&a._reactRetry()}};$RC("'),
|
||||
Vc=g('$RC("'),Xc=g('","'),Yc=g('")\x3c/script>'),dd=g('function $RX(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())};$RX("'),cd=g('$RX("'),ed=g('"'),fd=g(")\x3c/script>"),Ba=g(","),tc=/[<\u2028\u2029]/g,P=Object.assign,Kc=Symbol.for("react.element"),Va=Symbol.for("react.portal"),Ua=Symbol.for("react.fragment"),Xa=Symbol.for("react.strict_mode"),Wa=Symbol.for("react.profiler"),ab=Symbol.for("react.provider"),
|
||||
$a=Symbol.for("react.context"),bb=Symbol.for("react.forward_ref"),Ya=Symbol.for("react.suspense"),Za=Symbol.for("react.suspense_list"),cb=Symbol.for("react.memo"),ra=Symbol.for("react.lazy"),Ic=Symbol.for("react.scope"),Hc=Symbol.for("react.debug_trace_mode"),Gc=Symbol.for("react.legacy_hidden"),Jc=Symbol.for("react.default_value"),ub=Symbol.iterator,eb={},K=null,kb={isMounted:function(a){return!1},enqueueSetState:function(a,b,c){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,
|
||||
b,c){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(a,b){}},Dc={id:1,overflow:""},Y=Math.clz32?Math.clz32:uc,vc=Math.log,wc=Math.LN2,zc="function"===typeof Object.is?Object.is:xc,D=null,va=null,aa=null,l=null,Q=!1,ba=!1,T=0,G=null,Z=0,xb={readContext:function(a){return a._currentValue},useContext:function(a){L();return a._currentValue},useMemo:ob,useReducer:nb,useRef:function(a){D=L();l=ta();var b=l.memoizedState;return null===b?(a={current:a},l.memoizedState=a):b},useState:function(a){return nb(mb,
|
||||
a)},useInsertionEffect:ca,useLayoutEffect:function(a,b){},useCallback:function(a,b){return ob(function(){return a},b)},useImperativeHandle:ca,useEffect:ca,useDebugValue:ca,useDeferredValue:function(a){L();return a},useTransition:function(){L();return[!1,Ac]},useId:function(){var a=va.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-Y(a)-1)).toString(32)+b;var c=ha;if(null===c)throw Error(n(404));b=T++;a=":"+c.idPrefix+"R"+a;0<b&&(a+="H"+b.toString(32));return a+":"},useMutableSource:function(a,b,
|
||||
c){L();return b(a._source)},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error(n(407));return c()}},ha=null,za=M.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher;I.renderToReadableStream=function(a,b){return new Promise(function(c,d){var f,e,g=new Promise(function(a,b){e=a;f=b}),k=Cc(a,Eb(b?b.identifierPrefix:void 0,b?b.nonce:void 0,b?b.bootstrapScriptContent:void 0,b?b.bootstrapScripts:void 0,b?b.bootstrapModules:void 0),Lb(b?b.namespaceURI:void 0),b?b.progressiveChunkSize:
|
||||
void 0,b?b.onError:void 0,e,function(){var a=new ReadableStream({type:"bytes",pull:function(a){if(1===k.status)k.status=2,Ga(a,k.fatalError);else if(2!==k.status&&null===k.destination){k.destination=a;try{Aa(k,a)}catch(Sa){S(k,Sa),ea(k,Sa)}}},cancel:function(a){Bb(k)}},{highWaterMark:0});a.allReady=g;c(a)},function(a){g.catch(function(){});d(a)},f);if(b&&b.signal){var l=b.signal,n=function(){Bb(k,l.reason);l.removeEventListener("abort",n)};l.addEventListener("abort",n)}pb(k)})};I.version="18.3.1"});
|
||||
})();
|
||||
+1759
@@ -0,0 +1,1759 @@
|
||||
/**
|
||||
* @license React
|
||||
* react-dom-test-utils.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) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom')) :
|
||||
typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-dom'], factory) :
|
||||
(global = global || self, factory(global.ReactTestUtils = {}, global.React, global.ReactDOM));
|
||||
}(this, (function (exports, React, ReactDOM) { 'use strict';
|
||||
|
||||
var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
||||
|
||||
// by calls to these methods by a Babel plugin.
|
||||
//
|
||||
// In PROD (or in packages without access to React internals),
|
||||
// they are left as they are instead.
|
||||
|
||||
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) {
|
||||
// When changing this logic, you might want to also
|
||||
// update consoleWithStackDev.www.js as well.
|
||||
{
|
||||
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
||||
var stack = ReactDebugCurrentFrame.getStackAddendum();
|
||||
|
||||
if (stack !== '') {
|
||||
format += '%s';
|
||||
args = args.concat([stack]);
|
||||
} // eslint-disable-next-line react-internal/safe-string-coercion
|
||||
|
||||
|
||||
var argsWithFormat = args.map(function (item) {
|
||||
return String(item);
|
||||
}); // Careful: RN currently depends on this prefix
|
||||
|
||||
argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
|
||||
// breaks IE9: https://github.com/facebook/react/issues/13610
|
||||
// eslint-disable-next-line react-internal/no-production-logging
|
||||
|
||||
Function.prototype.apply.call(console[level], console, argsWithFormat);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* `ReactInstanceMap` maintains a mapping from a public facing stateful
|
||||
* instance (key) and the internal representation (value). This allows public
|
||||
* methods to accept the user facing instance as an argument and map them back
|
||||
* to internal methods.
|
||||
*
|
||||
* Note that this module is currently shared and assumed to be stateless.
|
||||
* If this becomes an actual Map, that will break.
|
||||
*/
|
||||
function get(key) {
|
||||
return key._reactInternals;
|
||||
}
|
||||
|
||||
var FunctionComponent = 0;
|
||||
var ClassComponent = 1;
|
||||
|
||||
var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
|
||||
|
||||
var HostComponent = 5;
|
||||
var HostText = 6;
|
||||
|
||||
// Don't change these two values. They're used by React Dev Tools.
|
||||
var NoFlags =
|
||||
/* */
|
||||
0;
|
||||
|
||||
var Placement =
|
||||
/* */
|
||||
2;
|
||||
var Hydrating =
|
||||
/* */
|
||||
4096;
|
||||
|
||||
var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
|
||||
function getNearestMountedFiber(fiber) {
|
||||
var node = fiber;
|
||||
var nearestMounted = fiber;
|
||||
|
||||
if (!fiber.alternate) {
|
||||
// If there is no alternate, this might be a new tree that isn't inserted
|
||||
// yet. If it is, then it will have a pending insertion effect on it.
|
||||
var nextNode = node;
|
||||
|
||||
do {
|
||||
node = nextNode;
|
||||
|
||||
if ((node.flags & (Placement | Hydrating)) !== NoFlags) {
|
||||
// This is an insertion or in-progress hydration. The nearest possible
|
||||
// mounted fiber is the parent but we need to continue to figure out
|
||||
// if that one is still mounted.
|
||||
nearestMounted = node.return;
|
||||
}
|
||||
|
||||
nextNode = node.return;
|
||||
} while (nextNode);
|
||||
} else {
|
||||
while (node.return) {
|
||||
node = node.return;
|
||||
}
|
||||
}
|
||||
|
||||
if (node.tag === HostRoot) {
|
||||
// TODO: Check if this was a nested HostRoot when used with
|
||||
// renderContainerIntoSubtree.
|
||||
return nearestMounted;
|
||||
} // If we didn't hit the root, that means that we're in an disconnected tree
|
||||
// that has been unmounted.
|
||||
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
function assertIsMounted(fiber) {
|
||||
if (getNearestMountedFiber(fiber) !== fiber) {
|
||||
throw new Error('Unable to find node on an unmounted component.');
|
||||
}
|
||||
}
|
||||
|
||||
function findCurrentFiberUsingSlowPath(fiber) {
|
||||
var alternate = fiber.alternate;
|
||||
|
||||
if (!alternate) {
|
||||
// If there is no alternate, then we only need to check if it is mounted.
|
||||
var nearestMounted = getNearestMountedFiber(fiber);
|
||||
|
||||
if (nearestMounted === null) {
|
||||
throw new Error('Unable to find node on an unmounted component.');
|
||||
}
|
||||
|
||||
if (nearestMounted !== fiber) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return fiber;
|
||||
} // If we have two possible branches, we'll walk backwards up to the root
|
||||
// to see what path the root points to. On the way we may hit one of the
|
||||
// special cases and we'll deal with them.
|
||||
|
||||
|
||||
var a = fiber;
|
||||
var b = alternate;
|
||||
|
||||
while (true) {
|
||||
var parentA = a.return;
|
||||
|
||||
if (parentA === null) {
|
||||
// We're at the root.
|
||||
break;
|
||||
}
|
||||
|
||||
var parentB = parentA.alternate;
|
||||
|
||||
if (parentB === null) {
|
||||
// There is no alternate. This is an unusual case. Currently, it only
|
||||
// happens when a Suspense component is hidden. An extra fragment fiber
|
||||
// is inserted in between the Suspense fiber and its children. Skip
|
||||
// over this extra fragment fiber and proceed to the next parent.
|
||||
var nextParent = parentA.return;
|
||||
|
||||
if (nextParent !== null) {
|
||||
a = b = nextParent;
|
||||
continue;
|
||||
} // If there's no parent, we're at the root.
|
||||
|
||||
|
||||
break;
|
||||
} // If both copies of the parent fiber point to the same child, we can
|
||||
// assume that the child is current. This happens when we bailout on low
|
||||
// priority: the bailed out fiber's child reuses the current child.
|
||||
|
||||
|
||||
if (parentA.child === parentB.child) {
|
||||
var child = parentA.child;
|
||||
|
||||
while (child) {
|
||||
if (child === a) {
|
||||
// We've determined that A is the current branch.
|
||||
assertIsMounted(parentA);
|
||||
return fiber;
|
||||
}
|
||||
|
||||
if (child === b) {
|
||||
// We've determined that B is the current branch.
|
||||
assertIsMounted(parentA);
|
||||
return alternate;
|
||||
}
|
||||
|
||||
child = child.sibling;
|
||||
} // We should never have an alternate for any mounting node. So the only
|
||||
// way this could possibly happen is if this was unmounted, if at all.
|
||||
|
||||
|
||||
throw new Error('Unable to find node on an unmounted component.');
|
||||
}
|
||||
|
||||
if (a.return !== b.return) {
|
||||
// The return pointer of A and the return pointer of B point to different
|
||||
// fibers. We assume that return pointers never criss-cross, so A must
|
||||
// belong to the child set of A.return, and B must belong to the child
|
||||
// set of B.return.
|
||||
a = parentA;
|
||||
b = parentB;
|
||||
} else {
|
||||
// The return pointers point to the same fiber. We'll have to use the
|
||||
// default, slow path: scan the child sets of each parent alternate to see
|
||||
// which child belongs to which set.
|
||||
//
|
||||
// Search parent A's child set
|
||||
var didFindChild = false;
|
||||
var _child = parentA.child;
|
||||
|
||||
while (_child) {
|
||||
if (_child === a) {
|
||||
didFindChild = true;
|
||||
a = parentA;
|
||||
b = parentB;
|
||||
break;
|
||||
}
|
||||
|
||||
if (_child === b) {
|
||||
didFindChild = true;
|
||||
b = parentA;
|
||||
a = parentB;
|
||||
break;
|
||||
}
|
||||
|
||||
_child = _child.sibling;
|
||||
}
|
||||
|
||||
if (!didFindChild) {
|
||||
// Search parent B's child set
|
||||
_child = parentB.child;
|
||||
|
||||
while (_child) {
|
||||
if (_child === a) {
|
||||
didFindChild = true;
|
||||
a = parentB;
|
||||
b = parentA;
|
||||
break;
|
||||
}
|
||||
|
||||
if (_child === b) {
|
||||
didFindChild = true;
|
||||
b = parentB;
|
||||
a = parentA;
|
||||
break;
|
||||
}
|
||||
|
||||
_child = _child.sibling;
|
||||
}
|
||||
|
||||
if (!didFindChild) {
|
||||
throw new 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 new Error("Return fibers should always be each others' alternates. " + 'This error is likely caused by a bug in React. Please file an issue.');
|
||||
}
|
||||
} // If the root is not a host container, we're in a disconnected tree. I.e.
|
||||
// unmounted.
|
||||
|
||||
|
||||
if (a.tag !== HostRoot) {
|
||||
throw new Error('Unable to find node on an unmounted component.');
|
||||
}
|
||||
|
||||
if (a.stateNode.current === a) {
|
||||
// We've determined that A is the current branch.
|
||||
return fiber;
|
||||
} // Otherwise B has to be current branch.
|
||||
|
||||
|
||||
return alternate;
|
||||
}
|
||||
|
||||
var assign = Object.assign;
|
||||
|
||||
/**
|
||||
* `charCode` represents the actual "character code" and is safe to use with
|
||||
* `String.fromCharCode`. As such, only keys that correspond to printable
|
||||
* characters produce a valid `charCode`, the only exception to this is Enter.
|
||||
* The Tab-key is considered non-printable and does not have a `charCode`,
|
||||
* presumably because it does not produce a tab-character in browsers.
|
||||
*
|
||||
* @param {object} nativeEvent Native browser event.
|
||||
* @return {number} Normalized `charCode` property.
|
||||
*/
|
||||
function getEventCharCode(nativeEvent) {
|
||||
var charCode;
|
||||
var keyCode = nativeEvent.keyCode;
|
||||
|
||||
if ('charCode' in nativeEvent) {
|
||||
charCode = nativeEvent.charCode; // FF does not set `charCode` for the Enter-key, check against `keyCode`.
|
||||
|
||||
if (charCode === 0 && keyCode === 13) {
|
||||
charCode = 13;
|
||||
}
|
||||
} else {
|
||||
// IE8 does not implement `charCode`, but `keyCode` has the correct value.
|
||||
charCode = keyCode;
|
||||
} // IE and Edge (on Windows) and Chrome / Safari (on Windows and Linux)
|
||||
// report Enter as charCode 10 when ctrl is pressed.
|
||||
|
||||
|
||||
if (charCode === 10) {
|
||||
charCode = 13;
|
||||
} // Some non-printable keys are reported in `charCode`/`keyCode`, discard them.
|
||||
// Must not discard the (non-)printable Enter-key.
|
||||
|
||||
|
||||
if (charCode >= 32 || charCode === 13) {
|
||||
return charCode;
|
||||
}
|
||||
|
||||
return 0;
|
||||
}
|
||||
|
||||
function functionThatReturnsTrue() {
|
||||
return true;
|
||||
}
|
||||
|
||||
function functionThatReturnsFalse() {
|
||||
return false;
|
||||
} // This is intentionally a factory so that we have different returned constructors.
|
||||
// If we had a single constructor, it would be megamorphic and engines would deopt.
|
||||
|
||||
|
||||
function createSyntheticEvent(Interface) {
|
||||
/**
|
||||
* Synthetic events are dispatched by event plugins, typically in response to a
|
||||
* top-level event delegation handler.
|
||||
*
|
||||
* These systems should generally use pooling to reduce the frequency of garbage
|
||||
* collection. The system should check `isPersistent` to determine whether the
|
||||
* event should be released into the pool after being dispatched. Users that
|
||||
* need a persisted event should invoke `persist`.
|
||||
*
|
||||
* Synthetic events (and subclasses) implement the DOM Level 3 Events API by
|
||||
* normalizing browser quirks. Subclasses do not necessarily have to implement a
|
||||
* DOM interface; custom application-specific events can also subclass this.
|
||||
*/
|
||||
function SyntheticBaseEvent(reactName, reactEventType, targetInst, nativeEvent, nativeEventTarget) {
|
||||
this._reactName = reactName;
|
||||
this._targetInst = targetInst;
|
||||
this.type = reactEventType;
|
||||
this.nativeEvent = nativeEvent;
|
||||
this.target = nativeEventTarget;
|
||||
this.currentTarget = null;
|
||||
|
||||
for (var _propName in Interface) {
|
||||
if (!Interface.hasOwnProperty(_propName)) {
|
||||
continue;
|
||||
}
|
||||
|
||||
var normalize = Interface[_propName];
|
||||
|
||||
if (normalize) {
|
||||
this[_propName] = normalize(nativeEvent);
|
||||
} else {
|
||||
this[_propName] = nativeEvent[_propName];
|
||||
}
|
||||
}
|
||||
|
||||
var defaultPrevented = nativeEvent.defaultPrevented != null ? nativeEvent.defaultPrevented : nativeEvent.returnValue === false;
|
||||
|
||||
if (defaultPrevented) {
|
||||
this.isDefaultPrevented = functionThatReturnsTrue;
|
||||
} else {
|
||||
this.isDefaultPrevented = functionThatReturnsFalse;
|
||||
}
|
||||
|
||||
this.isPropagationStopped = functionThatReturnsFalse;
|
||||
return this;
|
||||
}
|
||||
|
||||
assign(SyntheticBaseEvent.prototype, {
|
||||
preventDefault: function () {
|
||||
this.defaultPrevented = true;
|
||||
var event = this.nativeEvent;
|
||||
|
||||
if (!event) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (event.preventDefault) {
|
||||
event.preventDefault(); // $FlowFixMe - flow is not aware of `unknown` in IE
|
||||
} else if (typeof event.returnValue !== 'unknown') {
|
||||
event.returnValue = false;
|
||||
}
|
||||
|
||||
this.isDefaultPrevented = functionThatReturnsTrue;
|
||||
},
|
||||
stopPropagation: function () {
|
||||
var event = this.nativeEvent;
|
||||
|
||||
if (!event) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (event.stopPropagation) {
|
||||
event.stopPropagation(); // $FlowFixMe - flow is not aware of `unknown` in IE
|
||||
} else if (typeof event.cancelBubble !== 'unknown') {
|
||||
// The ChangeEventPlugin registers a "propertychange" event for
|
||||
// IE. This event does not support bubbling or cancelling, and
|
||||
// any references to cancelBubble throw "Member not found". A
|
||||
// typeof check of "unknown" circumvents this issue (and is also
|
||||
// IE specific).
|
||||
event.cancelBubble = true;
|
||||
}
|
||||
|
||||
this.isPropagationStopped = functionThatReturnsTrue;
|
||||
},
|
||||
|
||||
/**
|
||||
* We release all dispatched `SyntheticEvent`s after each event loop, adding
|
||||
* them back into the pool. This allows a way to hold onto a reference that
|
||||
* won't be added back into the pool.
|
||||
*/
|
||||
persist: function () {// Modern event system doesn't use pooling.
|
||||
},
|
||||
|
||||
/**
|
||||
* Checks if this event should be released back into the pool.
|
||||
*
|
||||
* @return {boolean} True if this should not be released, false otherwise.
|
||||
*/
|
||||
isPersistent: functionThatReturnsTrue
|
||||
});
|
||||
return SyntheticBaseEvent;
|
||||
}
|
||||
/**
|
||||
* @interface Event
|
||||
* @see http://www.w3.org/TR/DOM-Level-3-Events/
|
||||
*/
|
||||
|
||||
|
||||
var EventInterface = {
|
||||
eventPhase: 0,
|
||||
bubbles: 0,
|
||||
cancelable: 0,
|
||||
timeStamp: function (event) {
|
||||
return event.timeStamp || Date.now();
|
||||
},
|
||||
defaultPrevented: 0,
|
||||
isTrusted: 0
|
||||
};
|
||||
var SyntheticEvent = createSyntheticEvent(EventInterface);
|
||||
|
||||
var UIEventInterface = assign({}, EventInterface, {
|
||||
view: 0,
|
||||
detail: 0
|
||||
});
|
||||
|
||||
var SyntheticUIEvent = createSyntheticEvent(UIEventInterface);
|
||||
var lastMovementX;
|
||||
var lastMovementY;
|
||||
var lastMouseEvent;
|
||||
|
||||
function updateMouseMovementPolyfillState(event) {
|
||||
if (event !== lastMouseEvent) {
|
||||
if (lastMouseEvent && event.type === 'mousemove') {
|
||||
lastMovementX = event.screenX - lastMouseEvent.screenX;
|
||||
lastMovementY = event.screenY - lastMouseEvent.screenY;
|
||||
} else {
|
||||
lastMovementX = 0;
|
||||
lastMovementY = 0;
|
||||
}
|
||||
|
||||
lastMouseEvent = event;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* @interface MouseEvent
|
||||
* @see http://www.w3.org/TR/DOM-Level-3-Events/
|
||||
*/
|
||||
|
||||
|
||||
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) {
|
||||
if (event.relatedTarget === undefined) return event.fromElement === event.srcElement ? event.toElement : event.fromElement;
|
||||
return event.relatedTarget;
|
||||
},
|
||||
movementX: function (event) {
|
||||
if ('movementX' in event) {
|
||||
return event.movementX;
|
||||
}
|
||||
|
||||
updateMouseMovementPolyfillState(event);
|
||||
return lastMovementX;
|
||||
},
|
||||
movementY: function (event) {
|
||||
if ('movementY' in event) {
|
||||
return event.movementY;
|
||||
} // Don't need to call updateMouseMovementPolyfillState() here
|
||||
// because it's guaranteed to have already run when movementX
|
||||
// was copied.
|
||||
|
||||
|
||||
return lastMovementY;
|
||||
}
|
||||
});
|
||||
|
||||
var SyntheticMouseEvent = createSyntheticEvent(MouseEventInterface);
|
||||
/**
|
||||
* @interface DragEvent
|
||||
* @see http://www.w3.org/TR/DOM-Level-3-Events/
|
||||
*/
|
||||
|
||||
var DragEventInterface = assign({}, MouseEventInterface, {
|
||||
dataTransfer: 0
|
||||
});
|
||||
|
||||
var SyntheticDragEvent = createSyntheticEvent(DragEventInterface);
|
||||
/**
|
||||
* @interface FocusEvent
|
||||
* @see http://www.w3.org/TR/DOM-Level-3-Events/
|
||||
*/
|
||||
|
||||
var FocusEventInterface = assign({}, UIEventInterface, {
|
||||
relatedTarget: 0
|
||||
});
|
||||
|
||||
var SyntheticFocusEvent = createSyntheticEvent(FocusEventInterface);
|
||||
/**
|
||||
* @interface Event
|
||||
* @see http://www.w3.org/TR/css3-animations/#AnimationEvent-interface
|
||||
* @see https://developer.mozilla.org/en-US/docs/Web/API/AnimationEvent
|
||||
*/
|
||||
|
||||
var AnimationEventInterface = assign({}, EventInterface, {
|
||||
animationName: 0,
|
||||
elapsedTime: 0,
|
||||
pseudoElement: 0
|
||||
});
|
||||
|
||||
var SyntheticAnimationEvent = createSyntheticEvent(AnimationEventInterface);
|
||||
/**
|
||||
* @interface Event
|
||||
* @see http://www.w3.org/TR/clipboard-apis/
|
||||
*/
|
||||
|
||||
var ClipboardEventInterface = assign({}, EventInterface, {
|
||||
clipboardData: function (event) {
|
||||
return 'clipboardData' in event ? event.clipboardData : window.clipboardData;
|
||||
}
|
||||
});
|
||||
|
||||
var SyntheticClipboardEvent = createSyntheticEvent(ClipboardEventInterface);
|
||||
/**
|
||||
* @interface Event
|
||||
* @see http://www.w3.org/TR/DOM-Level-3-Events/#events-compositionevents
|
||||
*/
|
||||
|
||||
var CompositionEventInterface = assign({}, EventInterface, {
|
||||
data: 0
|
||||
});
|
||||
|
||||
var SyntheticCompositionEvent = createSyntheticEvent(CompositionEventInterface);
|
||||
/**
|
||||
* Normalization of deprecated HTML5 `key` values
|
||||
* @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent#Key_names
|
||||
*/
|
||||
|
||||
var normalizeKey = {
|
||||
Esc: 'Escape',
|
||||
Spacebar: ' ',
|
||||
Left: 'ArrowLeft',
|
||||
Up: 'ArrowUp',
|
||||
Right: 'ArrowRight',
|
||||
Down: 'ArrowDown',
|
||||
Del: 'Delete',
|
||||
Win: 'OS',
|
||||
Menu: 'ContextMenu',
|
||||
Apps: 'ContextMenu',
|
||||
Scroll: 'ScrollLock',
|
||||
MozPrintableKey: 'Unidentified'
|
||||
};
|
||||
/**
|
||||
* Translation from legacy `keyCode` to HTML5 `key`
|
||||
* Only special keys supported, all others depend on keyboard layout or browser
|
||||
* @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent#Key_names
|
||||
*/
|
||||
|
||||
var 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'
|
||||
};
|
||||
/**
|
||||
* @param {object} nativeEvent Native browser event.
|
||||
* @return {string} Normalized `key` property.
|
||||
*/
|
||||
|
||||
function getEventKey(nativeEvent) {
|
||||
if (nativeEvent.key) {
|
||||
// Normalize inconsistent values reported by browsers due to
|
||||
// implementations of a working draft specification.
|
||||
// FireFox implements `key` but returns `MozPrintableKey` for all
|
||||
// printable characters (normalized to `Unidentified`), ignore it.
|
||||
var key = normalizeKey[nativeEvent.key] || nativeEvent.key;
|
||||
|
||||
if (key !== 'Unidentified') {
|
||||
return key;
|
||||
}
|
||||
} // Browser does not implement `key`, polyfill as much of it as we can.
|
||||
|
||||
|
||||
if (nativeEvent.type === 'keypress') {
|
||||
var charCode = getEventCharCode(nativeEvent); // The enter-key is technically both printable and non-printable and can
|
||||
// thus be captured by `keypress`, no other non-printable key should.
|
||||
|
||||
return charCode === 13 ? 'Enter' : String.fromCharCode(charCode);
|
||||
}
|
||||
|
||||
if (nativeEvent.type === 'keydown' || nativeEvent.type === 'keyup') {
|
||||
// While user keyboard layout determines the actual meaning of each
|
||||
// `keyCode` value, almost all function keys have a universal value.
|
||||
return translateToKey[nativeEvent.keyCode] || 'Unidentified';
|
||||
}
|
||||
|
||||
return '';
|
||||
}
|
||||
/**
|
||||
* Translation from modifier key to the associated property in the event.
|
||||
* @see http://www.w3.org/TR/DOM-Level-3-Events/#keys-Modifiers
|
||||
*/
|
||||
|
||||
|
||||
var modifierKeyToProp = {
|
||||
Alt: 'altKey',
|
||||
Control: 'ctrlKey',
|
||||
Meta: 'metaKey',
|
||||
Shift: 'shiftKey'
|
||||
}; // Older browsers (Safari <= 10, iOS Safari <= 10.2) do not support
|
||||
// getModifierState. If getModifierState is not supported, we map it to a set of
|
||||
// modifier keys exposed by the event. In this case, Lock-keys are not supported.
|
||||
|
||||
function modifierStateGetter(keyArg) {
|
||||
var syntheticEvent = this;
|
||||
var nativeEvent = syntheticEvent.nativeEvent;
|
||||
|
||||
if (nativeEvent.getModifierState) {
|
||||
return nativeEvent.getModifierState(keyArg);
|
||||
}
|
||||
|
||||
var keyProp = modifierKeyToProp[keyArg];
|
||||
return keyProp ? !!nativeEvent[keyProp] : false;
|
||||
}
|
||||
|
||||
function getEventModifierState(nativeEvent) {
|
||||
return modifierStateGetter;
|
||||
}
|
||||
/**
|
||||
* @interface KeyboardEvent
|
||||
* @see http://www.w3.org/TR/DOM-Level-3-Events/
|
||||
*/
|
||||
|
||||
|
||||
var KeyboardEventInterface = assign({}, UIEventInterface, {
|
||||
key: getEventKey,
|
||||
code: 0,
|
||||
location: 0,
|
||||
ctrlKey: 0,
|
||||
shiftKey: 0,
|
||||
altKey: 0,
|
||||
metaKey: 0,
|
||||
repeat: 0,
|
||||
locale: 0,
|
||||
getModifierState: getEventModifierState,
|
||||
// Legacy Interface
|
||||
charCode: function (event) {
|
||||
// `charCode` is the result of a KeyPress event and represents the value of
|
||||
// the actual printable character.
|
||||
// KeyPress is deprecated, but its replacement is not yet final and not
|
||||
// implemented in any major browser. Only KeyPress has charCode.
|
||||
if (event.type === 'keypress') {
|
||||
return getEventCharCode(event);
|
||||
}
|
||||
|
||||
return 0;
|
||||
},
|
||||
keyCode: function (event) {
|
||||
// `keyCode` is the result of a KeyDown/Up event and represents the value of
|
||||
// physical keyboard key.
|
||||
// The actual meaning of the value depends on the users' keyboard layout
|
||||
// which cannot be detected. Assuming that it is a US keyboard layout
|
||||
// provides a surprisingly accurate mapping for US and European users.
|
||||
// Due to this, it is left to the user to implement at this time.
|
||||
if (event.type === 'keydown' || event.type === 'keyup') {
|
||||
return event.keyCode;
|
||||
}
|
||||
|
||||
return 0;
|
||||
},
|
||||
which: function (event) {
|
||||
// `which` is an alias for either `keyCode` or `charCode` depending on the
|
||||
// type of the event.
|
||||
if (event.type === 'keypress') {
|
||||
return getEventCharCode(event);
|
||||
}
|
||||
|
||||
if (event.type === 'keydown' || event.type === 'keyup') {
|
||||
return event.keyCode;
|
||||
}
|
||||
|
||||
return 0;
|
||||
}
|
||||
});
|
||||
|
||||
var SyntheticKeyboardEvent = createSyntheticEvent(KeyboardEventInterface);
|
||||
/**
|
||||
* @interface PointerEvent
|
||||
* @see http://www.w3.org/TR/pointerevents/
|
||||
*/
|
||||
|
||||
var PointerEventInterface = assign({}, MouseEventInterface, {
|
||||
pointerId: 0,
|
||||
width: 0,
|
||||
height: 0,
|
||||
pressure: 0,
|
||||
tangentialPressure: 0,
|
||||
tiltX: 0,
|
||||
tiltY: 0,
|
||||
twist: 0,
|
||||
pointerType: 0,
|
||||
isPrimary: 0
|
||||
});
|
||||
|
||||
var SyntheticPointerEvent = createSyntheticEvent(PointerEventInterface);
|
||||
/**
|
||||
* @interface TouchEvent
|
||||
* @see http://www.w3.org/TR/touch-events/
|
||||
*/
|
||||
|
||||
var TouchEventInterface = assign({}, UIEventInterface, {
|
||||
touches: 0,
|
||||
targetTouches: 0,
|
||||
changedTouches: 0,
|
||||
altKey: 0,
|
||||
metaKey: 0,
|
||||
ctrlKey: 0,
|
||||
shiftKey: 0,
|
||||
getModifierState: getEventModifierState
|
||||
});
|
||||
|
||||
var SyntheticTouchEvent = createSyntheticEvent(TouchEventInterface);
|
||||
/**
|
||||
* @interface Event
|
||||
* @see http://www.w3.org/TR/2009/WD-css3-transitions-20090320/#transition-events-
|
||||
* @see https://developer.mozilla.org/en-US/docs/Web/API/TransitionEvent
|
||||
*/
|
||||
|
||||
var TransitionEventInterface = assign({}, EventInterface, {
|
||||
propertyName: 0,
|
||||
elapsedTime: 0,
|
||||
pseudoElement: 0
|
||||
});
|
||||
|
||||
var SyntheticTransitionEvent = createSyntheticEvent(TransitionEventInterface);
|
||||
/**
|
||||
* @interface WheelEvent
|
||||
* @see http://www.w3.org/TR/DOM-Level-3-Events/
|
||||
*/
|
||||
|
||||
var WheelEventInterface = assign({}, MouseEventInterface, {
|
||||
deltaX: function (event) {
|
||||
return 'deltaX' in event ? event.deltaX : // Fallback to `wheelDeltaX` for Webkit and normalize (right is positive).
|
||||
'wheelDeltaX' in event ? -event.wheelDeltaX : 0;
|
||||
},
|
||||
deltaY: function (event) {
|
||||
return 'deltaY' in event ? event.deltaY : // Fallback to `wheelDeltaY` for Webkit and normalize (down is positive).
|
||||
'wheelDeltaY' in event ? -event.wheelDeltaY : // Fallback to `wheelDelta` for IE<9 and normalize (down is positive).
|
||||
'wheelDelta' in event ? -event.wheelDelta : 0;
|
||||
},
|
||||
deltaZ: 0,
|
||||
// Browsers without "deltaMode" is reporting in raw wheel delta where one
|
||||
// notch on the scroll is always +/- 120, roughly equivalent to pixels.
|
||||
// A good approximation of DOM_DELTA_LINE (1) is 5% of viewport size or
|
||||
// ~40 pixels, for DOM_DELTA_SCREEN (2) it is 87.5% of viewport size.
|
||||
deltaMode: 0
|
||||
});
|
||||
|
||||
var SyntheticWheelEvent = createSyntheticEvent(WheelEventInterface);
|
||||
|
||||
/**
|
||||
* HTML nodeType values that represent the type of the node
|
||||
*/
|
||||
var ELEMENT_NODE = 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;
|
||||
|
||||
{
|
||||
// In DEV mode, we swap out invokeGuardedCallback for a special version
|
||||
// that plays more nicely with the browser's DevTools. The idea is to preserve
|
||||
// "Pause on exceptions" behavior. Because React wraps all user-provided
|
||||
// functions in invokeGuardedCallback, and the production version of
|
||||
// invokeGuardedCallback uses a try-catch, all user exceptions are treated
|
||||
// like caught exceptions, and the DevTools won't pause unless the developer
|
||||
// takes the extra step of enabling pause on caught exceptions. This is
|
||||
// unintuitive, though, because even though React has caught the error, from
|
||||
// the developer's perspective, the error is uncaught.
|
||||
//
|
||||
// To preserve the expected "Pause on exceptions" behavior, we don't use a
|
||||
// try-catch in DEV. Instead, we synchronously dispatch a fake event to a fake
|
||||
// DOM node, and call the user-provided callback from inside an event handler
|
||||
// for that fake event. If the callback throws, the error is "captured" using
|
||||
// a global event handler. But because the error happens in a different
|
||||
// event loop context, it does not interrupt the normal program flow.
|
||||
// Effectively, this gives us try-catch behavior without actually using
|
||||
// try-catch. Neat!
|
||||
// Check that the browser supports the APIs we need to implement our special
|
||||
// DEV version of invokeGuardedCallback
|
||||
if (typeof window !== 'undefined' && typeof window.dispatchEvent === 'function' && typeof document !== 'undefined' && typeof document.createEvent === 'function') {
|
||||
var fakeNode = document.createElement('react');
|
||||
|
||||
invokeGuardedCallbackImpl = function invokeGuardedCallbackDev(name, func, context, a, b, c, d, e, f) {
|
||||
// If document doesn't exist we know for sure we will crash in this method
|
||||
// when we call document.createEvent(). However this can cause confusing
|
||||
// errors: https://github.com/facebook/create-react-app/issues/3482
|
||||
// So we preemptively throw with a better message instead.
|
||||
if (typeof document === 'undefined' || document === null) {
|
||||
throw new 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');
|
||||
var didCall = false; // Keeps track of whether the user-provided callback threw an error. We
|
||||
// set this to true at the beginning, then set it to false right after
|
||||
// calling the function. If the function errors, `didError` will never be
|
||||
// set to false. This strategy works even if the browser is flaky and
|
||||
// fails to call our global error handler, because it doesn't rely on
|
||||
// the error event at all.
|
||||
|
||||
var didError = true; // Keeps track of the value of window.event so that we can reset it
|
||||
// during the callback to let user code access window.event in the
|
||||
// browsers that support it.
|
||||
|
||||
var windowEvent = window.event; // Keeps track of the descriptor of window.event to restore it after event
|
||||
// dispatching: https://github.com/facebook/react/issues/13688
|
||||
|
||||
var windowEventDescriptor = Object.getOwnPropertyDescriptor(window, 'event');
|
||||
|
||||
function restoreAfterDispatch() {
|
||||
// We immediately remove the callback from event listeners so that
|
||||
// nested `invokeGuardedCallback` calls do not clash. Otherwise, a
|
||||
// nested call would trigger the fake event handlers of any call higher
|
||||
// in the stack.
|
||||
fakeNode.removeEventListener(evtType, callCallback, false); // We check for window.hasOwnProperty('event') to prevent the
|
||||
// window.event assignment in both IE <= 10 as they throw an error
|
||||
// "Member not found" in strict mode, and in Firefox which does not
|
||||
// support window.event.
|
||||
|
||||
if (typeof window.event !== 'undefined' && window.hasOwnProperty('event')) {
|
||||
window.event = windowEvent;
|
||||
}
|
||||
} // Create an event handler for our fake event. We will synchronously
|
||||
// dispatch our fake event using `dispatchEvent`. Inside the handler, we
|
||||
// call the user-provided callback.
|
||||
|
||||
|
||||
var funcArgs = Array.prototype.slice.call(arguments, 3);
|
||||
|
||||
function callCallback() {
|
||||
didCall = true;
|
||||
restoreAfterDispatch();
|
||||
func.apply(context, funcArgs);
|
||||
didError = false;
|
||||
} // Create a global error event handler. We use this to capture the value
|
||||
// that was thrown. It's possible that this error handler will fire more
|
||||
// than once; for example, if non-React code also calls `dispatchEvent`
|
||||
// and a handler for that event throws. We should be resilient to most of
|
||||
// those cases. Even if our error event handler fires more than once, the
|
||||
// last error event is always used. If the callback actually does error,
|
||||
// we know that the last error event is the correct one, because it's not
|
||||
// possible for anything else to have happened in between our callback
|
||||
// erroring and the code that follows the `dispatchEvent` call below. If
|
||||
// the callback doesn't error, but the error event was fired, we know to
|
||||
// ignore it because `didError` will be false, as described above.
|
||||
|
||||
|
||||
var error; // Use this to track whether the error event is ever called.
|
||||
|
||||
var didSetError = false;
|
||||
var isCrossOriginError = false;
|
||||
|
||||
function handleWindowError(event) {
|
||||
error = event.error;
|
||||
didSetError = true;
|
||||
|
||||
if (error === null && event.colno === 0 && event.lineno === 0) {
|
||||
isCrossOriginError = true;
|
||||
}
|
||||
|
||||
if (event.defaultPrevented) {
|
||||
// Some other error handler has prevented default.
|
||||
// Browsers silence the error report if this happens.
|
||||
// We'll remember this to later decide whether to log it or not.
|
||||
if (error != null && typeof error === 'object') {
|
||||
try {
|
||||
error._suppressLogging = true;
|
||||
} catch (inner) {// Ignore.
|
||||
}
|
||||
}
|
||||
}
|
||||
} // Create a fake event type.
|
||||
|
||||
|
||||
var evtType = "react-" + (name ? name : 'invokeguardedcallback'); // Attach our event handlers
|
||||
|
||||
window.addEventListener('error', handleWindowError);
|
||||
fakeNode.addEventListener(evtType, callCallback, false); // Synchronously dispatch our fake event. If the user-provided function
|
||||
// errors, it will trigger our global error handler.
|
||||
|
||||
evt.initEvent(evtType, false, false);
|
||||
fakeNode.dispatchEvent(evt);
|
||||
|
||||
if (windowEventDescriptor) {
|
||||
Object.defineProperty(window, 'event', windowEventDescriptor);
|
||||
}
|
||||
|
||||
if (didCall && didError) {
|
||||
if (!didSetError) {
|
||||
// The callback errored, but the error event never fired.
|
||||
// eslint-disable-next-line react-internal/prod-error-codes
|
||||
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.');
|
||||
} else if (isCrossOriginError) {
|
||||
// eslint-disable-next-line react-internal/prod-error-codes
|
||||
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.');
|
||||
}
|
||||
|
||||
this.onError(error);
|
||||
} // Remove our event listeners
|
||||
|
||||
|
||||
window.removeEventListener('error', handleWindowError);
|
||||
|
||||
if (!didCall) {
|
||||
// Something went really wrong, and our event was not dispatched.
|
||||
// https://github.com/facebook/react/issues/16734
|
||||
// https://github.com/facebook/react/issues/16585
|
||||
// Fall back to the production implementation.
|
||||
restoreAfterDispatch();
|
||||
return invokeGuardedCallbackProd.apply(this, arguments);
|
||||
}
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
var invokeGuardedCallbackImpl$1 = invokeGuardedCallbackImpl;
|
||||
|
||||
var hasError = false;
|
||||
var caughtError = null; // Used by event system to capture/rethrow the first error.
|
||||
|
||||
var hasRethrowError = false;
|
||||
var rethrowError = null;
|
||||
var reporter = {
|
||||
onError: function (error) {
|
||||
hasError = true;
|
||||
caughtError = error;
|
||||
}
|
||||
};
|
||||
/**
|
||||
* Call a function while guarding against errors that happens within it.
|
||||
* Returns an error if it throws, otherwise null.
|
||||
*
|
||||
* In production, this is implemented using a try-catch. The reason we don't
|
||||
* use a try-catch directly is so that we can swap out a different
|
||||
* implementation in DEV mode.
|
||||
*
|
||||
* @param {String} name of the guard to use for logging or debugging
|
||||
* @param {Function} func The function to invoke
|
||||
* @param {*} context The context to use when calling the function
|
||||
* @param {...*} args Arguments for function
|
||||
*/
|
||||
|
||||
function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
|
||||
hasError = false;
|
||||
caughtError = null;
|
||||
invokeGuardedCallbackImpl$1.apply(reporter, arguments);
|
||||
}
|
||||
/**
|
||||
* Same as invokeGuardedCallback, but instead of returning an error, it stores
|
||||
* it in a global so it can be rethrown by `rethrowCaughtError` later.
|
||||
* TODO: See if caughtError and rethrowError can be unified.
|
||||
*
|
||||
* @param {String} name of the guard to use for logging or debugging
|
||||
* @param {Function} func The function to invoke
|
||||
* @param {*} context The context to use when calling the function
|
||||
* @param {...*} args Arguments for function
|
||||
*/
|
||||
|
||||
function invokeGuardedCallbackAndCatchFirstError(name, func, context, a, b, c, d, e, f) {
|
||||
invokeGuardedCallback.apply(this, arguments);
|
||||
|
||||
if (hasError) {
|
||||
var error = clearCaughtError();
|
||||
|
||||
if (!hasRethrowError) {
|
||||
hasRethrowError = true;
|
||||
rethrowError = error;
|
||||
}
|
||||
}
|
||||
}
|
||||
/**
|
||||
* During execution of guarded functions we will capture the first error which
|
||||
* we will rethrow to be handled by the top level error handler.
|
||||
*/
|
||||
|
||||
function rethrowCaughtError() {
|
||||
if (hasRethrowError) {
|
||||
var error = rethrowError;
|
||||
hasRethrowError = false;
|
||||
rethrowError = null;
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
function clearCaughtError() {
|
||||
if (hasError) {
|
||||
var error = caughtError;
|
||||
hasError = false;
|
||||
caughtError = null;
|
||||
return error;
|
||||
} else {
|
||||
throw new Error('clearCaughtError was called but no error was captured. This error ' + 'is likely caused by a bug in React. Please file an issue.');
|
||||
}
|
||||
}
|
||||
|
||||
var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
|
||||
|
||||
function isArray(a) {
|
||||
return isArrayImpl(a);
|
||||
}
|
||||
|
||||
var SecretInternals = ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
||||
var EventInternals = SecretInternals.Events;
|
||||
var getInstanceFromNode = EventInternals[0];
|
||||
var getNodeFromInstance = EventInternals[1];
|
||||
var getFiberCurrentPropsFromNode = EventInternals[2];
|
||||
var enqueueStateRestore = EventInternals[3];
|
||||
var restoreStateIfNeeded = EventInternals[4];
|
||||
var reactAct = React.unstable_act;
|
||||
|
||||
function Event(suffix) {}
|
||||
|
||||
var hasWarnedAboutDeprecatedMockComponent = false;
|
||||
/**
|
||||
* @class ReactTestUtils
|
||||
*/
|
||||
|
||||
function findAllInRenderedFiberTreeInternal(fiber, test) {
|
||||
if (!fiber) {
|
||||
return [];
|
||||
}
|
||||
|
||||
var currentParent = findCurrentFiberUsingSlowPath(fiber);
|
||||
|
||||
if (!currentParent) {
|
||||
return [];
|
||||
}
|
||||
|
||||
var node = currentParent;
|
||||
var ret = [];
|
||||
|
||||
while (true) {
|
||||
if (node.tag === HostComponent || node.tag === HostText || node.tag === ClassComponent || node.tag === FunctionComponent) {
|
||||
var publicInst = node.stateNode;
|
||||
|
||||
if (test(publicInst)) {
|
||||
ret.push(publicInst);
|
||||
}
|
||||
}
|
||||
|
||||
if (node.child) {
|
||||
node.child.return = node;
|
||||
node = node.child;
|
||||
continue;
|
||||
}
|
||||
|
||||
if (node === currentParent) {
|
||||
return ret;
|
||||
}
|
||||
|
||||
while (!node.sibling) {
|
||||
if (!node.return || node.return === currentParent) {
|
||||
return ret;
|
||||
}
|
||||
|
||||
node = node.return;
|
||||
}
|
||||
|
||||
node.sibling.return = node.return;
|
||||
node = node.sibling;
|
||||
}
|
||||
}
|
||||
|
||||
function validateClassInstance(inst, methodName) {
|
||||
if (!inst) {
|
||||
// This is probably too relaxed but it's existing behavior.
|
||||
return;
|
||||
}
|
||||
|
||||
if (get(inst)) {
|
||||
// This is a public instance indeed.
|
||||
return;
|
||||
}
|
||||
|
||||
var received;
|
||||
var stringified = String(inst);
|
||||
|
||||
if (isArray(inst)) {
|
||||
received = 'an array';
|
||||
} else if (inst && inst.nodeType === ELEMENT_NODE && inst.tagName) {
|
||||
received = 'a DOM node';
|
||||
} else if (stringified === '[object Object]') {
|
||||
received = 'object with keys {' + Object.keys(inst).join(', ') + '}';
|
||||
} else {
|
||||
received = stringified;
|
||||
}
|
||||
|
||||
throw new Error(methodName + "(...): the first argument must be a React class instance. " + ("Instead received: " + received + "."));
|
||||
}
|
||||
/**
|
||||
* Utilities for making it easy to test React components.
|
||||
*
|
||||
* See https://reactjs.org/docs/test-utils.html
|
||||
*
|
||||
* Todo: Support the entire DOM.scry query syntax. For now, these simple
|
||||
* utilities will suffice for testing purposes.
|
||||
* @lends ReactTestUtils
|
||||
*/
|
||||
|
||||
|
||||
var didWarnAboutReactTestUtilsDeprecation = false;
|
||||
|
||||
function renderIntoDocument(element) {
|
||||
{
|
||||
if (!didWarnAboutReactTestUtilsDeprecation) {
|
||||
didWarnAboutReactTestUtilsDeprecation = true;
|
||||
|
||||
error('ReactDOMTestUtils is deprecated and will be removed in a future ' + 'major release, because it exposes internal implementation details ' + 'that are highly likely to change between releases. Upgrade to a ' + 'modern testing library, such as @testing-library/react. See ' + 'https://react.dev/warnings/react-dom-test-utils for more info.');
|
||||
}
|
||||
}
|
||||
|
||||
var div = document.createElement('div'); // None of our tests actually require attaching the container to the
|
||||
// DOM, and doing so creates a mess that we rely on test isolation to
|
||||
// clean up, so we're going to stop honoring the name of this method
|
||||
// (and probably rename it eventually) if no problems arise.
|
||||
// document.documentElement.appendChild(div);
|
||||
|
||||
return ReactDOM.render(element, div);
|
||||
}
|
||||
|
||||
function isElement(element) {
|
||||
return React.isValidElement(element);
|
||||
}
|
||||
|
||||
function isElementOfType(inst, convenienceConstructor) {
|
||||
return React.isValidElement(inst) && inst.type === convenienceConstructor;
|
||||
}
|
||||
|
||||
function isDOMComponent(inst) {
|
||||
return !!(inst && inst.nodeType === ELEMENT_NODE && inst.tagName);
|
||||
}
|
||||
|
||||
function isDOMComponentElement(inst) {
|
||||
return !!(inst && React.isValidElement(inst) && !!inst.tagName);
|
||||
}
|
||||
|
||||
function isCompositeComponent(inst) {
|
||||
if (isDOMComponent(inst)) {
|
||||
// Accessing inst.setState warns; just return false as that'll be what
|
||||
// this returns when we have DOM nodes as refs directly
|
||||
return false;
|
||||
}
|
||||
|
||||
return inst != null && typeof inst.render === 'function' && typeof inst.setState === 'function';
|
||||
}
|
||||
|
||||
function isCompositeComponentWithType(inst, type) {
|
||||
if (!isCompositeComponent(inst)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var internalInstance = get(inst);
|
||||
var constructor = internalInstance.type;
|
||||
return constructor === type;
|
||||
}
|
||||
|
||||
function findAllInRenderedTree(inst, test) {
|
||||
validateClassInstance(inst, 'findAllInRenderedTree');
|
||||
|
||||
if (!inst) {
|
||||
return [];
|
||||
}
|
||||
|
||||
var internalInstance = get(inst);
|
||||
return findAllInRenderedFiberTreeInternal(internalInstance, test);
|
||||
}
|
||||
/**
|
||||
* Finds all instances of components in the rendered tree that are DOM
|
||||
* components with the class name matching `className`.
|
||||
* @return {array} an array of all the matches.
|
||||
*/
|
||||
|
||||
|
||||
function scryRenderedDOMComponentsWithClass(root, classNames) {
|
||||
validateClassInstance(root, 'scryRenderedDOMComponentsWithClass');
|
||||
return findAllInRenderedTree(root, function (inst) {
|
||||
if (isDOMComponent(inst)) {
|
||||
var className = inst.className;
|
||||
|
||||
if (typeof className !== 'string') {
|
||||
// SVG, probably.
|
||||
className = inst.getAttribute('class') || '';
|
||||
}
|
||||
|
||||
var classList = className.split(/\s+/);
|
||||
|
||||
if (!isArray(classNames)) {
|
||||
if (classNames === undefined) {
|
||||
throw new Error('TestUtils.scryRenderedDOMComponentsWithClass expects a ' + 'className as a second argument.');
|
||||
}
|
||||
|
||||
classNames = classNames.split(/\s+/);
|
||||
}
|
||||
|
||||
return classNames.every(function (name) {
|
||||
return classList.indexOf(name) !== -1;
|
||||
});
|
||||
}
|
||||
|
||||
return false;
|
||||
});
|
||||
}
|
||||
/**
|
||||
* Like scryRenderedDOMComponentsWithClass but expects there to be one result,
|
||||
* and returns that one result, or throws exception if there is any other
|
||||
* number of matches besides one.
|
||||
* @return {!ReactDOMComponent} The one match.
|
||||
*/
|
||||
|
||||
|
||||
function findRenderedDOMComponentWithClass(root, className) {
|
||||
validateClassInstance(root, 'findRenderedDOMComponentWithClass');
|
||||
var all = scryRenderedDOMComponentsWithClass(root, className);
|
||||
|
||||
if (all.length !== 1) {
|
||||
throw new Error('Did not find exactly one match (found: ' + all.length + ') ' + 'for class:' + className);
|
||||
}
|
||||
|
||||
return all[0];
|
||||
}
|
||||
/**
|
||||
* Finds all instances of components in the rendered tree that are DOM
|
||||
* components with the tag name matching `tagName`.
|
||||
* @return {array} an array of all the matches.
|
||||
*/
|
||||
|
||||
|
||||
function scryRenderedDOMComponentsWithTag(root, tagName) {
|
||||
validateClassInstance(root, 'scryRenderedDOMComponentsWithTag');
|
||||
return findAllInRenderedTree(root, function (inst) {
|
||||
return isDOMComponent(inst) && inst.tagName.toUpperCase() === tagName.toUpperCase();
|
||||
});
|
||||
}
|
||||
/**
|
||||
* Like scryRenderedDOMComponentsWithTag but expects there to be one result,
|
||||
* and returns that one result, or throws exception if there is any other
|
||||
* number of matches besides one.
|
||||
* @return {!ReactDOMComponent} The one match.
|
||||
*/
|
||||
|
||||
|
||||
function findRenderedDOMComponentWithTag(root, tagName) {
|
||||
validateClassInstance(root, 'findRenderedDOMComponentWithTag');
|
||||
var all = scryRenderedDOMComponentsWithTag(root, tagName);
|
||||
|
||||
if (all.length !== 1) {
|
||||
throw new Error('Did not find exactly one match (found: ' + all.length + ') ' + 'for tag:' + tagName);
|
||||
}
|
||||
|
||||
return all[0];
|
||||
}
|
||||
/**
|
||||
* Finds all instances of components with type equal to `componentType`.
|
||||
* @return {array} an array of all the matches.
|
||||
*/
|
||||
|
||||
|
||||
function scryRenderedComponentsWithType(root, componentType) {
|
||||
validateClassInstance(root, 'scryRenderedComponentsWithType');
|
||||
return findAllInRenderedTree(root, function (inst) {
|
||||
return isCompositeComponentWithType(inst, componentType);
|
||||
});
|
||||
}
|
||||
/**
|
||||
* Same as `scryRenderedComponentsWithType` but expects there to be one result
|
||||
* and returns that one result, or throws exception if there is any other
|
||||
* number of matches besides one.
|
||||
* @return {!ReactComponent} The one match.
|
||||
*/
|
||||
|
||||
|
||||
function findRenderedComponentWithType(root, componentType) {
|
||||
validateClassInstance(root, 'findRenderedComponentWithType');
|
||||
var all = scryRenderedComponentsWithType(root, componentType);
|
||||
|
||||
if (all.length !== 1) {
|
||||
throw new Error('Did not find exactly one match (found: ' + all.length + ') ' + 'for componentType:' + componentType);
|
||||
}
|
||||
|
||||
return all[0];
|
||||
}
|
||||
/**
|
||||
* Pass a mocked component module to this method to augment it with
|
||||
* useful methods that allow it to be used as a dummy React component.
|
||||
* Instead of rendering as usual, the component will become a simple
|
||||
* <div> containing any provided children.
|
||||
*
|
||||
* @param {object} module the mock function object exported from a
|
||||
* module that defines the component to be mocked
|
||||
* @param {?string} mockTagName optional dummy root tag name to return
|
||||
* from render method (overrides
|
||||
* module.mockTagName if provided)
|
||||
* @return {object} the ReactTestUtils object (for chaining)
|
||||
*/
|
||||
|
||||
|
||||
function mockComponent(module, mockTagName) {
|
||||
{
|
||||
if (!hasWarnedAboutDeprecatedMockComponent) {
|
||||
hasWarnedAboutDeprecatedMockComponent = true;
|
||||
|
||||
warn('ReactTestUtils.mockComponent() is deprecated. ' + 'Use shallow rendering or jest.mock() instead.\n\n' + 'See https://reactjs.org/link/test-utils-mock-component for more information.');
|
||||
}
|
||||
}
|
||||
|
||||
mockTagName = mockTagName || module.mockTagName || 'div';
|
||||
module.prototype.render.mockImplementation(function () {
|
||||
return React.createElement(mockTagName, null, this.props.children);
|
||||
});
|
||||
return this;
|
||||
}
|
||||
|
||||
function nativeTouchData(x, y) {
|
||||
return {
|
||||
touches: [{
|
||||
pageX: x,
|
||||
pageY: y
|
||||
}]
|
||||
};
|
||||
} // Start of inline: the below functions were inlined from
|
||||
// EventPropagator.js, as they deviated from ReactDOM's newer
|
||||
// implementations.
|
||||
|
||||
/**
|
||||
* Dispatch the event to the listener.
|
||||
* @param {SyntheticEvent} event SyntheticEvent to handle
|
||||
* @param {function} listener Application-level callback
|
||||
* @param {*} inst Internal component instance
|
||||
*/
|
||||
|
||||
|
||||
function executeDispatch(event, listener, inst) {
|
||||
var type = event.type || 'unknown-event';
|
||||
event.currentTarget = getNodeFromInstance(inst);
|
||||
invokeGuardedCallbackAndCatchFirstError(type, listener, undefined, event);
|
||||
event.currentTarget = null;
|
||||
}
|
||||
/**
|
||||
* Standard/simple iteration through an event's collected dispatches.
|
||||
*/
|
||||
|
||||
|
||||
function executeDispatchesInOrder(event) {
|
||||
var dispatchListeners = event._dispatchListeners;
|
||||
var dispatchInstances = event._dispatchInstances;
|
||||
|
||||
if (isArray(dispatchListeners)) {
|
||||
for (var i = 0; i < dispatchListeners.length; i++) {
|
||||
if (event.isPropagationStopped()) {
|
||||
break;
|
||||
} // Listeners and Instances are two parallel arrays that are always in sync.
|
||||
|
||||
|
||||
executeDispatch(event, dispatchListeners[i], dispatchInstances[i]);
|
||||
}
|
||||
} else if (dispatchListeners) {
|
||||
executeDispatch(event, dispatchListeners, dispatchInstances);
|
||||
}
|
||||
|
||||
event._dispatchListeners = null;
|
||||
event._dispatchInstances = null;
|
||||
}
|
||||
/**
|
||||
* Dispatches an event and releases it back into the pool, unless persistent.
|
||||
*
|
||||
* @param {?object} event Synthetic event to be dispatched.
|
||||
* @private
|
||||
*/
|
||||
|
||||
|
||||
var executeDispatchesAndRelease = function (event) {
|
||||
if (event) {
|
||||
executeDispatchesInOrder(event);
|
||||
|
||||
if (!event.isPersistent()) {
|
||||
event.constructor.release(event);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
function isInteractive(tag) {
|
||||
return tag === 'button' || tag === 'input' || tag === 'select' || tag === 'textarea';
|
||||
}
|
||||
|
||||
function getParent(inst) {
|
||||
do {
|
||||
inst = inst.return; // TODO: If this is a HostRoot we might want to bail out.
|
||||
// That is depending on if we want nested subtrees (layers) to bubble
|
||||
// events to their parent. We could also go through parentNode on the
|
||||
// host node but that wouldn't work for React Native and doesn't let us
|
||||
// do the portal feature.
|
||||
} while (inst && inst.tag !== HostComponent);
|
||||
|
||||
if (inst) {
|
||||
return inst;
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
/**
|
||||
* Simulates the traversal of a two-phase, capture/bubble event dispatch.
|
||||
*/
|
||||
|
||||
|
||||
function traverseTwoPhase(inst, fn, arg) {
|
||||
var path = [];
|
||||
|
||||
while (inst) {
|
||||
path.push(inst);
|
||||
inst = getParent(inst);
|
||||
}
|
||||
|
||||
var i;
|
||||
|
||||
for (i = path.length; i-- > 0;) {
|
||||
fn(path[i], 'captured', arg);
|
||||
}
|
||||
|
||||
for (i = 0; i < path.length; i++) {
|
||||
fn(path[i], 'bubbled', arg);
|
||||
}
|
||||
}
|
||||
|
||||
function shouldPreventMouseEvent(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 && isInteractive(type));
|
||||
|
||||
default:
|
||||
return false;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* @param {object} inst The instance, which is the source of events.
|
||||
* @param {string} registrationName Name of listener (e.g. `onClick`).
|
||||
* @return {?function} The stored callback.
|
||||
*/
|
||||
|
||||
|
||||
function getListener(inst, registrationName) {
|
||||
// TODO: shouldPreventMouseEvent is DOM-specific and definitely should not
|
||||
// live here; needs to be moved to a better place soon
|
||||
var stateNode = inst.stateNode;
|
||||
|
||||
if (!stateNode) {
|
||||
// Work in progress (ex: onload events in incremental mode).
|
||||
return null;
|
||||
}
|
||||
|
||||
var props = getFiberCurrentPropsFromNode(stateNode);
|
||||
|
||||
if (!props) {
|
||||
// Work in progress.
|
||||
return null;
|
||||
}
|
||||
|
||||
var listener = props[registrationName];
|
||||
|
||||
if (shouldPreventMouseEvent(registrationName, inst.type, props)) {
|
||||
return null;
|
||||
}
|
||||
|
||||
if (listener && typeof listener !== 'function') {
|
||||
throw new Error("Expected `" + registrationName + "` listener to be a function, instead got a value of `" + typeof listener + "` type.");
|
||||
}
|
||||
|
||||
return listener;
|
||||
}
|
||||
|
||||
function listenerAtPhase(inst, event, propagationPhase) {
|
||||
var registrationName = event._reactName;
|
||||
|
||||
if (propagationPhase === 'captured') {
|
||||
registrationName += 'Capture';
|
||||
}
|
||||
|
||||
return getListener(inst, registrationName);
|
||||
}
|
||||
|
||||
function accumulateDispatches(inst, ignoredDirection, event) {
|
||||
if (inst && event && event._reactName) {
|
||||
var registrationName = event._reactName;
|
||||
var listener = getListener(inst, registrationName);
|
||||
|
||||
if (listener) {
|
||||
if (event._dispatchListeners == null) {
|
||||
event._dispatchListeners = [];
|
||||
}
|
||||
|
||||
if (event._dispatchInstances == null) {
|
||||
event._dispatchInstances = [];
|
||||
}
|
||||
|
||||
event._dispatchListeners.push(listener);
|
||||
|
||||
event._dispatchInstances.push(inst);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function accumulateDirectionalDispatches(inst, phase, event) {
|
||||
{
|
||||
if (!inst) {
|
||||
error('Dispatching inst must not be null');
|
||||
}
|
||||
}
|
||||
|
||||
var listener = listenerAtPhase(inst, event, phase);
|
||||
|
||||
if (listener) {
|
||||
if (event._dispatchListeners == null) {
|
||||
event._dispatchListeners = [];
|
||||
}
|
||||
|
||||
if (event._dispatchInstances == null) {
|
||||
event._dispatchInstances = [];
|
||||
}
|
||||
|
||||
event._dispatchListeners.push(listener);
|
||||
|
||||
event._dispatchInstances.push(inst);
|
||||
}
|
||||
}
|
||||
|
||||
function accumulateDirectDispatchesSingle(event) {
|
||||
if (event && event._reactName) {
|
||||
accumulateDispatches(event._targetInst, null, event);
|
||||
}
|
||||
}
|
||||
|
||||
function accumulateTwoPhaseDispatchesSingle(event) {
|
||||
if (event && event._reactName) {
|
||||
traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
|
||||
}
|
||||
} // End of inline
|
||||
|
||||
|
||||
var Simulate = {};
|
||||
var directDispatchEventTypes = new Set(['mouseEnter', 'mouseLeave', 'pointerEnter', 'pointerLeave']);
|
||||
/**
|
||||
* Exports:
|
||||
*
|
||||
* - `Simulate.click(Element)`
|
||||
* - `Simulate.mouseMove(Element)`
|
||||
* - `Simulate.change(Element)`
|
||||
* - ... (All keys from event plugin `eventTypes` objects)
|
||||
*/
|
||||
|
||||
function makeSimulator(eventType) {
|
||||
return function (domNode, eventData) {
|
||||
if (React.isValidElement(domNode)) {
|
||||
throw new Error('TestUtils.Simulate expected a DOM node as the first argument but received ' + 'a React element. Pass the DOM node you wish to simulate the event on instead. ' + 'Note that TestUtils.Simulate will not work if you are using shallow rendering.');
|
||||
}
|
||||
|
||||
if (isCompositeComponent(domNode)) {
|
||||
throw new Error('TestUtils.Simulate expected a DOM node as the first argument but received ' + 'a component instance. Pass the DOM node you wish to simulate the event on instead.');
|
||||
}
|
||||
|
||||
var reactName = 'on' + eventType[0].toUpperCase() + eventType.slice(1);
|
||||
var fakeNativeEvent = new Event();
|
||||
fakeNativeEvent.target = domNode;
|
||||
fakeNativeEvent.type = eventType.toLowerCase();
|
||||
var targetInst = getInstanceFromNode(domNode);
|
||||
var event = new SyntheticEvent(reactName, fakeNativeEvent.type, targetInst, fakeNativeEvent, domNode); // Since we aren't using pooling, always persist the event. This will make
|
||||
// sure it's marked and won't warn when setting additional properties.
|
||||
|
||||
event.persist();
|
||||
assign(event, eventData);
|
||||
|
||||
if (directDispatchEventTypes.has(eventType)) {
|
||||
accumulateDirectDispatchesSingle(event);
|
||||
} else {
|
||||
accumulateTwoPhaseDispatchesSingle(event);
|
||||
}
|
||||
|
||||
ReactDOM.unstable_batchedUpdates(function () {
|
||||
// Normally extractEvent enqueues a state restore, but we'll just always
|
||||
// do that since we're by-passing it here.
|
||||
enqueueStateRestore(domNode);
|
||||
executeDispatchesAndRelease(event);
|
||||
rethrowCaughtError();
|
||||
});
|
||||
restoreStateIfNeeded();
|
||||
};
|
||||
} // A one-time snapshot with no plans to update. We'll probably want to deprecate Simulate API.
|
||||
|
||||
|
||||
var simulatedEventTypes = ['blur', 'cancel', 'click', 'close', 'contextMenu', 'copy', 'cut', 'auxClick', 'doubleClick', 'dragEnd', 'dragStart', 'drop', 'focus', 'input', 'invalid', 'keyDown', 'keyPress', 'keyUp', 'mouseDown', 'mouseUp', 'paste', 'pause', 'play', 'pointerCancel', 'pointerDown', 'pointerUp', 'rateChange', 'reset', 'resize', 'seeked', 'submit', 'touchCancel', 'touchEnd', 'touchStart', 'volumeChange', 'drag', 'dragEnter', 'dragExit', 'dragLeave', 'dragOver', 'mouseMove', 'mouseOut', 'mouseOver', 'pointerMove', 'pointerOut', 'pointerOver', 'scroll', 'toggle', 'touchMove', 'wheel', 'abort', 'animationEnd', 'animationIteration', 'animationStart', 'canPlay', 'canPlayThrough', 'durationChange', 'emptied', 'encrypted', 'ended', 'error', 'gotPointerCapture', 'load', 'loadedData', 'loadedMetadata', 'loadStart', 'lostPointerCapture', 'playing', 'progress', 'seeking', 'stalled', 'suspend', 'timeUpdate', 'transitionEnd', 'waiting', 'mouseEnter', 'mouseLeave', 'pointerEnter', 'pointerLeave', 'change', 'select', 'beforeInput', 'compositionEnd', 'compositionStart', 'compositionUpdate'];
|
||||
|
||||
function buildSimulators() {
|
||||
simulatedEventTypes.forEach(function (eventType) {
|
||||
Simulate[eventType] = makeSimulator(eventType);
|
||||
});
|
||||
}
|
||||
|
||||
buildSimulators();
|
||||
var didWarnAboutUsingAct = false;
|
||||
var act = function actWithWarning(callback) {
|
||||
{
|
||||
if (!didWarnAboutUsingAct) {
|
||||
didWarnAboutUsingAct = true;
|
||||
|
||||
error('`ReactDOMTestUtils.act` is deprecated in favor of `React.act`. ' + 'Import `act` from `react` instead of `react-dom/test-utils`. ' + 'See https://react.dev/warnings/react-dom-test-utils for more info.');
|
||||
}
|
||||
}
|
||||
|
||||
return reactAct(callback);
|
||||
} ;
|
||||
|
||||
exports.Simulate = Simulate;
|
||||
exports.act = act;
|
||||
exports.findAllInRenderedTree = findAllInRenderedTree;
|
||||
exports.findRenderedComponentWithType = findRenderedComponentWithType;
|
||||
exports.findRenderedDOMComponentWithClass = findRenderedDOMComponentWithClass;
|
||||
exports.findRenderedDOMComponentWithTag = findRenderedDOMComponentWithTag;
|
||||
exports.isCompositeComponent = isCompositeComponent;
|
||||
exports.isCompositeComponentWithType = isCompositeComponentWithType;
|
||||
exports.isDOMComponent = isDOMComponent;
|
||||
exports.isDOMComponentElement = isDOMComponentElement;
|
||||
exports.isElement = isElement;
|
||||
exports.isElementOfType = isElementOfType;
|
||||
exports.mockComponent = mockComponent;
|
||||
exports.nativeTouchData = nativeTouchData;
|
||||
exports.renderIntoDocument = renderIntoDocument;
|
||||
exports.scryRenderedComponentsWithType = scryRenderedComponentsWithType;
|
||||
exports.scryRenderedDOMComponentsWithClass = scryRenderedDOMComponentsWithClass;
|
||||
exports.scryRenderedDOMComponentsWithTag = scryRenderedDOMComponentsWithTag;
|
||||
exports.traverseTwoPhase = traverseTwoPhase;
|
||||
|
||||
})));
|
||||
+33
@@ -0,0 +1,33 @@
|
||||
/**
|
||||
* @license React
|
||||
* react-dom-test-utils.production.min.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(){'use strict';(function(f,q){"object"===typeof exports&&"undefined"!==typeof module?q(exports,require("react-dom")):"function"===typeof define&&define.amd?define(["exports","react","react-dom"],q):(f=f||self,q(f.ReactTestUtils={},f.React,f.ReactDOM))})(this,function(f,q,C){function K(a){var b=a,c=a;if(a.alternate)for(;b.return;)b=b.return;else{a=b;do b=a,0!==(b.flags&4098)&&(c=b.return),a=b.return;while(a)}return 3===b.tag?c:null}function L(a){if(K(a)!==a)throw Error("Unable to find node on an unmounted component.");
|
||||
}function V(a){var b=a.alternate;if(!b){b=K(a);if(null===b)throw Error("Unable to find node on an unmounted component.");return b!==a?null:a}for(var c=a,d=b;;){var g=c.return;if(null===g)break;var h=g.alternate;if(null===h){d=g.return;if(null!==d){c=d;continue}break}if(g.child===h.child){for(h=g.child;h;){if(h===c)return L(g),a;if(h===d)return L(g),b;h=h.sibling}throw Error("Unable to find node on an unmounted component.");}if(c.return!==d.return)c=g,d=h;else{for(var e=!1,m=g.child;m;){if(m===c){e=
|
||||
!0;c=g;d=h;break}if(m===d){e=!0;d=g;c=h;break}m=m.sibling}if(!e){for(m=h.child;m;){if(m===c){e=!0;c=h;d=g;break}if(m===d){e=!0;d=h;c=g;break}m=m.sibling}if(!e)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(c.alternate!==d)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!==c.tag)throw Error("Unable to find node on an unmounted component.");
|
||||
return c.stateNode.current===c?a:b}function D(a){var b=a.keyCode;"charCode"in a?(a=a.charCode,0===a&&13===b&&(a=13)):a=b;10===a&&(a=13);return 32<=a||13===a?a:0}function x(){return!0}function M(){return!1}function n(a){function b(c,b,g,h,e){this._reactName=c;this._targetInst=g;this.type=b;this.nativeEvent=h;this.target=e;this.currentTarget=null;for(var d in a)a.hasOwnProperty(d)&&(c=a[d],this[d]=c?c(h):h[d]);this.isDefaultPrevented=(null!=h.defaultPrevented?h.defaultPrevented:!1===h.returnValue)?
|
||||
x:M;this.isPropagationStopped=M;return this}k(b.prototype,{preventDefault:function(){this.defaultPrevented=!0;var a=this.nativeEvent;a&&(a.preventDefault?a.preventDefault():"unknown"!==typeof a.returnValue&&(a.returnValue=!1),this.isDefaultPrevented=x)},stopPropagation:function(){var a=this.nativeEvent;a&&(a.stopPropagation?a.stopPropagation():"unknown"!==typeof a.cancelBubble&&(a.cancelBubble=!0),this.isPropagationStopped=x)},persist:function(){},isPersistent:x});return b}function W(a){var b=this.nativeEvent;
|
||||
return b.getModifierState?b.getModifierState(a):(a=X[a])?!!b[a]:!1}function E(a){return W}function Y(a,b,c,d,g,h,e,f,k){v=!1;y=null;Z.apply(aa,arguments)}function ba(a,b,c,d,g,h,e,f,k){Y.apply(this,arguments);if(v){if(v){var m=y;v=!1;y=null}else throw Error("clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue.");z||(z=!0,F=m)}}function ca(a){}function da(a,b){if(!a)return[];a=V(a);if(!a)return[];for(var c=a,d=[];;){if(5===c.tag||
|
||||
6===c.tag||1===c.tag||0===c.tag){var g=c.stateNode;b(g)&&d.push(g)}if(c.child)c.child.return=c,c=c.child;else{if(c===a)return d;for(;!c.sibling;){if(!c.return||c.return===a)return d;c=c.return}c.sibling.return=c.return;c=c.sibling}}}function t(a,b){if(a&&!a._reactInternals){var c=String(a);a=G(a)?"an array":a&&1===a.nodeType&&a.tagName?"a DOM node":"[object Object]"===c?"object with keys {"+Object.keys(a).join(", ")+"}":c;throw Error(b+"(...): the first argument must be a React class instance. Instead received: "+
|
||||
(a+"."));}}function A(a){return!(!a||1!==a.nodeType||!a.tagName)}function H(a){return A(a)?!1:null!=a&&"function"===typeof a.render&&"function"===typeof a.setState}function N(a,b){return H(a)?a._reactInternals.type===b:!1}function B(a,b){t(a,"findAllInRenderedTree");return a?da(a._reactInternals,b):[]}function O(a,b){t(a,"scryRenderedDOMComponentsWithClass");return B(a,function(a){if(A(a)){var c=a.className;"string"!==typeof c&&(c=a.getAttribute("class")||"");var g=c.split(/\s+/);if(!G(b)){if(void 0===
|
||||
b)throw Error("TestUtils.scryRenderedDOMComponentsWithClass expects a className as a second argument.");b=b.split(/\s+/)}return b.every(function(a){return-1!==g.indexOf(a)})}return!1})}function P(a,b){t(a,"scryRenderedDOMComponentsWithTag");return B(a,function(a){return A(a)&&a.tagName.toUpperCase()===b.toUpperCase()})}function Q(a,b){t(a,"scryRenderedComponentsWithType");return B(a,function(a){return N(a,b)})}function R(a,b,c){var d=a.type||"unknown-event";a.currentTarget=ea(c);ba(d,b,void 0,a);
|
||||
a.currentTarget=null}function S(a,b,c){for(var d=[];a;){d.push(a);do a=a.return;while(a&&5!==a.tag);a=a?a:null}for(a=d.length;0<a--;)b(d[a],"captured",c);for(a=0;a<d.length;a++)b(d[a],"bubbled",c)}function T(a,b){var c=a.stateNode;if(!c)return null;var d=fa(c);if(!d)return null;c=d[b];a:switch(b){case "onClick":case "onClickCapture":case "onDoubleClick":case "onDoubleClickCapture":case "onMouseDown":case "onMouseDownCapture":case "onMouseMove":case "onMouseMoveCapture":case "onMouseUp":case "onMouseUpCapture":case "onMouseEnter":(d=
|
||||
!d.disabled)||(a=a.type,d=!("button"===a||"input"===a||"select"===a||"textarea"===a));a=!d;break a;default:a=!1}if(a)return null;if(c&&"function"!==typeof c)throw Error("Expected `"+b+"` listener to be a function, instead got a value of `"+typeof c+"` type.");return c}function ha(a,b,c){a&&c&&c._reactName&&(b=T(a,c._reactName))&&(null==c._dispatchListeners&&(c._dispatchListeners=[]),null==c._dispatchInstances&&(c._dispatchInstances=[]),c._dispatchListeners.push(b),c._dispatchInstances.push(a))}function ia(a,
|
||||
b,c){var d=c._reactName;"captured"===b&&(d+="Capture");if(b=T(a,d))null==c._dispatchListeners&&(c._dispatchListeners=[]),null==c._dispatchInstances&&(c._dispatchInstances=[]),c._dispatchListeners.push(b),c._dispatchInstances.push(a)}function ja(a){return function(b,c){if(q.isValidElement(b))throw Error("TestUtils.Simulate expected a DOM node as the first argument but received a React element. Pass the DOM node you wish to simulate the event on instead. Note that TestUtils.Simulate will not work if you are using shallow rendering.");
|
||||
if(H(b))throw Error("TestUtils.Simulate expected a DOM node as the first argument but received a component instance. Pass the DOM node you wish to simulate the event on instead.");var d="on"+a[0].toUpperCase()+a.slice(1),g=new ca;g.target=b;g.type=a.toLowerCase();var f=ka(b),e=new la(d,g.type,f,g,b);e.persist();k(e,c);ma.has(a)?e&&e._reactName&&ha(e._targetInst,null,e):e&&e._reactName&&S(e._targetInst,ia,e);C.unstable_batchedUpdates(function(){na(b);if(e){var a=e._dispatchListeners,c=e._dispatchInstances;
|
||||
if(G(a))for(var d=0;d<a.length&&!e.isPropagationStopped();d++)R(e,a[d],c[d]);else a&&R(e,a,c);e._dispatchListeners=null;e._dispatchInstances=null;e.isPersistent()||e.constructor.release(e)}if(z)throw a=F,z=!1,F=null,a;});oa()}}var k=Object.assign,r={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},la=n(r),u=k({},r,{view:0,detail:0});n(u);var I,J,w,l=k({},u,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,
|
||||
altKey:0,metaKey:0,getModifierState:E,button:0,buttons:0,relatedTarget:function(a){return void 0===a.relatedTarget?a.fromElement===a.srcElement?a.toElement:a.fromElement:a.relatedTarget},movementX:function(a){if("movementX"in a)return a.movementX;a!==w&&(w&&"mousemove"===a.type?(I=a.screenX-w.screenX,J=a.screenY-w.screenY):J=I=0,w=a);return I},movementY:function(a){return"movementY"in a?a.movementY:J}});n(l);var p=k({},l,{dataTransfer:0});n(p);p=k({},u,{relatedTarget:0});n(p);p=k({},r,{animationName:0,
|
||||
elapsedTime:0,pseudoElement:0});n(p);p=k({},r,{clipboardData:function(a){return"clipboardData"in a?a.clipboardData:window.clipboardData}});n(p);p=k({},r,{data:0});n(p);var pa={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},qa={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"},X={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};p=k({},u,{key:function(a){if(a.key){var b=pa[a.key]||a.key;if("Unidentified"!==b)return b}return"keypress"===a.type?(a=D(a),13===a?"Enter":String.fromCharCode(a)):
|
||||
"keydown"===a.type||"keyup"===a.type?qa[a.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:E,charCode:function(a){return"keypress"===a.type?D(a):0},keyCode:function(a){return"keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return"keypress"===a.type?D(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}});n(p);p=k({},l,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,
|
||||
isPrimary:0});n(p);u=k({},u,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:E});n(u);r=k({},r,{propertyName:0,elapsedTime:0,pseudoElement:0});n(r);l=k({},l,{deltaX:function(a){return"deltaX"in a?a.deltaX:"wheelDeltaX"in a?-a.wheelDeltaX:0},deltaY:function(a){return"deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:0,deltaMode:0});n(l);var Z=function(a,b,c,d,f,h,e,k,l){var g=Array.prototype.slice.call(arguments,
|
||||
3);try{b.apply(c,g)}catch(ra){this.onError(ra)}},v=!1,y=null,z=!1,F=null,aa={onError:function(a){v=!0;y=a}},G=Array.isArray;l=C.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Events;var ka=l[0],ea=l[1],fa=l[2],na=l[3],oa=l[4];l=q.unstable_act;var U={},ma=new Set(["mouseEnter","mouseLeave","pointerEnter","pointerLeave"]),sa="blur cancel click close contextMenu copy cut auxClick doubleClick dragEnd dragStart drop focus input invalid keyDown keyPress keyUp mouseDown mouseUp paste pause play pointerCancel pointerDown pointerUp rateChange reset resize seeked submit touchCancel touchEnd touchStart volumeChange drag dragEnter dragExit dragLeave dragOver mouseMove mouseOut mouseOver pointerMove pointerOut pointerOver scroll toggle touchMove wheel abort animationEnd animationIteration animationStart canPlay canPlayThrough durationChange emptied encrypted ended error gotPointerCapture load loadedData loadedMetadata loadStart lostPointerCapture playing progress seeking stalled suspend timeUpdate transitionEnd waiting mouseEnter mouseLeave pointerEnter pointerLeave change select beforeInput compositionEnd compositionStart compositionUpdate".split(" ");
|
||||
(function(){sa.forEach(function(a){U[a]=ja(a)})})();f.Simulate=U;f.act=l;f.findAllInRenderedTree=B;f.findRenderedComponentWithType=function(a,b){t(a,"findRenderedComponentWithType");a=Q(a,b);if(1!==a.length)throw Error("Did not find exactly one match (found: "+a.length+") for componentType:"+b);return a[0]};f.findRenderedDOMComponentWithClass=function(a,b){t(a,"findRenderedDOMComponentWithClass");a=O(a,b);if(1!==a.length)throw Error("Did not find exactly one match (found: "+a.length+") for class:"+
|
||||
b);return a[0]};f.findRenderedDOMComponentWithTag=function(a,b){t(a,"findRenderedDOMComponentWithTag");a=P(a,b);if(1!==a.length)throw Error("Did not find exactly one match (found: "+a.length+") for tag:"+b);return a[0]};f.isCompositeComponent=H;f.isCompositeComponentWithType=N;f.isDOMComponent=A;f.isDOMComponentElement=function(a){return!!(a&&q.isValidElement(a)&&a.tagName)};f.isElement=function(a){return q.isValidElement(a)};f.isElementOfType=function(a,b){return q.isValidElement(a)&&a.type===b};
|
||||
f.mockComponent=function(a,b){b=b||a.mockTagName||"div";a.prototype.render.mockImplementation(function(){return q.createElement(b,null,this.props.children)});return this};f.nativeTouchData=function(a,b){return{touches:[{pageX:a,pageY:b}]}};f.renderIntoDocument=function(a){var b=document.createElement("div");return C.render(a,b)};f.scryRenderedComponentsWithType=Q;f.scryRenderedDOMComponentsWithClass=O;f.scryRenderedDOMComponentsWithTag=P;f.traverseTwoPhase=S});
|
||||
})();
|
||||
+29924
File diff suppressed because it is too large
Load Diff
+267
@@ -0,0 +1,267 @@
|
||||
/**
|
||||
* @license React
|
||||
* react-dom.production.min.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(){/*
|
||||
Modernizr 3.0.0pre (Custom Build) | MIT
|
||||
*/
|
||||
'use strict';(function(Q,zb){"object"===typeof exports&&"undefined"!==typeof module?zb(exports,require("react")):"function"===typeof define&&define.amd?define(["exports","react"],zb):(Q=Q||self,zb(Q.ReactDOM={},Q.React))})(this,function(Q,zb){function m(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
|
||||
function mb(a,b){Ab(a,b);Ab(a+"Capture",b)}function Ab(a,b){$b[a]=b;for(a=0;a<b.length;a++)cg.add(b[a])}function bj(a){if(Zd.call(dg,a))return!0;if(Zd.call(eg,a))return!1;if(cj.test(a))return dg[a]=!0;eg[a]=!0;return!1}function dj(a,b,c,d){if(null!==c&&0===c.type)return!1;switch(typeof b){case "function":case "symbol":return!0;case "boolean":if(d)return!1;if(null!==c)return!c.acceptsBooleans;a=a.toLowerCase().slice(0,5);return"data-"!==a&&"aria-"!==a;default:return!1}}function ej(a,b,c,d){if(null===
|
||||
b||"undefined"===typeof b||dj(a,b,c,d))return!0;if(d)return!1;if(null!==c)switch(c.type){case 3:return!b;case 4:return!1===b;case 5:return isNaN(b);case 6:return isNaN(b)||1>b}return!1}function Y(a,b,c,d,e,f,g){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=d;this.attributeNamespace=e;this.mustUseProperty=c;this.propertyName=a;this.type=b;this.sanitizeURL=f;this.removeEmptyString=g}function $d(a,b,c,d){var e=R.hasOwnProperty(b)?R[b]:null;if(null!==e?0!==e.type:d||!(2<b.length)||"o"!==
|
||||
b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])ej(b,c,e,d)&&(c=null),d||null===e?bj(b)&&(null===c?a.removeAttribute(b):a.setAttribute(b,""+c)):e.mustUseProperty?a[e.propertyName]=null===c?3===e.type?!1:"":c:(b=e.attributeName,d=e.attributeNamespace,null===c?a.removeAttribute(b):(e=e.type,c=3===e||4===e&&!0===c?"":""+c,d?a.setAttributeNS(d,b,c):a.setAttribute(b,c)))}function ac(a){if(null===a||"object"!==typeof a)return null;a=fg&&a[fg]||a["@@iterator"];return"function"===typeof a?a:null}function bc(a,b,
|
||||
c){if(void 0===ae)try{throw Error();}catch(d){ae=(b=d.stack.trim().match(/\n( *(at )?)/))&&b[1]||""}return"\n"+ae+a}function be(a,b){if(!a||ce)return"";ce=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(b)if(b=function(){throw Error();},Object.defineProperty(b.prototype,"props",{set:function(){throw Error();}}),"object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(b,[])}catch(n){var d=n}Reflect.construct(a,[],b)}else{try{b.call()}catch(n){d=n}a.call(b.prototype)}else{try{throw Error();
|
||||
}catch(n){d=n}a()}}catch(n){if(n&&d&&"string"===typeof n.stack){for(var e=n.stack.split("\n"),f=d.stack.split("\n"),g=e.length-1,h=f.length-1;1<=g&&0<=h&&e[g]!==f[h];)h--;for(;1<=g&&0<=h;g--,h--)if(e[g]!==f[h]){if(1!==g||1!==h){do if(g--,h--,0>h||e[g]!==f[h]){var k="\n"+e[g].replace(" at new "," at ");a.displayName&&k.includes("<anonymous>")&&(k=k.replace("<anonymous>",a.displayName));return k}while(1<=g&&0<=h)}break}}}finally{ce=!1,Error.prepareStackTrace=c}return(a=a?a.displayName||a.name:"")?bc(a):
|
||||
""}function fj(a){switch(a.tag){case 5:return bc(a.type);case 16:return bc("Lazy");case 13:return bc("Suspense");case 19:return bc("SuspenseList");case 0:case 2:case 15:return a=be(a.type,!1),a;case 11:return a=be(a.type.render,!1),a;case 1:return a=be(a.type,!0),a;default:return""}}function de(a){if(null==a)return null;if("function"===typeof a)return a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case Bb:return"Fragment";case Cb:return"Portal";case ee:return"Profiler";case fe:return"StrictMode";
|
||||
case ge:return"Suspense";case he:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case gg:return(a.displayName||"Context")+".Consumer";case hg:return(a._context.displayName||"Context")+".Provider";case ie:var b=a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case je:return b=a.displayName||null,null!==b?b:de(a.type)||"Memo";case Ta:b=a._payload;a=a._init;try{return de(a(b))}catch(c){}}return null}function gj(a){var b=a.type;
|
||||
switch(a.tag){case 24:return"Cache";case 9:return(b.displayName||"Context")+".Consumer";case 10:return(b._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return a=b.render,a=a.displayName||a.name||"",b.displayName||(""!==a?"ForwardRef("+a+")":"ForwardRef");case 7:return"Fragment";case 5:return b;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return de(b);case 8:return b===fe?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";
|
||||
case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"===typeof b)return b.displayName||b.name||null;if("string"===typeof b)return b}return null}function Ua(a){switch(typeof a){case "boolean":case "number":case "string":case "undefined":return a;case "object":return a;default:return""}}function ig(a){var b=a.type;return(a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===
|
||||
b)}function hj(a){var b=ig(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&"undefined"!==typeof c&&"function"===typeof c.get&&"function"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(a){d=""+a;f.call(this,a)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(a){d=""+a},stopTracking:function(){a._valueTracker=
|
||||
null;delete a[b]}}}}function Pc(a){a._valueTracker||(a._valueTracker=hj(a))}function jg(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d="";a&&(d=ig(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function Qc(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}function ke(a,b){var c=b.checked;return E({},b,{defaultChecked:void 0,defaultValue:void 0,
|
||||
value:void 0,checked:null!=c?c:a._wrapperState.initialChecked})}function kg(a,b){var c=null==b.defaultValue?"":b.defaultValue,d=null!=b.checked?b.checked:b.defaultChecked;c=Ua(null!=b.value?b.value:c);a._wrapperState={initialChecked:d,initialValue:c,controlled:"checkbox"===b.type||"radio"===b.type?null!=b.checked:null!=b.value}}function lg(a,b){b=b.checked;null!=b&&$d(a,"checked",b,!1)}function le(a,b){lg(a,b);var c=Ua(b.value),d=b.type;if(null!=c)if("number"===d){if(0===c&&""===a.value||a.value!=
|
||||
c)a.value=""+c}else a.value!==""+c&&(a.value=""+c);else if("submit"===d||"reset"===d){a.removeAttribute("value");return}b.hasOwnProperty("value")?me(a,b.type,c):b.hasOwnProperty("defaultValue")&&me(a,b.type,Ua(b.defaultValue));null==b.checked&&null!=b.defaultChecked&&(a.defaultChecked=!!b.defaultChecked)}function mg(a,b,c){if(b.hasOwnProperty("value")||b.hasOwnProperty("defaultValue")){var d=b.type;if(!("submit"!==d&&"reset"!==d||void 0!==b.value&&null!==b.value))return;b=""+a._wrapperState.initialValue;
|
||||
c||b===a.value||(a.value=b);a.defaultValue=b}c=a.name;""!==c&&(a.name="");a.defaultChecked=!!a._wrapperState.initialChecked;""!==c&&(a.name=c)}function me(a,b,c){if("number"!==b||Qc(a.ownerDocument)!==a)null==c?a.defaultValue=""+a._wrapperState.initialValue:a.defaultValue!==""+c&&(a.defaultValue=""+c)}function Db(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e<c.length;e++)b["$"+c[e]]=!0;for(c=0;c<a.length;c++)e=b.hasOwnProperty("$"+a[c].value),a[c].selected!==e&&(a[c].selected=e),e&&d&&(a[c].defaultSelected=
|
||||
!0)}else{c=""+Ua(c);b=null;for(e=0;e<a.length;e++){if(a[e].value===c){a[e].selected=!0;d&&(a[e].defaultSelected=!0);return}null!==b||a[e].disabled||(b=a[e])}null!==b&&(b.selected=!0)}}function ne(a,b){if(null!=b.dangerouslySetInnerHTML)throw Error(m(91));return E({},b,{value:void 0,defaultValue:void 0,children:""+a._wrapperState.initialValue})}function ng(a,b){var c=b.value;if(null==c){c=b.children;b=b.defaultValue;if(null!=c){if(null!=b)throw Error(m(92));if(cc(c)){if(1<c.length)throw Error(m(93));
|
||||
c=c[0]}b=c}null==b&&(b="");c=b}a._wrapperState={initialValue:Ua(c)}}function og(a,b){var c=Ua(b.value),d=Ua(b.defaultValue);null!=c&&(c=""+c,c!==a.value&&(a.value=c),null==b.defaultValue&&a.defaultValue!==c&&(a.defaultValue=c));null!=d&&(a.defaultValue=""+d)}function pg(a,b){b=a.textContent;b===a._wrapperState.initialValue&&""!==b&&null!==b&&(a.value=b)}function qg(a){switch(a){case "svg":return"http://www.w3.org/2000/svg";case "math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}
|
||||
function oe(a,b){return null==a||"http://www.w3.org/1999/xhtml"===a?qg(b):"http://www.w3.org/2000/svg"===a&&"foreignObject"===b?"http://www.w3.org/1999/xhtml":a}function rg(a,b,c){return null==b||"boolean"===typeof b||""===b?"":c||"number"!==typeof b||0===b||dc.hasOwnProperty(a)&&dc[a]?(""+b).trim():b+"px"}function sg(a,b){a=a.style;for(var c in b)if(b.hasOwnProperty(c)){var d=0===c.indexOf("--"),e=rg(c,b[c],d);"float"===c&&(c="cssFloat");d?a.setProperty(c,e):a[c]=e}}function pe(a,b){if(b){if(ij[a]&&
|
||||
(null!=b.children||null!=b.dangerouslySetInnerHTML))throw Error(m(137,a));if(null!=b.dangerouslySetInnerHTML){if(null!=b.children)throw Error(m(60));if("object"!==typeof b.dangerouslySetInnerHTML||!("__html"in b.dangerouslySetInnerHTML))throw Error(m(61));}if(null!=b.style&&"object"!==typeof b.style)throw Error(m(62));}}function qe(a,b){if(-1===a.indexOf("-"))return"string"===typeof b.is;switch(a){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}}function re(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}function tg(a){if(a=ec(a)){if("function"!==typeof se)throw Error(m(280));var b=a.stateNode;b&&(b=Rc(b),se(a.stateNode,a.type,b))}}function ug(a){Eb?Fb?Fb.push(a):Fb=[a]:Eb=a}function vg(){if(Eb){var a=Eb,b=Fb;Fb=Eb=null;tg(a);if(b)for(a=0;a<b.length;a++)tg(b[a])}}function wg(a,b,c){if(te)return a(b,c);te=!0;try{return xg(a,b,c)}finally{if(te=
|
||||
!1,null!==Eb||null!==Fb)yg(),vg()}}function fc(a,b){var c=a.stateNode;if(null===c)return null;var d=Rc(c);if(null===d)return null;c=d[b];a:switch(b){case "onClick":case "onClickCapture":case "onDoubleClick":case "onDoubleClickCapture":case "onMouseDown":case "onMouseDownCapture":case "onMouseMove":case "onMouseMoveCapture":case "onMouseUp":case "onMouseUpCapture":case "onMouseEnter":(d=!d.disabled)||(a=a.type,d=!("button"===a||"input"===a||"select"===a||"textarea"===a));a=!d;break a;default:a=!1}if(a)return null;
|
||||
if(c&&"function"!==typeof c)throw Error(m(231,b,typeof c));return c}function jj(a,b,c,d,e,f,g,h,k){gc=!1;Sc=null;kj.apply(lj,arguments)}function mj(a,b,c,d,e,f,g,h,k){jj.apply(this,arguments);if(gc){if(gc){var n=Sc;gc=!1;Sc=null}else throw Error(m(198));Tc||(Tc=!0,ue=n)}}function nb(a){var b=a,c=a;if(a.alternate)for(;b.return;)b=b.return;else{a=b;do b=a,0!==(b.flags&4098)&&(c=b.return),a=b.return;while(a)}return 3===b.tag?c:null}function zg(a){if(13===a.tag){var b=a.memoizedState;null===b&&(a=a.alternate,
|
||||
null!==a&&(b=a.memoizedState));if(null!==b)return b.dehydrated}return null}function Ag(a){if(nb(a)!==a)throw Error(m(188));}function nj(a){var b=a.alternate;if(!b){b=nb(a);if(null===b)throw Error(m(188));return b!==a?null:a}for(var c=a,d=b;;){var e=c.return;if(null===e)break;var f=e.alternate;if(null===f){d=e.return;if(null!==d){c=d;continue}break}if(e.child===f.child){for(f=e.child;f;){if(f===c)return Ag(e),a;if(f===d)return Ag(e),b;f=f.sibling}throw Error(m(188));}if(c.return!==d.return)c=e,d=f;
|
||||
else{for(var g=!1,h=e.child;h;){if(h===c){g=!0;c=e;d=f;break}if(h===d){g=!0;d=e;c=f;break}h=h.sibling}if(!g){for(h=f.child;h;){if(h===c){g=!0;c=f;d=e;break}if(h===d){g=!0;d=f;c=e;break}h=h.sibling}if(!g)throw Error(m(189));}}if(c.alternate!==d)throw Error(m(190));}if(3!==c.tag)throw Error(m(188));return c.stateNode.current===c?a:b}function Bg(a){a=nj(a);return null!==a?Cg(a):null}function Cg(a){if(5===a.tag||6===a.tag)return a;for(a=a.child;null!==a;){var b=Cg(a);if(null!==b)return b;a=a.sibling}return null}
|
||||
function oj(a,b){if(Ca&&"function"===typeof Ca.onCommitFiberRoot)try{Ca.onCommitFiberRoot(Uc,a,void 0,128===(a.current.flags&128))}catch(c){}}function pj(a){a>>>=0;return 0===a?32:31-(qj(a)/rj|0)|0}function hc(a){switch(a&-a){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return a&
|
||||
4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return a&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return a}}function Vc(a,b){var c=a.pendingLanes;if(0===c)return 0;var d=0,e=a.suspendedLanes,f=a.pingedLanes,g=c&268435455;if(0!==g){var h=g&~e;0!==h?d=hc(h):(f&=g,0!==f&&(d=hc(f)))}else g=c&~e,0!==g?d=hc(g):0!==f&&(d=hc(f));if(0===d)return 0;if(0!==b&&b!==d&&0===(b&e)&&
|
||||
(e=d&-d,f=b&-b,e>=f||16===e&&0!==(f&4194240)))return b;0!==(d&4)&&(d|=c&16);b=a.entangledLanes;if(0!==b)for(a=a.entanglements,b&=d;0<b;)c=31-ta(b),e=1<<c,d|=a[c],b&=~e;return d}function sj(a,b){switch(a){case 1:case 2:case 4:return b+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return b+5E3;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return-1;
|
||||
case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function tj(a,b){for(var c=a.suspendedLanes,d=a.pingedLanes,e=a.expirationTimes,f=a.pendingLanes;0<f;){var g=31-ta(f),h=1<<g,k=e[g];if(-1===k){if(0===(h&c)||0!==(h&d))e[g]=sj(h,b)}else k<=b&&(a.expiredLanes|=h);f&=~h}}function ve(a){a=a.pendingLanes&-1073741825;return 0!==a?a:a&1073741824?1073741824:0}function Dg(){var a=Wc;Wc<<=1;0===(Wc&4194240)&&(Wc=64);return a}function we(a){for(var b=[],c=0;31>c;c++)b.push(a);
|
||||
return b}function ic(a,b,c){a.pendingLanes|=b;536870912!==b&&(a.suspendedLanes=0,a.pingedLanes=0);a=a.eventTimes;b=31-ta(b);a[b]=c}function uj(a,b){var c=a.pendingLanes&~b;a.pendingLanes=b;a.suspendedLanes=0;a.pingedLanes=0;a.expiredLanes&=b;a.mutableReadLanes&=b;a.entangledLanes&=b;b=a.entanglements;var d=a.eventTimes;for(a=a.expirationTimes;0<c;){var e=31-ta(c),f=1<<e;b[e]=0;d[e]=-1;a[e]=-1;c&=~f}}function xe(a,b){var c=a.entangledLanes|=b;for(a=a.entanglements;c;){var d=31-ta(c),e=1<<d;e&b|a[d]&
|
||||
b&&(a[d]|=b);c&=~e}}function Eg(a){a&=-a;return 1<a?4<a?0!==(a&268435455)?16:536870912:4:1}function Fg(a,b){switch(a){case "focusin":case "focusout":Va=null;break;case "dragenter":case "dragleave":Wa=null;break;case "mouseover":case "mouseout":Xa=null;break;case "pointerover":case "pointerout":jc.delete(b.pointerId);break;case "gotpointercapture":case "lostpointercapture":kc.delete(b.pointerId)}}function lc(a,b,c,d,e,f){if(null===a||a.nativeEvent!==f)return a={blockedOn:b,domEventName:c,eventSystemFlags:d,
|
||||
nativeEvent:f,targetContainers:[e]},null!==b&&(b=ec(b),null!==b&&Gg(b)),a;a.eventSystemFlags|=d;b=a.targetContainers;null!==e&&-1===b.indexOf(e)&&b.push(e);return a}function vj(a,b,c,d,e){switch(b){case "focusin":return Va=lc(Va,a,b,c,d,e),!0;case "dragenter":return Wa=lc(Wa,a,b,c,d,e),!0;case "mouseover":return Xa=lc(Xa,a,b,c,d,e),!0;case "pointerover":var f=e.pointerId;jc.set(f,lc(jc.get(f)||null,a,b,c,d,e));return!0;case "gotpointercapture":return f=e.pointerId,kc.set(f,lc(kc.get(f)||null,a,b,
|
||||
c,d,e)),!0}return!1}function Hg(a){var b=ob(a.target);if(null!==b){var c=nb(b);if(null!==c)if(b=c.tag,13===b){if(b=zg(c),null!==b){a.blockedOn=b;wj(a.priority,function(){xj(c)});return}}else if(3===b&&c.stateNode.current.memoizedState.isDehydrated){a.blockedOn=3===c.tag?c.stateNode.containerInfo:null;return}}a.blockedOn=null}function Xc(a){if(null!==a.blockedOn)return!1;for(var b=a.targetContainers;0<b.length;){var c=ye(a.domEventName,a.eventSystemFlags,b[0],a.nativeEvent);if(null===c){c=a.nativeEvent;
|
||||
var d=new c.constructor(c.type,c);ze=d;c.target.dispatchEvent(d);ze=null}else return b=ec(c),null!==b&&Gg(b),a.blockedOn=c,!1;b.shift()}return!0}function Ig(a,b,c){Xc(a)&&c.delete(b)}function yj(){Ae=!1;null!==Va&&Xc(Va)&&(Va=null);null!==Wa&&Xc(Wa)&&(Wa=null);null!==Xa&&Xc(Xa)&&(Xa=null);jc.forEach(Ig);kc.forEach(Ig)}function mc(a,b){a.blockedOn===b&&(a.blockedOn=null,Ae||(Ae=!0,Jg(Kg,yj)))}function nc(a){if(0<Yc.length){mc(Yc[0],a);for(var b=1;b<Yc.length;b++){var c=Yc[b];c.blockedOn===a&&(c.blockedOn=
|
||||
null)}}null!==Va&&mc(Va,a);null!==Wa&&mc(Wa,a);null!==Xa&&mc(Xa,a);b=function(b){return mc(b,a)};jc.forEach(b);kc.forEach(b);for(b=0;b<Ya.length;b++)c=Ya[b],c.blockedOn===a&&(c.blockedOn=null);for(;0<Ya.length&&(b=Ya[0],null===b.blockedOn);)Hg(b),null===b.blockedOn&&Ya.shift()}function zj(a,b,c,d){var e=z,f=Gb.transition;Gb.transition=null;try{z=1,Be(a,b,c,d)}finally{z=e,Gb.transition=f}}function Aj(a,b,c,d){var e=z,f=Gb.transition;Gb.transition=null;try{z=4,Be(a,b,c,d)}finally{z=e,Gb.transition=
|
||||
f}}function Be(a,b,c,d){if(Zc){var e=ye(a,b,c,d);if(null===e)Ce(a,b,d,$c,c),Fg(a,d);else if(vj(e,a,b,c,d))d.stopPropagation();else if(Fg(a,d),b&4&&-1<Bj.indexOf(a)){for(;null!==e;){var f=ec(e);null!==f&&Cj(f);f=ye(a,b,c,d);null===f&&Ce(a,b,d,$c,c);if(f===e)break;e=f}null!==e&&d.stopPropagation()}else Ce(a,b,d,null,c)}}function ye(a,b,c,d){$c=null;a=re(d);a=ob(a);if(null!==a)if(b=nb(a),null===b)a=null;else if(c=b.tag,13===c){a=zg(b);if(null!==a)return a;a=null}else if(3===c){if(b.stateNode.current.memoizedState.isDehydrated)return 3===
|
||||
b.tag?b.stateNode.containerInfo:null;a=null}else b!==a&&(a=null);$c=a;return null}function Lg(a){switch(a){case "cancel":case "click":case "close":case "contextmenu":case "copy":case "cut":case "auxclick":case "dblclick":case "dragend":case "dragstart":case "drop":case "focusin":case "focusout":case "input":case "invalid":case "keydown":case "keypress":case "keyup":case "mousedown":case "mouseup":case "paste":case "pause":case "play":case "pointercancel":case "pointerdown":case "pointerup":case "ratechange":case "reset":case "resize":case "seeked":case "submit":case "touchcancel":case "touchend":case "touchstart":case "volumechange":case "change":case "selectionchange":case "textInput":case "compositionstart":case "compositionend":case "compositionupdate":case "beforeblur":case "afterblur":case "beforeinput":case "blur":case "fullscreenchange":case "focus":case "hashchange":case "popstate":case "select":case "selectstart":return 1;
|
||||
case "drag":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "mousemove":case "mouseout":case "mouseover":case "pointermove":case "pointerout":case "pointerover":case "scroll":case "toggle":case "touchmove":case "wheel":case "mouseenter":case "mouseleave":case "pointerenter":case "pointerleave":return 4;case "message":switch(Dj()){case De:return 1;case Mg:return 4;case ad:case Ej:return 16;case Ng:return 536870912;default:return 16}default:return 16}}function Og(){if(bd)return bd;
|
||||
var a,b=Ee,c=b.length,d,e="value"in Za?Za.value:Za.textContent,f=e.length;for(a=0;a<c&&b[a]===e[a];a++);var g=c-a;for(d=1;d<=g&&b[c-d]===e[f-d];d++);return bd=e.slice(a,1<d?1-d:void 0)}function cd(a){var b=a.keyCode;"charCode"in a?(a=a.charCode,0===a&&13===b&&(a=13)):a=b;10===a&&(a=13);return 32<=a||13===a?a:0}function dd(){return!0}function Pg(){return!1}function ka(a){function b(b,d,e,f,g){this._reactName=b;this._targetInst=e;this.type=d;this.nativeEvent=f;this.target=g;this.currentTarget=null;
|
||||
for(var c in a)a.hasOwnProperty(c)&&(b=a[c],this[c]=b?b(f):f[c]);this.isDefaultPrevented=(null!=f.defaultPrevented?f.defaultPrevented:!1===f.returnValue)?dd:Pg;this.isPropagationStopped=Pg;return this}E(b.prototype,{preventDefault:function(){this.defaultPrevented=!0;var a=this.nativeEvent;a&&(a.preventDefault?a.preventDefault():"unknown"!==typeof a.returnValue&&(a.returnValue=!1),this.isDefaultPrevented=dd)},stopPropagation:function(){var a=this.nativeEvent;a&&(a.stopPropagation?a.stopPropagation():
|
||||
"unknown"!==typeof a.cancelBubble&&(a.cancelBubble=!0),this.isPropagationStopped=dd)},persist:function(){},isPersistent:dd});return b}function Fj(a){var b=this.nativeEvent;return b.getModifierState?b.getModifierState(a):(a=Gj[a])?!!b[a]:!1}function Fe(a){return Fj}function Qg(a,b){switch(a){case "keyup":return-1!==Hj.indexOf(b.keyCode);case "keydown":return 229!==b.keyCode;case "keypress":case "mousedown":case "focusout":return!0;default:return!1}}function Rg(a){a=a.detail;return"object"===typeof a&&
|
||||
"data"in a?a.data:null}function Ij(a,b){switch(a){case "compositionend":return Rg(b);case "keypress":if(32!==b.which)return null;Sg=!0;return Tg;case "textInput":return a=b.data,a===Tg&&Sg?null:a;default:return null}}function Jj(a,b){if(Hb)return"compositionend"===a||!Ge&&Qg(a,b)?(a=Og(),bd=Ee=Za=null,Hb=!1,a):null;switch(a){case "paste":return null;case "keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1<b.char.length)return b.char;if(b.which)return String.fromCharCode(b.which)}return null;
|
||||
case "compositionend":return Ug&&"ko"!==b.locale?null:b.data;default:return null}}function Vg(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return"input"===b?!!Kj[a.type]:"textarea"===b?!0:!1}function Lj(a){if(!Ia)return!1;a="on"+a;var b=a in document;b||(b=document.createElement("div"),b.setAttribute(a,"return;"),b="function"===typeof b[a]);return b}function Wg(a,b,c,d){ug(d);b=ed(b,"onChange");0<b.length&&(c=new He("onChange","change",null,c,d),a.push({event:c,listeners:b}))}function Mj(a){Xg(a,
|
||||
0)}function fd(a){var b=Ib(a);if(jg(b))return a}function Nj(a,b){if("change"===a)return b}function Yg(){oc&&(oc.detachEvent("onpropertychange",Zg),pc=oc=null)}function Zg(a){if("value"===a.propertyName&&fd(pc)){var b=[];Wg(b,pc,a,re(a));wg(Mj,b)}}function Oj(a,b,c){"focusin"===a?(Yg(),oc=b,pc=c,oc.attachEvent("onpropertychange",Zg)):"focusout"===a&&Yg()}function Pj(a,b){if("selectionchange"===a||"keyup"===a||"keydown"===a)return fd(pc)}function Qj(a,b){if("click"===a)return fd(b)}function Rj(a,b){if("input"===
|
||||
a||"change"===a)return fd(b)}function Sj(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}function qc(a,b){if(ua(a,b))return!0;if("object"!==typeof a||null===a||"object"!==typeof b||null===b)return!1;var c=Object.keys(a),d=Object.keys(b);if(c.length!==d.length)return!1;for(d=0;d<c.length;d++){var e=c[d];if(!Zd.call(b,e)||!ua(a[e],b[e]))return!1}return!0}function $g(a){for(;a&&a.firstChild;)a=a.firstChild;return a}function ah(a,b){var c=$g(a);a=0;for(var d;c;){if(3===c.nodeType){d=a+c.textContent.length;
|
||||
if(a<=b&&d>=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=$g(c)}}function bh(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?bh(a,b.parentNode):"contains"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}function ch(){for(var a=window,b=Qc();b instanceof a.HTMLIFrameElement;){try{var c="string"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;
|
||||
b=Qc(a.document)}return b}function Ie(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)}function Tj(a){var b=ch(),c=a.focusedElem,d=a.selectionRange;if(b!==c&&c&&c.ownerDocument&&bh(c.ownerDocument.documentElement,c)){if(null!==d&&Ie(c))if(b=d.start,a=d.end,void 0===a&&(a=b),"selectionStart"in c)c.selectionStart=b,c.selectionEnd=Math.min(a,c.value.length);
|
||||
else if(a=(b=c.ownerDocument||document)&&b.defaultView||window,a.getSelection){a=a.getSelection();var e=c.textContent.length,f=Math.min(d.start,e);d=void 0===d.end?f:Math.min(d.end,e);!a.extend&&f>d&&(e=d,d=f,f=e);e=ah(c,f);var g=ah(c,d);e&&g&&(1!==a.rangeCount||a.anchorNode!==e.node||a.anchorOffset!==e.offset||a.focusNode!==g.node||a.focusOffset!==g.offset)&&(b=b.createRange(),b.setStart(e.node,e.offset),a.removeAllRanges(),f>d?(a.addRange(b),a.extend(g.node,g.offset)):(b.setEnd(g.node,g.offset),
|
||||
a.addRange(b)))}b=[];for(a=c;a=a.parentNode;)1===a.nodeType&&b.push({element:a,left:a.scrollLeft,top:a.scrollTop});"function"===typeof c.focus&&c.focus();for(c=0;c<b.length;c++)a=b[c],a.element.scrollLeft=a.left,a.element.scrollTop=a.top}}function dh(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;Je||null==Jb||Jb!==Qc(d)||(d=Jb,"selectionStart"in d&&Ie(d)?d={start:d.selectionStart,end:d.selectionEnd}:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection(),d=
|
||||
{anchorNode:d.anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset}),rc&&qc(rc,d)||(rc=d,d=ed(Ke,"onSelect"),0<d.length&&(b=new He("onSelect","select",null,b,c),a.push({event:b,listeners:d}),b.target=Jb)))}function gd(a,b){var c={};c[a.toLowerCase()]=b.toLowerCase();c["Webkit"+a]="webkit"+b;c["Moz"+a]="moz"+b;return c}function hd(a){if(Le[a])return Le[a];if(!Kb[a])return a;var b=Kb[a],c;for(c in b)if(b.hasOwnProperty(c)&&c in eh)return Le[a]=b[c];return a}function $a(a,
|
||||
b){fh.set(a,b);mb(b,[a])}function gh(a,b,c){var d=a.type||"unknown-event";a.currentTarget=c;mj(d,b,void 0,a);a.currentTarget=null}function Xg(a,b){b=0!==(b&4);for(var c=0;c<a.length;c++){var d=a[c],e=d.event;d=d.listeners;a:{var f=void 0;if(b)for(var g=d.length-1;0<=g;g--){var h=d[g],k=h.instance,n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;gh(e,h,n);f=k}else for(g=0;g<d.length;g++){h=d[g];k=h.instance;n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;
|
||||
gh(e,h,n);f=k}}}if(Tc)throw a=ue,Tc=!1,ue=null,a;}function B(a,b){var c=b[Me];void 0===c&&(c=b[Me]=new Set);var d=a+"__bubble";c.has(d)||(hh(b,a,2,!1),c.add(d))}function Ne(a,b,c){var d=0;b&&(d|=4);hh(c,a,d,b)}function sc(a){if(!a[id]){a[id]=!0;cg.forEach(function(b){"selectionchange"!==b&&(Uj.has(b)||Ne(b,!1,a),Ne(b,!0,a))});var b=9===a.nodeType?a:a.ownerDocument;null===b||b[id]||(b[id]=!0,Ne("selectionchange",!1,b))}}function hh(a,b,c,d,e){switch(Lg(b)){case 1:e=zj;break;case 4:e=Aj;break;default:e=
|
||||
Be}c=e.bind(null,b,c,a);e=void 0;!Oe||"touchstart"!==b&&"touchmove"!==b&&"wheel"!==b||(e=!0);d?void 0!==e?a.addEventListener(b,c,{capture:!0,passive:e}):a.addEventListener(b,c,!0):void 0!==e?a.addEventListener(b,c,{passive:e}):a.addEventListener(b,c,!1)}function Ce(a,b,c,d,e){var f=d;if(0===(b&1)&&0===(b&2)&&null!==d)a:for(;;){if(null===d)return;var g=d.tag;if(3===g||4===g){var h=d.stateNode.containerInfo;if(h===e||8===h.nodeType&&h.parentNode===e)break;if(4===g)for(g=d.return;null!==g;){var k=g.tag;
|
||||
if(3===k||4===k)if(k=g.stateNode.containerInfo,k===e||8===k.nodeType&&k.parentNode===e)return;g=g.return}for(;null!==h;){g=ob(h);if(null===g)return;k=g.tag;if(5===k||6===k){d=f=g;continue a}h=h.parentNode}}d=d.return}wg(function(){var d=f,e=re(c),g=[];a:{var h=fh.get(a);if(void 0!==h){var k=He,m=a;switch(a){case "keypress":if(0===cd(c))break a;case "keydown":case "keyup":k=Vj;break;case "focusin":m="focus";k=Pe;break;case "focusout":m="blur";k=Pe;break;case "beforeblur":case "afterblur":k=Pe;break;
|
||||
case "click":if(2===c.button)break a;case "auxclick":case "dblclick":case "mousedown":case "mousemove":case "mouseup":case "mouseout":case "mouseover":case "contextmenu":k=ih;break;case "drag":case "dragend":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "dragstart":case "drop":k=Wj;break;case "touchcancel":case "touchend":case "touchmove":case "touchstart":k=Xj;break;case jh:case kh:case lh:k=Yj;break;case mh:k=Zj;break;case "scroll":k=ak;break;case "wheel":k=bk;break;case "copy":case "cut":case "paste":k=
|
||||
ck;break;case "gotpointercapture":case "lostpointercapture":case "pointercancel":case "pointerdown":case "pointermove":case "pointerout":case "pointerover":case "pointerup":k=nh}var l=0!==(b&4),p=!l&&"scroll"===a,w=l?null!==h?h+"Capture":null:h;l=[];for(var A=d,t;null!==A;){t=A;var M=t.stateNode;5===t.tag&&null!==M&&(t=M,null!==w&&(M=fc(A,w),null!=M&&l.push(tc(A,M,t))));if(p)break;A=A.return}0<l.length&&(h=new k(h,m,null,c,e),g.push({event:h,listeners:l}))}}if(0===(b&7)){a:{h="mouseover"===a||"pointerover"===
|
||||
a;k="mouseout"===a||"pointerout"===a;if(h&&c!==ze&&(m=c.relatedTarget||c.fromElement)&&(ob(m)||m[Ja]))break a;if(k||h){h=e.window===e?e:(h=e.ownerDocument)?h.defaultView||h.parentWindow:window;if(k){if(m=c.relatedTarget||c.toElement,k=d,m=m?ob(m):null,null!==m&&(p=nb(m),m!==p||5!==m.tag&&6!==m.tag))m=null}else k=null,m=d;if(k!==m){l=ih;M="onMouseLeave";w="onMouseEnter";A="mouse";if("pointerout"===a||"pointerover"===a)l=nh,M="onPointerLeave",w="onPointerEnter",A="pointer";p=null==k?h:Ib(k);t=null==
|
||||
m?h:Ib(m);h=new l(M,A+"leave",k,c,e);h.target=p;h.relatedTarget=t;M=null;ob(e)===d&&(l=new l(w,A+"enter",m,c,e),l.target=t,l.relatedTarget=p,M=l);p=M;if(k&&m)b:{l=k;w=m;A=0;for(t=l;t;t=Lb(t))A++;t=0;for(M=w;M;M=Lb(M))t++;for(;0<A-t;)l=Lb(l),A--;for(;0<t-A;)w=Lb(w),t--;for(;A--;){if(l===w||null!==w&&l===w.alternate)break b;l=Lb(l);w=Lb(w)}l=null}else l=null;null!==k&&oh(g,h,k,l,!1);null!==m&&null!==p&&oh(g,p,m,l,!0)}}}a:{h=d?Ib(d):window;k=h.nodeName&&h.nodeName.toLowerCase();if("select"===k||"input"===
|
||||
k&&"file"===h.type)var ma=Nj;else if(Vg(h))if(ph)ma=Rj;else{ma=Pj;var va=Oj}else(k=h.nodeName)&&"input"===k.toLowerCase()&&("checkbox"===h.type||"radio"===h.type)&&(ma=Qj);if(ma&&(ma=ma(a,d))){Wg(g,ma,c,e);break a}va&&va(a,h,d);"focusout"===a&&(va=h._wrapperState)&&va.controlled&&"number"===h.type&&me(h,"number",h.value)}va=d?Ib(d):window;switch(a){case "focusin":if(Vg(va)||"true"===va.contentEditable)Jb=va,Ke=d,rc=null;break;case "focusout":rc=Ke=Jb=null;break;case "mousedown":Je=!0;break;case "contextmenu":case "mouseup":case "dragend":Je=
|
||||
!1;dh(g,c,e);break;case "selectionchange":if(dk)break;case "keydown":case "keyup":dh(g,c,e)}var ab;if(Ge)b:{switch(a){case "compositionstart":var da="onCompositionStart";break b;case "compositionend":da="onCompositionEnd";break b;case "compositionupdate":da="onCompositionUpdate";break b}da=void 0}else Hb?Qg(a,c)&&(da="onCompositionEnd"):"keydown"===a&&229===c.keyCode&&(da="onCompositionStart");da&&(Ug&&"ko"!==c.locale&&(Hb||"onCompositionStart"!==da?"onCompositionEnd"===da&&Hb&&(ab=Og()):(Za=e,Ee=
|
||||
"value"in Za?Za.value:Za.textContent,Hb=!0)),va=ed(d,da),0<va.length&&(da=new qh(da,a,null,c,e),g.push({event:da,listeners:va}),ab?da.data=ab:(ab=Rg(c),null!==ab&&(da.data=ab))));if(ab=ek?Ij(a,c):Jj(a,c))d=ed(d,"onBeforeInput"),0<d.length&&(e=new fk("onBeforeInput","beforeinput",null,c,e),g.push({event:e,listeners:d}),e.data=ab)}Xg(g,b)})}function tc(a,b,c){return{instance:a,listener:b,currentTarget:c}}function ed(a,b){for(var c=b+"Capture",d=[];null!==a;){var e=a,f=e.stateNode;5===e.tag&&null!==
|
||||
f&&(e=f,f=fc(a,c),null!=f&&d.unshift(tc(a,f,e)),f=fc(a,b),null!=f&&d.push(tc(a,f,e)));a=a.return}return d}function Lb(a){if(null===a)return null;do a=a.return;while(a&&5!==a.tag);return a?a:null}function oh(a,b,c,d,e){for(var f=b._reactName,g=[];null!==c&&c!==d;){var h=c,k=h.alternate,n=h.stateNode;if(null!==k&&k===d)break;5===h.tag&&null!==n&&(h=n,e?(k=fc(c,f),null!=k&&g.unshift(tc(c,k,h))):e||(k=fc(c,f),null!=k&&g.push(tc(c,k,h))));c=c.return}0!==g.length&&a.push({event:b,listeners:g})}function rh(a){return("string"===
|
||||
typeof a?a:""+a).replace(gk,"\n").replace(hk,"")}function jd(a,b,c,d){b=rh(b);if(rh(a)!==b&&c)throw Error(m(425));}function kd(){}function Qe(a,b){return"textarea"===a||"noscript"===a||"string"===typeof b.children||"number"===typeof b.children||"object"===typeof b.dangerouslySetInnerHTML&&null!==b.dangerouslySetInnerHTML&&null!=b.dangerouslySetInnerHTML.__html}function ik(a){setTimeout(function(){throw a;})}function Re(a,b){var c=b,d=0;do{var e=c.nextSibling;a.removeChild(c);if(e&&8===e.nodeType)if(c=
|
||||
e.data,"/$"===c){if(0===d){a.removeChild(e);nc(b);return}d--}else"$"!==c&&"$?"!==c&&"$!"!==c||d++;c=e}while(c);nc(b)}function Ka(a){for(;null!=a;a=a.nextSibling){var b=a.nodeType;if(1===b||3===b)break;if(8===b){b=a.data;if("$"===b||"$!"===b||"$?"===b)break;if("/$"===b)return null}}return a}function sh(a){a=a.previousSibling;for(var b=0;a;){if(8===a.nodeType){var c=a.data;if("$"===c||"$!"===c||"$?"===c){if(0===b)return a;b--}else"/$"===c&&b++}a=a.previousSibling}return null}function ob(a){var b=a[Da];
|
||||
if(b)return b;for(var c=a.parentNode;c;){if(b=c[Ja]||c[Da]){c=b.alternate;if(null!==b.child||null!==c&&null!==c.child)for(a=sh(a);null!==a;){if(c=a[Da])return c;a=sh(a)}return b}a=c;c=a.parentNode}return null}function ec(a){a=a[Da]||a[Ja];return!a||5!==a.tag&&6!==a.tag&&13!==a.tag&&3!==a.tag?null:a}function Ib(a){if(5===a.tag||6===a.tag)return a.stateNode;throw Error(m(33));}function Rc(a){return a[uc]||null}function bb(a){return{current:a}}function v(a,b){0>Mb||(a.current=Se[Mb],Se[Mb]=null,Mb--)}
|
||||
function y(a,b,c){Mb++;Se[Mb]=a.current;a.current=b}function Nb(a,b){var c=a.type.contextTypes;if(!c)return cb;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function ea(a){a=a.childContextTypes;return null!==a&&void 0!==a}function th(a,b,c){if(J.current!==cb)throw Error(m(168));
|
||||
y(J,b);y(S,c)}function uh(a,b,c){var d=a.stateNode;b=b.childContextTypes;if("function"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in b))throw Error(m(108,gj(a)||"Unknown",e));return E({},c,d)}function ld(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||cb;pb=J.current;y(J,a);y(S,S.current);return!0}function vh(a,b,c){var d=a.stateNode;if(!d)throw Error(m(169));c?(a=uh(a,b,pb),d.__reactInternalMemoizedMergedChildContext=a,v(S),v(J),y(J,a)):v(S);
|
||||
y(S,c)}function wh(a){null===La?La=[a]:La.push(a)}function jk(a){md=!0;wh(a)}function db(){if(!Te&&null!==La){Te=!0;var a=0,b=z;try{var c=La;for(z=1;a<c.length;a++){var d=c[a];do d=d(!0);while(null!==d)}La=null;md=!1}catch(e){throw null!==La&&(La=La.slice(a+1)),xh(De,db),e;}finally{z=b,Te=!1}}return null}function qb(a,b){Ob[Pb++]=nd;Ob[Pb++]=od;od=a;nd=b}function yh(a,b,c){na[oa++]=Ma;na[oa++]=Na;na[oa++]=rb;rb=a;var d=Ma;a=Na;var e=32-ta(d)-1;d&=~(1<<e);c+=1;var f=32-ta(b)+e;if(30<f){var g=e-e%5;
|
||||
f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;Ma=1<<32-ta(b)+e|c<<e|d;Na=f+a}else Ma=1<<f|c<<e|d,Na=a}function Ue(a){null!==a.return&&(qb(a,1),yh(a,1,0))}function Ve(a){for(;a===od;)od=Ob[--Pb],Ob[Pb]=null,nd=Ob[--Pb],Ob[Pb]=null;for(;a===rb;)rb=na[--oa],na[oa]=null,Na=na[--oa],na[oa]=null,Ma=na[--oa],na[oa]=null}function zh(a,b){var c=pa(5,null,null,0);c.elementType="DELETED";c.stateNode=b;c.return=a;b=a.deletions;null===b?(a.deletions=[c],a.flags|=16):b.push(c)}function Ah(a,b){switch(a.tag){case 5:var c=
|
||||
a.type;b=1!==b.nodeType||c.toLowerCase()!==b.nodeName.toLowerCase()?null:b;return null!==b?(a.stateNode=b,la=a,fa=Ka(b.firstChild),!0):!1;case 6:return b=""===a.pendingProps||3!==b.nodeType?null:b,null!==b?(a.stateNode=b,la=a,fa=null,!0):!1;case 13:return b=8!==b.nodeType?null:b,null!==b?(c=null!==rb?{id:Ma,overflow:Na}:null,a.memoizedState={dehydrated:b,treeContext:c,retryLane:1073741824},c=pa(18,null,null,0),c.stateNode=b,c.return=a,a.child=c,la=a,fa=null,!0):!1;default:return!1}}function We(a){return 0!==
|
||||
(a.mode&1)&&0===(a.flags&128)}function Xe(a){if(D){var b=fa;if(b){var c=b;if(!Ah(a,b)){if(We(a))throw Error(m(418));b=Ka(c.nextSibling);var d=la;b&&Ah(a,b)?zh(d,c):(a.flags=a.flags&-4097|2,D=!1,la=a)}}else{if(We(a))throw Error(m(418));a.flags=a.flags&-4097|2;D=!1;la=a}}}function Bh(a){for(a=a.return;null!==a&&5!==a.tag&&3!==a.tag&&13!==a.tag;)a=a.return;la=a}function pd(a){if(a!==la)return!1;if(!D)return Bh(a),D=!0,!1;var b;(b=3!==a.tag)&&!(b=5!==a.tag)&&(b=a.type,b="head"!==b&&"body"!==b&&!Qe(a.type,
|
||||
a.memoizedProps));if(b&&(b=fa)){if(We(a)){for(a=fa;a;)a=Ka(a.nextSibling);throw Error(m(418));}for(;b;)zh(a,b),b=Ka(b.nextSibling)}Bh(a);if(13===a.tag){a=a.memoizedState;a=null!==a?a.dehydrated:null;if(!a)throw Error(m(317));a:{a=a.nextSibling;for(b=0;a;){if(8===a.nodeType){var c=a.data;if("/$"===c){if(0===b){fa=Ka(a.nextSibling);break a}b--}else"$"!==c&&"$!"!==c&&"$?"!==c||b++}a=a.nextSibling}fa=null}}else fa=la?Ka(a.stateNode.nextSibling):null;return!0}function Qb(){fa=la=null;D=!1}function Ye(a){null===
|
||||
wa?wa=[a]:wa.push(a)}function vc(a,b,c){a=c.ref;if(null!==a&&"function"!==typeof a&&"object"!==typeof a){if(c._owner){c=c._owner;if(c){if(1!==c.tag)throw Error(m(309));var d=c.stateNode}if(!d)throw Error(m(147,a));var e=d,f=""+a;if(null!==b&&null!==b.ref&&"function"===typeof b.ref&&b.ref._stringRef===f)return b.ref;b=function(a){var b=e.refs;null===a?delete b[f]:b[f]=a};b._stringRef=f;return b}if("string"!==typeof a)throw Error(m(284));if(!c._owner)throw Error(m(290,a));}return a}function qd(a,b){a=
|
||||
Object.prototype.toString.call(b);throw Error(m(31,"[object Object]"===a?"object with keys {"+Object.keys(b).join(", ")+"}":a));}function Ch(a){var b=a._init;return b(a._payload)}function Dh(a){function b(b,c){if(a){var d=b.deletions;null===d?(b.deletions=[c],b.flags|=16):d.push(c)}}function c(c,d){if(!a)return null;for(;null!==d;)b(c,d),d=d.sibling;return null}function d(a,b){for(a=new Map;null!==b;)null!==b.key?a.set(b.key,b):a.set(b.index,b),b=b.sibling;return a}function e(a,b){a=eb(a,b);a.index=
|
||||
0;a.sibling=null;return a}function f(b,c,d){b.index=d;if(!a)return b.flags|=1048576,c;d=b.alternate;if(null!==d)return d=d.index,d<c?(b.flags|=2,c):d;b.flags|=2;return c}function g(b){a&&null===b.alternate&&(b.flags|=2);return b}function h(a,b,c,d){if(null===b||6!==b.tag)return b=Ze(c,a.mode,d),b.return=a,b;b=e(b,c);b.return=a;return b}function k(a,b,c,d){var f=c.type;if(f===Bb)return l(a,b,c.props.children,d,c.key);if(null!==b&&(b.elementType===f||"object"===typeof f&&null!==f&&f.$$typeof===Ta&&
|
||||
Ch(f)===b.type))return d=e(b,c.props),d.ref=vc(a,b,c),d.return=a,d;d=rd(c.type,c.key,c.props,null,a.mode,d);d.ref=vc(a,b,c);d.return=a;return d}function n(a,b,c,d){if(null===b||4!==b.tag||b.stateNode.containerInfo!==c.containerInfo||b.stateNode.implementation!==c.implementation)return b=$e(c,a.mode,d),b.return=a,b;b=e(b,c.children||[]);b.return=a;return b}function l(a,b,c,d,f){if(null===b||7!==b.tag)return b=sb(c,a.mode,d,f),b.return=a,b;b=e(b,c);b.return=a;return b}function u(a,b,c){if("string"===
|
||||
typeof b&&""!==b||"number"===typeof b)return b=Ze(""+b,a.mode,c),b.return=a,b;if("object"===typeof b&&null!==b){switch(b.$$typeof){case sd:return c=rd(b.type,b.key,b.props,null,a.mode,c),c.ref=vc(a,null,b),c.return=a,c;case Cb:return b=$e(b,a.mode,c),b.return=a,b;case Ta:var d=b._init;return u(a,d(b._payload),c)}if(cc(b)||ac(b))return b=sb(b,a.mode,c,null),b.return=a,b;qd(a,b)}return null}function r(a,b,c,d){var e=null!==b?b.key:null;if("string"===typeof c&&""!==c||"number"===typeof c)return null!==
|
||||
e?null:h(a,b,""+c,d);if("object"===typeof c&&null!==c){switch(c.$$typeof){case sd:return c.key===e?k(a,b,c,d):null;case Cb:return c.key===e?n(a,b,c,d):null;case Ta:return e=c._init,r(a,b,e(c._payload),d)}if(cc(c)||ac(c))return null!==e?null:l(a,b,c,d,null);qd(a,c)}return null}function p(a,b,c,d,e){if("string"===typeof d&&""!==d||"number"===typeof d)return a=a.get(c)||null,h(b,a,""+d,e);if("object"===typeof d&&null!==d){switch(d.$$typeof){case sd:return a=a.get(null===d.key?c:d.key)||null,k(b,a,d,
|
||||
e);case Cb:return a=a.get(null===d.key?c:d.key)||null,n(b,a,d,e);case Ta:var f=d._init;return p(a,b,c,f(d._payload),e)}if(cc(d)||ac(d))return a=a.get(c)||null,l(b,a,d,e,null);qd(b,d)}return null}function x(e,g,h,k){for(var n=null,m=null,l=g,t=g=0,q=null;null!==l&&t<h.length;t++){l.index>t?(q=l,l=null):q=l.sibling;var A=r(e,l,h[t],k);if(null===A){null===l&&(l=q);break}a&&l&&null===A.alternate&&b(e,l);g=f(A,g,t);null===m?n=A:m.sibling=A;m=A;l=q}if(t===h.length)return c(e,l),D&&qb(e,t),n;if(null===l){for(;t<
|
||||
h.length;t++)l=u(e,h[t],k),null!==l&&(g=f(l,g,t),null===m?n=l:m.sibling=l,m=l);D&&qb(e,t);return n}for(l=d(e,l);t<h.length;t++)q=p(l,e,t,h[t],k),null!==q&&(a&&null!==q.alternate&&l.delete(null===q.key?t:q.key),g=f(q,g,t),null===m?n=q:m.sibling=q,m=q);a&&l.forEach(function(a){return b(e,a)});D&&qb(e,t);return n}function I(e,g,h,k){var n=ac(h);if("function"!==typeof n)throw Error(m(150));h=n.call(h);if(null==h)throw Error(m(151));for(var l=n=null,q=g,t=g=0,A=null,w=h.next();null!==q&&!w.done;t++,w=
|
||||
h.next()){q.index>t?(A=q,q=null):A=q.sibling;var x=r(e,q,w.value,k);if(null===x){null===q&&(q=A);break}a&&q&&null===x.alternate&&b(e,q);g=f(x,g,t);null===l?n=x:l.sibling=x;l=x;q=A}if(w.done)return c(e,q),D&&qb(e,t),n;if(null===q){for(;!w.done;t++,w=h.next())w=u(e,w.value,k),null!==w&&(g=f(w,g,t),null===l?n=w:l.sibling=w,l=w);D&&qb(e,t);return n}for(q=d(e,q);!w.done;t++,w=h.next())w=p(q,e,t,w.value,k),null!==w&&(a&&null!==w.alternate&&q.delete(null===w.key?t:w.key),g=f(w,g,t),null===l?n=w:l.sibling=
|
||||
w,l=w);a&&q.forEach(function(a){return b(e,a)});D&&qb(e,t);return n}function v(a,d,f,h){"object"===typeof f&&null!==f&&f.type===Bb&&null===f.key&&(f=f.props.children);if("object"===typeof f&&null!==f){switch(f.$$typeof){case sd:a:{for(var k=f.key,n=d;null!==n;){if(n.key===k){k=f.type;if(k===Bb){if(7===n.tag){c(a,n.sibling);d=e(n,f.props.children);d.return=a;a=d;break a}}else if(n.elementType===k||"object"===typeof k&&null!==k&&k.$$typeof===Ta&&Ch(k)===n.type){c(a,n.sibling);d=e(n,f.props);d.ref=vc(a,
|
||||
n,f);d.return=a;a=d;break a}c(a,n);break}else b(a,n);n=n.sibling}f.type===Bb?(d=sb(f.props.children,a.mode,h,f.key),d.return=a,a=d):(h=rd(f.type,f.key,f.props,null,a.mode,h),h.ref=vc(a,d,f),h.return=a,a=h)}return g(a);case Cb:a:{for(n=f.key;null!==d;){if(d.key===n)if(4===d.tag&&d.stateNode.containerInfo===f.containerInfo&&d.stateNode.implementation===f.implementation){c(a,d.sibling);d=e(d,f.children||[]);d.return=a;a=d;break a}else{c(a,d);break}else b(a,d);d=d.sibling}d=$e(f,a.mode,h);d.return=a;
|
||||
a=d}return g(a);case Ta:return n=f._init,v(a,d,n(f._payload),h)}if(cc(f))return x(a,d,f,h);if(ac(f))return I(a,d,f,h);qd(a,f)}return"string"===typeof f&&""!==f||"number"===typeof f?(f=""+f,null!==d&&6===d.tag?(c(a,d.sibling),d=e(d,f),d.return=a,a=d):(c(a,d),d=Ze(f,a.mode,h),d.return=a,a=d),g(a)):c(a,d)}return v}function af(){bf=Rb=td=null}function cf(a,b){b=ud.current;v(ud);a._currentValue=b}function df(a,b,c){for(;null!==a;){var d=a.alternate;(a.childLanes&b)!==b?(a.childLanes|=b,null!==d&&(d.childLanes|=
|
||||
b)):null!==d&&(d.childLanes&b)!==b&&(d.childLanes|=b);if(a===c)break;a=a.return}}function Sb(a,b){td=a;bf=Rb=null;a=a.dependencies;null!==a&&null!==a.firstContext&&(0!==(a.lanes&b)&&(ha=!0),a.firstContext=null)}function qa(a){var b=a._currentValue;if(bf!==a)if(a={context:a,memoizedValue:b,next:null},null===Rb){if(null===td)throw Error(m(308));Rb=a;td.dependencies={lanes:0,firstContext:a}}else Rb=Rb.next=a;return b}function ef(a){null===tb?tb=[a]:tb.push(a)}function Eh(a,b,c,d){var e=b.interleaved;
|
||||
null===e?(c.next=c,ef(b)):(c.next=e.next,e.next=c);b.interleaved=c;return Oa(a,d)}function Oa(a,b){a.lanes|=b;var c=a.alternate;null!==c&&(c.lanes|=b);c=a;for(a=a.return;null!==a;)a.childLanes|=b,c=a.alternate,null!==c&&(c.childLanes|=b),c=a,a=a.return;return 3===c.tag?c.stateNode:null}function ff(a){a.updateQueue={baseState:a.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Fh(a,b){a=a.updateQueue;b.updateQueue===a&&(b.updateQueue=
|
||||
{baseState:a.baseState,firstBaseUpdate:a.firstBaseUpdate,lastBaseUpdate:a.lastBaseUpdate,shared:a.shared,effects:a.effects})}function Pa(a,b){return{eventTime:a,lane:b,tag:0,payload:null,callback:null,next:null}}function fb(a,b,c){var d=a.updateQueue;if(null===d)return null;d=d.shared;if(0!==(p&2)){var e=d.pending;null===e?b.next=b:(b.next=e.next,e.next=b);d.pending=b;return kk(a,c)}e=d.interleaved;null===e?(b.next=b,ef(d)):(b.next=e.next,e.next=b);d.interleaved=b;return Oa(a,c)}function vd(a,b,c){b=
|
||||
b.updateQueue;if(null!==b&&(b=b.shared,0!==(c&4194240))){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;xe(a,c)}}function Gh(a,b){var c=a.updateQueue,d=a.alternate;if(null!==d&&(d=d.updateQueue,c===d)){var e=null,f=null;c=c.firstBaseUpdate;if(null!==c){do{var g={eventTime:c.eventTime,lane:c.lane,tag:c.tag,payload:c.payload,callback:c.callback,next:null};null===f?e=f=g:f=f.next=g;c=c.next}while(null!==c);null===f?e=f=b:f=f.next=b}else e=f=b;c={baseState:d.baseState,firstBaseUpdate:e,lastBaseUpdate:f,
|
||||
shared:d.shared,effects:d.effects};a.updateQueue=c;return}a=c.lastBaseUpdate;null===a?c.firstBaseUpdate=b:a.next=b;c.lastBaseUpdate=b}function wd(a,b,c,d){var e=a.updateQueue;gb=!1;var f=e.firstBaseUpdate,g=e.lastBaseUpdate,h=e.shared.pending;if(null!==h){e.shared.pending=null;var k=h,n=k.next;k.next=null;null===g?f=n:g.next=n;g=k;var l=a.alternate;null!==l&&(l=l.updateQueue,h=l.lastBaseUpdate,h!==g&&(null===h?l.firstBaseUpdate=n:h.next=n,l.lastBaseUpdate=k))}if(null!==f){var m=e.baseState;g=0;l=
|
||||
n=k=null;h=f;do{var r=h.lane,p=h.eventTime;if((d&r)===r){null!==l&&(l=l.next={eventTime:p,lane:0,tag:h.tag,payload:h.payload,callback:h.callback,next:null});a:{var x=a,v=h;r=b;p=c;switch(v.tag){case 1:x=v.payload;if("function"===typeof x){m=x.call(p,m,r);break a}m=x;break a;case 3:x.flags=x.flags&-65537|128;case 0:x=v.payload;r="function"===typeof x?x.call(p,m,r):x;if(null===r||void 0===r)break a;m=E({},m,r);break a;case 2:gb=!0}}null!==h.callback&&0!==h.lane&&(a.flags|=64,r=e.effects,null===r?e.effects=
|
||||
[h]:r.push(h))}else p={eventTime:p,lane:r,tag:h.tag,payload:h.payload,callback:h.callback,next:null},null===l?(n=l=p,k=m):l=l.next=p,g|=r;h=h.next;if(null===h)if(h=e.shared.pending,null===h)break;else r=h,h=r.next,r.next=null,e.lastBaseUpdate=r,e.shared.pending=null}while(1);null===l&&(k=m);e.baseState=k;e.firstBaseUpdate=n;e.lastBaseUpdate=l;b=e.shared.interleaved;if(null!==b){e=b;do g|=e.lane,e=e.next;while(e!==b)}else null===f&&(e.shared.lanes=0);ra|=g;a.lanes=g;a.memoizedState=m}}function Hh(a,
|
||||
b,c){a=b.effects;b.effects=null;if(null!==a)for(b=0;b<a.length;b++){var d=a[b],e=d.callback;if(null!==e){d.callback=null;d=c;if("function"!==typeof e)throw Error(m(191,e));e.call(d)}}}function ub(a){if(a===wc)throw Error(m(174));return a}function gf(a,b){y(xc,b);y(yc,a);y(Ea,wc);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?b.namespaceURI:oe(null,"");break;default:a=8===a?b.parentNode:b,b=a.namespaceURI||null,a=a.tagName,b=oe(b,a)}v(Ea);y(Ea,b)}function Tb(a){v(Ea);v(yc);v(xc)}function Ih(a){ub(xc.current);
|
||||
var b=ub(Ea.current);var c=oe(b,a.type);b!==c&&(y(yc,a),y(Ea,c))}function hf(a){yc.current===a&&(v(Ea),v(yc))}function xd(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||"$?"===c.data||"$!"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.flags&128))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=
|
||||
b.return;b=b.sibling}return null}function jf(){for(var a=0;a<kf.length;a++)kf[a]._workInProgressVersionPrimary=null;kf.length=0}function V(){throw Error(m(321));}function lf(a,b){if(null===b)return!1;for(var c=0;c<b.length&&c<a.length;c++)if(!ua(a[c],b[c]))return!1;return!0}function mf(a,b,c,d,e,f){vb=f;C=b;b.memoizedState=null;b.updateQueue=null;b.lanes=0;yd.current=null===a||null===a.memoizedState?lk:mk;a=c(d,e);if(zc){f=0;do{zc=!1;Ac=0;if(25<=f)throw Error(m(301));f+=1;N=K=null;b.updateQueue=null;
|
||||
yd.current=nk;a=c(d,e)}while(zc)}yd.current=zd;b=null!==K&&null!==K.next;vb=0;N=K=C=null;Ad=!1;if(b)throw Error(m(300));return a}function nf(){var a=0!==Ac;Ac=0;return a}function Fa(){var a={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};null===N?C.memoizedState=N=a:N=N.next=a;return N}function sa(){if(null===K){var a=C.alternate;a=null!==a?a.memoizedState:null}else a=K.next;var b=null===N?C.memoizedState:N.next;if(null!==b)N=b,K=a;else{if(null===a)throw Error(m(310));K=a;
|
||||
a={memoizedState:K.memoizedState,baseState:K.baseState,baseQueue:K.baseQueue,queue:K.queue,next:null};null===N?C.memoizedState=N=a:N=N.next=a}return N}function Bc(a,b){return"function"===typeof b?b(a):b}function of(a,b,c){b=sa();c=b.queue;if(null===c)throw Error(m(311));c.lastRenderedReducer=a;var d=K,e=d.baseQueue,f=c.pending;if(null!==f){if(null!==e){var g=e.next;e.next=f.next;f.next=g}d.baseQueue=e=f;c.pending=null}if(null!==e){f=e.next;d=d.baseState;var h=g=null,k=null,n=f;do{var l=n.lane;if((vb&
|
||||
l)===l)null!==k&&(k=k.next={lane:0,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null}),d=n.hasEagerState?n.eagerState:a(d,n.action);else{var u={lane:l,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null};null===k?(h=k=u,g=d):k=k.next=u;C.lanes|=l;ra|=l}n=n.next}while(null!==n&&n!==f);null===k?g=d:k.next=h;ua(d,b.memoizedState)||(ha=!0);b.memoizedState=d;b.baseState=g;b.baseQueue=k;c.lastRenderedState=d}a=c.interleaved;if(null!==a){e=a;do f=
|
||||
e.lane,C.lanes|=f,ra|=f,e=e.next;while(e!==a)}else null===e&&(c.lanes=0);return[b.memoizedState,c.dispatch]}function pf(a,b,c){b=sa();c=b.queue;if(null===c)throw Error(m(311));c.lastRenderedReducer=a;var d=c.dispatch,e=c.pending,f=b.memoizedState;if(null!==e){c.pending=null;var g=e=e.next;do f=a(f,g.action),g=g.next;while(g!==e);ua(f,b.memoizedState)||(ha=!0);b.memoizedState=f;null===b.baseQueue&&(b.baseState=f);c.lastRenderedState=f}return[f,d]}function Jh(a,b,c){}function Kh(a,b,c){c=C;var d=sa(),
|
||||
e=b(),f=!ua(d.memoizedState,e);f&&(d.memoizedState=e,ha=!0);d=d.queue;qf(Lh.bind(null,c,d,a),[a]);if(d.getSnapshot!==b||f||null!==N&&N.memoizedState.tag&1){c.flags|=2048;Cc(9,Mh.bind(null,c,d,e,b),void 0,null);if(null===O)throw Error(m(349));0!==(vb&30)||Nh(c,b,e)}return e}function Nh(a,b,c){a.flags|=16384;a={getSnapshot:b,value:c};b=C.updateQueue;null===b?(b={lastEffect:null,stores:null},C.updateQueue=b,b.stores=[a]):(c=b.stores,null===c?b.stores=[a]:c.push(a))}function Mh(a,b,c,d){b.value=c;b.getSnapshot=
|
||||
d;Oh(b)&&Ph(a)}function Lh(a,b,c){return c(function(){Oh(b)&&Ph(a)})}function Oh(a){var b=a.getSnapshot;a=a.value;try{var c=b();return!ua(a,c)}catch(d){return!0}}function Ph(a){var b=Oa(a,1);null!==b&&xa(b,a,1,-1)}function Qh(a){var b=Fa();"function"===typeof a&&(a=a());b.memoizedState=b.baseState=a;a={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:Bc,lastRenderedState:a};b.queue=a;a=a.dispatch=ok.bind(null,C,a);return[b.memoizedState,a]}function Cc(a,b,c,d){a={tag:a,create:b,
|
||||
destroy:c,deps:d,next:null};b=C.updateQueue;null===b?(b={lastEffect:null,stores:null},C.updateQueue=b,b.lastEffect=a.next=a):(c=b.lastEffect,null===c?b.lastEffect=a.next=a:(d=c.next,c.next=a,a.next=d,b.lastEffect=a));return a}function Rh(a){return sa().memoizedState}function Bd(a,b,c,d){var e=Fa();C.flags|=a;e.memoizedState=Cc(1|b,c,void 0,void 0===d?null:d)}function Cd(a,b,c,d){var e=sa();d=void 0===d?null:d;var f=void 0;if(null!==K){var g=K.memoizedState;f=g.destroy;if(null!==d&&lf(d,g.deps)){e.memoizedState=
|
||||
Cc(b,c,f,d);return}}C.flags|=a;e.memoizedState=Cc(1|b,c,f,d)}function Sh(a,b){return Bd(8390656,8,a,b)}function qf(a,b){return Cd(2048,8,a,b)}function Th(a,b){return Cd(4,2,a,b)}function Uh(a,b){return Cd(4,4,a,b)}function Vh(a,b){if("function"===typeof b)return a=a(),b(a),function(){b(null)};if(null!==b&&void 0!==b)return a=a(),b.current=a,function(){b.current=null}}function Wh(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;return Cd(4,4,Vh.bind(null,b,a),c)}function rf(a,b){}function Xh(a,b){var c=
|
||||
sa();b=void 0===b?null:b;var d=c.memoizedState;if(null!==d&&null!==b&&lf(b,d[1]))return d[0];c.memoizedState=[a,b];return a}function Yh(a,b){var c=sa();b=void 0===b?null:b;var d=c.memoizedState;if(null!==d&&null!==b&&lf(b,d[1]))return d[0];a=a();c.memoizedState=[a,b];return a}function Zh(a,b,c){if(0===(vb&21))return a.baseState&&(a.baseState=!1,ha=!0),a.memoizedState=c;ua(c,b)||(c=Dg(),C.lanes|=c,ra|=c,a.baseState=!0);return b}function pk(a,b,c){c=z;z=0!==c&&4>c?c:4;a(!0);var d=sf.transition;sf.transition=
|
||||
{};try{a(!1),b()}finally{z=c,sf.transition=d}}function $h(){return sa().memoizedState}function qk(a,b,c){var d=hb(a);c={lane:d,action:c,hasEagerState:!1,eagerState:null,next:null};if(ai(a))bi(b,c);else if(c=Eh(a,b,c,d),null!==c){var e=Z();xa(c,a,d,e);ci(c,b,d)}}function ok(a,b,c){var d=hb(a),e={lane:d,action:c,hasEagerState:!1,eagerState:null,next:null};if(ai(a))bi(b,e);else{var f=a.alternate;if(0===a.lanes&&(null===f||0===f.lanes)&&(f=b.lastRenderedReducer,null!==f))try{var g=b.lastRenderedState,
|
||||
h=f(g,c);e.hasEagerState=!0;e.eagerState=h;if(ua(h,g)){var k=b.interleaved;null===k?(e.next=e,ef(b)):(e.next=k.next,k.next=e);b.interleaved=e;return}}catch(n){}finally{}c=Eh(a,b,e,d);null!==c&&(e=Z(),xa(c,a,d,e),ci(c,b,d))}}function ai(a){var b=a.alternate;return a===C||null!==b&&b===C}function bi(a,b){zc=Ad=!0;var c=a.pending;null===c?b.next=b:(b.next=c.next,c.next=b);a.pending=b}function ci(a,b,c){if(0!==(c&4194240)){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;xe(a,c)}}function ya(a,b){if(a&&
|
||||
a.defaultProps){b=E({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}function tf(a,b,c,d){b=a.memoizedState;c=c(d,b);c=null===c||void 0===c?b:E({},b,c);a.memoizedState=c;0===a.lanes&&(a.updateQueue.baseState=c)}function di(a,b,c,d,e,f,g){a=a.stateNode;return"function"===typeof a.shouldComponentUpdate?a.shouldComponentUpdate(d,f,g):b.prototype&&b.prototype.isPureReactComponent?!qc(c,d)||!qc(e,f):!0}function ei(a,b,c){var d=!1,e=cb;var f=b.contextType;"object"===typeof f&&
|
||||
null!==f?f=qa(f):(e=ea(b)?pb:J.current,d=b.contextTypes,f=(d=null!==d&&void 0!==d)?Nb(a,e):cb);b=new b(c,f);a.memoizedState=null!==b.state&&void 0!==b.state?b.state:null;b.updater=Dd;a.stateNode=b;b._reactInternals=a;d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=e,a.__reactInternalMemoizedMaskedChildContext=f);return b}function fi(a,b,c,d){a=b.state;"function"===typeof b.componentWillReceiveProps&&b.componentWillReceiveProps(c,d);"function"===typeof b.UNSAFE_componentWillReceiveProps&&
|
||||
b.UNSAFE_componentWillReceiveProps(c,d);b.state!==a&&Dd.enqueueReplaceState(b,b.state,null)}function uf(a,b,c,d){var e=a.stateNode;e.props=c;e.state=a.memoizedState;e.refs={};ff(a);var f=b.contextType;"object"===typeof f&&null!==f?e.context=qa(f):(f=ea(b)?pb:J.current,e.context=Nb(a,f));e.state=a.memoizedState;f=b.getDerivedStateFromProps;"function"===typeof f&&(tf(a,b,f,c),e.state=a.memoizedState);"function"===typeof b.getDerivedStateFromProps||"function"===typeof e.getSnapshotBeforeUpdate||"function"!==
|
||||
typeof e.UNSAFE_componentWillMount&&"function"!==typeof e.componentWillMount||(b=e.state,"function"===typeof e.componentWillMount&&e.componentWillMount(),"function"===typeof e.UNSAFE_componentWillMount&&e.UNSAFE_componentWillMount(),b!==e.state&&Dd.enqueueReplaceState(e,e.state,null),wd(a,c,e,d),e.state=a.memoizedState);"function"===typeof e.componentDidMount&&(a.flags|=4194308)}function Ub(a,b){try{var c="",d=b;do c+=fj(d),d=d.return;while(d);var e=c}catch(f){e="\nError generating stack: "+f.message+
|
||||
"\n"+f.stack}return{value:a,source:b,stack:e,digest:null}}function vf(a,b,c){return{value:a,source:null,stack:null!=c?c:null,digest:null!=b?b:null}}function wf(a,b){try{console.error(b.value)}catch(c){setTimeout(function(){throw c;})}}function gi(a,b,c){c=Pa(-1,c);c.tag=3;c.payload={element:null};var d=b.value;c.callback=function(){Ed||(Ed=!0,xf=d);wf(a,b)};return c}function hi(a,b,c){c=Pa(-1,c);c.tag=3;var d=a.type.getDerivedStateFromError;if("function"===typeof d){var e=b.value;c.payload=function(){return d(e)};
|
||||
c.callback=function(){wf(a,b)}}var f=a.stateNode;null!==f&&"function"===typeof f.componentDidCatch&&(c.callback=function(){wf(a,b);"function"!==typeof d&&(null===ib?ib=new Set([this]):ib.add(this));var c=b.stack;this.componentDidCatch(b.value,{componentStack:null!==c?c:""})});return c}function ii(a,b,c){var d=a.pingCache;if(null===d){d=a.pingCache=new rk;var e=new Set;d.set(b,e)}else e=d.get(b),void 0===e&&(e=new Set,d.set(b,e));e.has(c)||(e.add(c),a=sk.bind(null,a,b,c),b.then(a,a))}function ji(a){do{var b;
|
||||
if(b=13===a.tag)b=a.memoizedState,b=null!==b?null!==b.dehydrated?!0:!1:!0;if(b)return a;a=a.return}while(null!==a);return null}function ki(a,b,c,d,e){if(0===(a.mode&1))return a===b?a.flags|=65536:(a.flags|=128,c.flags|=131072,c.flags&=-52805,1===c.tag&&(null===c.alternate?c.tag=17:(b=Pa(-1,1),b.tag=2,fb(c,b,1))),c.lanes|=1),a;a.flags|=65536;a.lanes=e;return a}function aa(a,b,c,d){b.child=null===a?li(b,null,c,d):Vb(b,a.child,c,d)}function mi(a,b,c,d,e){c=c.render;var f=b.ref;Sb(b,e);d=mf(a,b,c,d,f,
|
||||
e);c=nf();if(null!==a&&!ha)return b.updateQueue=a.updateQueue,b.flags&=-2053,a.lanes&=~e,Qa(a,b,e);D&&c&&Ue(b);b.flags|=1;aa(a,b,d,e);return b.child}function ni(a,b,c,d,e){if(null===a){var f=c.type;if("function"===typeof f&&!yf(f)&&void 0===f.defaultProps&&null===c.compare&&void 0===c.defaultProps)return b.tag=15,b.type=f,oi(a,b,f,d,e);a=rd(c.type,null,d,b,b.mode,e);a.ref=b.ref;a.return=b;return b.child=a}f=a.child;if(0===(a.lanes&e)){var g=f.memoizedProps;c=c.compare;c=null!==c?c:qc;if(c(g,d)&&a.ref===
|
||||
b.ref)return Qa(a,b,e)}b.flags|=1;a=eb(f,d);a.ref=b.ref;a.return=b;return b.child=a}function oi(a,b,c,d,e){if(null!==a){var f=a.memoizedProps;if(qc(f,d)&&a.ref===b.ref)if(ha=!1,b.pendingProps=d=f,0!==(a.lanes&e))0!==(a.flags&131072)&&(ha=!0);else return b.lanes=a.lanes,Qa(a,b,e)}return zf(a,b,c,d,e)}function pi(a,b,c){var d=b.pendingProps,e=d.children,f=null!==a?a.memoizedState:null;if("hidden"===d.mode)if(0===(b.mode&1))b.memoizedState={baseLanes:0,cachePool:null,transitions:null},y(Ga,ba),ba|=c;
|
||||
else{if(0===(c&1073741824))return a=null!==f?f.baseLanes|c:c,b.lanes=b.childLanes=1073741824,b.memoizedState={baseLanes:a,cachePool:null,transitions:null},b.updateQueue=null,y(Ga,ba),ba|=a,null;b.memoizedState={baseLanes:0,cachePool:null,transitions:null};d=null!==f?f.baseLanes:c;y(Ga,ba);ba|=d}else null!==f?(d=f.baseLanes|c,b.memoizedState=null):d=c,y(Ga,ba),ba|=d;aa(a,b,e,c);return b.child}function qi(a,b){var c=b.ref;if(null===a&&null!==c||null!==a&&a.ref!==c)b.flags|=512,b.flags|=2097152}function zf(a,
|
||||
b,c,d,e){var f=ea(c)?pb:J.current;f=Nb(b,f);Sb(b,e);c=mf(a,b,c,d,f,e);d=nf();if(null!==a&&!ha)return b.updateQueue=a.updateQueue,b.flags&=-2053,a.lanes&=~e,Qa(a,b,e);D&&d&&Ue(b);b.flags|=1;aa(a,b,c,e);return b.child}function ri(a,b,c,d,e){if(ea(c)){var f=!0;ld(b)}else f=!1;Sb(b,e);if(null===b.stateNode)Fd(a,b),ei(b,c,d),uf(b,c,d,e),d=!0;else if(null===a){var g=b.stateNode,h=b.memoizedProps;g.props=h;var k=g.context,n=c.contextType;"object"===typeof n&&null!==n?n=qa(n):(n=ea(c)?pb:J.current,n=Nb(b,
|
||||
n));var l=c.getDerivedStateFromProps,m="function"===typeof l||"function"===typeof g.getSnapshotBeforeUpdate;m||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==d||k!==n)&&fi(b,g,d,n);gb=!1;var r=b.memoizedState;g.state=r;wd(b,d,g,e);k=b.memoizedState;h!==d||r!==k||S.current||gb?("function"===typeof l&&(tf(b,c,l,d),k=b.memoizedState),(h=gb||di(b,c,h,d,r,k,n))?(m||"function"!==typeof g.UNSAFE_componentWillMount&&"function"!==typeof g.componentWillMount||
|
||||
("function"===typeof g.componentWillMount&&g.componentWillMount(),"function"===typeof g.UNSAFE_componentWillMount&&g.UNSAFE_componentWillMount()),"function"===typeof g.componentDidMount&&(b.flags|=4194308)):("function"===typeof g.componentDidMount&&(b.flags|=4194308),b.memoizedProps=d,b.memoizedState=k),g.props=d,g.state=k,g.context=n,d=h):("function"===typeof g.componentDidMount&&(b.flags|=4194308),d=!1)}else{g=b.stateNode;Fh(a,b);h=b.memoizedProps;n=b.type===b.elementType?h:ya(b.type,h);g.props=
|
||||
n;m=b.pendingProps;r=g.context;k=c.contextType;"object"===typeof k&&null!==k?k=qa(k):(k=ea(c)?pb:J.current,k=Nb(b,k));var p=c.getDerivedStateFromProps;(l="function"===typeof p||"function"===typeof g.getSnapshotBeforeUpdate)||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==m||r!==k)&&fi(b,g,d,k);gb=!1;r=b.memoizedState;g.state=r;wd(b,d,g,e);var x=b.memoizedState;h!==m||r!==x||S.current||gb?("function"===typeof p&&(tf(b,c,p,d),x=b.memoizedState),
|
||||
(n=gb||di(b,c,n,d,r,x,k)||!1)?(l||"function"!==typeof g.UNSAFE_componentWillUpdate&&"function"!==typeof g.componentWillUpdate||("function"===typeof g.componentWillUpdate&&g.componentWillUpdate(d,x,k),"function"===typeof g.UNSAFE_componentWillUpdate&&g.UNSAFE_componentWillUpdate(d,x,k)),"function"===typeof g.componentDidUpdate&&(b.flags|=4),"function"===typeof g.getSnapshotBeforeUpdate&&(b.flags|=1024)):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&r===a.memoizedState||(b.flags|=
|
||||
4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&r===a.memoizedState||(b.flags|=1024),b.memoizedProps=d,b.memoizedState=x),g.props=d,g.state=x,g.context=k,d=n):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&r===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&r===a.memoizedState||(b.flags|=1024),d=!1)}return Af(a,b,c,d,f,e)}function Af(a,b,c,d,e,f){qi(a,b);var g=0!==(b.flags&128);if(!d&&!g)return e&&vh(b,c,!1),
|
||||
Qa(a,b,f);d=b.stateNode;tk.current=b;var h=g&&"function"!==typeof c.getDerivedStateFromError?null:d.render();b.flags|=1;null!==a&&g?(b.child=Vb(b,a.child,null,f),b.child=Vb(b,null,h,f)):aa(a,b,h,f);b.memoizedState=d.state;e&&vh(b,c,!0);return b.child}function si(a){var b=a.stateNode;b.pendingContext?th(a,b.pendingContext,b.pendingContext!==b.context):b.context&&th(a,b.context,!1);gf(a,b.containerInfo)}function ti(a,b,c,d,e){Qb();Ye(e);b.flags|=256;aa(a,b,c,d);return b.child}function Bf(a){return{baseLanes:a,
|
||||
cachePool:null,transitions:null}}function ui(a,b,c){var d=b.pendingProps,e=F.current,f=!1,g=0!==(b.flags&128),h;(h=g)||(h=null!==a&&null===a.memoizedState?!1:0!==(e&2));if(h)f=!0,b.flags&=-129;else if(null===a||null!==a.memoizedState)e|=1;y(F,e&1);if(null===a){Xe(b);a=b.memoizedState;if(null!==a&&(a=a.dehydrated,null!==a))return 0===(b.mode&1)?b.lanes=1:"$!"===a.data?b.lanes=8:b.lanes=1073741824,null;g=d.children;a=d.fallback;return f?(d=b.mode,f=b.child,g={mode:"hidden",children:g},0===(d&1)&&null!==
|
||||
f?(f.childLanes=0,f.pendingProps=g):f=Gd(g,d,0,null),a=sb(a,d,c,null),f.return=b,a.return=b,f.sibling=a,b.child=f,b.child.memoizedState=Bf(c),b.memoizedState=Cf,a):Df(b,g)}e=a.memoizedState;if(null!==e&&(h=e.dehydrated,null!==h))return uk(a,b,g,d,h,e,c);if(f){f=d.fallback;g=b.mode;e=a.child;h=e.sibling;var k={mode:"hidden",children:d.children};0===(g&1)&&b.child!==e?(d=b.child,d.childLanes=0,d.pendingProps=k,b.deletions=null):(d=eb(e,k),d.subtreeFlags=e.subtreeFlags&14680064);null!==h?f=eb(h,f):(f=
|
||||
sb(f,g,c,null),f.flags|=2);f.return=b;d.return=b;d.sibling=f;b.child=d;d=f;f=b.child;g=a.child.memoizedState;g=null===g?Bf(c):{baseLanes:g.baseLanes|c,cachePool:null,transitions:g.transitions};f.memoizedState=g;f.childLanes=a.childLanes&~c;b.memoizedState=Cf;return d}f=a.child;a=f.sibling;d=eb(f,{mode:"visible",children:d.children});0===(b.mode&1)&&(d.lanes=c);d.return=b;d.sibling=null;null!==a&&(c=b.deletions,null===c?(b.deletions=[a],b.flags|=16):c.push(a));b.child=d;b.memoizedState=null;return d}
|
||||
function Df(a,b,c){b=Gd({mode:"visible",children:b},a.mode,0,null);b.return=a;return a.child=b}function Hd(a,b,c,d){null!==d&&Ye(d);Vb(b,a.child,null,c);a=Df(b,b.pendingProps.children);a.flags|=2;b.memoizedState=null;return a}function uk(a,b,c,d,e,f,g){if(c){if(b.flags&256)return b.flags&=-257,d=vf(Error(m(422))),Hd(a,b,g,d);if(null!==b.memoizedState)return b.child=a.child,b.flags|=128,null;f=d.fallback;e=b.mode;d=Gd({mode:"visible",children:d.children},e,0,null);f=sb(f,e,g,null);f.flags|=2;d.return=
|
||||
b;f.return=b;d.sibling=f;b.child=d;0!==(b.mode&1)&&Vb(b,a.child,null,g);b.child.memoizedState=Bf(g);b.memoizedState=Cf;return f}if(0===(b.mode&1))return Hd(a,b,g,null);if("$!"===e.data){d=e.nextSibling&&e.nextSibling.dataset;if(d)var h=d.dgst;d=h;f=Error(m(419));d=vf(f,d,void 0);return Hd(a,b,g,d)}h=0!==(g&a.childLanes);if(ha||h){d=O;if(null!==d){switch(g&-g){case 4:e=2;break;case 16:e=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:e=
|
||||
32;break;case 536870912:e=268435456;break;default:e=0}e=0!==(e&(d.suspendedLanes|g))?0:e;0!==e&&e!==f.retryLane&&(f.retryLane=e,Oa(a,e),xa(d,a,e,-1))}Ef();d=vf(Error(m(421)));return Hd(a,b,g,d)}if("$?"===e.data)return b.flags|=128,b.child=a.child,b=vk.bind(null,a),e._reactRetry=b,null;a=f.treeContext;fa=Ka(e.nextSibling);la=b;D=!0;wa=null;null!==a&&(na[oa++]=Ma,na[oa++]=Na,na[oa++]=rb,Ma=a.id,Na=a.overflow,rb=b);b=Df(b,d.children);b.flags|=4096;return b}function vi(a,b,c){a.lanes|=b;var d=a.alternate;
|
||||
null!==d&&(d.lanes|=b);df(a.return,b,c)}function Ff(a,b,c,d,e){var f=a.memoizedState;null===f?a.memoizedState={isBackwards:b,rendering:null,renderingStartTime:0,last:d,tail:c,tailMode:e}:(f.isBackwards=b,f.rendering=null,f.renderingStartTime=0,f.last=d,f.tail=c,f.tailMode=e)}function wi(a,b,c){var d=b.pendingProps,e=d.revealOrder,f=d.tail;aa(a,b,d.children,c);d=F.current;if(0!==(d&2))d=d&1|2,b.flags|=128;else{if(null!==a&&0!==(a.flags&128))a:for(a=b.child;null!==a;){if(13===a.tag)null!==a.memoizedState&&
|
||||
vi(a,c,b);else if(19===a.tag)vi(a,c,b);else if(null!==a.child){a.child.return=a;a=a.child;continue}if(a===b)break a;for(;null===a.sibling;){if(null===a.return||a.return===b)break a;a=a.return}a.sibling.return=a.return;a=a.sibling}d&=1}y(F,d);if(0===(b.mode&1))b.memoizedState=null;else switch(e){case "forwards":c=b.child;for(e=null;null!==c;)a=c.alternate,null!==a&&null===xd(a)&&(e=c),c=c.sibling;c=e;null===c?(e=b.child,b.child=null):(e=c.sibling,c.sibling=null);Ff(b,!1,e,c,f);break;case "backwards":c=
|
||||
null;e=b.child;for(b.child=null;null!==e;){a=e.alternate;if(null!==a&&null===xd(a)){b.child=e;break}a=e.sibling;e.sibling=c;c=e;e=a}Ff(b,!0,c,null,f);break;case "together":Ff(b,!1,null,null,void 0);break;default:b.memoizedState=null}return b.child}function Fd(a,b){0===(b.mode&1)&&null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2)}function Qa(a,b,c){null!==a&&(b.dependencies=a.dependencies);ra|=b.lanes;if(0===(c&b.childLanes))return null;if(null!==a&&b.child!==a.child)throw Error(m(153));if(null!==
|
||||
b.child){a=b.child;c=eb(a,a.pendingProps);b.child=c;for(c.return=b;null!==a.sibling;)a=a.sibling,c=c.sibling=eb(a,a.pendingProps),c.return=b;c.sibling=null}return b.child}function wk(a,b,c){switch(b.tag){case 3:si(b);Qb();break;case 5:Ih(b);break;case 1:ea(b.type)&&ld(b);break;case 4:gf(b,b.stateNode.containerInfo);break;case 10:var d=b.type._context,e=b.memoizedProps.value;y(ud,d._currentValue);d._currentValue=e;break;case 13:d=b.memoizedState;if(null!==d){if(null!==d.dehydrated)return y(F,F.current&
|
||||
1),b.flags|=128,null;if(0!==(c&b.child.childLanes))return ui(a,b,c);y(F,F.current&1);a=Qa(a,b,c);return null!==a?a.sibling:null}y(F,F.current&1);break;case 19:d=0!==(c&b.childLanes);if(0!==(a.flags&128)){if(d)return wi(a,b,c);b.flags|=128}e=b.memoizedState;null!==e&&(e.rendering=null,e.tail=null,e.lastEffect=null);y(F,F.current);if(d)break;else return null;case 22:case 23:return b.lanes=0,pi(a,b,c)}return Qa(a,b,c)}function Dc(a,b){if(!D)switch(a.tailMode){case "hidden":b=a.tail;for(var c=null;null!==
|
||||
b;)null!==b.alternate&&(c=b),b=b.sibling;null===c?a.tail=null:c.sibling=null;break;case "collapsed":c=a.tail;for(var d=null;null!==c;)null!==c.alternate&&(d=c),c=c.sibling;null===d?b||null===a.tail?a.tail=null:a.tail.sibling=null:d.sibling=null}}function W(a){var b=null!==a.alternate&&a.alternate.child===a.child,c=0,d=0;if(b)for(var e=a.child;null!==e;)c|=e.lanes|e.childLanes,d|=e.subtreeFlags&14680064,d|=e.flags&14680064,e.return=a,e=e.sibling;else for(e=a.child;null!==e;)c|=e.lanes|e.childLanes,
|
||||
d|=e.subtreeFlags,d|=e.flags,e.return=a,e=e.sibling;a.subtreeFlags|=d;a.childLanes=c;return b}function xk(a,b,c){var d=b.pendingProps;Ve(b);switch(b.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return W(b),null;case 1:return ea(b.type)&&(v(S),v(J)),W(b),null;case 3:d=b.stateNode;Tb();v(S);v(J);jf();d.pendingContext&&(d.context=d.pendingContext,d.pendingContext=null);if(null===a||null===a.child)pd(b)?b.flags|=4:null===a||a.memoizedState.isDehydrated&&0===(b.flags&
|
||||
256)||(b.flags|=1024,null!==wa&&(Gf(wa),wa=null));xi(a,b);W(b);return null;case 5:hf(b);var e=ub(xc.current);c=b.type;if(null!==a&&null!=b.stateNode)yk(a,b,c,d,e),a.ref!==b.ref&&(b.flags|=512,b.flags|=2097152);else{if(!d){if(null===b.stateNode)throw Error(m(166));W(b);return null}a=ub(Ea.current);if(pd(b)){d=b.stateNode;c=b.type;var f=b.memoizedProps;d[Da]=b;d[uc]=f;a=0!==(b.mode&1);switch(c){case "dialog":B("cancel",d);B("close",d);break;case "iframe":case "object":case "embed":B("load",d);break;
|
||||
case "video":case "audio":for(e=0;e<Ec.length;e++)B(Ec[e],d);break;case "source":B("error",d);break;case "img":case "image":case "link":B("error",d);B("load",d);break;case "details":B("toggle",d);break;case "input":kg(d,f);B("invalid",d);break;case "select":d._wrapperState={wasMultiple:!!f.multiple};B("invalid",d);break;case "textarea":ng(d,f),B("invalid",d)}pe(c,f);e=null;for(var g in f)if(f.hasOwnProperty(g)){var h=f[g];"children"===g?"string"===typeof h?d.textContent!==h&&(!0!==f.suppressHydrationWarning&&
|
||||
jd(d.textContent,h,a),e=["children",h]):"number"===typeof h&&d.textContent!==""+h&&(!0!==f.suppressHydrationWarning&&jd(d.textContent,h,a),e=["children",""+h]):$b.hasOwnProperty(g)&&null!=h&&"onScroll"===g&&B("scroll",d)}switch(c){case "input":Pc(d);mg(d,f,!0);break;case "textarea":Pc(d);pg(d);break;case "select":case "option":break;default:"function"===typeof f.onClick&&(d.onclick=kd)}d=e;b.updateQueue=d;null!==d&&(b.flags|=4)}else{g=9===e.nodeType?e:e.ownerDocument;"http://www.w3.org/1999/xhtml"===
|
||||
a&&(a=qg(c));"http://www.w3.org/1999/xhtml"===a?"script"===c?(a=g.createElement("div"),a.innerHTML="<script>\x3c/script>",a=a.removeChild(a.firstChild)):"string"===typeof d.is?a=g.createElement(c,{is:d.is}):(a=g.createElement(c),"select"===c&&(g=a,d.multiple?g.multiple=!0:d.size&&(g.size=d.size))):a=g.createElementNS(a,c);a[Da]=b;a[uc]=d;zk(a,b,!1,!1);b.stateNode=a;a:{g=qe(c,d);switch(c){case "dialog":B("cancel",a);B("close",a);e=d;break;case "iframe":case "object":case "embed":B("load",a);e=d;break;
|
||||
case "video":case "audio":for(e=0;e<Ec.length;e++)B(Ec[e],a);e=d;break;case "source":B("error",a);e=d;break;case "img":case "image":case "link":B("error",a);B("load",a);e=d;break;case "details":B("toggle",a);e=d;break;case "input":kg(a,d);e=ke(a,d);B("invalid",a);break;case "option":e=d;break;case "select":a._wrapperState={wasMultiple:!!d.multiple};e=E({},d,{value:void 0});B("invalid",a);break;case "textarea":ng(a,d);e=ne(a,d);B("invalid",a);break;default:e=d}pe(c,e);h=e;for(f in h)if(h.hasOwnProperty(f)){var k=
|
||||
h[f];"style"===f?sg(a,k):"dangerouslySetInnerHTML"===f?(k=k?k.__html:void 0,null!=k&&yi(a,k)):"children"===f?"string"===typeof k?("textarea"!==c||""!==k)&&Fc(a,k):"number"===typeof k&&Fc(a,""+k):"suppressContentEditableWarning"!==f&&"suppressHydrationWarning"!==f&&"autoFocus"!==f&&($b.hasOwnProperty(f)?null!=k&&"onScroll"===f&&B("scroll",a):null!=k&&$d(a,f,k,g))}switch(c){case "input":Pc(a);mg(a,d,!1);break;case "textarea":Pc(a);pg(a);break;case "option":null!=d.value&&a.setAttribute("value",""+Ua(d.value));
|
||||
break;case "select":a.multiple=!!d.multiple;f=d.value;null!=f?Db(a,!!d.multiple,f,!1):null!=d.defaultValue&&Db(a,!!d.multiple,d.defaultValue,!0);break;default:"function"===typeof e.onClick&&(a.onclick=kd)}switch(c){case "button":case "input":case "select":case "textarea":d=!!d.autoFocus;break a;case "img":d=!0;break a;default:d=!1}}d&&(b.flags|=4)}null!==b.ref&&(b.flags|=512,b.flags|=2097152)}W(b);return null;case 6:if(a&&null!=b.stateNode)Ak(a,b,a.memoizedProps,d);else{if("string"!==typeof d&&null===
|
||||
b.stateNode)throw Error(m(166));c=ub(xc.current);ub(Ea.current);if(pd(b)){d=b.stateNode;c=b.memoizedProps;d[Da]=b;if(f=d.nodeValue!==c)if(a=la,null!==a)switch(a.tag){case 3:jd(d.nodeValue,c,0!==(a.mode&1));break;case 5:!0!==a.memoizedProps.suppressHydrationWarning&&jd(d.nodeValue,c,0!==(a.mode&1))}f&&(b.flags|=4)}else d=(9===c.nodeType?c:c.ownerDocument).createTextNode(d),d[Da]=b,b.stateNode=d}W(b);return null;case 13:v(F);d=b.memoizedState;if(null===a||null!==a.memoizedState&&null!==a.memoizedState.dehydrated){if(D&&
|
||||
null!==fa&&0!==(b.mode&1)&&0===(b.flags&128)){for(f=fa;f;)f=Ka(f.nextSibling);Qb();b.flags|=98560;f=!1}else if(f=pd(b),null!==d&&null!==d.dehydrated){if(null===a){if(!f)throw Error(m(318));f=b.memoizedState;f=null!==f?f.dehydrated:null;if(!f)throw Error(m(317));f[Da]=b}else Qb(),0===(b.flags&128)&&(b.memoizedState=null),b.flags|=4;W(b);f=!1}else null!==wa&&(Gf(wa),wa=null),f=!0;if(!f)return b.flags&65536?b:null}if(0!==(b.flags&128))return b.lanes=c,b;d=null!==d;d!==(null!==a&&null!==a.memoizedState)&&
|
||||
d&&(b.child.flags|=8192,0!==(b.mode&1)&&(null===a||0!==(F.current&1)?0===L&&(L=3):Ef()));null!==b.updateQueue&&(b.flags|=4);W(b);return null;case 4:return Tb(),xi(a,b),null===a&&sc(b.stateNode.containerInfo),W(b),null;case 10:return cf(b.type._context),W(b),null;case 17:return ea(b.type)&&(v(S),v(J)),W(b),null;case 19:v(F);f=b.memoizedState;if(null===f)return W(b),null;d=0!==(b.flags&128);g=f.rendering;if(null===g)if(d)Dc(f,!1);else{if(0!==L||null!==a&&0!==(a.flags&128))for(a=b.child;null!==a;){g=
|
||||
xd(a);if(null!==g){b.flags|=128;Dc(f,!1);d=g.updateQueue;null!==d&&(b.updateQueue=d,b.flags|=4);b.subtreeFlags=0;d=c;for(c=b.child;null!==c;)f=c,a=d,f.flags&=14680066,g=f.alternate,null===g?(f.childLanes=0,f.lanes=a,f.child=null,f.subtreeFlags=0,f.memoizedProps=null,f.memoizedState=null,f.updateQueue=null,f.dependencies=null,f.stateNode=null):(f.childLanes=g.childLanes,f.lanes=g.lanes,f.child=g.child,f.subtreeFlags=0,f.deletions=null,f.memoizedProps=g.memoizedProps,f.memoizedState=g.memoizedState,
|
||||
f.updateQueue=g.updateQueue,f.type=g.type,a=g.dependencies,f.dependencies=null===a?null:{lanes:a.lanes,firstContext:a.firstContext}),c=c.sibling;y(F,F.current&1|2);return b.child}a=a.sibling}null!==f.tail&&P()>Hf&&(b.flags|=128,d=!0,Dc(f,!1),b.lanes=4194304)}else{if(!d)if(a=xd(g),null!==a){if(b.flags|=128,d=!0,c=a.updateQueue,null!==c&&(b.updateQueue=c,b.flags|=4),Dc(f,!0),null===f.tail&&"hidden"===f.tailMode&&!g.alternate&&!D)return W(b),null}else 2*P()-f.renderingStartTime>Hf&&1073741824!==c&&(b.flags|=
|
||||
128,d=!0,Dc(f,!1),b.lanes=4194304);f.isBackwards?(g.sibling=b.child,b.child=g):(c=f.last,null!==c?c.sibling=g:b.child=g,f.last=g)}if(null!==f.tail)return b=f.tail,f.rendering=b,f.tail=b.sibling,f.renderingStartTime=P(),b.sibling=null,c=F.current,y(F,d?c&1|2:c&1),b;W(b);return null;case 22:case 23:return ba=Ga.current,v(Ga),d=null!==b.memoizedState,null!==a&&null!==a.memoizedState!==d&&(b.flags|=8192),d&&0!==(b.mode&1)?0!==(ba&1073741824)&&(W(b),b.subtreeFlags&6&&(b.flags|=8192)):W(b),null;case 24:return null;
|
||||
case 25:return null}throw Error(m(156,b.tag));}function Bk(a,b,c){Ve(b);switch(b.tag){case 1:return ea(b.type)&&(v(S),v(J)),a=b.flags,a&65536?(b.flags=a&-65537|128,b):null;case 3:return Tb(),v(S),v(J),jf(),a=b.flags,0!==(a&65536)&&0===(a&128)?(b.flags=a&-65537|128,b):null;case 5:return hf(b),null;case 13:v(F);a=b.memoizedState;if(null!==a&&null!==a.dehydrated){if(null===b.alternate)throw Error(m(340));Qb()}a=b.flags;return a&65536?(b.flags=a&-65537|128,b):null;case 19:return v(F),null;case 4:return Tb(),
|
||||
null;case 10:return cf(b.type._context),null;case 22:case 23:return ba=Ga.current,v(Ga),null;case 24:return null;default:return null}}function Wb(a,b){var c=a.ref;if(null!==c)if("function"===typeof c)try{c(null)}catch(d){G(a,b,d)}else c.current=null}function If(a,b,c){try{c()}catch(d){G(a,b,d)}}function Ck(a,b){Jf=Zc;a=ch();if(Ie(a)){if("selectionStart"in a)var c={start:a.selectionStart,end:a.selectionEnd};else a:{c=(c=a.ownerDocument)&&c.defaultView||window;var d=c.getSelection&&c.getSelection();
|
||||
if(d&&0!==d.rangeCount){c=d.anchorNode;var e=d.anchorOffset,f=d.focusNode;d=d.focusOffset;try{c.nodeType,f.nodeType}catch(M){c=null;break a}var g=0,h=-1,k=-1,n=0,q=0,u=a,r=null;b:for(;;){for(var p;;){u!==c||0!==e&&3!==u.nodeType||(h=g+e);u!==f||0!==d&&3!==u.nodeType||(k=g+d);3===u.nodeType&&(g+=u.nodeValue.length);if(null===(p=u.firstChild))break;r=u;u=p}for(;;){if(u===a)break b;r===c&&++n===e&&(h=g);r===f&&++q===d&&(k=g);if(null!==(p=u.nextSibling))break;u=r;r=u.parentNode}u=p}c=-1===h||-1===k?null:
|
||||
{start:h,end:k}}else c=null}c=c||{start:0,end:0}}else c=null;Kf={focusedElem:a,selectionRange:c};Zc=!1;for(l=b;null!==l;)if(b=l,a=b.child,0!==(b.subtreeFlags&1028)&&null!==a)a.return=b,l=a;else for(;null!==l;){b=l;try{var x=b.alternate;if(0!==(b.flags&1024))switch(b.tag){case 0:case 11:case 15:break;case 1:if(null!==x){var v=x.memoizedProps,z=x.memoizedState,w=b.stateNode,A=w.getSnapshotBeforeUpdate(b.elementType===b.type?v:ya(b.type,v),z);w.__reactInternalSnapshotBeforeUpdate=A}break;case 3:var t=
|
||||
b.stateNode.containerInfo;1===t.nodeType?t.textContent="":9===t.nodeType&&t.documentElement&&t.removeChild(t.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(m(163));}}catch(M){G(b,b.return,M)}a=b.sibling;if(null!==a){a.return=b.return;l=a;break}l=b.return}x=zi;zi=!1;return x}function Gc(a,b,c){var d=b.updateQueue;d=null!==d?d.lastEffect:null;if(null!==d){var e=d=d.next;do{if((e.tag&a)===a){var f=e.destroy;e.destroy=void 0;void 0!==f&&If(b,c,f)}e=e.next}while(e!==d)}}
|
||||
function Id(a,b){b=b.updateQueue;b=null!==b?b.lastEffect:null;if(null!==b){var c=b=b.next;do{if((c.tag&a)===a){var d=c.create;c.destroy=d()}c=c.next}while(c!==b)}}function Lf(a){var b=a.ref;if(null!==b){var c=a.stateNode;switch(a.tag){case 5:a=c;break;default:a=c}"function"===typeof b?b(a):b.current=a}}function Ai(a){var b=a.alternate;null!==b&&(a.alternate=null,Ai(b));a.child=null;a.deletions=null;a.sibling=null;5===a.tag&&(b=a.stateNode,null!==b&&(delete b[Da],delete b[uc],delete b[Me],delete b[Dk],
|
||||
delete b[Ek]));a.stateNode=null;a.return=null;a.dependencies=null;a.memoizedProps=null;a.memoizedState=null;a.pendingProps=null;a.stateNode=null;a.updateQueue=null}function Bi(a){return 5===a.tag||3===a.tag||4===a.tag}function Ci(a){a:for(;;){for(;null===a.sibling;){if(null===a.return||Bi(a.return))return null;a=a.return}a.sibling.return=a.return;for(a=a.sibling;5!==a.tag&&6!==a.tag&&18!==a.tag;){if(a.flags&2)continue a;if(null===a.child||4===a.tag)continue a;else a.child.return=a,a=a.child}if(!(a.flags&
|
||||
2))return a.stateNode}}function Mf(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode,b.insertBefore(a,c)):(b=c,b.appendChild(a)),c=c._reactRootContainer,null!==c&&void 0!==c||null!==b.onclick||(b.onclick=kd));else if(4!==d&&(a=a.child,null!==a))for(Mf(a,b,c),a=a.sibling;null!==a;)Mf(a,b,c),a=a.sibling}function Nf(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?c.insertBefore(a,b):c.appendChild(a);
|
||||
else if(4!==d&&(a=a.child,null!==a))for(Nf(a,b,c),a=a.sibling;null!==a;)Nf(a,b,c),a=a.sibling}function jb(a,b,c){for(c=c.child;null!==c;)Di(a,b,c),c=c.sibling}function Di(a,b,c){if(Ca&&"function"===typeof Ca.onCommitFiberUnmount)try{Ca.onCommitFiberUnmount(Uc,c)}catch(h){}switch(c.tag){case 5:X||Wb(c,b);case 6:var d=T,e=za;T=null;jb(a,b,c);T=d;za=e;null!==T&&(za?(a=T,c=c.stateNode,8===a.nodeType?a.parentNode.removeChild(c):a.removeChild(c)):T.removeChild(c.stateNode));break;case 18:null!==T&&(za?
|
||||
(a=T,c=c.stateNode,8===a.nodeType?Re(a.parentNode,c):1===a.nodeType&&Re(a,c),nc(a)):Re(T,c.stateNode));break;case 4:d=T;e=za;T=c.stateNode.containerInfo;za=!0;jb(a,b,c);T=d;za=e;break;case 0:case 11:case 14:case 15:if(!X&&(d=c.updateQueue,null!==d&&(d=d.lastEffect,null!==d))){e=d=d.next;do{var f=e,g=f.destroy;f=f.tag;void 0!==g&&(0!==(f&2)?If(c,b,g):0!==(f&4)&&If(c,b,g));e=e.next}while(e!==d)}jb(a,b,c);break;case 1:if(!X&&(Wb(c,b),d=c.stateNode,"function"===typeof d.componentWillUnmount))try{d.props=
|
||||
c.memoizedProps,d.state=c.memoizedState,d.componentWillUnmount()}catch(h){G(c,b,h)}jb(a,b,c);break;case 21:jb(a,b,c);break;case 22:c.mode&1?(X=(d=X)||null!==c.memoizedState,jb(a,b,c),X=d):jb(a,b,c);break;default:jb(a,b,c)}}function Ei(a){var b=a.updateQueue;if(null!==b){a.updateQueue=null;var c=a.stateNode;null===c&&(c=a.stateNode=new Fk);b.forEach(function(b){var d=Gk.bind(null,a,b);c.has(b)||(c.add(b),b.then(d,d))})}}function Aa(a,b,c){c=b.deletions;if(null!==c)for(var d=0;d<c.length;d++){var e=
|
||||
c[d];try{var f=a,g=b,h=g;a:for(;null!==h;){switch(h.tag){case 5:T=h.stateNode;za=!1;break a;case 3:T=h.stateNode.containerInfo;za=!0;break a;case 4:T=h.stateNode.containerInfo;za=!0;break a}h=h.return}if(null===T)throw Error(m(160));Di(f,g,e);T=null;za=!1;var k=e.alternate;null!==k&&(k.return=null);e.return=null}catch(n){G(e,b,n)}}if(b.subtreeFlags&12854)for(b=b.child;null!==b;)Fi(b,a),b=b.sibling}function Fi(a,b,c){var d=a.alternate;c=a.flags;switch(a.tag){case 0:case 11:case 14:case 15:Aa(b,a);
|
||||
Ha(a);if(c&4){try{Gc(3,a,a.return),Id(3,a)}catch(I){G(a,a.return,I)}try{Gc(5,a,a.return)}catch(I){G(a,a.return,I)}}break;case 1:Aa(b,a);Ha(a);c&512&&null!==d&&Wb(d,d.return);break;case 5:Aa(b,a);Ha(a);c&512&&null!==d&&Wb(d,d.return);if(a.flags&32){var e=a.stateNode;try{Fc(e,"")}catch(I){G(a,a.return,I)}}if(c&4&&(e=a.stateNode,null!=e)){var f=a.memoizedProps,g=null!==d?d.memoizedProps:f,h=a.type,k=a.updateQueue;a.updateQueue=null;if(null!==k)try{"input"===h&&"radio"===f.type&&null!=f.name&&lg(e,f);
|
||||
qe(h,g);var n=qe(h,f);for(g=0;g<k.length;g+=2){var q=k[g],u=k[g+1];"style"===q?sg(e,u):"dangerouslySetInnerHTML"===q?yi(e,u):"children"===q?Fc(e,u):$d(e,q,u,n)}switch(h){case "input":le(e,f);break;case "textarea":og(e,f);break;case "select":var r=e._wrapperState.wasMultiple;e._wrapperState.wasMultiple=!!f.multiple;var p=f.value;null!=p?Db(e,!!f.multiple,p,!1):r!==!!f.multiple&&(null!=f.defaultValue?Db(e,!!f.multiple,f.defaultValue,!0):Db(e,!!f.multiple,f.multiple?[]:"",!1))}e[uc]=f}catch(I){G(a,a.return,
|
||||
I)}}break;case 6:Aa(b,a);Ha(a);if(c&4){if(null===a.stateNode)throw Error(m(162));e=a.stateNode;f=a.memoizedProps;try{e.nodeValue=f}catch(I){G(a,a.return,I)}}break;case 3:Aa(b,a);Ha(a);if(c&4&&null!==d&&d.memoizedState.isDehydrated)try{nc(b.containerInfo)}catch(I){G(a,a.return,I)}break;case 4:Aa(b,a);Ha(a);break;case 13:Aa(b,a);Ha(a);e=a.child;e.flags&8192&&(f=null!==e.memoizedState,e.stateNode.isHidden=f,!f||null!==e.alternate&&null!==e.alternate.memoizedState||(Of=P()));c&4&&Ei(a);break;case 22:q=
|
||||
null!==d&&null!==d.memoizedState;a.mode&1?(X=(n=X)||q,Aa(b,a),X=n):Aa(b,a);Ha(a);if(c&8192){n=null!==a.memoizedState;if((a.stateNode.isHidden=n)&&!q&&0!==(a.mode&1))for(l=a,q=a.child;null!==q;){for(u=l=q;null!==l;){r=l;p=r.child;switch(r.tag){case 0:case 11:case 14:case 15:Gc(4,r,r.return);break;case 1:Wb(r,r.return);var x=r.stateNode;if("function"===typeof x.componentWillUnmount){c=r;b=r.return;try{d=c,x.props=d.memoizedProps,x.state=d.memoizedState,x.componentWillUnmount()}catch(I){G(c,b,I)}}break;
|
||||
case 5:Wb(r,r.return);break;case 22:if(null!==r.memoizedState){Gi(u);continue}}null!==p?(p.return=r,l=p):Gi(u)}q=q.sibling}a:for(q=null,u=a;;){if(5===u.tag){if(null===q){q=u;try{e=u.stateNode,n?(f=e.style,"function"===typeof f.setProperty?f.setProperty("display","none","important"):f.display="none"):(h=u.stateNode,k=u.memoizedProps.style,g=void 0!==k&&null!==k&&k.hasOwnProperty("display")?k.display:null,h.style.display=rg("display",g))}catch(I){G(a,a.return,I)}}}else if(6===u.tag){if(null===q)try{u.stateNode.nodeValue=
|
||||
n?"":u.memoizedProps}catch(I){G(a,a.return,I)}}else if((22!==u.tag&&23!==u.tag||null===u.memoizedState||u===a)&&null!==u.child){u.child.return=u;u=u.child;continue}if(u===a)break a;for(;null===u.sibling;){if(null===u.return||u.return===a)break a;q===u&&(q=null);u=u.return}q===u&&(q=null);u.sibling.return=u.return;u=u.sibling}}break;case 19:Aa(b,a);Ha(a);c&4&&Ei(a);break;case 21:break;default:Aa(b,a),Ha(a)}}function Ha(a){var b=a.flags;if(b&2){try{a:{for(var c=a.return;null!==c;){if(Bi(c)){var d=c;
|
||||
break a}c=c.return}throw Error(m(160));}switch(d.tag){case 5:var e=d.stateNode;d.flags&32&&(Fc(e,""),d.flags&=-33);var f=Ci(a);Nf(a,f,e);break;case 3:case 4:var g=d.stateNode.containerInfo,h=Ci(a);Mf(a,h,g);break;default:throw Error(m(161));}}catch(k){G(a,a.return,k)}a.flags&=-3}b&4096&&(a.flags&=-4097)}function Hk(a,b,c){l=a;Hi(a,b,c)}function Hi(a,b,c){for(var d=0!==(a.mode&1);null!==l;){var e=l,f=e.child;if(22===e.tag&&d){var g=null!==e.memoizedState||Jd;if(!g){var h=e.alternate,k=null!==h&&null!==
|
||||
h.memoizedState||X;h=Jd;var n=X;Jd=g;if((X=k)&&!n)for(l=e;null!==l;)g=l,k=g.child,22===g.tag&&null!==g.memoizedState?Ii(e):null!==k?(k.return=g,l=k):Ii(e);for(;null!==f;)l=f,Hi(f,b,c),f=f.sibling;l=e;Jd=h;X=n}Ji(a,b,c)}else 0!==(e.subtreeFlags&8772)&&null!==f?(f.return=e,l=f):Ji(a,b,c)}}function Ji(a,b,c){for(;null!==l;){b=l;if(0!==(b.flags&8772)){c=b.alternate;try{if(0!==(b.flags&8772))switch(b.tag){case 0:case 11:case 15:X||Id(5,b);break;case 1:var d=b.stateNode;if(b.flags&4&&!X)if(null===c)d.componentDidMount();
|
||||
else{var e=b.elementType===b.type?c.memoizedProps:ya(b.type,c.memoizedProps);d.componentDidUpdate(e,c.memoizedState,d.__reactInternalSnapshotBeforeUpdate)}var f=b.updateQueue;null!==f&&Hh(b,f,d);break;case 3:var g=b.updateQueue;if(null!==g){c=null;if(null!==b.child)switch(b.child.tag){case 5:c=b.child.stateNode;break;case 1:c=b.child.stateNode}Hh(b,g,c)}break;case 5:var h=b.stateNode;if(null===c&&b.flags&4){c=h;var k=b.memoizedProps;switch(b.type){case "button":case "input":case "select":case "textarea":k.autoFocus&&
|
||||
c.focus();break;case "img":k.src&&(c.src=k.src)}}break;case 6:break;case 4:break;case 12:break;case 13:if(null===b.memoizedState){var n=b.alternate;if(null!==n){var q=n.memoizedState;if(null!==q){var p=q.dehydrated;null!==p&&nc(p)}}}break;case 19:case 17:case 21:case 22:case 23:case 25:break;default:throw Error(m(163));}X||b.flags&512&&Lf(b)}catch(r){G(b,b.return,r)}}if(b===a){l=null;break}c=b.sibling;if(null!==c){c.return=b.return;l=c;break}l=b.return}}function Gi(a){for(;null!==l;){var b=l;if(b===
|
||||
a){l=null;break}var c=b.sibling;if(null!==c){c.return=b.return;l=c;break}l=b.return}}function Ii(a){for(;null!==l;){var b=l;try{switch(b.tag){case 0:case 11:case 15:var c=b.return;try{Id(4,b)}catch(k){G(b,c,k)}break;case 1:var d=b.stateNode;if("function"===typeof d.componentDidMount){var e=b.return;try{d.componentDidMount()}catch(k){G(b,e,k)}}var f=b.return;try{Lf(b)}catch(k){G(b,f,k)}break;case 5:var g=b.return;try{Lf(b)}catch(k){G(b,g,k)}}}catch(k){G(b,b.return,k)}if(b===a){l=null;break}var h=b.sibling;
|
||||
if(null!==h){h.return=b.return;l=h;break}l=b.return}}function Hc(){Hf=P()+500}function Z(){return 0!==(p&6)?P():-1!==Kd?Kd:Kd=P()}function hb(a){if(0===(a.mode&1))return 1;if(0!==(p&2)&&0!==U)return U&-U;if(null!==Ik.transition)return 0===Ld&&(Ld=Dg()),Ld;a=z;if(0!==a)return a;a=window.event;a=void 0===a?16:Lg(a.type);return a}function xa(a,b,c,d){if(50<Ic)throw Ic=0,Pf=null,Error(m(185));ic(a,c,d);if(0===(p&2)||a!==O)a===O&&(0===(p&2)&&(Md|=c),4===L&&kb(a,U)),ia(a,d),1===c&&0===p&&0===(b.mode&1)&&
|
||||
(Hc(),md&&db())}function ia(a,b){var c=a.callbackNode;tj(a,b);var d=Vc(a,a===O?U:0);if(0===d)null!==c&&Ki(c),a.callbackNode=null,a.callbackPriority=0;else if(b=d&-d,a.callbackPriority!==b){null!=c&&Ki(c);if(1===b)0===a.tag?jk(Li.bind(null,a)):wh(Li.bind(null,a)),Jk(function(){0===(p&6)&&db()}),c=null;else{switch(Eg(d)){case 1:c=De;break;case 4:c=Mg;break;case 16:c=ad;break;case 536870912:c=Ng;break;default:c=ad}c=Mi(c,Ni.bind(null,a))}a.callbackPriority=b;a.callbackNode=c}}function Ni(a,b){Kd=-1;
|
||||
Ld=0;if(0!==(p&6))throw Error(m(327));var c=a.callbackNode;if(Xb()&&a.callbackNode!==c)return null;var d=Vc(a,a===O?U:0);if(0===d)return null;if(0!==(d&30)||0!==(d&a.expiredLanes)||b)b=Nd(a,d);else{b=d;var e=p;p|=2;var f=Oi();if(O!==a||U!==b)Ra=null,Hc(),wb(a,b);do try{Kk();break}catch(h){Pi(a,h)}while(1);af();Od.current=f;p=e;null!==H?b=0:(O=null,U=0,b=L)}if(0!==b){2===b&&(e=ve(a),0!==e&&(d=e,b=Qf(a,e)));if(1===b)throw c=Jc,wb(a,0),kb(a,d),ia(a,P()),c;if(6===b)kb(a,d);else{e=a.current.alternate;
|
||||
if(0===(d&30)&&!Lk(e)&&(b=Nd(a,d),2===b&&(f=ve(a),0!==f&&(d=f,b=Qf(a,f))),1===b))throw c=Jc,wb(a,0),kb(a,d),ia(a,P()),c;a.finishedWork=e;a.finishedLanes=d;switch(b){case 0:case 1:throw Error(m(345));case 2:xb(a,ja,Ra);break;case 3:kb(a,d);if((d&130023424)===d&&(b=Of+500-P(),10<b)){if(0!==Vc(a,0))break;e=a.suspendedLanes;if((e&d)!==d){Z();a.pingedLanes|=a.suspendedLanes&e;break}a.timeoutHandle=Rf(xb.bind(null,a,ja,Ra),b);break}xb(a,ja,Ra);break;case 4:kb(a,d);if((d&4194240)===d)break;b=a.eventTimes;
|
||||
for(e=-1;0<d;){var g=31-ta(d);f=1<<g;g=b[g];g>e&&(e=g);d&=~f}d=e;d=P()-d;d=(120>d?120:480>d?480:1080>d?1080:1920>d?1920:3E3>d?3E3:4320>d?4320:1960*Mk(d/1960))-d;if(10<d){a.timeoutHandle=Rf(xb.bind(null,a,ja,Ra),d);break}xb(a,ja,Ra);break;case 5:xb(a,ja,Ra);break;default:throw Error(m(329));}}}ia(a,P());return a.callbackNode===c?Ni.bind(null,a):null}function Qf(a,b){var c=Kc;a.current.memoizedState.isDehydrated&&(wb(a,b).flags|=256);a=Nd(a,b);2!==a&&(b=ja,ja=c,null!==b&&Gf(b));return a}function Gf(a){null===
|
||||
ja?ja=a:ja.push.apply(ja,a)}function Lk(a){for(var b=a;;){if(b.flags&16384){var c=b.updateQueue;if(null!==c&&(c=c.stores,null!==c))for(var d=0;d<c.length;d++){var e=c[d],f=e.getSnapshot;e=e.value;try{if(!ua(f(),e))return!1}catch(g){return!1}}}c=b.child;if(b.subtreeFlags&16384&&null!==c)c.return=b,b=c;else{if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return!0;b=b.return}b.sibling.return=b.return;b=b.sibling}}return!0}function kb(a,b){b&=~Sf;b&=~Md;a.suspendedLanes|=b;a.pingedLanes&=
|
||||
~b;for(a=a.expirationTimes;0<b;){var c=31-ta(b),d=1<<c;a[c]=-1;b&=~d}}function Li(a){if(0!==(p&6))throw Error(m(327));Xb();var b=Vc(a,0);if(0===(b&1))return ia(a,P()),null;var c=Nd(a,b);if(0!==a.tag&&2===c){var d=ve(a);0!==d&&(b=d,c=Qf(a,d))}if(1===c)throw c=Jc,wb(a,0),kb(a,b),ia(a,P()),c;if(6===c)throw Error(m(345));a.finishedWork=a.current.alternate;a.finishedLanes=b;xb(a,ja,Ra);ia(a,P());return null}function Tf(a,b){var c=p;p|=1;try{return a(b)}finally{p=c,0===p&&(Hc(),md&&db())}}function yb(a){null!==
|
||||
lb&&0===lb.tag&&0===(p&6)&&Xb();var b=p;p|=1;var c=ca.transition,d=z;try{if(ca.transition=null,z=1,a)return a()}finally{z=d,ca.transition=c,p=b,0===(p&6)&&db()}}function wb(a,b){a.finishedWork=null;a.finishedLanes=0;var c=a.timeoutHandle;-1!==c&&(a.timeoutHandle=-1,Nk(c));if(null!==H)for(c=H.return;null!==c;){var d=c;Ve(d);switch(d.tag){case 1:d=d.type.childContextTypes;null!==d&&void 0!==d&&(v(S),v(J));break;case 3:Tb();v(S);v(J);jf();break;case 5:hf(d);break;case 4:Tb();break;case 13:v(F);break;
|
||||
case 19:v(F);break;case 10:cf(d.type._context);break;case 22:case 23:ba=Ga.current,v(Ga)}c=c.return}O=a;H=a=eb(a.current,null);U=ba=b;L=0;Jc=null;Sf=Md=ra=0;ja=Kc=null;if(null!==tb){for(b=0;b<tb.length;b++)if(c=tb[b],d=c.interleaved,null!==d){c.interleaved=null;var e=d.next,f=c.pending;if(null!==f){var g=f.next;f.next=e;d.next=g}c.pending=d}tb=null}return a}function Pi(a,b){do{var c=H;try{af();yd.current=zd;if(Ad){for(var d=C.memoizedState;null!==d;){var e=d.queue;null!==e&&(e.pending=null);d=d.next}Ad=
|
||||
!1}vb=0;N=K=C=null;zc=!1;Ac=0;Uf.current=null;if(null===c||null===c.return){L=1;Jc=b;H=null;break}a:{var f=a,g=c.return,h=c,k=b;b=U;h.flags|=32768;if(null!==k&&"object"===typeof k&&"function"===typeof k.then){var n=k,l=h,p=l.tag;if(0===(l.mode&1)&&(0===p||11===p||15===p)){var r=l.alternate;r?(l.updateQueue=r.updateQueue,l.memoizedState=r.memoizedState,l.lanes=r.lanes):(l.updateQueue=null,l.memoizedState=null)}var v=ji(g);if(null!==v){v.flags&=-257;ki(v,g,h,f,b);v.mode&1&&ii(f,n,b);b=v;k=n;var x=b.updateQueue;
|
||||
if(null===x){var z=new Set;z.add(k);b.updateQueue=z}else x.add(k);break a}else{if(0===(b&1)){ii(f,n,b);Ef();break a}k=Error(m(426))}}else if(D&&h.mode&1){var y=ji(g);if(null!==y){0===(y.flags&65536)&&(y.flags|=256);ki(y,g,h,f,b);Ye(Ub(k,h));break a}}f=k=Ub(k,h);4!==L&&(L=2);null===Kc?Kc=[f]:Kc.push(f);f=g;do{switch(f.tag){case 3:f.flags|=65536;b&=-b;f.lanes|=b;var w=gi(f,k,b);Gh(f,w);break a;case 1:h=k;var A=f.type,t=f.stateNode;if(0===(f.flags&128)&&("function"===typeof A.getDerivedStateFromError||
|
||||
null!==t&&"function"===typeof t.componentDidCatch&&(null===ib||!ib.has(t)))){f.flags|=65536;b&=-b;f.lanes|=b;var B=hi(f,h,b);Gh(f,B);break a}}f=f.return}while(null!==f)}Qi(c)}catch(ma){b=ma;H===c&&null!==c&&(H=c=c.return);continue}break}while(1)}function Oi(){var a=Od.current;Od.current=zd;return null===a?zd:a}function Ef(){if(0===L||3===L||2===L)L=4;null===O||0===(ra&268435455)&&0===(Md&268435455)||kb(O,U)}function Nd(a,b){var c=p;p|=2;var d=Oi();if(O!==a||U!==b)Ra=null,wb(a,b);do try{Ok();break}catch(e){Pi(a,
|
||||
e)}while(1);af();p=c;Od.current=d;if(null!==H)throw Error(m(261));O=null;U=0;return L}function Ok(){for(;null!==H;)Ri(H)}function Kk(){for(;null!==H&&!Pk();)Ri(H)}function Ri(a){var b=Qk(a.alternate,a,ba);a.memoizedProps=a.pendingProps;null===b?Qi(a):H=b;Uf.current=null}function Qi(a){var b=a;do{var c=b.alternate;a=b.return;if(0===(b.flags&32768)){if(c=xk(c,b,ba),null!==c){H=c;return}}else{c=Bk(c,b);if(null!==c){c.flags&=32767;H=c;return}if(null!==a)a.flags|=32768,a.subtreeFlags=0,a.deletions=null;
|
||||
else{L=6;H=null;return}}b=b.sibling;if(null!==b){H=b;return}H=b=a}while(null!==b);0===L&&(L=5)}function xb(a,b,c){var d=z,e=ca.transition;try{ca.transition=null,z=1,Rk(a,b,c,d)}finally{ca.transition=e,z=d}return null}function Rk(a,b,c,d){do Xb();while(null!==lb);if(0!==(p&6))throw Error(m(327));c=a.finishedWork;var e=a.finishedLanes;if(null===c)return null;a.finishedWork=null;a.finishedLanes=0;if(c===a.current)throw Error(m(177));a.callbackNode=null;a.callbackPriority=0;var f=c.lanes|c.childLanes;
|
||||
uj(a,f);a===O&&(H=O=null,U=0);0===(c.subtreeFlags&2064)&&0===(c.flags&2064)||Pd||(Pd=!0,Mi(ad,function(){Xb();return null}));f=0!==(c.flags&15990);if(0!==(c.subtreeFlags&15990)||f){f=ca.transition;ca.transition=null;var g=z;z=1;var h=p;p|=4;Uf.current=null;Ck(a,c);Fi(c,a);Tj(Kf);Zc=!!Jf;Kf=Jf=null;a.current=c;Hk(c,a,e);Sk();p=h;z=g;ca.transition=f}else a.current=c;Pd&&(Pd=!1,lb=a,Qd=e);f=a.pendingLanes;0===f&&(ib=null);oj(c.stateNode,d);ia(a,P());if(null!==b)for(d=a.onRecoverableError,c=0;c<b.length;c++)e=
|
||||
b[c],d(e.value,{componentStack:e.stack,digest:e.digest});if(Ed)throw Ed=!1,a=xf,xf=null,a;0!==(Qd&1)&&0!==a.tag&&Xb();f=a.pendingLanes;0!==(f&1)?a===Pf?Ic++:(Ic=0,Pf=a):Ic=0;db();return null}function Xb(){if(null!==lb){var a=Eg(Qd),b=ca.transition,c=z;try{ca.transition=null;z=16>a?16:a;if(null===lb)var d=!1;else{a=lb;lb=null;Qd=0;if(0!==(p&6))throw Error(m(331));var e=p;p|=4;for(l=a.current;null!==l;){var f=l,g=f.child;if(0!==(l.flags&16)){var h=f.deletions;if(null!==h){for(var k=0;k<h.length;k++){var n=
|
||||
h[k];for(l=n;null!==l;){var q=l;switch(q.tag){case 0:case 11:case 15:Gc(8,q,f)}var u=q.child;if(null!==u)u.return=q,l=u;else for(;null!==l;){q=l;var r=q.sibling,v=q.return;Ai(q);if(q===n){l=null;break}if(null!==r){r.return=v;l=r;break}l=v}}}var x=f.alternate;if(null!==x){var y=x.child;if(null!==y){x.child=null;do{var C=y.sibling;y.sibling=null;y=C}while(null!==y)}}l=f}}if(0!==(f.subtreeFlags&2064)&&null!==g)g.return=f,l=g;else b:for(;null!==l;){f=l;if(0!==(f.flags&2048))switch(f.tag){case 0:case 11:case 15:Gc(9,
|
||||
f,f.return)}var w=f.sibling;if(null!==w){w.return=f.return;l=w;break b}l=f.return}}var A=a.current;for(l=A;null!==l;){g=l;var t=g.child;if(0!==(g.subtreeFlags&2064)&&null!==t)t.return=g,l=t;else b:for(g=A;null!==l;){h=l;if(0!==(h.flags&2048))try{switch(h.tag){case 0:case 11:case 15:Id(9,h)}}catch(ma){G(h,h.return,ma)}if(h===g){l=null;break b}var B=h.sibling;if(null!==B){B.return=h.return;l=B;break b}l=h.return}}p=e;db();if(Ca&&"function"===typeof Ca.onPostCommitFiberRoot)try{Ca.onPostCommitFiberRoot(Uc,
|
||||
a)}catch(ma){}d=!0}return d}finally{z=c,ca.transition=b}}return!1}function Si(a,b,c){b=Ub(c,b);b=gi(a,b,1);a=fb(a,b,1);b=Z();null!==a&&(ic(a,1,b),ia(a,b))}function G(a,b,c){if(3===a.tag)Si(a,a,c);else for(;null!==b;){if(3===b.tag){Si(b,a,c);break}else if(1===b.tag){var d=b.stateNode;if("function"===typeof b.type.getDerivedStateFromError||"function"===typeof d.componentDidCatch&&(null===ib||!ib.has(d))){a=Ub(c,a);a=hi(b,a,1);b=fb(b,a,1);a=Z();null!==b&&(ic(b,1,a),ia(b,a));break}}b=b.return}}function sk(a,
|
||||
b,c){var d=a.pingCache;null!==d&&d.delete(b);b=Z();a.pingedLanes|=a.suspendedLanes&c;O===a&&(U&c)===c&&(4===L||3===L&&(U&130023424)===U&&500>P()-Of?wb(a,0):Sf|=c);ia(a,b)}function Ti(a,b){0===b&&(0===(a.mode&1)?b=1:(b=Rd,Rd<<=1,0===(Rd&130023424)&&(Rd=4194304)));var c=Z();a=Oa(a,b);null!==a&&(ic(a,b,c),ia(a,c))}function vk(a){var b=a.memoizedState,c=0;null!==b&&(c=b.retryLane);Ti(a,c)}function Gk(a,b){var c=0;switch(a.tag){case 13:var d=a.stateNode;var e=a.memoizedState;null!==e&&(c=e.retryLane);
|
||||
break;case 19:d=a.stateNode;break;default:throw Error(m(314));}null!==d&&d.delete(b);Ti(a,c)}function Mi(a,b){return xh(a,b)}function Tk(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.ref=null;this.pendingProps=b;this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.subtreeFlags=this.flags=0;this.deletions=null;this.childLanes=this.lanes=0;this.alternate=null}function yf(a){a=
|
||||
a.prototype;return!(!a||!a.isReactComponent)}function Uk(a){if("function"===typeof a)return yf(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===ie)return 11;if(a===je)return 14}return 2}function eb(a,b){var c=a.alternate;null===c?(c=pa(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.type=a.type,c.flags=0,c.subtreeFlags=0,c.deletions=null);c.flags=a.flags&14680064;c.childLanes=a.childLanes;c.lanes=a.lanes;c.child=
|
||||
a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;b=a.dependencies;c.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext};c.sibling=a.sibling;c.index=a.index;c.ref=a.ref;return c}function rd(a,b,c,d,e,f){var g=2;d=a;if("function"===typeof a)yf(a)&&(g=1);else if("string"===typeof a)g=5;else a:switch(a){case Bb:return sb(c.children,e,f,b);case fe:g=8;e|=8;break;case ee:return a=pa(12,c,b,e|2),a.elementType=ee,a.lanes=f,a;case ge:return a=
|
||||
pa(13,c,b,e),a.elementType=ge,a.lanes=f,a;case he:return a=pa(19,c,b,e),a.elementType=he,a.lanes=f,a;case Ui:return Gd(c,e,f,b);default:if("object"===typeof a&&null!==a)switch(a.$$typeof){case hg:g=10;break a;case gg:g=9;break a;case ie:g=11;break a;case je:g=14;break a;case Ta:g=16;d=null;break a}throw Error(m(130,null==a?a:typeof a,""));}b=pa(g,c,b,e);b.elementType=a;b.type=d;b.lanes=f;return b}function sb(a,b,c,d){a=pa(7,a,d,b);a.lanes=c;return a}function Gd(a,b,c,d){a=pa(22,a,d,b);a.elementType=
|
||||
Ui;a.lanes=c;a.stateNode={isHidden:!1};return a}function Ze(a,b,c){a=pa(6,a,null,b);a.lanes=c;return a}function $e(a,b,c){b=pa(4,null!==a.children?a.children:[],a.key,b);b.lanes=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}function Vk(a,b,c,d,e){this.tag=b;this.containerInfo=a;this.finishedWork=this.pingCache=this.current=this.pendingChildren=null;this.timeoutHandle=-1;this.callbackNode=this.pendingContext=this.context=null;this.callbackPriority=
|
||||
0;this.eventTimes=we(0);this.expirationTimes=we(-1);this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0;this.entanglements=we(0);this.identifierPrefix=d;this.onRecoverableError=e;this.mutableSourceEagerHydrationData=null}function Vf(a,b,c,d,e,f,g,h,k,l){a=new Vk(a,b,c,h,k);1===b?(b=1,!0===f&&(b|=8)):b=0;f=pa(3,null,null,b);a.current=f;f.stateNode=a;f.memoizedState={element:d,isDehydrated:c,cache:null,transitions:null,
|
||||
pendingSuspenseBoundaries:null};ff(f);return a}function Wk(a,b,c){var d=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:Cb,key:null==d?null:""+d,children:a,containerInfo:b,implementation:c}}function Vi(a){if(!a)return cb;a=a._reactInternals;a:{if(nb(a)!==a||1!==a.tag)throw Error(m(170));var b=a;do{switch(b.tag){case 3:b=b.stateNode.context;break a;case 1:if(ea(b.type)){b=b.stateNode.__reactInternalMemoizedMergedChildContext;break a}}b=b.return}while(null!==b);throw Error(m(171));
|
||||
}if(1===a.tag){var c=a.type;if(ea(c))return uh(a,c,b)}return b}function Wi(a,b,c,d,e,f,g,h,k,l){a=Vf(c,d,!0,a,e,f,g,h,k);a.context=Vi(null);c=a.current;d=Z();e=hb(c);f=Pa(d,e);f.callback=void 0!==b&&null!==b?b:null;fb(c,f,e);a.current.lanes=e;ic(a,e,d);ia(a,d);return a}function Sd(a,b,c,d){var e=b.current,f=Z(),g=hb(e);c=Vi(c);null===b.context?b.context=c:b.pendingContext=c;b=Pa(f,g);b.payload={element:a};d=void 0===d?null:d;null!==d&&(b.callback=d);a=fb(e,b,g);null!==a&&(xa(a,e,g,f),vd(a,e,g));return g}
|
||||
function Td(a){a=a.current;if(!a.child)return null;switch(a.child.tag){case 5:return a.child.stateNode;default:return a.child.stateNode}}function Xi(a,b){a=a.memoizedState;if(null!==a&&null!==a.dehydrated){var c=a.retryLane;a.retryLane=0!==c&&c<b?c:b}}function Wf(a,b){Xi(a,b);(a=a.alternate)&&Xi(a,b)}function Xk(a){a=Bg(a);return null===a?null:a.stateNode}function Yk(a){return null}function Xf(a){this._internalRoot=a}function Ud(a){this._internalRoot=a}function Yf(a){return!(!a||1!==a.nodeType&&9!==
|
||||
a.nodeType&&11!==a.nodeType)}function Vd(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType&&(8!==a.nodeType||" react-mount-point-unstable "!==a.nodeValue))}function Yi(){}function Zk(a,b,c,d,e){if(e){if("function"===typeof d){var f=d;d=function(){var a=Td(g);f.call(a)}}var g=Wi(b,d,a,0,null,!1,!1,"",Yi);a._reactRootContainer=g;a[Ja]=g.current;sc(8===a.nodeType?a.parentNode:a);yb();return g}for(;e=a.lastChild;)a.removeChild(e);if("function"===typeof d){var h=d;d=function(){var a=Td(k);
|
||||
h.call(a)}}var k=Vf(a,0,!1,null,null,!1,!1,"",Yi);a._reactRootContainer=k;a[Ja]=k.current;sc(8===a.nodeType?a.parentNode:a);yb(function(){Sd(b,k,c,d)});return k}function Wd(a,b,c,d,e){var f=c._reactRootContainer;if(f){var g=f;if("function"===typeof e){var h=e;e=function(){var a=Td(g);h.call(a)}}Sd(b,g,a,e)}else g=Zk(c,b,a,e,d);return Td(g)}var cg=new Set,$b={},Ia=!("undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement),Zd=Object.prototype.hasOwnProperty,
|
||||
cj=/^[: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][: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\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,eg={},dg={},R={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(a){R[a]=
|
||||
new Y(a,0,!1,a,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){var b=a[0];R[b]=new Y(b,1,!1,a[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(a){R[a]=new Y(a,2,!1,a.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){R[a]=new Y(a,2,!1,a,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".split(" ").forEach(function(a){R[a]=
|
||||
new Y(a,3,!1,a.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(a){R[a]=new Y(a,3,!0,a,null,!1,!1)});["capture","download"].forEach(function(a){R[a]=new Y(a,4,!1,a,null,!1,!1)});["cols","rows","size","span"].forEach(function(a){R[a]=new Y(a,6,!1,a,null,!1,!1)});["rowSpan","start"].forEach(function(a){R[a]=new Y(a,5,!1,a.toLowerCase(),null,!1,!1)});var Zf=/[\-:]([a-z])/g,$f=function(a){return a[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".split(" ").forEach(function(a){var b=
|
||||
a.replace(Zf,$f);R[b]=new Y(b,1,!1,a,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(a){var b=a.replace(Zf,$f);R[b]=new Y(b,1,!1,a,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(a){var b=a.replace(Zf,$f);R[b]=new Y(b,1,!1,a,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(a){R[a]=new Y(a,1,!1,a.toLowerCase(),null,!1,!1)});R.xlinkHref=new Y("xlinkHref",
|
||||
1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(a){R[a]=new Y(a,1,!1,a.toLowerCase(),null,!0,!0)});var Sa=zb.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,sd=Symbol.for("react.element"),Cb=Symbol.for("react.portal"),Bb=Symbol.for("react.fragment"),fe=Symbol.for("react.strict_mode"),ee=Symbol.for("react.profiler"),hg=Symbol.for("react.provider"),gg=Symbol.for("react.context"),ie=Symbol.for("react.forward_ref"),ge=Symbol.for("react.suspense"),
|
||||
he=Symbol.for("react.suspense_list"),je=Symbol.for("react.memo"),Ta=Symbol.for("react.lazy");Symbol.for("react.scope");Symbol.for("react.debug_trace_mode");var Ui=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden");Symbol.for("react.cache");Symbol.for("react.tracing_marker");var fg=Symbol.iterator,E=Object.assign,ae,ce=!1,cc=Array.isArray,Xd,yi=function(a){return"undefined"!==typeof MSApp&&MSApp.execUnsafeLocalFunction?function(b,c,d,e){MSApp.execUnsafeLocalFunction(function(){return a(b,
|
||||
c,d,e)})}:a}(function(a,b){if("http://www.w3.org/2000/svg"!==a.namespaceURI||"innerHTML"in a)a.innerHTML=b;else{Xd=Xd||document.createElement("div");Xd.innerHTML="<svg>"+b.valueOf().toString()+"</svg>";for(b=Xd.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild)}}),Fc=function(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b},dc={animationIterationCount:!0,aspectRatio:!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},$k=["Webkit","ms","Moz","O"];Object.keys(dc).forEach(function(a){$k.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);dc[b]=dc[a]})});var ij=E({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}),ze=null,se=null,Eb=null,Fb=null,xg=function(a,b){return a(b)},yg=function(){},te=!1,Oe=!1;if(Ia)try{var Lc={};Object.defineProperty(Lc,
|
||||
"passive",{get:function(){Oe=!0}});window.addEventListener("test",Lc,Lc);window.removeEventListener("test",Lc,Lc)}catch(a){Oe=!1}var kj=function(a,b,c,d,e,f,g,h,k){var l=Array.prototype.slice.call(arguments,3);try{b.apply(c,l)}catch(q){this.onError(q)}},gc=!1,Sc=null,Tc=!1,ue=null,lj={onError:function(a){gc=!0;Sc=a}},Ba=zb.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Scheduler,Jg=Ba.unstable_scheduleCallback,Kg=Ba.unstable_NormalPriority,xh=Jg,Ki=Ba.unstable_cancelCallback,Pk=Ba.unstable_shouldYield,
|
||||
Sk=Ba.unstable_requestPaint,P=Ba.unstable_now,Dj=Ba.unstable_getCurrentPriorityLevel,De=Ba.unstable_ImmediatePriority,Mg=Ba.unstable_UserBlockingPriority,ad=Kg,Ej=Ba.unstable_LowPriority,Ng=Ba.unstable_IdlePriority,Uc=null,Ca=null,ta=Math.clz32?Math.clz32:pj,qj=Math.log,rj=Math.LN2,Wc=64,Rd=4194304,z=0,Ae=!1,Yc=[],Va=null,Wa=null,Xa=null,jc=new Map,kc=new Map,Ya=[],Bj="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".split(" "),
|
||||
Gb=Sa.ReactCurrentBatchConfig,Zc=!0,$c=null,Za=null,Ee=null,bd=null,Yb={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},He=ka(Yb),Mc=E({},Yb,{view:0,detail:0}),ak=ka(Mc),ag,bg,Nc,Yd=E({},Mc,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Fe,button:0,buttons:0,relatedTarget:function(a){return void 0===a.relatedTarget?a.fromElement===a.srcElement?a.toElement:a.fromElement:
|
||||
a.relatedTarget},movementX:function(a){if("movementX"in a)return a.movementX;a!==Nc&&(Nc&&"mousemove"===a.type?(ag=a.screenX-Nc.screenX,bg=a.screenY-Nc.screenY):bg=ag=0,Nc=a);return ag},movementY:function(a){return"movementY"in a?a.movementY:bg}}),ih=ka(Yd),al=E({},Yd,{dataTransfer:0}),Wj=ka(al),bl=E({},Mc,{relatedTarget:0}),Pe=ka(bl),cl=E({},Yb,{animationName:0,elapsedTime:0,pseudoElement:0}),Yj=ka(cl),dl=E({},Yb,{clipboardData:function(a){return"clipboardData"in a?a.clipboardData:window.clipboardData}}),
|
||||
ck=ka(dl),el=E({},Yb,{data:0}),qh=ka(el),fk=qh,fl={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},gl={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"},Gj={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"},hl=E({},Mc,{key:function(a){if(a.key){var b=fl[a.key]||a.key;if("Unidentified"!==b)return b}return"keypress"===a.type?(a=cd(a),13===a?"Enter":String.fromCharCode(a)):"keydown"===a.type||"keyup"===a.type?gl[a.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,
|
||||
metaKey:0,repeat:0,locale:0,getModifierState:Fe,charCode:function(a){return"keypress"===a.type?cd(a):0},keyCode:function(a){return"keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return"keypress"===a.type?cd(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),Vj=ka(hl),il=E({},Yd,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),nh=ka(il),jl=E({},Mc,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,
|
||||
ctrlKey:0,shiftKey:0,getModifierState:Fe}),Xj=ka(jl),kl=E({},Yb,{propertyName:0,elapsedTime:0,pseudoElement:0}),Zj=ka(kl),ll=E({},Yd,{deltaX:function(a){return"deltaX"in a?a.deltaX:"wheelDeltaX"in a?-a.wheelDeltaX:0},deltaY:function(a){return"deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:0,deltaMode:0}),bk=ka(ll),Hj=[9,13,27,32],Ge=Ia&&"CompositionEvent"in window,Oc=null;Ia&&"documentMode"in document&&(Oc=document.documentMode);var ek=Ia&&"TextEvent"in
|
||||
window&&!Oc,Ug=Ia&&(!Ge||Oc&&8<Oc&&11>=Oc),Tg=String.fromCharCode(32),Sg=!1,Hb=!1,Kj={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},oc=null,pc=null,ph=!1;Ia&&(ph=Lj("input")&&(!document.documentMode||9<document.documentMode));var ua="function"===typeof Object.is?Object.is:Sj,dk=Ia&&"documentMode"in document&&11>=document.documentMode,Jb=null,Ke=null,rc=null,Je=!1,Kb={animationend:gd("Animation","AnimationEnd"),
|
||||
animationiteration:gd("Animation","AnimationIteration"),animationstart:gd("Animation","AnimationStart"),transitionend:gd("Transition","TransitionEnd")},Le={},eh={};Ia&&(eh=document.createElement("div").style,"AnimationEvent"in window||(delete Kb.animationend.animation,delete Kb.animationiteration.animation,delete Kb.animationstart.animation),"TransitionEvent"in window||delete Kb.transitionend.transition);var jh=hd("animationend"),kh=hd("animationiteration"),lh=hd("animationstart"),mh=hd("transitionend"),
|
||||
fh=new Map,Zi="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");
|
||||
(function(){for(var a=0;a<Zi.length;a++){var b=Zi[a],c=b.toLowerCase();b=b[0].toUpperCase()+b.slice(1);$a(c,"on"+b)}$a(jh,"onAnimationEnd");$a(kh,"onAnimationIteration");$a(lh,"onAnimationStart");$a("dblclick","onDoubleClick");$a("focusin","onFocus");$a("focusout","onBlur");$a(mh,"onTransitionEnd")})();Ab("onMouseEnter",["mouseout","mouseover"]);Ab("onMouseLeave",["mouseout","mouseover"]);Ab("onPointerEnter",["pointerout","pointerover"]);Ab("onPointerLeave",["pointerout","pointerover"]);mb("onChange",
|
||||
"change click focusin focusout input keydown keyup selectionchange".split(" "));mb("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));mb("onBeforeInput",["compositionend","keypress","textInput","paste"]);mb("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));mb("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));mb("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));
|
||||
var Ec="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Uj=new Set("cancel close invalid load scroll toggle".split(" ").concat(Ec)),id="_reactListening"+Math.random().toString(36).slice(2),gk=/\r\n?/g,hk=/\u0000|\uFFFD/g,Jf=null,Kf=null,Rf="function"===typeof setTimeout?setTimeout:void 0,Nk="function"===typeof clearTimeout?
|
||||
clearTimeout:void 0,$i="function"===typeof Promise?Promise:void 0,Jk="function"===typeof queueMicrotask?queueMicrotask:"undefined"!==typeof $i?function(a){return $i.resolve(null).then(a).catch(ik)}:Rf,Zb=Math.random().toString(36).slice(2),Da="__reactFiber$"+Zb,uc="__reactProps$"+Zb,Ja="__reactContainer$"+Zb,Me="__reactEvents$"+Zb,Dk="__reactListeners$"+Zb,Ek="__reactHandles$"+Zb,Se=[],Mb=-1,cb={},J=bb(cb),S=bb(!1),pb=cb,La=null,md=!1,Te=!1,Ob=[],Pb=0,od=null,nd=0,na=[],oa=0,rb=null,Ma=1,Na="",la=
|
||||
null,fa=null,D=!1,wa=null,Ik=Sa.ReactCurrentBatchConfig,Vb=Dh(!0),li=Dh(!1),ud=bb(null),td=null,Rb=null,bf=null,tb=null,kk=Oa,gb=!1,wc={},Ea=bb(wc),yc=bb(wc),xc=bb(wc),F=bb(0),kf=[],yd=Sa.ReactCurrentDispatcher,sf=Sa.ReactCurrentBatchConfig,vb=0,C=null,K=null,N=null,Ad=!1,zc=!1,Ac=0,ml=0,zd={readContext:qa,useCallback:V,useContext:V,useEffect:V,useImperativeHandle:V,useInsertionEffect:V,useLayoutEffect:V,useMemo:V,useReducer:V,useRef:V,useState:V,useDebugValue:V,useDeferredValue:V,useTransition:V,
|
||||
useMutableSource:V,useSyncExternalStore:V,useId:V,unstable_isNewReconciler:!1},lk={readContext:qa,useCallback:function(a,b){Fa().memoizedState=[a,void 0===b?null:b];return a},useContext:qa,useEffect:Sh,useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;return Bd(4194308,4,Vh.bind(null,b,a),c)},useLayoutEffect:function(a,b){return Bd(4194308,4,a,b)},useInsertionEffect:function(a,b){return Bd(4,2,a,b)},useMemo:function(a,b){var c=Fa();b=void 0===b?null:b;a=a();c.memoizedState=
|
||||
[a,b];return a},useReducer:function(a,b,c){var d=Fa();b=void 0!==c?c(b):b;d.memoizedState=d.baseState=b;a={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:a,lastRenderedState:b};d.queue=a;a=a.dispatch=qk.bind(null,C,a);return[d.memoizedState,a]},useRef:function(a){var b=Fa();a={current:a};return b.memoizedState=a},useState:Qh,useDebugValue:rf,useDeferredValue:function(a){return Fa().memoizedState=a},useTransition:function(){var a=Qh(!1),b=a[0];a=pk.bind(null,a[1]);Fa().memoizedState=
|
||||
a;return[b,a]},useMutableSource:function(a,b,c){},useSyncExternalStore:function(a,b,c){var d=C,e=Fa();if(D){if(void 0===c)throw Error(m(407));c=c()}else{c=b();if(null===O)throw Error(m(349));0!==(vb&30)||Nh(d,b,c)}e.memoizedState=c;var f={value:c,getSnapshot:b};e.queue=f;Sh(Lh.bind(null,d,f,a),[a]);d.flags|=2048;Cc(9,Mh.bind(null,d,f,c,b),void 0,null);return c},useId:function(){var a=Fa(),b=O.identifierPrefix;if(D){var c=Na;var d=Ma;c=(d&~(1<<32-ta(d)-1)).toString(32)+c;b=":"+b+"R"+c;c=Ac++;0<c&&
|
||||
(b+="H"+c.toString(32));b+=":"}else c=ml++,b=":"+b+"r"+c.toString(32)+":";return a.memoizedState=b},unstable_isNewReconciler:!1},mk={readContext:qa,useCallback:Xh,useContext:qa,useEffect:qf,useImperativeHandle:Wh,useInsertionEffect:Th,useLayoutEffect:Uh,useMemo:Yh,useReducer:of,useRef:Rh,useState:function(a){return of(Bc)},useDebugValue:rf,useDeferredValue:function(a){var b=sa();return Zh(b,K.memoizedState,a)},useTransition:function(){var a=of(Bc)[0],b=sa().memoizedState;return[a,b]},useMutableSource:Jh,
|
||||
useSyncExternalStore:Kh,useId:$h,unstable_isNewReconciler:!1},nk={readContext:qa,useCallback:Xh,useContext:qa,useEffect:qf,useImperativeHandle:Wh,useInsertionEffect:Th,useLayoutEffect:Uh,useMemo:Yh,useReducer:pf,useRef:Rh,useState:function(a){return pf(Bc)},useDebugValue:rf,useDeferredValue:function(a){var b=sa();return null===K?b.memoizedState=a:Zh(b,K.memoizedState,a)},useTransition:function(){var a=pf(Bc)[0],b=sa().memoizedState;return[a,b]},useMutableSource:Jh,useSyncExternalStore:Kh,useId:$h,
|
||||
unstable_isNewReconciler:!1},Dd={isMounted:function(a){return(a=a._reactInternals)?nb(a)===a:!1},enqueueSetState:function(a,b,c){a=a._reactInternals;var d=Z(),e=hb(a),f=Pa(d,e);f.payload=b;void 0!==c&&null!==c&&(f.callback=c);b=fb(a,f,e);null!==b&&(xa(b,a,e,d),vd(b,a,e))},enqueueReplaceState:function(a,b,c){a=a._reactInternals;var d=Z(),e=hb(a),f=Pa(d,e);f.tag=1;f.payload=b;void 0!==c&&null!==c&&(f.callback=c);b=fb(a,f,e);null!==b&&(xa(b,a,e,d),vd(b,a,e))},enqueueForceUpdate:function(a,b){a=a._reactInternals;
|
||||
var c=Z(),d=hb(a),e=Pa(c,d);e.tag=2;void 0!==b&&null!==b&&(e.callback=b);b=fb(a,e,d);null!==b&&(xa(b,a,d,c),vd(b,a,d))}},rk="function"===typeof WeakMap?WeakMap:Map,tk=Sa.ReactCurrentOwner,ha=!1,Cf={dehydrated:null,treeContext:null,retryLane:0};var zk=function(a,b,c,d){for(c=b.child;null!==c;){if(5===c.tag||6===c.tag)a.appendChild(c.stateNode);else if(4!==c.tag&&null!==c.child){c.child.return=c;c=c.child;continue}if(c===b)break;for(;null===c.sibling;){if(null===c.return||c.return===b)return;c=c.return}c.sibling.return=
|
||||
c.return;c=c.sibling}};var xi=function(a,b){};var yk=function(a,b,c,d,e){var f=a.memoizedProps;if(f!==d){a=b.stateNode;ub(Ea.current);e=null;switch(c){case "input":f=ke(a,f);d=ke(a,d);e=[];break;case "select":f=E({},f,{value:void 0});d=E({},d,{value:void 0});e=[];break;case "textarea":f=ne(a,f);d=ne(a,d);e=[];break;default:"function"!==typeof f.onClick&&"function"===typeof d.onClick&&(a.onclick=kd)}pe(c,d);var g;c=null;for(l in f)if(!d.hasOwnProperty(l)&&f.hasOwnProperty(l)&&null!=f[l])if("style"===
|
||||
l){var h=f[l];for(g in h)h.hasOwnProperty(g)&&(c||(c={}),c[g]="")}else"dangerouslySetInnerHTML"!==l&&"children"!==l&&"suppressContentEditableWarning"!==l&&"suppressHydrationWarning"!==l&&"autoFocus"!==l&&($b.hasOwnProperty(l)?e||(e=[]):(e=e||[]).push(l,null));for(l in d){var k=d[l];h=null!=f?f[l]:void 0;if(d.hasOwnProperty(l)&&k!==h&&(null!=k||null!=h))if("style"===l)if(h){for(g in h)!h.hasOwnProperty(g)||k&&k.hasOwnProperty(g)||(c||(c={}),c[g]="");for(g in k)k.hasOwnProperty(g)&&h[g]!==k[g]&&(c||
|
||||
(c={}),c[g]=k[g])}else c||(e||(e=[]),e.push(l,c)),c=k;else"dangerouslySetInnerHTML"===l?(k=k?k.__html:void 0,h=h?h.__html:void 0,null!=k&&h!==k&&(e=e||[]).push(l,k)):"children"===l?"string"!==typeof k&&"number"!==typeof k||(e=e||[]).push(l,""+k):"suppressContentEditableWarning"!==l&&"suppressHydrationWarning"!==l&&($b.hasOwnProperty(l)?(null!=k&&"onScroll"===l&&B("scroll",a),e||h===k||(e=[])):(e=e||[]).push(l,k))}c&&(e=e||[]).push("style",c);var l=e;if(b.updateQueue=l)b.flags|=4}};var Ak=function(a,
|
||||
b,c,d){c!==d&&(b.flags|=4)};var Jd=!1,X=!1,Fk="function"===typeof WeakSet?WeakSet:Set,l=null,zi=!1,T=null,za=!1,Mk=Math.ceil,Od=Sa.ReactCurrentDispatcher,Uf=Sa.ReactCurrentOwner,ca=Sa.ReactCurrentBatchConfig,p=0,O=null,H=null,U=0,ba=0,Ga=bb(0),L=0,Jc=null,ra=0,Md=0,Sf=0,Kc=null,ja=null,Of=0,Hf=Infinity,Ra=null,Ed=!1,xf=null,ib=null,Pd=!1,lb=null,Qd=0,Ic=0,Pf=null,Kd=-1,Ld=0;var Qk=function(a,b,c){if(null!==a)if(a.memoizedProps!==b.pendingProps||S.current)ha=!0;else{if(0===(a.lanes&c)&&0===(b.flags&
|
||||
128))return ha=!1,wk(a,b,c);ha=0!==(a.flags&131072)?!0:!1}else ha=!1,D&&0!==(b.flags&1048576)&&yh(b,nd,b.index);b.lanes=0;switch(b.tag){case 2:var d=b.type;Fd(a,b);a=b.pendingProps;var e=Nb(b,J.current);Sb(b,c);e=mf(null,b,d,a,e,c);var f=nf();b.flags|=1;"object"===typeof e&&null!==e&&"function"===typeof e.render&&void 0===e.$$typeof?(b.tag=1,b.memoizedState=null,b.updateQueue=null,ea(d)?(f=!0,ld(b)):f=!1,b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null,ff(b),e.updater=Dd,b.stateNode=
|
||||
e,e._reactInternals=b,uf(b,d,a,c),b=Af(null,b,d,!0,f,c)):(b.tag=0,D&&f&&Ue(b),aa(null,b,e,c),b=b.child);return b;case 16:d=b.elementType;a:{Fd(a,b);a=b.pendingProps;e=d._init;d=e(d._payload);b.type=d;e=b.tag=Uk(d);a=ya(d,a);switch(e){case 0:b=zf(null,b,d,a,c);break a;case 1:b=ri(null,b,d,a,c);break a;case 11:b=mi(null,b,d,a,c);break a;case 14:b=ni(null,b,d,ya(d.type,a),c);break a}throw Error(m(306,d,""));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:ya(d,e),zf(a,b,d,e,c);
|
||||
case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:ya(d,e),ri(a,b,d,e,c);case 3:a:{si(b);if(null===a)throw Error(m(387));d=b.pendingProps;f=b.memoizedState;e=f.element;Fh(a,b);wd(b,d,null,c);var g=b.memoizedState;d=g.element;if(f.isDehydrated)if(f={element:d,isDehydrated:!1,cache:g.cache,pendingSuspenseBoundaries:g.pendingSuspenseBoundaries,transitions:g.transitions},b.updateQueue.baseState=f,b.memoizedState=f,b.flags&256){e=Ub(Error(m(423)),b);b=ti(a,b,d,c,e);break a}else if(d!==e){e=
|
||||
Ub(Error(m(424)),b);b=ti(a,b,d,c,e);break a}else for(fa=Ka(b.stateNode.containerInfo.firstChild),la=b,D=!0,wa=null,c=li(b,null,d,c),b.child=c;c;)c.flags=c.flags&-3|4096,c=c.sibling;else{Qb();if(d===e){b=Qa(a,b,c);break a}aa(a,b,d,c)}b=b.child}return b;case 5:return Ih(b),null===a&&Xe(b),d=b.type,e=b.pendingProps,f=null!==a?a.memoizedProps:null,g=e.children,Qe(d,e)?g=null:null!==f&&Qe(d,f)&&(b.flags|=32),qi(a,b),aa(a,b,g,c),b.child;case 6:return null===a&&Xe(b),null;case 13:return ui(a,b,c);case 4:return gf(b,
|
||||
b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=Vb(b,null,d,c):aa(a,b,d,c),b.child;case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:ya(d,e),mi(a,b,d,e,c);case 7:return aa(a,b,b.pendingProps,c),b.child;case 8:return aa(a,b,b.pendingProps.children,c),b.child;case 12:return aa(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;f=b.memoizedProps;g=e.value;y(ud,d._currentValue);d._currentValue=g;if(null!==f)if(ua(f.value,g)){if(f.children===
|
||||
e.children&&!S.current){b=Qa(a,b,c);break a}}else for(f=b.child,null!==f&&(f.return=b);null!==f;){var h=f.dependencies;if(null!==h){g=f.child;for(var k=h.firstContext;null!==k;){if(k.context===d){if(1===f.tag){k=Pa(-1,c&-c);k.tag=2;var l=f.updateQueue;if(null!==l){l=l.shared;var p=l.pending;null===p?k.next=k:(k.next=p.next,p.next=k);l.pending=k}}f.lanes|=c;k=f.alternate;null!==k&&(k.lanes|=c);df(f.return,c,b);h.lanes|=c;break}k=k.next}}else if(10===f.tag)g=f.type===b.type?null:f.child;else if(18===
|
||||
f.tag){g=f.return;if(null===g)throw Error(m(341));g.lanes|=c;h=g.alternate;null!==h&&(h.lanes|=c);df(g,c,b);g=f.sibling}else g=f.child;if(null!==g)g.return=f;else for(g=f;null!==g;){if(g===b){g=null;break}f=g.sibling;if(null!==f){f.return=g.return;g=f;break}g=g.return}f=g}aa(a,b,e.children,c);b=b.child}return b;case 9:return e=b.type,d=b.pendingProps.children,Sb(b,c),e=qa(e),d=d(e),b.flags|=1,aa(a,b,d,c),b.child;case 14:return d=b.type,e=ya(d,b.pendingProps),e=ya(d.type,e),ni(a,b,d,e,c);case 15:return oi(a,
|
||||
b,b.type,b.pendingProps,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:ya(d,e),Fd(a,b),b.tag=1,ea(d)?(a=!0,ld(b)):a=!1,Sb(b,c),ei(b,d,e),uf(b,d,e,c),Af(null,b,d,!0,a,c);case 19:return wi(a,b,c);case 22:return pi(a,b,c)}throw Error(m(156,b.tag));};var pa=function(a,b,c,d){return new Tk(a,b,c,d)},aj="function"===typeof reportError?reportError:function(a){console.error(a)};Ud.prototype.render=Xf.prototype.render=function(a){var b=this._internalRoot;if(null===b)throw Error(m(409));
|
||||
Sd(a,b,null,null)};Ud.prototype.unmount=Xf.prototype.unmount=function(){var a=this._internalRoot;if(null!==a){this._internalRoot=null;var b=a.containerInfo;yb(function(){Sd(null,a,null,null)});b[Ja]=null}};Ud.prototype.unstable_scheduleHydration=function(a){if(a){var b=nl();a={blockedOn:null,target:a,priority:b};for(var c=0;c<Ya.length&&0!==b&&b<Ya[c].priority;c++);Ya.splice(c,0,a);0===c&&Hg(a)}};var Cj=function(a){switch(a.tag){case 3:var b=a.stateNode;if(b.current.memoizedState.isDehydrated){var c=
|
||||
hc(b.pendingLanes);0!==c&&(xe(b,c|1),ia(b,P()),0===(p&6)&&(Hc(),db()))}break;case 13:yb(function(){var b=Oa(a,1);if(null!==b){var c=Z();xa(b,a,1,c)}}),Wf(a,1)}};var Gg=function(a){if(13===a.tag){var b=Oa(a,134217728);if(null!==b){var c=Z();xa(b,a,134217728,c)}Wf(a,134217728)}};var xj=function(a){if(13===a.tag){var b=hb(a),c=Oa(a,b);if(null!==c){var d=Z();xa(c,a,b,d)}Wf(a,b)}};var nl=function(){return z};var wj=function(a,b){var c=z;try{return z=a,b()}finally{z=c}};se=function(a,b,c){switch(b){case "input":le(a,
|
||||
c);b=c.name;if("radio"===c.type&&null!=b){for(c=a;c.parentNode;)c=c.parentNode;c=c.querySelectorAll("input[name="+JSON.stringify(""+b)+'][type="radio"]');for(b=0;b<c.length;b++){var d=c[b];if(d!==a&&d.form===a.form){var e=Rc(d);if(!e)throw Error(m(90));jg(d);le(d,e)}}}break;case "textarea":og(a,c);break;case "select":b=c.value,null!=b&&Db(a,!!c.multiple,b,!1)}};(function(a,b,c){xg=a;yg=c})(Tf,function(a,b,c,d,e){var f=z,g=ca.transition;try{return ca.transition=null,z=1,a(b,c,d,e)}finally{z=f,ca.transition=
|
||||
g,0===p&&Hc()}},yb);var ol={usingClientEntryPoint:!1,Events:[ec,Ib,Rc,ug,vg,Tf]};(function(a){a={bundleType:a.bundleType,version:a.version,rendererPackageName:a.rendererPackageName,rendererConfig:a.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:Sa.ReactCurrentDispatcher,findHostInstanceByFiber:Xk,
|
||||
findFiberByHostInstance:a.findFiberByHostInstance||Yk,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1"};if("undefined"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)a=!1;else{var b=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(b.isDisabled||!b.supportsFiber)a=!0;else{try{Uc=b.inject(a),Ca=b}catch(c){}a=b.checkDCE?!0:!1}}return a})({findFiberByHostInstance:ob,bundleType:0,version:"18.3.1-next-f1338f8080-20240426",
|
||||
rendererPackageName:"react-dom"});Q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=ol;Q.createPortal=function(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Yf(b))throw Error(m(200));return Wk(a,b,null,c)};Q.createRoot=function(a,b){if(!Yf(a))throw Error(m(299));var c=!1,d="",e=aj;null!==b&&void 0!==b&&(!0===b.unstable_strictMode&&(c=!0),void 0!==b.identifierPrefix&&(d=b.identifierPrefix),void 0!==b.onRecoverableError&&(e=b.onRecoverableError));b=Vf(a,1,!1,null,null,
|
||||
c,!1,d,e);a[Ja]=b.current;sc(8===a.nodeType?a.parentNode:a);return new Xf(b)};Q.findDOMNode=function(a){if(null==a)return null;if(1===a.nodeType)return a;var b=a._reactInternals;if(void 0===b){if("function"===typeof a.render)throw Error(m(188));a=Object.keys(a).join(",");throw Error(m(268,a));}a=Bg(b);a=null===a?null:a.stateNode;return a};Q.flushSync=function(a){return yb(a)};Q.hydrate=function(a,b,c){if(!Vd(b))throw Error(m(200));return Wd(null,a,b,!0,c)};Q.hydrateRoot=function(a,b,c){if(!Yf(a))throw Error(m(405));
|
||||
var d=null!=c&&c.hydratedSources||null,e=!1,f="",g=aj;null!==c&&void 0!==c&&(!0===c.unstable_strictMode&&(e=!0),void 0!==c.identifierPrefix&&(f=c.identifierPrefix),void 0!==c.onRecoverableError&&(g=c.onRecoverableError));b=Wi(b,null,a,1,null!=c?c:null,e,!1,f,g);a[Ja]=b.current;sc(a);if(d)for(a=0;a<d.length;a++)c=d[a],e=c._getVersion,e=e(c._source),null==b.mutableSourceEagerHydrationData?b.mutableSourceEagerHydrationData=[c,e]:b.mutableSourceEagerHydrationData.push(c,e);return new Ud(b)};Q.render=
|
||||
function(a,b,c){if(!Vd(b))throw Error(m(200));return Wd(null,a,b,!1,c)};Q.unmountComponentAtNode=function(a){if(!Vd(a))throw Error(m(40));return a._reactRootContainer?(yb(function(){Wd(null,null,a,!1,function(){a._reactRootContainer=null;a[Ja]=null})}),!0):!1};Q.unstable_batchedUpdates=Tf;Q.unstable_renderSubtreeIntoContainer=function(a,b,c,d){if(!Vd(c))throw Error(m(200));if(null==a||void 0===a._reactInternals)throw Error(m(38));return Wd(a,b,c,!1,d)};Q.version="18.3.1-next-f1338f8080-20240426"});
|
||||
})();
|
||||
+285
@@ -0,0 +1,285 @@
|
||||
/**
|
||||
* @license React
|
||||
* react-dom.profiling.min.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(){/*
|
||||
Modernizr 3.0.0pre (Custom Build) | MIT
|
||||
*/
|
||||
'use strict';(function(R,Ib){"object"===typeof exports&&"undefined"!==typeof module?Ib(exports,require("react")):"function"===typeof define&&define.amd?define(["exports","react"],Ib):(R=R||self,Ib(R.ReactDOM={},R.React))})(this,function(R,Ib){function m(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
|
||||
function rb(a,b){Jb(a,b);Jb(a+"Capture",b)}function Jb(a,b){mc[a]=b;for(a=0;a<b.length;a++)Ag.add(b[a])}function Ij(a){if(re.call(Bg,a))return!0;if(re.call(Cg,a))return!1;if(Jj.test(a))return Bg[a]=!0;Cg[a]=!0;return!1}function Kj(a,b,c,d){if(null!==c&&0===c.type)return!1;switch(typeof b){case "function":case "symbol":return!0;case "boolean":if(d)return!1;if(null!==c)return!c.acceptsBooleans;a=a.toLowerCase().slice(0,5);return"data-"!==a&&"aria-"!==a;default:return!1}}function Lj(a,b,c,d){if(null===
|
||||
b||"undefined"===typeof b||Kj(a,b,c,d))return!0;if(d)return!1;if(null!==c)switch(c.type){case 3:return!b;case 4:return!1===b;case 5:return isNaN(b);case 6:return isNaN(b)||1>b}return!1}function Z(a,b,c,d,e,f,g){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=d;this.attributeNamespace=e;this.mustUseProperty=c;this.propertyName=a;this.type=b;this.sanitizeURL=f;this.removeEmptyString=g}function se(a,b,c,d){var e=S.hasOwnProperty(b)?S[b]:null;if(null!==e?0!==e.type:d||!(2<b.length)||"o"!==
|
||||
b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])Lj(b,c,e,d)&&(c=null),d||null===e?Ij(b)&&(null===c?a.removeAttribute(b):a.setAttribute(b,""+c)):e.mustUseProperty?a[e.propertyName]=null===c?3===e.type?!1:"":c:(b=e.attributeName,d=e.attributeNamespace,null===c?a.removeAttribute(b):(e=e.type,c=3===e||4===e&&!0===c?"":""+c,d?a.setAttributeNS(d,b,c):a.setAttribute(b,c)))}function nc(a){if(null===a||"object"!==typeof a)return null;a=Dg&&a[Dg]||a["@@iterator"];return"function"===typeof a?a:null}function oc(a,b,
|
||||
c){if(void 0===te)try{throw Error();}catch(d){te=(b=d.stack.trim().match(/\n( *(at )?)/))&&b[1]||""}return"\n"+te+a}function ue(a,b){if(!a||ve)return"";ve=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(b)if(b=function(){throw Error();},Object.defineProperty(b.prototype,"props",{set:function(){throw Error();}}),"object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(b,[])}catch(n){var d=n}Reflect.construct(a,[],b)}else{try{b.call()}catch(n){d=n}a.call(b.prototype)}else{try{throw Error();
|
||||
}catch(n){d=n}a()}}catch(n){if(n&&d&&"string"===typeof n.stack){for(var e=n.stack.split("\n"),f=d.stack.split("\n"),g=e.length-1,h=f.length-1;1<=g&&0<=h&&e[g]!==f[h];)h--;for(;1<=g&&0<=h;g--,h--)if(e[g]!==f[h]){if(1!==g||1!==h){do if(g--,h--,0>h||e[g]!==f[h]){var k="\n"+e[g].replace(" at new "," at ");a.displayName&&k.includes("<anonymous>")&&(k=k.replace("<anonymous>",a.displayName));return k}while(1<=g&&0<=h)}break}}}finally{ve=!1,Error.prepareStackTrace=c}return(a=a?a.displayName||a.name:"")?oc(a):
|
||||
""}function Mj(a){switch(a.tag){case 5:return oc(a.type);case 16:return oc("Lazy");case 13:return oc("Suspense");case 19:return oc("SuspenseList");case 0:case 2:case 15:return a=ue(a.type,!1),a;case 11:return a=ue(a.type.render,!1),a;case 1:return a=ue(a.type,!0),a;default:return""}}function we(a){if(null==a)return null;if("function"===typeof a)return a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case Kb:return"Fragment";case Lb:return"Portal";case xe:return"Profiler";case ye:return"StrictMode";
|
||||
case ze:return"Suspense";case Ae:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Eg:return(a.displayName||"Context")+".Consumer";case Fg:return(a._context.displayName||"Context")+".Provider";case Be:var b=a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case Ce:return b=a.displayName||null,null!==b?b:we(a.type)||"Memo";case Ya:b=a._payload;a=a._init;try{return we(a(b))}catch(c){}}return null}function Nj(a){var b=a.type;
|
||||
switch(a.tag){case 24:return"Cache";case 9:return(b.displayName||"Context")+".Consumer";case 10:return(b._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return a=b.render,a=a.displayName||a.name||"",b.displayName||(""!==a?"ForwardRef("+a+")":"ForwardRef");case 7:return"Fragment";case 5:return b;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return we(b);case 8:return b===ye?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";
|
||||
case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"===typeof b)return b.displayName||b.name||null;if("string"===typeof b)return b}return null}function Za(a){switch(typeof a){case "boolean":case "number":case "string":case "undefined":return a;case "object":return a;default:return""}}function Gg(a){var b=a.type;return(a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===
|
||||
b)}function Oj(a){var b=Gg(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&"undefined"!==typeof c&&"function"===typeof c.get&&"function"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(a){d=""+a;f.call(this,a)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(a){d=""+a},stopTracking:function(){a._valueTracker=
|
||||
null;delete a[b]}}}}function dd(a){a._valueTracker||(a._valueTracker=Oj(a))}function Hg(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d="";a&&(d=Gg(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function ed(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}function De(a,b){var c=b.checked;return D({},b,{defaultChecked:void 0,defaultValue:void 0,
|
||||
value:void 0,checked:null!=c?c:a._wrapperState.initialChecked})}function Ig(a,b){var c=null==b.defaultValue?"":b.defaultValue,d=null!=b.checked?b.checked:b.defaultChecked;c=Za(null!=b.value?b.value:c);a._wrapperState={initialChecked:d,initialValue:c,controlled:"checkbox"===b.type||"radio"===b.type?null!=b.checked:null!=b.value}}function Jg(a,b){b=b.checked;null!=b&&se(a,"checked",b,!1)}function Ee(a,b){Jg(a,b);var c=Za(b.value),d=b.type;if(null!=c)if("number"===d){if(0===c&&""===a.value||a.value!=
|
||||
c)a.value=""+c}else a.value!==""+c&&(a.value=""+c);else if("submit"===d||"reset"===d){a.removeAttribute("value");return}b.hasOwnProperty("value")?Fe(a,b.type,c):b.hasOwnProperty("defaultValue")&&Fe(a,b.type,Za(b.defaultValue));null==b.checked&&null!=b.defaultChecked&&(a.defaultChecked=!!b.defaultChecked)}function Kg(a,b,c){if(b.hasOwnProperty("value")||b.hasOwnProperty("defaultValue")){var d=b.type;if(!("submit"!==d&&"reset"!==d||void 0!==b.value&&null!==b.value))return;b=""+a._wrapperState.initialValue;
|
||||
c||b===a.value||(a.value=b);a.defaultValue=b}c=a.name;""!==c&&(a.name="");a.defaultChecked=!!a._wrapperState.initialChecked;""!==c&&(a.name=c)}function Fe(a,b,c){if("number"!==b||ed(a.ownerDocument)!==a)null==c?a.defaultValue=""+a._wrapperState.initialValue:a.defaultValue!==""+c&&(a.defaultValue=""+c)}function Mb(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e<c.length;e++)b["$"+c[e]]=!0;for(c=0;c<a.length;c++)e=b.hasOwnProperty("$"+a[c].value),a[c].selected!==e&&(a[c].selected=e),e&&d&&(a[c].defaultSelected=
|
||||
!0)}else{c=""+Za(c);b=null;for(e=0;e<a.length;e++){if(a[e].value===c){a[e].selected=!0;d&&(a[e].defaultSelected=!0);return}null!==b||a[e].disabled||(b=a[e])}null!==b&&(b.selected=!0)}}function Ge(a,b){if(null!=b.dangerouslySetInnerHTML)throw Error(m(91));return D({},b,{value:void 0,defaultValue:void 0,children:""+a._wrapperState.initialValue})}function Lg(a,b){var c=b.value;if(null==c){c=b.children;b=b.defaultValue;if(null!=c){if(null!=b)throw Error(m(92));if(pc(c)){if(1<c.length)throw Error(m(93));
|
||||
c=c[0]}b=c}null==b&&(b="");c=b}a._wrapperState={initialValue:Za(c)}}function Mg(a,b){var c=Za(b.value),d=Za(b.defaultValue);null!=c&&(c=""+c,c!==a.value&&(a.value=c),null==b.defaultValue&&a.defaultValue!==c&&(a.defaultValue=c));null!=d&&(a.defaultValue=""+d)}function Ng(a,b){b=a.textContent;b===a._wrapperState.initialValue&&""!==b&&null!==b&&(a.value=b)}function Og(a){switch(a){case "svg":return"http://www.w3.org/2000/svg";case "math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}
|
||||
function He(a,b){return null==a||"http://www.w3.org/1999/xhtml"===a?Og(b):"http://www.w3.org/2000/svg"===a&&"foreignObject"===b?"http://www.w3.org/1999/xhtml":a}function Pg(a,b,c){return null==b||"boolean"===typeof b||""===b?"":c||"number"!==typeof b||0===b||qc.hasOwnProperty(a)&&qc[a]?(""+b).trim():b+"px"}function Qg(a,b){a=a.style;for(var c in b)if(b.hasOwnProperty(c)){var d=0===c.indexOf("--"),e=Pg(c,b[c],d);"float"===c&&(c="cssFloat");d?a.setProperty(c,e):a[c]=e}}function Ie(a,b){if(b){if(Pj[a]&&
|
||||
(null!=b.children||null!=b.dangerouslySetInnerHTML))throw Error(m(137,a));if(null!=b.dangerouslySetInnerHTML){if(null!=b.children)throw Error(m(60));if("object"!==typeof b.dangerouslySetInnerHTML||!("__html"in b.dangerouslySetInnerHTML))throw Error(m(61));}if(null!=b.style&&"object"!==typeof b.style)throw Error(m(62));}}function Je(a,b){if(-1===a.indexOf("-"))return"string"===typeof b.is;switch(a){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}}function Ke(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}function Rg(a){if(a=rc(a)){if("function"!==typeof Le)throw Error(m(280));var b=a.stateNode;b&&(b=fd(b),Le(a.stateNode,a.type,b))}}function Sg(a){Nb?Ob?Ob.push(a):Ob=[a]:Nb=a}function Tg(){if(Nb){var a=Nb,b=Ob;Ob=Nb=null;Rg(a);if(b)for(a=0;a<b.length;a++)Rg(b[a])}}function Ug(a,b,c){if(Me)return a(b,c);Me=!0;try{return Vg(a,b,c)}finally{if(Me=
|
||||
!1,null!==Nb||null!==Ob)Wg(),Tg()}}function sc(a,b){var c=a.stateNode;if(null===c)return null;var d=fd(c);if(null===d)return null;c=d[b];a:switch(b){case "onClick":case "onClickCapture":case "onDoubleClick":case "onDoubleClickCapture":case "onMouseDown":case "onMouseDownCapture":case "onMouseMove":case "onMouseMoveCapture":case "onMouseUp":case "onMouseUpCapture":case "onMouseEnter":(d=!d.disabled)||(a=a.type,d=!("button"===a||"input"===a||"select"===a||"textarea"===a));a=!d;break a;default:a=!1}if(a)return null;
|
||||
if(c&&"function"!==typeof c)throw Error(m(231,b,typeof c));return c}function Qj(a,b,c,d,e,f,g,h,k){tc=!1;gd=null;Rj.apply(Sj,arguments)}function Tj(a,b,c,d,e,f,g,h,k){Qj.apply(this,arguments);if(tc){if(tc){var n=gd;tc=!1;gd=null}else throw Error(m(198));hd||(hd=!0,Ne=n)}}function sb(a){var b=a,c=a;if(a.alternate)for(;b.return;)b=b.return;else{a=b;do b=a,0!==(b.flags&4098)&&(c=b.return),a=b.return;while(a)}return 3===b.tag?c:null}function Xg(a){if(13===a.tag){var b=a.memoizedState;null===b&&(a=a.alternate,
|
||||
null!==a&&(b=a.memoizedState));if(null!==b)return b.dehydrated}return null}function Yg(a){if(sb(a)!==a)throw Error(m(188));}function Uj(a){var b=a.alternate;if(!b){b=sb(a);if(null===b)throw Error(m(188));return b!==a?null:a}for(var c=a,d=b;;){var e=c.return;if(null===e)break;var f=e.alternate;if(null===f){d=e.return;if(null!==d){c=d;continue}break}if(e.child===f.child){for(f=e.child;f;){if(f===c)return Yg(e),a;if(f===d)return Yg(e),b;f=f.sibling}throw Error(m(188));}if(c.return!==d.return)c=e,d=f;
|
||||
else{for(var g=!1,h=e.child;h;){if(h===c){g=!0;c=e;d=f;break}if(h===d){g=!0;d=e;c=f;break}h=h.sibling}if(!g){for(h=f.child;h;){if(h===c){g=!0;c=f;d=e;break}if(h===d){g=!0;d=f;c=e;break}h=h.sibling}if(!g)throw Error(m(189));}}if(c.alternate!==d)throw Error(m(190));}if(3!==c.tag)throw Error(m(188));return c.stateNode.current===c?a:b}function Zg(a){a=Uj(a);return null!==a?$g(a):null}function $g(a){if(5===a.tag||6===a.tag)return a;for(a=a.child;null!==a;){var b=$g(a);if(null!==b)return b;a=a.sibling}return null}
|
||||
function Vj(a){if("undefined"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)return!1;var b=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(b.isDisabled||!b.supportsFiber)return!0;try{a=D({},a,{getLaneLabelMap:Wj,injectProfilingHooks:Xj}),id=b.inject(a),Da=b}catch(c){}return b.checkDCE?!0:!1}function Yj(a,b){if(Da&&"function"===typeof Da.onCommitFiberRoot)try{var c=128===(a.current.flags&128);switch(b){case 1:var d=jd;break;case 4:d=Oe;break;case 16:d=tb;break;case 536870912:d=Pe;break;default:d=tb}Da.onCommitFiberRoot(id,
|
||||
a,d,c)}catch(e){}}function Xj(a){l=a}function Wj(){for(var a=new Map,b=1,c=0;31>c;c++){var d=Zj(b);a.set(b,d);b*=2}return a}function ah(){null!==l&&"function"===typeof l.markCommitStopped&&l.markCommitStopped()}function uc(a){null!==l&&"function"===typeof l.markComponentRenderStarted&&l.markComponentRenderStarted(a)}function Pb(){null!==l&&"function"===typeof l.markComponentRenderStopped&&l.markComponentRenderStopped()}function bh(a){null!==l&&"function"===typeof l.markComponentLayoutEffectUnmountStarted&&
|
||||
l.markComponentLayoutEffectUnmountStarted(a)}function ch(){null!==l&&"function"===typeof l.markComponentLayoutEffectUnmountStopped&&l.markComponentLayoutEffectUnmountStopped()}function dh(a){null!==l&&"function"===typeof l.markRenderStarted&&l.markRenderStarted(a)}function eh(){null!==l&&"function"===typeof l.markRenderStopped&&l.markRenderStopped()}function kd(a,b){null!==l&&"function"===typeof l.markStateUpdateScheduled&&l.markStateUpdateScheduled(a,b)}function ak(a){a>>>=0;return 0===a?32:31-(bk(a)/
|
||||
ck|0)|0}function Zj(a){if(a&1)return"Sync";if(a&2)return"InputContinuousHydration";if(a&4)return"InputContinuous";if(a&8)return"DefaultHydration";if(a&16)return"Default";if(a&32)return"TransitionHydration";if(a&4194240)return"Transition";if(a&130023424)return"Retry";if(a&134217728)return"SelectiveHydration";if(a&268435456)return"IdleHydration";if(a&536870912)return"Idle";if(a&1073741824)return"Offscreen"}function vc(a){switch(a&-a){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;
|
||||
case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return a&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return a&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return a}}function ld(a,b){var c=a.pendingLanes;if(0===c)return 0;var d=
|
||||
0,e=a.suspendedLanes,f=a.pingedLanes,g=c&268435455;if(0!==g){var h=g&~e;0!==h?d=vc(h):(f&=g,0!==f&&(d=vc(f)))}else g=c&~e,0!==g?d=vc(g):0!==f&&(d=vc(f));if(0===d)return 0;if(0!==b&&b!==d&&0===(b&e)&&(e=d&-d,f=b&-b,e>=f||16===e&&0!==(f&4194240)))return b;0!==(d&4)&&(d|=c&16);b=a.entangledLanes;if(0!==b)for(a=a.entanglements,b&=d;0<b;)c=31-ka(b),e=1<<c,d|=a[c],b&=~e;return d}function dk(a,b){switch(a){case 1:case 2:case 4:return b+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return b+
|
||||
5E3;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return-1;case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function ek(a,b){for(var c=a.suspendedLanes,d=a.pingedLanes,e=a.expirationTimes,f=a.pendingLanes;0<f;){var g=31-ka(f),h=1<<g,k=e[g];if(-1===k){if(0===(h&c)||0!==(h&d))e[g]=dk(h,b)}else k<=b&&(a.expiredLanes|=h);f&=~h}}function Qe(a){a=a.pendingLanes&-1073741825;return 0!==a?a:a&1073741824?1073741824:0}function fh(){var a=md;md<<=1;
|
||||
0===(md&4194240)&&(md=64);return a}function Re(a){for(var b=[],c=0;31>c;c++)b.push(a);return b}function wc(a,b,c){a.pendingLanes|=b;536870912!==b&&(a.suspendedLanes=0,a.pingedLanes=0);a=a.eventTimes;b=31-ka(b);a[b]=c}function fk(a,b){var c=a.pendingLanes&~b;a.pendingLanes=b;a.suspendedLanes=0;a.pingedLanes=0;a.expiredLanes&=b;a.mutableReadLanes&=b;a.entangledLanes&=b;b=a.entanglements;var d=a.eventTimes;for(a=a.expirationTimes;0<c;){var e=31-ka(c),f=1<<e;b[e]=0;d[e]=-1;a[e]=-1;c&=~f}}function Se(a,
|
||||
b){var c=a.entangledLanes|=b;for(a=a.entanglements;c;){var d=31-ka(c),e=1<<d;e&b|a[d]&b&&(a[d]|=b);c&=~e}}function gh(a,b,c){if(ua)for(a=a.pendingUpdatersLaneMap;0<c;){var d=31-ka(c),e=1<<d;a[d].add(b);c&=~e}}function hh(a,b){if(ua)for(var c=a.pendingUpdatersLaneMap,d=a.memoizedUpdaters;0<b;){var e=31-ka(b);a=1<<e;e=c[e];0<e.size&&(e.forEach(function(a){var b=a.alternate;null!==b&&d.has(b)||d.add(a)}),e.clear());b&=~a}}function ih(a){a&=-a;return 1<a?4<a?0!==(a&268435455)?16:536870912:4:1}function jh(a,
|
||||
b){switch(a){case "focusin":case "focusout":$a=null;break;case "dragenter":case "dragleave":ab=null;break;case "mouseover":case "mouseout":bb=null;break;case "pointerover":case "pointerout":xc.delete(b.pointerId);break;case "gotpointercapture":case "lostpointercapture":yc.delete(b.pointerId)}}function zc(a,b,c,d,e,f){if(null===a||a.nativeEvent!==f)return a={blockedOn:b,domEventName:c,eventSystemFlags:d,nativeEvent:f,targetContainers:[e]},null!==b&&(b=rc(b),null!==b&&kh(b)),a;a.eventSystemFlags|=d;
|
||||
b=a.targetContainers;null!==e&&-1===b.indexOf(e)&&b.push(e);return a}function gk(a,b,c,d,e){switch(b){case "focusin":return $a=zc($a,a,b,c,d,e),!0;case "dragenter":return ab=zc(ab,a,b,c,d,e),!0;case "mouseover":return bb=zc(bb,a,b,c,d,e),!0;case "pointerover":var f=e.pointerId;xc.set(f,zc(xc.get(f)||null,a,b,c,d,e));return!0;case "gotpointercapture":return f=e.pointerId,yc.set(f,zc(yc.get(f)||null,a,b,c,d,e)),!0}return!1}function lh(a){var b=ub(a.target);if(null!==b){var c=sb(b);if(null!==c)if(b=
|
||||
c.tag,13===b){if(b=Xg(c),null!==b){a.blockedOn=b;hk(a.priority,function(){ik(c)});return}}else if(3===b&&c.stateNode.current.memoizedState.isDehydrated){a.blockedOn=3===c.tag?c.stateNode.containerInfo:null;return}}a.blockedOn=null}function nd(a){if(null!==a.blockedOn)return!1;for(var b=a.targetContainers;0<b.length;){var c=Te(a.domEventName,a.eventSystemFlags,b[0],a.nativeEvent);if(null===c){c=a.nativeEvent;var d=new c.constructor(c.type,c);Ue=d;c.target.dispatchEvent(d);Ue=null}else return b=rc(c),
|
||||
null!==b&&kh(b),a.blockedOn=c,!1;b.shift()}return!0}function mh(a,b,c){nd(a)&&c.delete(b)}function jk(){Ve=!1;null!==$a&&nd($a)&&($a=null);null!==ab&&nd(ab)&&(ab=null);null!==bb&&nd(bb)&&(bb=null);xc.forEach(mh);yc.forEach(mh)}function Ac(a,b){a.blockedOn===b&&(a.blockedOn=null,Ve||(Ve=!0,nh(oh,jk)))}function Bc(a){if(0<od.length){Ac(od[0],a);for(var b=1;b<od.length;b++){var c=od[b];c.blockedOn===a&&(c.blockedOn=null)}}null!==$a&&Ac($a,a);null!==ab&&Ac(ab,a);null!==bb&&Ac(bb,a);b=function(b){return Ac(b,
|
||||
a)};xc.forEach(b);yc.forEach(b);for(b=0;b<cb.length;b++)c=cb[b],c.blockedOn===a&&(c.blockedOn=null);for(;0<cb.length&&(b=cb[0],null===b.blockedOn);)lh(b),null===b.blockedOn&&cb.shift()}function kk(a,b,c,d){var e=x,f=Qb.transition;Qb.transition=null;try{x=1,We(a,b,c,d)}finally{x=e,Qb.transition=f}}function lk(a,b,c,d){var e=x,f=Qb.transition;Qb.transition=null;try{x=4,We(a,b,c,d)}finally{x=e,Qb.transition=f}}function We(a,b,c,d){if(pd){var e=Te(a,b,c,d);if(null===e)Xe(a,b,d,qd,c),jh(a,d);else if(gk(e,
|
||||
a,b,c,d))d.stopPropagation();else if(jh(a,d),b&4&&-1<mk.indexOf(a)){for(;null!==e;){var f=rc(e);null!==f&&nk(f);f=Te(a,b,c,d);null===f&&Xe(a,b,d,qd,c);if(f===e)break;e=f}null!==e&&d.stopPropagation()}else Xe(a,b,d,null,c)}}function Te(a,b,c,d){qd=null;a=Ke(d);a=ub(a);if(null!==a)if(b=sb(a),null===b)a=null;else if(c=b.tag,13===c){a=Xg(b);if(null!==a)return a;a=null}else if(3===c){if(b.stateNode.current.memoizedState.isDehydrated)return 3===b.tag?b.stateNode.containerInfo:null;a=null}else b!==a&&(a=
|
||||
null);qd=a;return null}function ph(a){switch(a){case "cancel":case "click":case "close":case "contextmenu":case "copy":case "cut":case "auxclick":case "dblclick":case "dragend":case "dragstart":case "drop":case "focusin":case "focusout":case "input":case "invalid":case "keydown":case "keypress":case "keyup":case "mousedown":case "mouseup":case "paste":case "pause":case "play":case "pointercancel":case "pointerdown":case "pointerup":case "ratechange":case "reset":case "resize":case "seeked":case "submit":case "touchcancel":case "touchend":case "touchstart":case "volumechange":case "change":case "selectionchange":case "textInput":case "compositionstart":case "compositionend":case "compositionupdate":case "beforeblur":case "afterblur":case "beforeinput":case "blur":case "fullscreenchange":case "focus":case "hashchange":case "popstate":case "select":case "selectstart":return 1;
|
||||
case "drag":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "mousemove":case "mouseout":case "mouseover":case "pointermove":case "pointerout":case "pointerover":case "scroll":case "toggle":case "touchmove":case "wheel":case "mouseenter":case "mouseleave":case "pointerenter":case "pointerleave":return 4;case "message":switch(ok()){case jd:return 1;case Oe:return 4;case tb:case pk:return 16;case Pe:return 536870912;default:return 16}default:return 16}}function qh(){if(rd)return rd;
|
||||
var a,b=Ye,c=b.length,d,e="value"in db?db.value:db.textContent,f=e.length;for(a=0;a<c&&b[a]===e[a];a++);var g=c-a;for(d=1;d<=g&&b[c-d]===e[f-d];d++);return rd=e.slice(a,1<d?1-d:void 0)}function sd(a){var b=a.keyCode;"charCode"in a?(a=a.charCode,0===a&&13===b&&(a=13)):a=b;10===a&&(a=13);return 32<=a||13===a?a:0}function td(){return!0}function rh(){return!1}function la(a){function b(b,d,e,f,g){this._reactName=b;this._targetInst=e;this.type=d;this.nativeEvent=f;this.target=g;this.currentTarget=null;
|
||||
for(var c in a)a.hasOwnProperty(c)&&(b=a[c],this[c]=b?b(f):f[c]);this.isDefaultPrevented=(null!=f.defaultPrevented?f.defaultPrevented:!1===f.returnValue)?td:rh;this.isPropagationStopped=rh;return this}D(b.prototype,{preventDefault:function(){this.defaultPrevented=!0;var a=this.nativeEvent;a&&(a.preventDefault?a.preventDefault():"unknown"!==typeof a.returnValue&&(a.returnValue=!1),this.isDefaultPrevented=td)},stopPropagation:function(){var a=this.nativeEvent;a&&(a.stopPropagation?a.stopPropagation():
|
||||
"unknown"!==typeof a.cancelBubble&&(a.cancelBubble=!0),this.isPropagationStopped=td)},persist:function(){},isPersistent:td});return b}function qk(a){var b=this.nativeEvent;return b.getModifierState?b.getModifierState(a):(a=rk[a])?!!b[a]:!1}function Ze(a){return qk}function sh(a,b){switch(a){case "keyup":return-1!==sk.indexOf(b.keyCode);case "keydown":return 229!==b.keyCode;case "keypress":case "mousedown":case "focusout":return!0;default:return!1}}function th(a){a=a.detail;return"object"===typeof a&&
|
||||
"data"in a?a.data:null}function tk(a,b){switch(a){case "compositionend":return th(b);case "keypress":if(32!==b.which)return null;uh=!0;return vh;case "textInput":return a=b.data,a===vh&&uh?null:a;default:return null}}function uk(a,b){if(Rb)return"compositionend"===a||!$e&&sh(a,b)?(a=qh(),rd=Ye=db=null,Rb=!1,a):null;switch(a){case "paste":return null;case "keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1<b.char.length)return b.char;if(b.which)return String.fromCharCode(b.which)}return null;
|
||||
case "compositionend":return wh&&"ko"!==b.locale?null:b.data;default:return null}}function xh(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return"input"===b?!!vk[a.type]:"textarea"===b?!0:!1}function wk(a){if(!La)return!1;a="on"+a;var b=a in document;b||(b=document.createElement("div"),b.setAttribute(a,"return;"),b="function"===typeof b[a]);return b}function yh(a,b,c,d){Sg(d);b=ud(b,"onChange");0<b.length&&(c=new af("onChange","change",null,c,d),a.push({event:c,listeners:b}))}function xk(a){zh(a,
|
||||
0)}function vd(a){var b=Sb(a);if(Hg(b))return a}function yk(a,b){if("change"===a)return b}function Ah(){Cc&&(Cc.detachEvent("onpropertychange",Bh),Dc=Cc=null)}function Bh(a){if("value"===a.propertyName&&vd(Dc)){var b=[];yh(b,Dc,a,Ke(a));Ug(xk,b)}}function zk(a,b,c){"focusin"===a?(Ah(),Cc=b,Dc=c,Cc.attachEvent("onpropertychange",Bh)):"focusout"===a&&Ah()}function Ak(a,b){if("selectionchange"===a||"keyup"===a||"keydown"===a)return vd(Dc)}function Bk(a,b){if("click"===a)return vd(b)}function Ck(a,b){if("input"===
|
||||
a||"change"===a)return vd(b)}function Dk(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}function Ec(a,b){if(va(a,b))return!0;if("object"!==typeof a||null===a||"object"!==typeof b||null===b)return!1;var c=Object.keys(a),d=Object.keys(b);if(c.length!==d.length)return!1;for(d=0;d<c.length;d++){var e=c[d];if(!re.call(b,e)||!va(a[e],b[e]))return!1}return!0}function Ch(a){for(;a&&a.firstChild;)a=a.firstChild;return a}function Dh(a,b){var c=Ch(a);a=0;for(var d;c;){if(3===c.nodeType){d=a+c.textContent.length;
|
||||
if(a<=b&&d>=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=Ch(c)}}function Eh(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?Eh(a,b.parentNode):"contains"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}function Fh(){for(var a=window,b=ed();b instanceof a.HTMLIFrameElement;){try{var c="string"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;
|
||||
b=ed(a.document)}return b}function bf(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)}function Ek(a){var b=Fh(),c=a.focusedElem,d=a.selectionRange;if(b!==c&&c&&c.ownerDocument&&Eh(c.ownerDocument.documentElement,c)){if(null!==d&&bf(c))if(b=d.start,a=d.end,void 0===a&&(a=b),"selectionStart"in c)c.selectionStart=b,c.selectionEnd=Math.min(a,c.value.length);
|
||||
else if(a=(b=c.ownerDocument||document)&&b.defaultView||window,a.getSelection){a=a.getSelection();var e=c.textContent.length,f=Math.min(d.start,e);d=void 0===d.end?f:Math.min(d.end,e);!a.extend&&f>d&&(e=d,d=f,f=e);e=Dh(c,f);var g=Dh(c,d);e&&g&&(1!==a.rangeCount||a.anchorNode!==e.node||a.anchorOffset!==e.offset||a.focusNode!==g.node||a.focusOffset!==g.offset)&&(b=b.createRange(),b.setStart(e.node,e.offset),a.removeAllRanges(),f>d?(a.addRange(b),a.extend(g.node,g.offset)):(b.setEnd(g.node,g.offset),
|
||||
a.addRange(b)))}b=[];for(a=c;a=a.parentNode;)1===a.nodeType&&b.push({element:a,left:a.scrollLeft,top:a.scrollTop});"function"===typeof c.focus&&c.focus();for(c=0;c<b.length;c++)a=b[c],a.element.scrollLeft=a.left,a.element.scrollTop=a.top}}function Gh(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;cf||null==Tb||Tb!==ed(d)||(d=Tb,"selectionStart"in d&&bf(d)?d={start:d.selectionStart,end:d.selectionEnd}:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection(),d=
|
||||
{anchorNode:d.anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset}),Fc&&Ec(Fc,d)||(Fc=d,d=ud(df,"onSelect"),0<d.length&&(b=new af("onSelect","select",null,b,c),a.push({event:b,listeners:d}),b.target=Tb)))}function wd(a,b){var c={};c[a.toLowerCase()]=b.toLowerCase();c["Webkit"+a]="webkit"+b;c["Moz"+a]="moz"+b;return c}function xd(a){if(ef[a])return ef[a];if(!Ub[a])return a;var b=Ub[a],c;for(c in b)if(b.hasOwnProperty(c)&&c in Hh)return ef[a]=b[c];return a}function eb(a,
|
||||
b){Ih.set(a,b);rb(b,[a])}function Jh(a,b,c){var d=a.type||"unknown-event";a.currentTarget=c;Tj(d,b,void 0,a);a.currentTarget=null}function zh(a,b){b=0!==(b&4);for(var c=0;c<a.length;c++){var d=a[c],e=d.event;d=d.listeners;a:{var f=void 0;if(b)for(var g=d.length-1;0<=g;g--){var h=d[g],k=h.instance,n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;Jh(e,h,n);f=k}else for(g=0;g<d.length;g++){h=d[g];k=h.instance;n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;
|
||||
Jh(e,h,n);f=k}}}if(hd)throw a=Ne,hd=!1,Ne=null,a;}function A(a,b){var c=b[ff];void 0===c&&(c=b[ff]=new Set);var d=a+"__bubble";c.has(d)||(Kh(b,a,2,!1),c.add(d))}function gf(a,b,c){var d=0;b&&(d|=4);Kh(c,a,d,b)}function Gc(a){if(!a[yd]){a[yd]=!0;Ag.forEach(function(b){"selectionchange"!==b&&(Fk.has(b)||gf(b,!1,a),gf(b,!0,a))});var b=9===a.nodeType?a:a.ownerDocument;null===b||b[yd]||(b[yd]=!0,gf("selectionchange",!1,b))}}function Kh(a,b,c,d,e){switch(ph(b)){case 1:e=kk;break;case 4:e=lk;break;default:e=
|
||||
We}c=e.bind(null,b,c,a);e=void 0;!hf||"touchstart"!==b&&"touchmove"!==b&&"wheel"!==b||(e=!0);d?void 0!==e?a.addEventListener(b,c,{capture:!0,passive:e}):a.addEventListener(b,c,!0):void 0!==e?a.addEventListener(b,c,{passive:e}):a.addEventListener(b,c,!1)}function Xe(a,b,c,d,e){var f=d;if(0===(b&1)&&0===(b&2)&&null!==d)a:for(;;){if(null===d)return;var g=d.tag;if(3===g||4===g){var h=d.stateNode.containerInfo;if(h===e||8===h.nodeType&&h.parentNode===e)break;if(4===g)for(g=d.return;null!==g;){var k=g.tag;
|
||||
if(3===k||4===k)if(k=g.stateNode.containerInfo,k===e||8===k.nodeType&&k.parentNode===e)return;g=g.return}for(;null!==h;){g=ub(h);if(null===g)return;k=g.tag;if(5===k||6===k){d=f=g;continue a}h=h.parentNode}}d=d.return}Ug(function(){var d=f,e=Ke(c),g=[];a:{var h=Ih.get(a);if(void 0!==h){var k=af,m=a;switch(a){case "keypress":if(0===sd(c))break a;case "keydown":case "keyup":k=Gk;break;case "focusin":m="focus";k=kf;break;case "focusout":m="blur";k=kf;break;case "beforeblur":case "afterblur":k=kf;break;
|
||||
case "click":if(2===c.button)break a;case "auxclick":case "dblclick":case "mousedown":case "mousemove":case "mouseup":case "mouseout":case "mouseover":case "contextmenu":k=Lh;break;case "drag":case "dragend":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "dragstart":case "drop":k=Hk;break;case "touchcancel":case "touchend":case "touchmove":case "touchstart":k=Ik;break;case Mh:case Nh:case Oh:k=Jk;break;case Ph:k=Kk;break;case "scroll":k=Lk;break;case "wheel":k=Mk;break;case "copy":case "cut":case "paste":k=
|
||||
Nk;break;case "gotpointercapture":case "lostpointercapture":case "pointercancel":case "pointerdown":case "pointermove":case "pointerout":case "pointerover":case "pointerup":k=Qh}var l=0!==(b&4),p=!l&&"scroll"===a,B=l?null!==h?h+"Capture":null:h;l=[];for(var y=d,r;null!==y;){r=y;var F=r.stateNode;5===r.tag&&null!==F&&(r=F,null!==B&&(F=sc(y,B),null!=F&&l.push(Hc(y,F,r))));if(p)break;y=y.return}0<l.length&&(h=new k(h,m,null,c,e),g.push({event:h,listeners:l}))}}if(0===(b&7)){a:{h="mouseover"===a||"pointerover"===
|
||||
a;k="mouseout"===a||"pointerout"===a;if(h&&c!==Ue&&(m=c.relatedTarget||c.fromElement)&&(ub(m)||m[Ma]))break a;if(k||h){h=e.window===e?e:(h=e.ownerDocument)?h.defaultView||h.parentWindow:window;if(k){if(m=c.relatedTarget||c.toElement,k=d,m=m?ub(m):null,null!==m&&(p=sb(m),m!==p||5!==m.tag&&6!==m.tag))m=null}else k=null,m=d;if(k!==m){l=Lh;F="onMouseLeave";B="onMouseEnter";y="mouse";if("pointerout"===a||"pointerover"===a)l=Qh,F="onPointerLeave",B="onPointerEnter",y="pointer";p=null==k?h:Sb(k);r=null==
|
||||
m?h:Sb(m);h=new l(F,y+"leave",k,c,e);h.target=p;h.relatedTarget=r;F=null;ub(e)===d&&(l=new l(B,y+"enter",m,c,e),l.target=r,l.relatedTarget=p,F=l);p=F;if(k&&m)b:{l=k;B=m;y=0;for(r=l;r;r=Vb(r))y++;r=0;for(F=B;F;F=Vb(F))r++;for(;0<y-r;)l=Vb(l),y--;for(;0<r-y;)B=Vb(B),r--;for(;y--;){if(l===B||null!==B&&l===B.alternate)break b;l=Vb(l);B=Vb(B)}l=null}else l=null;null!==k&&Rh(g,h,k,l,!1);null!==m&&null!==p&&Rh(g,p,m,l,!0)}}}a:{h=d?Sb(d):window;k=h.nodeName&&h.nodeName.toLowerCase();if("select"===k||"input"===
|
||||
k&&"file"===h.type)var Na=yk;else if(xh(h))if(Sh)Na=Ck;else{Na=Ak;var wa=zk}else(k=h.nodeName)&&"input"===k.toLowerCase()&&("checkbox"===h.type||"radio"===h.type)&&(Na=Bk);if(Na&&(Na=Na(a,d))){yh(g,Na,c,e);break a}wa&&wa(a,h,d);"focusout"===a&&(wa=h._wrapperState)&&wa.controlled&&"number"===h.type&&Fe(h,"number",h.value)}wa=d?Sb(d):window;switch(a){case "focusin":if(xh(wa)||"true"===wa.contentEditable)Tb=wa,df=d,Fc=null;break;case "focusout":Fc=df=Tb=null;break;case "mousedown":cf=!0;break;case "contextmenu":case "mouseup":case "dragend":cf=
|
||||
!1;Gh(g,c,e);break;case "selectionchange":if(Ok)break;case "keydown":case "keyup":Gh(g,c,e)}var fb;if($e)b:{switch(a){case "compositionstart":var da="onCompositionStart";break b;case "compositionend":da="onCompositionEnd";break b;case "compositionupdate":da="onCompositionUpdate";break b}da=void 0}else Rb?sh(a,c)&&(da="onCompositionEnd"):"keydown"===a&&229===c.keyCode&&(da="onCompositionStart");da&&(wh&&"ko"!==c.locale&&(Rb||"onCompositionStart"!==da?"onCompositionEnd"===da&&Rb&&(fb=qh()):(db=e,Ye=
|
||||
"value"in db?db.value:db.textContent,Rb=!0)),wa=ud(d,da),0<wa.length&&(da=new Th(da,a,null,c,e),g.push({event:da,listeners:wa}),fb?da.data=fb:(fb=th(c),null!==fb&&(da.data=fb))));if(fb=Pk?tk(a,c):uk(a,c))d=ud(d,"onBeforeInput"),0<d.length&&(e=new Qk("onBeforeInput","beforeinput",null,c,e),g.push({event:e,listeners:d}),e.data=fb)}zh(g,b)})}function Hc(a,b,c){return{instance:a,listener:b,currentTarget:c}}function ud(a,b){for(var c=b+"Capture",d=[];null!==a;){var e=a,f=e.stateNode;5===e.tag&&null!==
|
||||
f&&(e=f,f=sc(a,c),null!=f&&d.unshift(Hc(a,f,e)),f=sc(a,b),null!=f&&d.push(Hc(a,f,e)));a=a.return}return d}function Vb(a){if(null===a)return null;do a=a.return;while(a&&5!==a.tag);return a?a:null}function Rh(a,b,c,d,e){for(var f=b._reactName,g=[];null!==c&&c!==d;){var h=c,k=h.alternate,n=h.stateNode;if(null!==k&&k===d)break;5===h.tag&&null!==n&&(h=n,e?(k=sc(c,f),null!=k&&g.unshift(Hc(c,k,h))):e||(k=sc(c,f),null!=k&&g.push(Hc(c,k,h))));c=c.return}0!==g.length&&a.push({event:b,listeners:g})}function Uh(a){return("string"===
|
||||
typeof a?a:""+a).replace(Rk,"\n").replace(Sk,"")}function zd(a,b,c,d){b=Uh(b);if(Uh(a)!==b&&c)throw Error(m(425));}function Ad(){}function lf(a,b){return"textarea"===a||"noscript"===a||"string"===typeof b.children||"number"===typeof b.children||"object"===typeof b.dangerouslySetInnerHTML&&null!==b.dangerouslySetInnerHTML&&null!=b.dangerouslySetInnerHTML.__html}function Tk(a){setTimeout(function(){throw a;})}function mf(a,b){var c=b,d=0;do{var e=c.nextSibling;a.removeChild(c);if(e&&8===e.nodeType)if(c=
|
||||
e.data,"/$"===c){if(0===d){a.removeChild(e);Bc(b);return}d--}else"$"!==c&&"$?"!==c&&"$!"!==c||d++;c=e}while(c);Bc(b)}function Oa(a){for(;null!=a;a=a.nextSibling){var b=a.nodeType;if(1===b||3===b)break;if(8===b){b=a.data;if("$"===b||"$!"===b||"$?"===b)break;if("/$"===b)return null}}return a}function Vh(a){a=a.previousSibling;for(var b=0;a;){if(8===a.nodeType){var c=a.data;if("$"===c||"$!"===c||"$?"===c){if(0===b)return a;b--}else"/$"===c&&b++}a=a.previousSibling}return null}function ub(a){var b=a[Ea];
|
||||
if(b)return b;for(var c=a.parentNode;c;){if(b=c[Ma]||c[Ea]){c=b.alternate;if(null!==b.child||null!==c&&null!==c.child)for(a=Vh(a);null!==a;){if(c=a[Ea])return c;a=Vh(a)}return b}a=c;c=a.parentNode}return null}function rc(a){a=a[Ea]||a[Ma];return!a||5!==a.tag&&6!==a.tag&&13!==a.tag&&3!==a.tag?null:a}function Sb(a){if(5===a.tag||6===a.tag)return a.stateNode;throw Error(m(33));}function fd(a){return a[Ic]||null}function gb(a){return{current:a}}function t(a,b){0>Wb||(a.current=nf[Wb],nf[Wb]=null,Wb--)}
|
||||
function E(a,b,c){Wb++;nf[Wb]=a.current;a.current=b}function Xb(a,b){var c=a.type.contextTypes;if(!c)return hb;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function ea(a){a=a.childContextTypes;return null!==a&&void 0!==a}function Wh(a,b,c){if(K.current!==hb)throw Error(m(168));
|
||||
E(K,b);E(T,c)}function Xh(a,b,c){var d=a.stateNode;b=b.childContextTypes;if("function"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in b))throw Error(m(108,Nj(a)||"Unknown",e));return D({},c,d)}function Bd(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||hb;vb=K.current;E(K,a);E(T,T.current);return!0}function Yh(a,b,c){var d=a.stateNode;if(!d)throw Error(m(169));c?(a=Xh(a,b,vb),d.__reactInternalMemoizedMergedChildContext=a,t(T),t(K),E(K,a)):t(T);
|
||||
E(T,c)}function Zh(a){null===Pa?Pa=[a]:Pa.push(a)}function Uk(a){Cd=!0;Zh(a)}function ib(){if(!of&&null!==Pa){of=!0;var a=0,b=x;try{var c=Pa;for(x=1;a<c.length;a++){var d=c[a];do d=d(!0);while(null!==d)}Pa=null;Cd=!1}catch(e){throw null!==Pa&&(Pa=Pa.slice(a+1)),$h(jd,ib),e;}finally{x=b,of=!1}}return null}function wb(a,b){Yb[Zb++]=Dd;Yb[Zb++]=Ed;Ed=a;Dd=b}function ai(a,b,c){oa[pa++]=Qa;oa[pa++]=Ra;oa[pa++]=xb;xb=a;var d=Qa;a=Ra;var e=32-ka(d)-1;d&=~(1<<e);c+=1;var f=32-ka(b)+e;if(30<f){var g=e-e%5;
|
||||
f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;Qa=1<<32-ka(b)+e|c<<e|d;Ra=f+a}else Qa=1<<f|c<<e|d,Ra=a}function pf(a){null!==a.return&&(wb(a,1),ai(a,1,0))}function qf(a){for(;a===Ed;)Ed=Yb[--Zb],Yb[Zb]=null,Dd=Yb[--Zb],Yb[Zb]=null;for(;a===xb;)xb=oa[--pa],oa[pa]=null,Ra=oa[--pa],oa[pa]=null,Qa=oa[--pa],oa[pa]=null}function bi(a,b){var c=qa(5,null,null,0);c.elementType="DELETED";c.stateNode=b;c.return=a;b=a.deletions;null===b?(a.deletions=[c],a.flags|=16):b.push(c)}function ci(a,b){switch(a.tag){case 5:var c=
|
||||
a.type;b=1!==b.nodeType||c.toLowerCase()!==b.nodeName.toLowerCase()?null:b;return null!==b?(a.stateNode=b,ma=a,fa=Oa(b.firstChild),!0):!1;case 6:return b=""===a.pendingProps||3!==b.nodeType?null:b,null!==b?(a.stateNode=b,ma=a,fa=null,!0):!1;case 13:return b=8!==b.nodeType?null:b,null!==b?(c=null!==xb?{id:Qa,overflow:Ra}:null,a.memoizedState={dehydrated:b,treeContext:c,retryLane:1073741824},c=qa(18,null,null,0),c.stateNode=b,c.return=a,a.child=c,ma=a,fa=null,!0):!1;default:return!1}}function rf(a){return 0!==
|
||||
(a.mode&1)&&0===(a.flags&128)}function sf(a){if(C){var b=fa;if(b){var c=b;if(!ci(a,b)){if(rf(a))throw Error(m(418));b=Oa(c.nextSibling);var d=ma;b&&ci(a,b)?bi(d,c):(a.flags=a.flags&-4097|2,C=!1,ma=a)}}else{if(rf(a))throw Error(m(418));a.flags=a.flags&-4097|2;C=!1;ma=a}}}function di(a){for(a=a.return;null!==a&&5!==a.tag&&3!==a.tag&&13!==a.tag;)a=a.return;ma=a}function Fd(a){if(a!==ma)return!1;if(!C)return di(a),C=!0,!1;var b;(b=3!==a.tag)&&!(b=5!==a.tag)&&(b=a.type,b="head"!==b&&"body"!==b&&!lf(a.type,
|
||||
a.memoizedProps));if(b&&(b=fa)){if(rf(a)){for(a=fa;a;)a=Oa(a.nextSibling);throw Error(m(418));}for(;b;)bi(a,b),b=Oa(b.nextSibling)}di(a);if(13===a.tag){a=a.memoizedState;a=null!==a?a.dehydrated:null;if(!a)throw Error(m(317));a:{a=a.nextSibling;for(b=0;a;){if(8===a.nodeType){var c=a.data;if("/$"===c){if(0===b){fa=Oa(a.nextSibling);break a}b--}else"$"!==c&&"$!"!==c&&"$?"!==c||b++}a=a.nextSibling}fa=null}}else fa=ma?Oa(a.stateNode.nextSibling):null;return!0}function $b(){fa=ma=null;C=!1}function tf(a){null===
|
||||
xa?xa=[a]:xa.push(a)}function Jc(a,b,c){a=c.ref;if(null!==a&&"function"!==typeof a&&"object"!==typeof a){if(c._owner){c=c._owner;if(c){if(1!==c.tag)throw Error(m(309));var d=c.stateNode}if(!d)throw Error(m(147,a));var e=d,f=""+a;if(null!==b&&null!==b.ref&&"function"===typeof b.ref&&b.ref._stringRef===f)return b.ref;b=function(a){var b=e.refs;null===a?delete b[f]:b[f]=a};b._stringRef=f;return b}if("string"!==typeof a)throw Error(m(284));if(!c._owner)throw Error(m(290,a));}return a}function Gd(a,b){a=
|
||||
Object.prototype.toString.call(b);throw Error(m(31,"[object Object]"===a?"object with keys {"+Object.keys(b).join(", ")+"}":a));}function ei(a){var b=a._init;return b(a._payload)}function fi(a){function b(b,c){if(a){var d=b.deletions;null===d?(b.deletions=[c],b.flags|=16):d.push(c)}}function c(c,d){if(!a)return null;for(;null!==d;)b(c,d),d=d.sibling;return null}function d(a,b){for(a=new Map;null!==b;)null!==b.key?a.set(b.key,b):a.set(b.index,b),b=b.sibling;return a}function e(a,b){a=jb(a,b);a.index=
|
||||
0;a.sibling=null;return a}function f(b,c,d){b.index=d;if(!a)return b.flags|=1048576,c;d=b.alternate;if(null!==d)return d=d.index,d<c?(b.flags|=2,c):d;b.flags|=2;return c}function g(b){a&&null===b.alternate&&(b.flags|=2);return b}function h(a,b,c,d){if(null===b||6!==b.tag)return b=uf(c,a.mode,d),b.return=a,b;b=e(b,c);b.return=a;return b}function k(a,b,c,d){var f=c.type;if(f===Kb)return l(a,b,c.props.children,d,c.key);if(null!==b&&(b.elementType===f||"object"===typeof f&&null!==f&&f.$$typeof===Ya&&
|
||||
ei(f)===b.type))return d=e(b,c.props),d.ref=Jc(a,b,c),d.return=a,d;d=Hd(c.type,c.key,c.props,null,a.mode,d);d.ref=Jc(a,b,c);d.return=a;return d}function n(a,b,c,d){if(null===b||4!==b.tag||b.stateNode.containerInfo!==c.containerInfo||b.stateNode.implementation!==c.implementation)return b=vf(c,a.mode,d),b.return=a,b;b=e(b,c.children||[]);b.return=a;return b}function l(a,b,c,d,f){if(null===b||7!==b.tag)return b=yb(c,a.mode,d,f),b.return=a,b;b=e(b,c);b.return=a;return b}function u(a,b,c){if("string"===
|
||||
typeof b&&""!==b||"number"===typeof b)return b=uf(""+b,a.mode,c),b.return=a,b;if("object"===typeof b&&null!==b){switch(b.$$typeof){case Id:return c=Hd(b.type,b.key,b.props,null,a.mode,c),c.ref=Jc(a,null,b),c.return=a,c;case Lb:return b=vf(b,a.mode,c),b.return=a,b;case Ya:var d=b._init;return u(a,d(b._payload),c)}if(pc(b)||nc(b))return b=yb(b,a.mode,c,null),b.return=a,b;Gd(a,b)}return null}function p(a,b,c,d){var e=null!==b?b.key:null;if("string"===typeof c&&""!==c||"number"===typeof c)return null!==
|
||||
e?null:h(a,b,""+c,d);if("object"===typeof c&&null!==c){switch(c.$$typeof){case Id:return c.key===e?k(a,b,c,d):null;case Lb:return c.key===e?n(a,b,c,d):null;case Ya:return e=c._init,p(a,b,e(c._payload),d)}if(pc(c)||nc(c))return null!==e?null:l(a,b,c,d,null);Gd(a,c)}return null}function jf(a,b,c,d,e){if("string"===typeof d&&""!==d||"number"===typeof d)return a=a.get(c)||null,h(b,a,""+d,e);if("object"===typeof d&&null!==d){switch(d.$$typeof){case Id:return a=a.get(null===d.key?c:d.key)||null,k(b,a,d,
|
||||
e);case Lb:return a=a.get(null===d.key?c:d.key)||null,n(b,a,d,e);case Ya:var f=d._init;return jf(a,b,c,f(d._payload),e)}if(pc(d)||nc(d))return a=a.get(c)||null,l(b,a,d,e,null);Gd(b,d)}return null}function v(e,g,h,k){for(var n=null,m=null,l=g,r=g=0,y=null;null!==l&&r<h.length;r++){l.index>r?(y=l,l=null):y=l.sibling;var N=p(e,l,h[r],k);if(null===N){null===l&&(l=y);break}a&&l&&null===N.alternate&&b(e,l);g=f(N,g,r);null===m?n=N:m.sibling=N;m=N;l=y}if(r===h.length)return c(e,l),C&&wb(e,r),n;if(null===
|
||||
l){for(;r<h.length;r++)l=u(e,h[r],k),null!==l&&(g=f(l,g,r),null===m?n=l:m.sibling=l,m=l);C&&wb(e,r);return n}for(l=d(e,l);r<h.length;r++)y=jf(l,e,r,h[r],k),null!==y&&(a&&null!==y.alternate&&l.delete(null===y.key?r:y.key),g=f(y,g,r),null===m?n=y:m.sibling=y,m=y);a&&l.forEach(function(a){return b(e,a)});C&&wb(e,r);return n}function w(e,g,h,k){var n=nc(h);if("function"!==typeof n)throw Error(m(150));h=n.call(h);if(null==h)throw Error(m(151));for(var l=n=null,r=g,N=g=0,y=null,q=h.next();null!==r&&!q.done;N++,
|
||||
q=h.next()){r.index>N?(y=r,r=null):y=r.sibling;var B=p(e,r,q.value,k);if(null===B){null===r&&(r=y);break}a&&r&&null===B.alternate&&b(e,r);g=f(B,g,N);null===l?n=B:l.sibling=B;l=B;r=y}if(q.done)return c(e,r),C&&wb(e,N),n;if(null===r){for(;!q.done;N++,q=h.next())q=u(e,q.value,k),null!==q&&(g=f(q,g,N),null===l?n=q:l.sibling=q,l=q);C&&wb(e,N);return n}for(r=d(e,r);!q.done;N++,q=h.next())q=jf(r,e,N,q.value,k),null!==q&&(a&&null!==q.alternate&&r.delete(null===q.key?N:q.key),g=f(q,g,N),null===l?n=q:l.sibling=
|
||||
q,l=q);a&&r.forEach(function(a){return b(e,a)});C&&wb(e,N);return n}function t(a,d,f,h){"object"===typeof f&&null!==f&&f.type===Kb&&null===f.key&&(f=f.props.children);if("object"===typeof f&&null!==f){switch(f.$$typeof){case Id:a:{for(var k=f.key,n=d;null!==n;){if(n.key===k){k=f.type;if(k===Kb){if(7===n.tag){c(a,n.sibling);d=e(n,f.props.children);d.return=a;a=d;break a}}else if(n.elementType===k||"object"===typeof k&&null!==k&&k.$$typeof===Ya&&ei(k)===n.type){c(a,n.sibling);d=e(n,f.props);d.ref=Jc(a,
|
||||
n,f);d.return=a;a=d;break a}c(a,n);break}else b(a,n);n=n.sibling}f.type===Kb?(d=yb(f.props.children,a.mode,h,f.key),d.return=a,a=d):(h=Hd(f.type,f.key,f.props,null,a.mode,h),h.ref=Jc(a,d,f),h.return=a,a=h)}return g(a);case Lb:a:{for(n=f.key;null!==d;){if(d.key===n)if(4===d.tag&&d.stateNode.containerInfo===f.containerInfo&&d.stateNode.implementation===f.implementation){c(a,d.sibling);d=e(d,f.children||[]);d.return=a;a=d;break a}else{c(a,d);break}else b(a,d);d=d.sibling}d=vf(f,a.mode,h);d.return=a;
|
||||
a=d}return g(a);case Ya:return n=f._init,t(a,d,n(f._payload),h)}if(pc(f))return v(a,d,f,h);if(nc(f))return w(a,d,f,h);Gd(a,f)}return"string"===typeof f&&""!==f||"number"===typeof f?(f=""+f,null!==d&&6===d.tag?(c(a,d.sibling),d=e(d,f),d.return=a,a=d):(c(a,d),d=uf(f,a.mode,h),d.return=a,a=d),g(a)):c(a,d)}return t}function wf(){xf=ac=Jd=null}function yf(a,b){b=Kd.current;t(Kd);a._currentValue=b}function zf(a,b,c){for(;null!==a;){var d=a.alternate;(a.childLanes&b)!==b?(a.childLanes|=b,null!==d&&(d.childLanes|=
|
||||
b)):null!==d&&(d.childLanes&b)!==b&&(d.childLanes|=b);if(a===c)break;a=a.return}}function bc(a,b){Jd=a;xf=ac=null;a=a.dependencies;null!==a&&null!==a.firstContext&&(0!==(a.lanes&b)&&(ha=!0),a.firstContext=null)}function ra(a){var b=a._currentValue;if(xf!==a)if(a={context:a,memoizedValue:b,next:null},null===ac){if(null===Jd)throw Error(m(308));ac=a;Jd.dependencies={lanes:0,firstContext:a}}else ac=ac.next=a;return b}function Af(a){null===zb?zb=[a]:zb.push(a)}function gi(a,b,c,d){var e=b.interleaved;
|
||||
null===e?(c.next=c,Af(b)):(c.next=e.next,e.next=c);b.interleaved=c;return Sa(a,d)}function Sa(a,b){a.lanes|=b;var c=a.alternate;null!==c&&(c.lanes|=b);c=a;for(a=a.return;null!==a;)a.childLanes|=b,c=a.alternate,null!==c&&(c.childLanes|=b),c=a,a=a.return;return 3===c.tag?c.stateNode:null}function Bf(a){a.updateQueue={baseState:a.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function hi(a,b){a=a.updateQueue;b.updateQueue===a&&(b.updateQueue=
|
||||
{baseState:a.baseState,firstBaseUpdate:a.firstBaseUpdate,lastBaseUpdate:a.lastBaseUpdate,shared:a.shared,effects:a.effects})}function Ta(a,b){return{eventTime:a,lane:b,tag:0,payload:null,callback:null,next:null}}function kb(a,b,c){var d=a.updateQueue;if(null===d)return null;d=d.shared;if(0!==(w&2)){var e=d.pending;null===e?b.next=b:(b.next=e.next,e.next=b);d.pending=b;return Vk(a,c)}e=d.interleaved;null===e?(b.next=b,Af(d)):(b.next=e.next,e.next=b);d.interleaved=b;return Sa(a,c)}function Ld(a,b,c){b=
|
||||
b.updateQueue;if(null!==b&&(b=b.shared,0!==(c&4194240))){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;Se(a,c)}}function ii(a,b){var c=a.updateQueue,d=a.alternate;if(null!==d&&(d=d.updateQueue,c===d)){var e=null,f=null;c=c.firstBaseUpdate;if(null!==c){do{var g={eventTime:c.eventTime,lane:c.lane,tag:c.tag,payload:c.payload,callback:c.callback,next:null};null===f?e=f=g:f=f.next=g;c=c.next}while(null!==c);null===f?e=f=b:f=f.next=b}else e=f=b;c={baseState:d.baseState,firstBaseUpdate:e,lastBaseUpdate:f,
|
||||
shared:d.shared,effects:d.effects};a.updateQueue=c;return}a=c.lastBaseUpdate;null===a?c.firstBaseUpdate=b:a.next=b;c.lastBaseUpdate=b}function Md(a,b,c,d){var e=a.updateQueue;lb=!1;var f=e.firstBaseUpdate,g=e.lastBaseUpdate,h=e.shared.pending;if(null!==h){e.shared.pending=null;var k=h,n=k.next;k.next=null;null===g?f=n:g.next=n;g=k;var l=a.alternate;null!==l&&(l=l.updateQueue,h=l.lastBaseUpdate,h!==g&&(null===h?l.firstBaseUpdate=n:h.next=n,l.lastBaseUpdate=k))}if(null!==f){var m=e.baseState;g=0;l=
|
||||
n=k=null;h=f;do{var q=h.lane,p=h.eventTime;if((d&q)===q){null!==l&&(l=l.next={eventTime:p,lane:0,tag:h.tag,payload:h.payload,callback:h.callback,next:null});a:{var v=a,t=h;q=b;p=c;switch(t.tag){case 1:v=t.payload;if("function"===typeof v){m=v.call(p,m,q);break a}m=v;break a;case 3:v.flags=v.flags&-65537|128;case 0:v=t.payload;q="function"===typeof v?v.call(p,m,q):v;if(null===q||void 0===q)break a;m=D({},m,q);break a;case 2:lb=!0}}null!==h.callback&&0!==h.lane&&(a.flags|=64,q=e.effects,null===q?e.effects=
|
||||
[h]:q.push(h))}else p={eventTime:p,lane:q,tag:h.tag,payload:h.payload,callback:h.callback,next:null},null===l?(n=l=p,k=m):l=l.next=p,g|=q;h=h.next;if(null===h)if(h=e.shared.pending,null===h)break;else q=h,h=q.next,q.next=null,e.lastBaseUpdate=q,e.shared.pending=null}while(1);null===l&&(k=m);e.baseState=k;e.firstBaseUpdate=n;e.lastBaseUpdate=l;b=e.shared.interleaved;if(null!==b){e=b;do g|=e.lane,e=e.next;while(e!==b)}else null===f&&(e.shared.lanes=0);sa|=g;a.lanes=g;a.memoizedState=m}}function ji(a,
|
||||
b,c){a=b.effects;b.effects=null;if(null!==a)for(b=0;b<a.length;b++){var d=a[b],e=d.callback;if(null!==e){d.callback=null;d=c;if("function"!==typeof e)throw Error(m(191,e));e.call(d)}}}function Ab(a){if(a===Kc)throw Error(m(174));return a}function Cf(a,b){E(Lc,b);E(Mc,a);E(Fa,Kc);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?b.namespaceURI:He(null,"");break;default:a=8===a?b.parentNode:b,b=a.namespaceURI||null,a=a.tagName,b=He(b,a)}t(Fa);E(Fa,b)}function cc(a){t(Fa);t(Mc);t(Lc)}function ki(a){Ab(Lc.current);
|
||||
var b=Ab(Fa.current);var c=He(b,a.type);b!==c&&(E(Mc,a),E(Fa,c))}function Df(a){Mc.current===a&&(t(Fa),t(Mc))}function Nd(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||"$?"===c.data||"$!"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.flags&128))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=
|
||||
b.return;b=b.sibling}return null}function Ef(){for(var a=0;a<Ff.length;a++)Ff[a]._workInProgressVersionPrimary=null;Ff.length=0}function X(){throw Error(m(321));}function Gf(a,b){if(null===b)return!1;for(var c=0;c<b.length&&c<a.length;c++)if(!va(a[c],b[c]))return!1;return!0}function Hf(a,b,c,d,e,f){Bb=f;z=b;b.memoizedState=null;b.updateQueue=null;b.lanes=0;Od.current=null===a||null===a.memoizedState?Wk:Xk;a=c(d,e);if(Nc){f=0;do{Nc=!1;Oc=0;if(25<=f)throw Error(m(301));f+=1;O=L=null;b.updateQueue=null;
|
||||
Od.current=Yk;a=c(d,e)}while(Nc)}Od.current=Pd;b=null!==L&&null!==L.next;Bb=0;O=L=z=null;Qd=!1;if(b)throw Error(m(300));return a}function If(){var a=0!==Oc;Oc=0;return a}function Ga(){var a={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};null===O?z.memoizedState=O=a:O=O.next=a;return O}function ta(){if(null===L){var a=z.alternate;a=null!==a?a.memoizedState:null}else a=L.next;var b=null===O?z.memoizedState:O.next;if(null!==b)O=b,L=a;else{if(null===a)throw Error(m(310));L=a;
|
||||
a={memoizedState:L.memoizedState,baseState:L.baseState,baseQueue:L.baseQueue,queue:L.queue,next:null};null===O?z.memoizedState=O=a:O=O.next=a}return O}function Pc(a,b){return"function"===typeof b?b(a):b}function Jf(a,b,c){b=ta();c=b.queue;if(null===c)throw Error(m(311));c.lastRenderedReducer=a;var d=L,e=d.baseQueue,f=c.pending;if(null!==f){if(null!==e){var g=e.next;e.next=f.next;f.next=g}d.baseQueue=e=f;c.pending=null}if(null!==e){f=e.next;d=d.baseState;var h=g=null,k=null,n=f;do{var l=n.lane;if((Bb&
|
||||
l)===l)null!==k&&(k=k.next={lane:0,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null}),d=n.hasEagerState?n.eagerState:a(d,n.action);else{var p={lane:l,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null};null===k?(h=k=p,g=d):k=k.next=p;z.lanes|=l;sa|=l}n=n.next}while(null!==n&&n!==f);null===k?g=d:k.next=h;va(d,b.memoizedState)||(ha=!0);b.memoizedState=d;b.baseState=g;b.baseQueue=k;c.lastRenderedState=d}a=c.interleaved;if(null!==a){e=a;do f=
|
||||
e.lane,z.lanes|=f,sa|=f,e=e.next;while(e!==a)}else null===e&&(c.lanes=0);return[b.memoizedState,c.dispatch]}function Kf(a,b,c){b=ta();c=b.queue;if(null===c)throw Error(m(311));c.lastRenderedReducer=a;var d=c.dispatch,e=c.pending,f=b.memoizedState;if(null!==e){c.pending=null;var g=e=e.next;do f=a(f,g.action),g=g.next;while(g!==e);va(f,b.memoizedState)||(ha=!0);b.memoizedState=f;null===b.baseQueue&&(b.baseState=f);c.lastRenderedState=f}return[f,d]}function li(a,b,c){}function mi(a,b,c){c=z;var d=ta(),
|
||||
e=b(),f=!va(d.memoizedState,e);f&&(d.memoizedState=e,ha=!0);d=d.queue;Lf(ni.bind(null,c,d,a),[a]);if(d.getSnapshot!==b||f||null!==O&&O.memoizedState.tag&1){c.flags|=2048;Qc(9,oi.bind(null,c,d,e,b),void 0,null);if(null===P)throw Error(m(349));0!==(Bb&30)||pi(c,b,e)}return e}function pi(a,b,c){a.flags|=16384;a={getSnapshot:b,value:c};b=z.updateQueue;null===b?(b={lastEffect:null,stores:null},z.updateQueue=b,b.stores=[a]):(c=b.stores,null===c?b.stores=[a]:c.push(a))}function oi(a,b,c,d){b.value=c;b.getSnapshot=
|
||||
d;qi(b)&&ri(a)}function ni(a,b,c){return c(function(){qi(b)&&ri(a)})}function qi(a){var b=a.getSnapshot;a=a.value;try{var c=b();return!va(a,c)}catch(d){return!0}}function ri(a){var b=Sa(a,1);null!==b&&ya(b,a,1,-1)}function si(a){var b=Ga();"function"===typeof a&&(a=a());b.memoizedState=b.baseState=a;a={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:Pc,lastRenderedState:a};b.queue=a;a=a.dispatch=Zk.bind(null,z,a);return[b.memoizedState,a]}function Qc(a,b,c,d){a={tag:a,create:b,
|
||||
destroy:c,deps:d,next:null};b=z.updateQueue;null===b?(b={lastEffect:null,stores:null},z.updateQueue=b,b.lastEffect=a.next=a):(c=b.lastEffect,null===c?b.lastEffect=a.next=a:(d=c.next,c.next=a,a.next=d,b.lastEffect=a));return a}function ti(a){return ta().memoizedState}function Rd(a,b,c,d){var e=Ga();z.flags|=a;e.memoizedState=Qc(1|b,c,void 0,void 0===d?null:d)}function Sd(a,b,c,d){var e=ta();d=void 0===d?null:d;var f=void 0;if(null!==L){var g=L.memoizedState;f=g.destroy;if(null!==d&&Gf(d,g.deps)){e.memoizedState=
|
||||
Qc(b,c,f,d);return}}z.flags|=a;e.memoizedState=Qc(1|b,c,f,d)}function ui(a,b){return Rd(8390656,8,a,b)}function Lf(a,b){return Sd(2048,8,a,b)}function vi(a,b){return Sd(4,2,a,b)}function wi(a,b){return Sd(4,4,a,b)}function xi(a,b){if("function"===typeof b)return a=a(),b(a),function(){b(null)};if(null!==b&&void 0!==b)return a=a(),b.current=a,function(){b.current=null}}function yi(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;return Sd(4,4,xi.bind(null,b,a),c)}function Mf(a,b){}function zi(a,b){var c=
|
||||
ta();b=void 0===b?null:b;var d=c.memoizedState;if(null!==d&&null!==b&&Gf(b,d[1]))return d[0];c.memoizedState=[a,b];return a}function Ai(a,b){var c=ta();b=void 0===b?null:b;var d=c.memoizedState;if(null!==d&&null!==b&&Gf(b,d[1]))return d[0];a=a();c.memoizedState=[a,b];return a}function Bi(a,b,c){if(0===(Bb&21))return a.baseState&&(a.baseState=!1,ha=!0),a.memoizedState=c;va(c,b)||(c=fh(),z.lanes|=c,sa|=c,a.baseState=!0);return b}function $k(a,b,c){c=x;x=0!==c&&4>c?c:4;a(!0);var d=Nf.transition;Nf.transition=
|
||||
{};try{a(!1),b()}finally{x=c,Nf.transition=d}}function Ci(){return ta().memoizedState}function al(a,b,c){var d=mb(a);c={lane:d,action:c,hasEagerState:!1,eagerState:null,next:null};if(Di(a))Ei(b,c);else if(c=gi(a,b,c,d),null!==c){var e=aa();ya(c,a,d,e);Fi(c,b,d)}kd(a,d)}function Zk(a,b,c){var d=mb(a),e={lane:d,action:c,hasEagerState:!1,eagerState:null,next:null};if(Di(a))Ei(b,e);else{var f=a.alternate;if(0===a.lanes&&(null===f||0===f.lanes)&&(f=b.lastRenderedReducer,null!==f))try{var g=b.lastRenderedState,
|
||||
h=f(g,c);e.hasEagerState=!0;e.eagerState=h;if(va(h,g)){var k=b.interleaved;null===k?(e.next=e,Af(b)):(e.next=k.next,k.next=e);b.interleaved=e;return}}catch(n){}finally{}c=gi(a,b,e,d);null!==c&&(e=aa(),ya(c,a,d,e),Fi(c,b,d))}kd(a,d)}function Di(a){var b=a.alternate;return a===z||null!==b&&b===z}function Ei(a,b){Nc=Qd=!0;var c=a.pending;null===c?b.next=b:(b.next=c.next,c.next=b);a.pending=b}function Fi(a,b,c){if(0!==(c&4194240)){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;Se(a,c)}}function Td(a,
|
||||
b){if(0<=Cb){var c=na()-Cb;a.actualDuration+=c;b&&(a.selfBaseDuration=c);Cb=-1}}function Ha(a){if(0<=Ud){var b=na()-Ud;Ud=-1;for(a=a.return;null!==a;){switch(a.tag){case 3:a.stateNode.effectDuration+=b;return;case 12:a.stateNode.effectDuration+=b;return}a=a.return}}}function Of(a){if(0<=dc){var b=na()-dc;dc=-1;for(a=a.return;null!==a;){switch(a.tag){case 3:a=a.stateNode;null!==a&&(a.passiveEffectDuration+=b);return;case 12:a=a.stateNode;null!==a&&(a.passiveEffectDuration+=b);return}a=a.return}}}function Ia(){Ud=
|
||||
na()}function Pf(a){for(var b=a.child;b;)a.actualDuration+=b.actualDuration,b=b.sibling}function za(a,b){if(a&&a.defaultProps){b=D({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}function Qf(a,b,c,d){b=a.memoizedState;c=c(d,b);c=null===c||void 0===c?b:D({},b,c);a.memoizedState=c;0===a.lanes&&(a.updateQueue.baseState=c)}function Gi(a,b,c,d,e,f,g){a=a.stateNode;return"function"===typeof a.shouldComponentUpdate?a.shouldComponentUpdate(d,f,g):b.prototype&&b.prototype.isPureReactComponent?
|
||||
!Ec(c,d)||!Ec(e,f):!0}function Hi(a,b,c){var d=!1,e=hb;var f=b.contextType;"object"===typeof f&&null!==f?f=ra(f):(e=ea(b)?vb:K.current,d=b.contextTypes,f=(d=null!==d&&void 0!==d)?Xb(a,e):hb);b=new b(c,f);a.memoizedState=null!==b.state&&void 0!==b.state?b.state:null;b.updater=Vd;a.stateNode=b;b._reactInternals=a;d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=e,a.__reactInternalMemoizedMaskedChildContext=f);return b}function Ii(a,b,c,d){a=b.state;"function"===typeof b.componentWillReceiveProps&&
|
||||
b.componentWillReceiveProps(c,d);"function"===typeof b.UNSAFE_componentWillReceiveProps&&b.UNSAFE_componentWillReceiveProps(c,d);b.state!==a&&Vd.enqueueReplaceState(b,b.state,null)}function Rf(a,b,c,d){var e=a.stateNode;e.props=c;e.state=a.memoizedState;e.refs={};Bf(a);var f=b.contextType;"object"===typeof f&&null!==f?e.context=ra(f):(f=ea(b)?vb:K.current,e.context=Xb(a,f));e.state=a.memoizedState;f=b.getDerivedStateFromProps;"function"===typeof f&&(Qf(a,b,f,c),e.state=a.memoizedState);"function"===
|
||||
typeof b.getDerivedStateFromProps||"function"===typeof e.getSnapshotBeforeUpdate||"function"!==typeof e.UNSAFE_componentWillMount&&"function"!==typeof e.componentWillMount||(b=e.state,"function"===typeof e.componentWillMount&&e.componentWillMount(),"function"===typeof e.UNSAFE_componentWillMount&&e.UNSAFE_componentWillMount(),b!==e.state&&Vd.enqueueReplaceState(e,e.state,null),Md(a,c,e,d),e.state=a.memoizedState);"function"===typeof e.componentDidMount&&(a.flags|=4194308)}function ec(a,b){try{var c=
|
||||
"",d=b;do c+=Mj(d),d=d.return;while(d);var e=c}catch(f){e="\nError generating stack: "+f.message+"\n"+f.stack}return{value:a,source:b,stack:e,digest:null}}function Sf(a,b,c){return{value:a,source:null,stack:null!=c?c:null,digest:null!=b?b:null}}function Tf(a,b){try{console.error(b.value)}catch(c){setTimeout(function(){throw c;})}}function Ji(a,b,c){c=Ta(-1,c);c.tag=3;c.payload={element:null};var d=b.value;c.callback=function(){Wd||(Wd=!0,Uf=d);Tf(a,b)};return c}function Ki(a,b,c){c=Ta(-1,c);c.tag=
|
||||
3;var d=a.type.getDerivedStateFromError;if("function"===typeof d){var e=b.value;c.payload=function(){return d(e)};c.callback=function(){Tf(a,b)}}var f=a.stateNode;null!==f&&"function"===typeof f.componentDidCatch&&(c.callback=function(){Tf(a,b);"function"!==typeof d&&(null===nb?nb=new Set([this]):nb.add(this));var c=b.stack;this.componentDidCatch(b.value,{componentStack:null!==c?c:""})});return c}function Li(a,b,c){var d=a.pingCache;if(null===d){d=a.pingCache=new bl;var e=new Set;d.set(b,e)}else e=
|
||||
d.get(b),void 0===e&&(e=new Set,d.set(b,e));e.has(c)||(e.add(c),d=cl.bind(null,a,b,c),ua&&Rc(a,c),b.then(d,d))}function Mi(a){do{var b;if(b=13===a.tag)b=a.memoizedState,b=null!==b?null!==b.dehydrated?!0:!1:!0;if(b)return a;a=a.return}while(null!==a);return null}function Ni(a,b,c,d,e){if(0===(a.mode&1))return a===b?a.flags|=65536:(a.flags|=128,c.flags|=131072,c.flags&=-52805,1===c.tag&&(null===c.alternate?c.tag=17:(b=Ta(-1,1),b.tag=2,kb(c,b,1))),c.lanes|=1),a;a.flags|=65536;a.lanes=e;return a}function ba(a,
|
||||
b,c,d){b.child=null===a?Oi(b,null,c,d):fc(b,a.child,c,d)}function Pi(a,b,c,d,e){c=c.render;var f=b.ref;bc(b,e);uc(b);d=Hf(a,b,c,d,f,e);c=If();Pb();if(null!==a&&!ha)return b.updateQueue=a.updateQueue,b.flags&=-2053,a.lanes&=~e,Ua(a,b,e);C&&c&&pf(b);b.flags|=1;ba(a,b,d,e);return b.child}function Qi(a,b,c,d,e){if(null===a){var f=c.type;if("function"===typeof f&&!Vf(f)&&void 0===f.defaultProps&&null===c.compare&&void 0===c.defaultProps)return b.tag=15,b.type=f,Ri(a,b,f,d,e);a=Hd(c.type,null,d,b,b.mode,
|
||||
e);a.ref=b.ref;a.return=b;return b.child=a}f=a.child;if(0===(a.lanes&e)){var g=f.memoizedProps;c=c.compare;c=null!==c?c:Ec;if(c(g,d)&&a.ref===b.ref)return Ua(a,b,e)}b.flags|=1;a=jb(f,d);a.ref=b.ref;a.return=b;return b.child=a}function Ri(a,b,c,d,e){if(null!==a){var f=a.memoizedProps;if(Ec(f,d)&&a.ref===b.ref)if(ha=!1,b.pendingProps=d=f,0!==(a.lanes&e))0!==(a.flags&131072)&&(ha=!0);else return b.lanes=a.lanes,Ua(a,b,e)}return Wf(a,b,c,d,e)}function Si(a,b,c){var d=b.pendingProps,e=d.children,f=null!==
|
||||
a?a.memoizedState:null;if("hidden"===d.mode)if(0===(b.mode&1))b.memoizedState={baseLanes:0,cachePool:null,transitions:null},E(Ja,U),U|=c;else{if(0===(c&1073741824))return a=null!==f?f.baseLanes|c:c,b.lanes=b.childLanes=1073741824,b.memoizedState={baseLanes:a,cachePool:null,transitions:null},b.updateQueue=null,E(Ja,U),U|=a,null;b.memoizedState={baseLanes:0,cachePool:null,transitions:null};d=null!==f?f.baseLanes:c;E(Ja,U);U|=d}else null!==f?(d=f.baseLanes|c,b.memoizedState=null):d=c,E(Ja,U),U|=d;ba(a,
|
||||
b,e,c);return b.child}function Ti(a,b){var c=b.ref;if(null===a&&null!==c||null!==a&&a.ref!==c)b.flags|=512,b.flags|=2097152}function Wf(a,b,c,d,e){var f=ea(c)?vb:K.current;f=Xb(b,f);bc(b,e);uc(b);c=Hf(a,b,c,d,f,e);d=If();Pb();if(null!==a&&!ha)return b.updateQueue=a.updateQueue,b.flags&=-2053,a.lanes&=~e,Ua(a,b,e);C&&d&&pf(b);b.flags|=1;ba(a,b,c,e);return b.child}function Ui(a,b,c,d,e){if(ea(c)){var f=!0;Bd(b)}else f=!1;bc(b,e);if(null===b.stateNode)Xd(a,b),Hi(b,c,d),Rf(b,c,d,e),d=!0;else if(null===
|
||||
a){var g=b.stateNode,h=b.memoizedProps;g.props=h;var k=g.context,n=c.contextType;"object"===typeof n&&null!==n?n=ra(n):(n=ea(c)?vb:K.current,n=Xb(b,n));var l=c.getDerivedStateFromProps,m="function"===typeof l||"function"===typeof g.getSnapshotBeforeUpdate;m||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==d||k!==n)&&Ii(b,g,d,n);lb=!1;var q=b.memoizedState;g.state=q;Md(b,d,g,e);k=b.memoizedState;h!==d||q!==k||T.current||lb?("function"===
|
||||
typeof l&&(Qf(b,c,l,d),k=b.memoizedState),(h=lb||Gi(b,c,h,d,q,k,n))?(m||"function"!==typeof g.UNSAFE_componentWillMount&&"function"!==typeof g.componentWillMount||("function"===typeof g.componentWillMount&&g.componentWillMount(),"function"===typeof g.UNSAFE_componentWillMount&&g.UNSAFE_componentWillMount()),"function"===typeof g.componentDidMount&&(b.flags|=4194308)):("function"===typeof g.componentDidMount&&(b.flags|=4194308),b.memoizedProps=d,b.memoizedState=k),g.props=d,g.state=k,g.context=n,d=
|
||||
h):("function"===typeof g.componentDidMount&&(b.flags|=4194308),d=!1)}else{g=b.stateNode;hi(a,b);h=b.memoizedProps;n=b.type===b.elementType?h:za(b.type,h);g.props=n;m=b.pendingProps;q=g.context;k=c.contextType;"object"===typeof k&&null!==k?k=ra(k):(k=ea(c)?vb:K.current,k=Xb(b,k));var p=c.getDerivedStateFromProps;(l="function"===typeof p||"function"===typeof g.getSnapshotBeforeUpdate)||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==m||
|
||||
q!==k)&&Ii(b,g,d,k);lb=!1;q=b.memoizedState;g.state=q;Md(b,d,g,e);var v=b.memoizedState;h!==m||q!==v||T.current||lb?("function"===typeof p&&(Qf(b,c,p,d),v=b.memoizedState),(n=lb||Gi(b,c,n,d,q,v,k)||!1)?(l||"function"!==typeof g.UNSAFE_componentWillUpdate&&"function"!==typeof g.componentWillUpdate||("function"===typeof g.componentWillUpdate&&g.componentWillUpdate(d,v,k),"function"===typeof g.UNSAFE_componentWillUpdate&&g.UNSAFE_componentWillUpdate(d,v,k)),"function"===typeof g.componentDidUpdate&&
|
||||
(b.flags|=4),"function"===typeof g.getSnapshotBeforeUpdate&&(b.flags|=1024)):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&q===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&q===a.memoizedState||(b.flags|=1024),b.memoizedProps=d,b.memoizedState=v),g.props=d,g.state=v,g.context=k,d=n):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&q===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===
|
||||
a.memoizedProps&&q===a.memoizedState||(b.flags|=1024),d=!1)}return Xf(a,b,c,d,f,e)}function Xf(a,b,c,d,e,f){Ti(a,b);var g=0!==(b.flags&128);if(!d&&!g)return e&&Yh(b,c,!1),Ua(a,b,f);d=b.stateNode;dl.current=b;if(g&&"function"!==typeof c.getDerivedStateFromError){var h=null;Cb=-1}else uc(b),h=d.render(),Pb();b.flags|=1;null!==a&&g?(g=h,b.child=fc(b,a.child,null,f),b.child=fc(b,null,g,f)):ba(a,b,h,f);b.memoizedState=d.state;e&&Yh(b,c,!0);return b.child}function Vi(a){var b=a.stateNode;b.pendingContext?
|
||||
Wh(a,b.pendingContext,b.pendingContext!==b.context):b.context&&Wh(a,b.context,!1);Cf(a,b.containerInfo)}function Wi(a,b,c,d,e){$b();tf(e);b.flags|=256;ba(a,b,c,d);return b.child}function Yf(a){return{baseLanes:a,cachePool:null,transitions:null}}function Xi(a,b,c){var d=b.pendingProps,e=H.current,f=!1,g=0!==(b.flags&128),h;(h=g)||(h=null!==a&&null===a.memoizedState?!1:0!==(e&2));if(h)f=!0,b.flags&=-129;else if(null===a||null!==a.memoizedState)e|=1;E(H,e&1);if(null===a){sf(b);a=b.memoizedState;if(null!==
|
||||
a&&(a=a.dehydrated,null!==a))return 0===(b.mode&1)?b.lanes=1:"$!"===a.data?b.lanes=8:b.lanes=1073741824,null;g=d.children;a=d.fallback;return f?(d=b.mode,f=b.child,g={mode:"hidden",children:g},0===(d&1)&&null!==f?(f.childLanes=0,f.pendingProps=g,b.mode&2&&(f.actualDuration=0,f.actualStartTime=-1,f.selfBaseDuration=0,f.treeBaseDuration=0)):f=Yd(g,d,0,null),a=yb(a,d,c,null),f.return=b,a.return=b,f.sibling=a,b.child=f,b.child.memoizedState=Yf(c),b.memoizedState=Zf,a):$f(b,g)}e=a.memoizedState;if(null!==
|
||||
e&&(h=e.dehydrated,null!==h))return el(a,b,g,d,h,e,c);if(f){f=d.fallback;g=b.mode;e=a.child;h=e.sibling;var k={mode:"hidden",children:d.children};0===(g&1)&&b.child!==e?(d=b.child,d.childLanes=0,d.pendingProps=k,b.mode&2&&(d.actualDuration=0,d.actualStartTime=-1,d.selfBaseDuration=e.selfBaseDuration,d.treeBaseDuration=e.treeBaseDuration),b.deletions=null):(d=jb(e,k),d.subtreeFlags=e.subtreeFlags&14680064);null!==h?f=jb(h,f):(f=yb(f,g,c,null),f.flags|=2);f.return=b;d.return=b;d.sibling=f;b.child=d;
|
||||
d=f;f=b.child;g=a.child.memoizedState;g=null===g?Yf(c):{baseLanes:g.baseLanes|c,cachePool:null,transitions:g.transitions};f.memoizedState=g;f.childLanes=a.childLanes&~c;b.memoizedState=Zf;return d}f=a.child;a=f.sibling;d=jb(f,{mode:"visible",children:d.children});0===(b.mode&1)&&(d.lanes=c);d.return=b;d.sibling=null;null!==a&&(c=b.deletions,null===c?(b.deletions=[a],b.flags|=16):c.push(a));b.child=d;b.memoizedState=null;return d}function $f(a,b,c){b=Yd({mode:"visible",children:b},a.mode,0,null);b.return=
|
||||
a;return a.child=b}function Zd(a,b,c,d){null!==d&&tf(d);fc(b,a.child,null,c);a=$f(b,b.pendingProps.children);a.flags|=2;b.memoizedState=null;return a}function el(a,b,c,d,e,f,g){if(c){if(b.flags&256)return b.flags&=-257,d=Sf(Error(m(422))),Zd(a,b,g,d);if(null!==b.memoizedState)return b.child=a.child,b.flags|=128,null;f=d.fallback;e=b.mode;d=Yd({mode:"visible",children:d.children},e,0,null);f=yb(f,e,g,null);f.flags|=2;d.return=b;f.return=b;d.sibling=f;b.child=d;0!==(b.mode&1)&&fc(b,a.child,null,g);
|
||||
b.child.memoizedState=Yf(g);b.memoizedState=Zf;return f}if(0===(b.mode&1))return Zd(a,b,g,null);if("$!"===e.data){d=e.nextSibling&&e.nextSibling.dataset;if(d)var h=d.dgst;d=h;f=Error(m(419));d=Sf(f,d,void 0);return Zd(a,b,g,d)}h=0!==(g&a.childLanes);if(ha||h){d=P;if(null!==d){switch(g&-g){case 4:e=2;break;case 16:e=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:e=
|
||||
32;break;case 536870912:e=268435456;break;default:e=0}e=0!==(e&(d.suspendedLanes|g))?0:e;0!==e&&e!==f.retryLane&&(f.retryLane=e,Sa(a,e),ya(d,a,e,-1))}ag();d=Sf(Error(m(421)));return Zd(a,b,g,d)}if("$?"===e.data)return b.flags|=128,b.child=a.child,b=fl.bind(null,a),e._reactRetry=b,null;a=f.treeContext;fa=Oa(e.nextSibling);ma=b;C=!0;xa=null;null!==a&&(oa[pa++]=Qa,oa[pa++]=Ra,oa[pa++]=xb,Qa=a.id,Ra=a.overflow,xb=b);b=$f(b,d.children);b.flags|=4096;return b}function Yi(a,b,c){a.lanes|=b;var d=a.alternate;
|
||||
null!==d&&(d.lanes|=b);zf(a.return,b,c)}function bg(a,b,c,d,e){var f=a.memoizedState;null===f?a.memoizedState={isBackwards:b,rendering:null,renderingStartTime:0,last:d,tail:c,tailMode:e}:(f.isBackwards=b,f.rendering=null,f.renderingStartTime=0,f.last=d,f.tail=c,f.tailMode=e)}function Zi(a,b,c){var d=b.pendingProps,e=d.revealOrder,f=d.tail;ba(a,b,d.children,c);d=H.current;if(0!==(d&2))d=d&1|2,b.flags|=128;else{if(null!==a&&0!==(a.flags&128))a:for(a=b.child;null!==a;){if(13===a.tag)null!==a.memoizedState&&
|
||||
Yi(a,c,b);else if(19===a.tag)Yi(a,c,b);else if(null!==a.child){a.child.return=a;a=a.child;continue}if(a===b)break a;for(;null===a.sibling;){if(null===a.return||a.return===b)break a;a=a.return}a.sibling.return=a.return;a=a.sibling}d&=1}E(H,d);if(0===(b.mode&1))b.memoizedState=null;else switch(e){case "forwards":c=b.child;for(e=null;null!==c;)a=c.alternate,null!==a&&null===Nd(a)&&(e=c),c=c.sibling;c=e;null===c?(e=b.child,b.child=null):(e=c.sibling,c.sibling=null);bg(b,!1,e,c,f);break;case "backwards":c=
|
||||
null;e=b.child;for(b.child=null;null!==e;){a=e.alternate;if(null!==a&&null===Nd(a)){b.child=e;break}a=e.sibling;e.sibling=c;c=e;e=a}bg(b,!0,c,null,f);break;case "together":bg(b,!1,null,null,void 0);break;default:b.memoizedState=null}return b.child}function Xd(a,b){0===(b.mode&1)&&null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2)}function Ua(a,b,c){null!==a&&(b.dependencies=a.dependencies);Cb=-1;sa|=b.lanes;if(0===(c&b.childLanes))return null;if(null!==a&&b.child!==a.child)throw Error(m(153));
|
||||
if(null!==b.child){a=b.child;c=jb(a,a.pendingProps);b.child=c;for(c.return=b;null!==a.sibling;)a=a.sibling,c=c.sibling=jb(a,a.pendingProps),c.return=b;c.sibling=null}return b.child}function gl(a,b,c){switch(b.tag){case 3:Vi(b);$b();break;case 5:ki(b);break;case 1:ea(b.type)&&Bd(b);break;case 4:Cf(b,b.stateNode.containerInfo);break;case 10:var d=b.type._context,e=b.memoizedProps.value;E(Kd,d._currentValue);d._currentValue=e;break;case 12:0!==(c&b.childLanes)&&(b.flags|=4);d=b.stateNode;d.effectDuration=
|
||||
0;d.passiveEffectDuration=0;break;case 13:d=b.memoizedState;if(null!==d){if(null!==d.dehydrated)return E(H,H.current&1),b.flags|=128,null;if(0!==(c&b.child.childLanes))return Xi(a,b,c);E(H,H.current&1);a=Ua(a,b,c);return null!==a?a.sibling:null}E(H,H.current&1);break;case 19:d=0!==(c&b.childLanes);if(0!==(a.flags&128)){if(d)return Zi(a,b,c);b.flags|=128}e=b.memoizedState;null!==e&&(e.rendering=null,e.tail=null,e.lastEffect=null);E(H,H.current);if(d)break;else return null;case 22:case 23:return b.lanes=
|
||||
0,Si(a,b,c)}return Ua(a,b,c)}function Sc(a,b){if(!C)switch(a.tailMode){case "hidden":b=a.tail;for(var c=null;null!==b;)null!==b.alternate&&(c=b),b=b.sibling;null===c?a.tail=null:c.sibling=null;break;case "collapsed":c=a.tail;for(var d=null;null!==c;)null!==c.alternate&&(d=c),c=c.sibling;null===d?b||null===a.tail?a.tail=null:a.tail.sibling=null:d.sibling=null}}function V(a){var b=null!==a.alternate&&a.alternate.child===a.child,c=0,d=0;if(b)if(0!==(a.mode&2)){for(var e=a.selfBaseDuration,f=a.child;null!==
|
||||
f;)c|=f.lanes|f.childLanes,d|=f.subtreeFlags&14680064,d|=f.flags&14680064,e+=f.treeBaseDuration,f=f.sibling;a.treeBaseDuration=e}else for(e=a.child;null!==e;)c|=e.lanes|e.childLanes,d|=e.subtreeFlags&14680064,d|=e.flags&14680064,e.return=a,e=e.sibling;else if(0!==(a.mode&2)){e=a.actualDuration;f=a.selfBaseDuration;for(var g=a.child;null!==g;)c|=g.lanes|g.childLanes,d|=g.subtreeFlags,d|=g.flags,e+=g.actualDuration,f+=g.treeBaseDuration,g=g.sibling;a.actualDuration=e;a.treeBaseDuration=f}else for(e=
|
||||
a.child;null!==e;)c|=e.lanes|e.childLanes,d|=e.subtreeFlags,d|=e.flags,e.return=a,e=e.sibling;a.subtreeFlags|=d;a.childLanes=c;return b}function $i(a,b,c){var d=b.pendingProps;qf(b);switch(b.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return V(b),null;case 1:return ea(b.type)&&(t(T),t(K)),V(b),null;case 3:d=b.stateNode;cc();t(T);t(K);Ef();d.pendingContext&&(d.context=d.pendingContext,d.pendingContext=null);if(null===a||null===a.child)Fd(b)?b.flags|=4:null===a||
|
||||
a.memoizedState.isDehydrated&&0===(b.flags&256)||(b.flags|=1024,null!==xa&&(cg(xa),xa=null));aj(a,b);V(b);return null;case 5:Df(b);var e=Ab(Lc.current);c=b.type;if(null!==a&&null!=b.stateNode)hl(a,b,c,d,e),a.ref!==b.ref&&(b.flags|=512,b.flags|=2097152);else{if(!d){if(null===b.stateNode)throw Error(m(166));V(b);return null}a=Ab(Fa.current);if(Fd(b)){d=b.stateNode;a=b.type;c=b.memoizedProps;d[Ea]=b;d[Ic]=c;var f=0!==(b.mode&1);switch(a){case "dialog":A("cancel",d);A("close",d);break;case "iframe":case "object":case "embed":A("load",
|
||||
d);break;case "video":case "audio":for(e=0;e<Tc.length;e++)A(Tc[e],d);break;case "source":A("error",d);break;case "img":case "image":case "link":A("error",d);A("load",d);break;case "details":A("toggle",d);break;case "input":Ig(d,c);A("invalid",d);break;case "select":d._wrapperState={wasMultiple:!!c.multiple};A("invalid",d);break;case "textarea":Lg(d,c),A("invalid",d)}Ie(a,c);e=null;for(var g in c)if(c.hasOwnProperty(g)){var h=c[g];"children"===g?"string"===typeof h?d.textContent!==h&&(!0!==c.suppressHydrationWarning&&
|
||||
zd(d.textContent,h,f),e=["children",h]):"number"===typeof h&&d.textContent!==""+h&&(!0!==c.suppressHydrationWarning&&zd(d.textContent,h,f),e=["children",""+h]):mc.hasOwnProperty(g)&&null!=h&&"onScroll"===g&&A("scroll",d)}switch(a){case "input":dd(d);Kg(d,c,!0);break;case "textarea":dd(d);Ng(d);break;case "select":case "option":break;default:"function"===typeof c.onClick&&(d.onclick=Ad)}d=e;b.updateQueue=d;null!==d&&(b.flags|=4)}else{g=9===e.nodeType?e:e.ownerDocument;"http://www.w3.org/1999/xhtml"===
|
||||
a&&(a=Og(c));"http://www.w3.org/1999/xhtml"===a?"script"===c?(a=g.createElement("div"),a.innerHTML="<script>\x3c/script>",a=a.removeChild(a.firstChild)):"string"===typeof d.is?a=g.createElement(c,{is:d.is}):(a=g.createElement(c),"select"===c&&(g=a,d.multiple?g.multiple=!0:d.size&&(g.size=d.size))):a=g.createElementNS(a,c);a[Ea]=b;a[Ic]=d;il(a,b,!1,!1);b.stateNode=a;a:{g=Je(c,d);switch(c){case "dialog":A("cancel",a);A("close",a);e=d;break;case "iframe":case "object":case "embed":A("load",a);e=d;break;
|
||||
case "video":case "audio":for(e=0;e<Tc.length;e++)A(Tc[e],a);e=d;break;case "source":A("error",a);e=d;break;case "img":case "image":case "link":A("error",a);A("load",a);e=d;break;case "details":A("toggle",a);e=d;break;case "input":Ig(a,d);e=De(a,d);A("invalid",a);break;case "option":e=d;break;case "select":a._wrapperState={wasMultiple:!!d.multiple};e=D({},d,{value:void 0});A("invalid",a);break;case "textarea":Lg(a,d);e=Ge(a,d);A("invalid",a);break;default:e=d}Ie(c,e);h=e;for(f in h)if(h.hasOwnProperty(f)){var k=
|
||||
h[f];"style"===f?Qg(a,k):"dangerouslySetInnerHTML"===f?(k=k?k.__html:void 0,null!=k&&bj(a,k)):"children"===f?"string"===typeof k?("textarea"!==c||""!==k)&&Uc(a,k):"number"===typeof k&&Uc(a,""+k):"suppressContentEditableWarning"!==f&&"suppressHydrationWarning"!==f&&"autoFocus"!==f&&(mc.hasOwnProperty(f)?null!=k&&"onScroll"===f&&A("scroll",a):null!=k&&se(a,f,k,g))}switch(c){case "input":dd(a);Kg(a,d,!1);break;case "textarea":dd(a);Ng(a);break;case "option":null!=d.value&&a.setAttribute("value",""+Za(d.value));
|
||||
break;case "select":a.multiple=!!d.multiple;f=d.value;null!=f?Mb(a,!!d.multiple,f,!1):null!=d.defaultValue&&Mb(a,!!d.multiple,d.defaultValue,!0);break;default:"function"===typeof e.onClick&&(a.onclick=Ad)}switch(c){case "button":case "input":case "select":case "textarea":d=!!d.autoFocus;break a;case "img":d=!0;break a;default:d=!1}}d&&(b.flags|=4)}null!==b.ref&&(b.flags|=512,b.flags|=2097152)}V(b);return null;case 6:if(a&&null!=b.stateNode)jl(a,b,a.memoizedProps,d);else{if("string"!==typeof d&&null===
|
||||
b.stateNode)throw Error(m(166));a=Ab(Lc.current);Ab(Fa.current);if(Fd(b)){d=b.stateNode;a=b.memoizedProps;d[Ea]=b;if(c=d.nodeValue!==a)if(f=ma,null!==f)switch(f.tag){case 3:zd(d.nodeValue,a,0!==(f.mode&1));break;case 5:!0!==f.memoizedProps.suppressHydrationWarning&&zd(d.nodeValue,a,0!==(f.mode&1))}c&&(b.flags|=4)}else d=(9===a.nodeType?a:a.ownerDocument).createTextNode(d),d[Ea]=b,b.stateNode=d}V(b);return null;case 13:t(H);d=b.memoizedState;if(null===a||null!==a.memoizedState&&null!==a.memoizedState.dehydrated){if(C&&
|
||||
null!==fa&&0!==(b.mode&1)&&0===(b.flags&128)){for(f=fa;f;)f=Oa(f.nextSibling);$b();b.flags|=98560;f=!1}else if(f=Fd(b),null!==d&&null!==d.dehydrated){if(null===a){if(!f)throw Error(m(318));f=b.memoizedState;f=null!==f?f.dehydrated:null;if(!f)throw Error(m(317));f[Ea]=b;V(b);0!==(b.mode&2)&&null!==d&&(f=b.child,null!==f&&(b.treeBaseDuration-=f.treeBaseDuration))}else $b(),0===(b.flags&128)&&(b.memoizedState=null),b.flags|=4,V(b),0!==(b.mode&2)&&null!==d&&(f=b.child,null!==f&&(b.treeBaseDuration-=f.treeBaseDuration));
|
||||
f=!1}else null!==xa&&(cg(xa),xa=null),f=!0;if(!f)return b.flags&65536?b:null}if(0!==(b.flags&128))return b.lanes=c,0!==(b.mode&2)&&Pf(b),b;d=null!==d;d!==(null!==a&&null!==a.memoizedState)&&d&&(b.child.flags|=8192,0!==(b.mode&1)&&(null===a||0!==(H.current&1)?0===G&&(G=3):ag()));null!==b.updateQueue&&(b.flags|=4);V(b);0!==(b.mode&2)&&d&&(d=b.child,null!==d&&(b.treeBaseDuration-=d.treeBaseDuration));return null;case 4:return cc(),aj(a,b),null===a&&Gc(b.stateNode.containerInfo),V(b),null;case 10:return yf(b.type._context),
|
||||
V(b),null;case 17:return ea(b.type)&&(t(T),t(K)),V(b),null;case 19:t(H);f=b.memoizedState;if(null===f)return V(b),null;d=0!==(b.flags&128);g=f.rendering;if(null===g)if(d)Sc(f,!1);else{if(0!==G||null!==a&&0!==(a.flags&128))for(a=b.child;null!==a;){g=Nd(a);if(null!==g){b.flags|=128;Sc(f,!1);d=g.updateQueue;null!==d&&(b.updateQueue=d,b.flags|=4);b.subtreeFlags=0;d=c;for(a=b.child;null!==a;)c=a,g=d,c.flags&=14680066,f=c.alternate,null===f?(c.childLanes=0,c.lanes=g,c.child=null,c.subtreeFlags=0,c.memoizedProps=
|
||||
null,c.memoizedState=null,c.updateQueue=null,c.dependencies=null,c.stateNode=null,c.selfBaseDuration=0,c.treeBaseDuration=0):(c.childLanes=f.childLanes,c.lanes=f.lanes,c.child=f.child,c.subtreeFlags=0,c.deletions=null,c.memoizedProps=f.memoizedProps,c.memoizedState=f.memoizedState,c.updateQueue=f.updateQueue,c.type=f.type,g=f.dependencies,c.dependencies=null===g?null:{lanes:g.lanes,firstContext:g.firstContext},c.selfBaseDuration=f.selfBaseDuration,c.treeBaseDuration=f.treeBaseDuration),a=a.sibling;
|
||||
E(H,H.current&1|2);return b.child}a=a.sibling}null!==f.tail&&Q()>dg&&(b.flags|=128,d=!0,Sc(f,!1),b.lanes=4194304)}else{if(!d)if(a=Nd(g),null!==a){if(b.flags|=128,d=!0,a=a.updateQueue,null!==a&&(b.updateQueue=a,b.flags|=4),Sc(f,!0),null===f.tail&&"hidden"===f.tailMode&&!g.alternate&&!C)return V(b),null}else 2*Q()-f.renderingStartTime>dg&&1073741824!==c&&(b.flags|=128,d=!0,Sc(f,!1),b.lanes=4194304);f.isBackwards?(g.sibling=b.child,b.child=g):(a=f.last,null!==a?a.sibling=g:b.child=g,f.last=g)}if(null!==
|
||||
f.tail)return b=f.tail,f.rendering=b,f.tail=b.sibling,f.renderingStartTime=Q(),b.sibling=null,a=H.current,E(H,d?a&1|2:a&1),b;V(b);return null;case 22:case 23:return U=Ja.current,t(Ja),d=null!==b.memoizedState,null!==a&&null!==a.memoizedState!==d&&(b.flags|=8192),d&&0!==(b.mode&1)?0!==(U&1073741824)&&(V(b),b.subtreeFlags&6&&(b.flags|=8192)):V(b),null;case 24:return null;case 25:return null}throw Error(m(156,b.tag));}function kl(a,b,c){qf(b);switch(b.tag){case 1:return ea(b.type)&&(t(T),t(K)),a=b.flags,
|
||||
a&65536?(b.flags=a&-65537|128,0!==(b.mode&2)&&Pf(b),b):null;case 3:return cc(),t(T),t(K),Ef(),a=b.flags,0!==(a&65536)&&0===(a&128)?(b.flags=a&-65537|128,b):null;case 5:return Df(b),null;case 13:t(H);a=b.memoizedState;if(null!==a&&null!==a.dehydrated){if(null===b.alternate)throw Error(m(340));$b()}a=b.flags;return a&65536?(b.flags=a&-65537|128,0!==(b.mode&2)&&Pf(b),b):null;case 19:return t(H),null;case 4:return cc(),null;case 10:return yf(b.type._context),null;case 22:case 23:return U=Ja.current,t(Ja),
|
||||
null;case 24:return null;default:return null}}function gc(a,b){var c=a.ref;if(null!==c)if("function"===typeof c)try{if(a.mode&2)try{Ia(),c(null)}finally{Ha(a)}else c(null)}catch(d){I(a,b,d)}else c.current=null}function $d(a,b,c){try{c()}catch(d){I(a,b,d)}}function ll(a,b){eg=pd;a=Fh();if(bf(a)){if("selectionStart"in a)var c={start:a.selectionStart,end:a.selectionEnd};else a:{c=(c=a.ownerDocument)&&c.defaultView||window;var d=c.getSelection&&c.getSelection();if(d&&0!==d.rangeCount){c=d.anchorNode;
|
||||
var e=d.anchorOffset,f=d.focusNode;d=d.focusOffset;try{c.nodeType,f.nodeType}catch(F){c=null;break a}var g=0,h=-1,k=-1,n=0,l=0,u=a,q=null;b:for(;;){for(var t;;){u!==c||0!==e&&3!==u.nodeType||(h=g+e);u!==f||0!==d&&3!==u.nodeType||(k=g+d);3===u.nodeType&&(g+=u.nodeValue.length);if(null===(t=u.firstChild))break;q=u;u=t}for(;;){if(u===a)break b;q===c&&++n===e&&(h=g);q===f&&++l===d&&(k=g);if(null!==(t=u.nextSibling))break;u=q;q=u.parentNode}u=t}c=-1===h||-1===k?null:{start:h,end:k}}else c=null}c=c||{start:0,
|
||||
end:0}}else c=null;fg={focusedElem:a,selectionRange:c};pd=!1;for(p=b;null!==p;)if(b=p,a=b.child,0!==(b.subtreeFlags&1028)&&null!==a)a.return=b,p=a;else for(;null!==p;){b=p;try{var v=b.alternate;if(0!==(b.flags&1024))switch(b.tag){case 0:case 11:case 15:break;case 1:if(null!==v){var w=v.memoizedProps,x=v.memoizedState,B=b.stateNode,y=B.getSnapshotBeforeUpdate(b.elementType===b.type?w:za(b.type,w),x);B.__reactInternalSnapshotBeforeUpdate=y}break;case 3:var r=b.stateNode.containerInfo;1===r.nodeType?
|
||||
r.textContent="":9===r.nodeType&&r.documentElement&&r.removeChild(r.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(m(163));}}catch(F){I(b,b.return,F)}a=b.sibling;if(null!==a){a.return=b.return;p=a;break}p=b.return}v=cj;cj=!1;return v}function Va(a,b,c){var d=b.updateQueue;d=null!==d?d.lastEffect:null;if(null!==d){var e=d=d.next;do{if((e.tag&a)===a){var f=e.destroy;e.destroy=void 0;void 0!==f&&(0!==(a&8)?null!==l&&"function"===typeof l.markComponentPassiveEffectUnmountStarted&&
|
||||
l.markComponentPassiveEffectUnmountStarted(b):0!==(a&4)&&bh(b),$d(b,c,f),0!==(a&8)?null!==l&&"function"===typeof l.markComponentPassiveEffectUnmountStopped&&l.markComponentPassiveEffectUnmountStopped():0!==(a&4)&&ch())}e=e.next}while(e!==d)}}function Db(a,b){var c=b.updateQueue;c=null!==c?c.lastEffect:null;if(null!==c){var d=c=c.next;do{if((d.tag&a)===a){0!==(a&8)?null!==l&&"function"===typeof l.markComponentPassiveEffectMountStarted&&l.markComponentPassiveEffectMountStarted(b):0!==(a&4)&&null!==
|
||||
l&&"function"===typeof l.markComponentLayoutEffectMountStarted&&l.markComponentLayoutEffectMountStarted(b);var e=d.create;d.destroy=e();0!==(a&8)?null!==l&&"function"===typeof l.markComponentPassiveEffectMountStopped&&l.markComponentPassiveEffectMountStopped():0!==(a&4)&&null!==l&&"function"===typeof l.markComponentLayoutEffectMountStopped&&l.markComponentLayoutEffectMountStopped()}d=d.next}while(d!==c)}}function gg(a){var b=a.ref;if(null!==b){var c=a.stateNode;if("function"===typeof b)if(a.mode&
|
||||
2)try{Ia(),b(c)}finally{Ha(a)}else b(c);else b.current=c}}function dj(a){var b=a.alternate;null!==b&&(a.alternate=null,dj(b));a.child=null;a.deletions=null;a.sibling=null;5===a.tag&&(b=a.stateNode,null!==b&&(delete b[Ea],delete b[Ic],delete b[ff],delete b[ml],delete b[nl]));a.stateNode=null;a.return=null;a.dependencies=null;a.memoizedProps=null;a.memoizedState=null;a.pendingProps=null;a.stateNode=null;a.updateQueue=null}function ej(a){return 5===a.tag||3===a.tag||4===a.tag}function fj(a){a:for(;;){for(;null===
|
||||
a.sibling;){if(null===a.return||ej(a.return))return null;a=a.return}a.sibling.return=a.return;for(a=a.sibling;5!==a.tag&&6!==a.tag&&18!==a.tag;){if(a.flags&2)continue a;if(null===a.child||4===a.tag)continue a;else a.child.return=a,a=a.child}if(!(a.flags&2))return a.stateNode}}function hg(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode,b.insertBefore(a,c)):(b=c,b.appendChild(a)),c=c._reactRootContainer,
|
||||
null!==c&&void 0!==c||null!==b.onclick||(b.onclick=Ad));else if(4!==d&&(a=a.child,null!==a))for(hg(a,b,c),a=a.sibling;null!==a;)hg(a,b,c),a=a.sibling}function ig(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?c.insertBefore(a,b):c.appendChild(a);else if(4!==d&&(a=a.child,null!==a))for(ig(a,b,c),a=a.sibling;null!==a;)ig(a,b,c),a=a.sibling}function ob(a,b,c){for(c=c.child;null!==c;)gj(a,b,c),c=c.sibling}function gj(a,b,c){if(Da&&"function"===typeof Da.onCommitFiberUnmount)try{Da.onCommitFiberUnmount(id,
|
||||
c)}catch(h){}switch(c.tag){case 5:Y||gc(c,b);case 6:var d=W,e=Aa;W=null;ob(a,b,c);W=d;Aa=e;null!==W&&(Aa?(a=W,c=c.stateNode,8===a.nodeType?a.parentNode.removeChild(c):a.removeChild(c)):W.removeChild(c.stateNode));break;case 18:null!==W&&(Aa?(a=W,c=c.stateNode,8===a.nodeType?mf(a.parentNode,c):1===a.nodeType&&mf(a,c),Bc(a)):mf(W,c.stateNode));break;case 4:d=W;e=Aa;W=c.stateNode.containerInfo;Aa=!0;ob(a,b,c);W=d;Aa=e;break;case 0:case 11:case 14:case 15:if(!Y&&(d=c.updateQueue,null!==d&&(d=d.lastEffect,
|
||||
null!==d))){e=d=d.next;do{var f=e,g=f.destroy;f=f.tag;void 0!==g&&(0!==(f&2)?$d(c,b,g):0!==(f&4)&&(bh(c),c.mode&2?(Ia(),$d(c,b,g),Ha(c)):$d(c,b,g),ch()));e=e.next}while(e!==d)}ob(a,b,c);break;case 1:if(!Y&&(gc(c,b),d=c.stateNode,"function"===typeof d.componentWillUnmount))try{hj(c,d)}catch(h){I(c,b,h)}ob(a,b,c);break;case 21:ob(a,b,c);break;case 22:c.mode&1?(Y=(d=Y)||null!==c.memoizedState,ob(a,b,c),Y=d):ob(a,b,c);break;default:ob(a,b,c)}}function ij(a){var b=a.updateQueue;if(null!==b){a.updateQueue=
|
||||
null;var c=a.stateNode;null===c&&(c=a.stateNode=new ol);b.forEach(function(b){var d=pl.bind(null,a,b);if(!c.has(b)){c.add(b);if(ua)if(null!==hc&&null!==ic)Rc(ic,hc);else throw Error(m(413));b.then(d,d)}})}}function ql(a,b,c){hc=c;ic=a;jj(b,a);ic=hc=null}function Ba(a,b,c){c=b.deletions;if(null!==c)for(var d=0;d<c.length;d++){var e=c[d];try{var f=a,g=b,h=g;a:for(;null!==h;){switch(h.tag){case 5:W=h.stateNode;Aa=!1;break a;case 3:W=h.stateNode.containerInfo;Aa=!0;break a;case 4:W=h.stateNode.containerInfo;
|
||||
Aa=!0;break a}h=h.return}if(null===W)throw Error(m(160));gj(f,g,e);W=null;Aa=!1;var k=e.alternate;null!==k&&(k.return=null);e.return=null}catch(n){I(e,b,n)}}if(b.subtreeFlags&12854)for(b=b.child;null!==b;)jj(b,a),b=b.sibling}function jj(a,b,c){var d=a.alternate;c=a.flags;switch(a.tag){case 0:case 11:case 14:case 15:Ba(b,a);Ka(a);if(c&4){try{Va(3,a,a.return),Db(3,a)}catch(v){I(a,a.return,v)}if(a.mode&2){try{Ia(),Va(5,a,a.return)}catch(v){I(a,a.return,v)}Ha(a)}else try{Va(5,a,a.return)}catch(v){I(a,
|
||||
a.return,v)}}break;case 1:Ba(b,a);Ka(a);c&512&&null!==d&&gc(d,d.return);break;case 5:Ba(b,a);Ka(a);c&512&&null!==d&&gc(d,d.return);if(a.flags&32){var e=a.stateNode;try{Uc(e,"")}catch(v){I(a,a.return,v)}}if(c&4&&(e=a.stateNode,null!=e)){var f=a.memoizedProps,g=null!==d?d.memoizedProps:f,h=a.type,k=a.updateQueue;a.updateQueue=null;if(null!==k)try{"input"===h&&"radio"===f.type&&null!=f.name&&Jg(e,f);Je(h,g);var n=Je(h,f);for(g=0;g<k.length;g+=2){var l=k[g],u=k[g+1];"style"===l?Qg(e,u):"dangerouslySetInnerHTML"===
|
||||
l?bj(e,u):"children"===l?Uc(e,u):se(e,l,u,n)}switch(h){case "input":Ee(e,f);break;case "textarea":Mg(e,f);break;case "select":var q=e._wrapperState.wasMultiple;e._wrapperState.wasMultiple=!!f.multiple;var t=f.value;null!=t?Mb(e,!!f.multiple,t,!1):q!==!!f.multiple&&(null!=f.defaultValue?Mb(e,!!f.multiple,f.defaultValue,!0):Mb(e,!!f.multiple,f.multiple?[]:"",!1))}e[Ic]=f}catch(v){I(a,a.return,v)}}break;case 6:Ba(b,a);Ka(a);if(c&4){if(null===a.stateNode)throw Error(m(162));e=a.stateNode;f=a.memoizedProps;
|
||||
try{e.nodeValue=f}catch(v){I(a,a.return,v)}}break;case 3:Ba(b,a);Ka(a);if(c&4&&null!==d&&d.memoizedState.isDehydrated)try{Bc(b.containerInfo)}catch(v){I(a,a.return,v)}break;case 4:Ba(b,a);Ka(a);break;case 13:Ba(b,a);Ka(a);e=a.child;e.flags&8192&&(f=null!==e.memoizedState,e.stateNode.isHidden=f,!f||null!==e.alternate&&null!==e.alternate.memoizedState||(jg=Q()));c&4&&ij(a);break;case 22:l=null!==d&&null!==d.memoizedState;a.mode&1?(Y=(n=Y)||l,Ba(b,a),Y=n):Ba(b,a);Ka(a);if(c&8192){n=null!==a.memoizedState;
|
||||
if((a.stateNode.isHidden=n)&&!l&&0!==(a.mode&1))for(p=a,l=a.child;null!==l;){for(u=p=l;null!==p;){q=p;t=q.child;switch(q.tag){case 0:case 11:case 14:case 15:if(q.mode&2)try{Ia(),Va(4,q,q.return)}finally{Ha(q)}else Va(4,q,q.return);break;case 1:gc(q,q.return);c=q.stateNode;if("function"===typeof c.componentWillUnmount){b=q;d=q.return;try{hj(b,c)}catch(v){I(b,d,v)}}break;case 5:gc(q,q.return);break;case 22:if(null!==q.memoizedState){kj(u);continue}}null!==t?(t.return=q,p=t):kj(u)}l=l.sibling}a:for(l=
|
||||
null,u=a;;){if(5===u.tag){if(null===l){l=u;try{e=u.stateNode,n?(f=e.style,"function"===typeof f.setProperty?f.setProperty("display","none","important"):f.display="none"):(h=u.stateNode,k=u.memoizedProps.style,g=void 0!==k&&null!==k&&k.hasOwnProperty("display")?k.display:null,h.style.display=Pg("display",g))}catch(v){I(a,a.return,v)}}}else if(6===u.tag){if(null===l)try{u.stateNode.nodeValue=n?"":u.memoizedProps}catch(v){I(a,a.return,v)}}else if((22!==u.tag&&23!==u.tag||null===u.memoizedState||u===
|
||||
a)&&null!==u.child){u.child.return=u;u=u.child;continue}if(u===a)break a;for(;null===u.sibling;){if(null===u.return||u.return===a)break a;l===u&&(l=null);u=u.return}l===u&&(l=null);u.sibling.return=u.return;u=u.sibling}}break;case 19:Ba(b,a);Ka(a);c&4&&ij(a);break;case 21:break;default:Ba(b,a),Ka(a)}}function Ka(a){var b=a.flags;if(b&2){try{a:{for(var c=a.return;null!==c;){if(ej(c)){var d=c;break a}c=c.return}throw Error(m(160));}switch(d.tag){case 5:var e=d.stateNode;d.flags&32&&(Uc(e,""),d.flags&=
|
||||
-33);var f=fj(a);ig(a,f,e);break;case 3:case 4:var g=d.stateNode.containerInfo,h=fj(a);hg(a,h,g);break;default:throw Error(m(161));}}catch(k){I(a,a.return,k)}a.flags&=-3}b&4096&&(a.flags&=-4097)}function rl(a,b,c){hc=c;ic=b;p=a;lj(a,b,c);ic=hc=null}function lj(a,b,c){for(var d=0!==(a.mode&1);null!==p;){var e=p,f=e.child;if(22===e.tag&&d){var g=null!==e.memoizedState||ae;if(!g){var h=e.alternate,k=null!==h&&null!==h.memoizedState||Y;h=ae;var l=Y;ae=g;if((Y=k)&&!l)for(p=e;null!==p;)g=p,k=g.child,22===
|
||||
g.tag&&null!==g.memoizedState?mj(e):null!==k?(k.return=g,p=k):mj(e);for(;null!==f;)p=f,lj(f,b,c),f=f.sibling;p=e;ae=h;Y=l}nj(a,b,c)}else 0!==(e.subtreeFlags&8772)&&null!==f?(f.return=e,p=f):nj(a,b,c)}}function nj(a,b,c){for(;null!==p;){b=p;if(0!==(b.flags&8772)){var d=b.alternate;try{if(0!==(b.flags&8772))switch(b.tag){case 0:case 11:case 15:if(!Y)if(b.mode&2)try{Ia(),Db(5,b)}finally{Ha(b)}else Db(5,b);break;case 1:var e=b.stateNode;if(b.flags&4&&!Y)if(null===d)if(b.mode&2)try{Ia(),e.componentDidMount()}finally{Ha(b)}else e.componentDidMount();
|
||||
else{var f=b.elementType===b.type?d.memoizedProps:za(b.type,d.memoizedProps),g=d.memoizedState;if(b.mode&2)try{Ia(),e.componentDidUpdate(f,g,e.__reactInternalSnapshotBeforeUpdate)}finally{Ha(b)}else e.componentDidUpdate(f,g,e.__reactInternalSnapshotBeforeUpdate)}var h=b.updateQueue;null!==h&&ji(b,h,e);break;case 3:var k=b.updateQueue;if(null!==k){c=null;if(null!==b.child)switch(b.child.tag){case 5:c=b.child.stateNode;break;case 1:c=b.child.stateNode}ji(b,k,c)}break;case 5:var l=b.stateNode;if(null===
|
||||
d&&b.flags&4){c=l;var t=b.memoizedProps;switch(b.type){case "button":case "input":case "select":case "textarea":t.autoFocus&&c.focus();break;case "img":t.src&&(c.src=t.src)}}break;case 6:break;case 4:break;case 12:var u=b.memoizedProps,q=u.onCommit,w=u.onRender,v=b.stateNode.effectDuration;c=be;d=null===d?"mount":"update";ce&&(d="nested-update");"function"===typeof w&&w(b.memoizedProps.id,d,b.actualDuration,b.treeBaseDuration,b.actualStartTime,c);"function"===typeof q&&q(b.memoizedProps.id,d,v,c);
|
||||
sl(b);var x=b.return;a:for(;null!==x;){switch(x.tag){case 3:x.stateNode.effectDuration+=v;break a;case 12:x.stateNode.effectDuration+=v;break a}x=x.return}break;case 13:if(null===b.memoizedState){var z=b.alternate;if(null!==z){var B=z.memoizedState;if(null!==B){var y=B.dehydrated;null!==y&&Bc(y)}}}break;case 19:case 17:case 21:case 22:case 23:case 25:break;default:throw Error(m(163));}Y||b.flags&512&&gg(b)}catch(r){I(b,b.return,r)}}if(b===a){p=null;break}c=b.sibling;if(null!==c){c.return=b.return;
|
||||
p=c;break}p=b.return}}function kj(a){for(;null!==p;){var b=p;if(b===a){p=null;break}var c=b.sibling;if(null!==c){c.return=b.return;p=c;break}p=b.return}}function mj(a){for(;null!==p;){var b=p;try{switch(b.tag){case 0:case 11:case 15:if(b.mode&2)try{Ia();var c=b.return;try{Db(4,b)}catch(n){I(b,c,n)}}finally{Ha(b)}else{var d=b.return;try{Db(4,b)}catch(n){I(b,d,n)}}break;case 1:var e=b.stateNode;if("function"===typeof e.componentDidMount){var f=b.return;try{e.componentDidMount()}catch(n){I(b,f,n)}}var g=
|
||||
b.return;try{gg(b)}catch(n){I(b,g,n)}break;case 5:var h=b.return;try{gg(b)}catch(n){I(b,h,n)}}}catch(n){I(b,b.return,n)}if(b===a){p=null;break}var k=b.sibling;if(null!==k){k.return=b.return;p=k;break}p=b.return}}function Vc(){dg=Q()+500}function aa(){return 0!==(w&6)?Q():-1!==de?de:de=Q()}function mb(a){if(0===(a.mode&1))return 1;if(0!==(w&2)&&0!==J)return J&-J;if(null!==tl.transition)return 0===ee&&(ee=fh()),ee;a=x;if(0!==a)return a;a=window.event;a=void 0===a?16:ph(a.type);return a}function ya(a,
|
||||
b,c,d){if(50<Wc)throw Wc=0,kg=null,Error(m(185));wc(a,c,d);if(0===(w&2)||a!==P)ua&&gh(a,b,c),a===P&&(0===(w&2)&&(fe|=c),4===G&&pb(a,J)),ia(a,d),1===c&&0===w&&0===(b.mode&1)&&(Vc(),Cd&&ib())}function ia(a,b){var c=a.callbackNode;ek(a,b);var d=ld(a,a===P?J:0);if(0===d)null!==c&&oj(c),a.callbackNode=null,a.callbackPriority=0;else if(b=d&-d,a.callbackPriority!==b){null!=c&&oj(c);if(1===b)0===a.tag?Uk(pj.bind(null,a)):Zh(pj.bind(null,a)),ul(function(){0===(w&6)&&ib()}),c=null;else{switch(ih(d)){case 1:c=
|
||||
jd;break;case 4:c=Oe;break;case 16:c=tb;break;case 536870912:c=Pe;break;default:c=tb}c=lg(c,qj.bind(null,a))}a.callbackPriority=b;a.callbackNode=c}}function qj(a,b){ge=ce=!1;de=-1;ee=0;if(0!==(w&6))throw Error(m(327));var c=a.callbackNode;if(Eb()&&a.callbackNode!==c)return null;var d=ld(a,a===P?J:0);if(0===d)return null;if(0!==(d&30)||0!==(d&a.expiredLanes)||b)b=he(a,d);else{b=d;var e=w;w|=2;var f=rj();if(P!==a||J!==b){if(ua){var g=a.memoizedUpdaters;0<g.size&&(Rc(a,J),g.clear());hh(a,b)}Wa=null;
|
||||
Vc();Fb(a,b)}dh(b);do try{vl();break}catch(h){sj(a,h)}while(1);wf();ie.current=f;w=e;null!==M?(null!==l&&"function"===typeof l.markRenderYielded&&l.markRenderYielded(),b=0):(eh(),P=null,J=0,b=G)}if(0!==b){2===b&&(e=Qe(a),0!==e&&(d=e,b=mg(a,e)));if(1===b)throw c=Xc,Fb(a,0),pb(a,d),ia(a,Q()),c;if(6===b)pb(a,d);else{e=a.current.alternate;if(0===(d&30)&&!wl(e)&&(b=he(a,d),2===b&&(f=Qe(a),0!==f&&(d=f,b=mg(a,f))),1===b))throw c=Xc,Fb(a,0),pb(a,d),ia(a,Q()),c;a.finishedWork=e;a.finishedLanes=d;switch(b){case 0:case 1:throw Error(m(345));
|
||||
case 2:Gb(a,ja,Wa);break;case 3:pb(a,d);if((d&130023424)===d&&(b=jg+500-Q(),10<b)){if(0!==ld(a,0))break;e=a.suspendedLanes;if((e&d)!==d){aa();a.pingedLanes|=a.suspendedLanes&e;break}a.timeoutHandle=ng(Gb.bind(null,a,ja,Wa),b);break}Gb(a,ja,Wa);break;case 4:pb(a,d);if((d&4194240)===d)break;b=a.eventTimes;for(e=-1;0<d;)g=31-ka(d),f=1<<g,g=b[g],g>e&&(e=g),d&=~f;d=e;d=Q()-d;d=(120>d?120:480>d?480:1080>d?1080:1920>d?1920:3E3>d?3E3:4320>d?4320:1960*xl(d/1960))-d;if(10<d){a.timeoutHandle=ng(Gb.bind(null,
|
||||
a,ja,Wa),d);break}Gb(a,ja,Wa);break;case 5:Gb(a,ja,Wa);break;default:throw Error(m(329));}}}ia(a,Q());return a.callbackNode===c?qj.bind(null,a):null}function mg(a,b){var c=Yc;a.current.memoizedState.isDehydrated&&(Fb(a,b).flags|=256);a=he(a,b);2!==a&&(b=ja,ja=c,null!==b&&cg(b));return a}function cg(a){null===ja?ja=a:ja.push.apply(ja,a)}function wl(a){for(var b=a;;){if(b.flags&16384){var c=b.updateQueue;if(null!==c&&(c=c.stores,null!==c))for(var d=0;d<c.length;d++){var e=c[d],f=e.getSnapshot;e=e.value;
|
||||
try{if(!va(f(),e))return!1}catch(g){return!1}}}c=b.child;if(b.subtreeFlags&16384&&null!==c)c.return=b,b=c;else{if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return!0;b=b.return}b.sibling.return=b.return;b=b.sibling}}return!0}function pb(a,b){b&=~og;b&=~fe;a.suspendedLanes|=b;a.pingedLanes&=~b;for(a=a.expirationTimes;0<b;){var c=31-ka(b),d=1<<c;a[c]=-1;b&=~d}}function pj(a){ce=ge;ge=!1;if(0!==(w&6))throw Error(m(327));Eb();var b=ld(a,0);if(0===(b&1))return ia(a,Q()),null;
|
||||
var c=he(a,b);if(0!==a.tag&&2===c){var d=Qe(a);0!==d&&(b=d,c=mg(a,d))}if(1===c)throw c=Xc,Fb(a,0),pb(a,b),ia(a,Q()),c;if(6===c)throw Error(m(345));a.finishedWork=a.current.alternate;a.finishedLanes=b;Gb(a,ja,Wa);ia(a,Q());return null}function pg(a,b){var c=w;w|=1;try{return a(b)}finally{w=c,0===w&&(Vc(),Cd&&ib())}}function Hb(a){null!==qb&&0===qb.tag&&0===(w&6)&&Eb();var b=w;w|=1;var c=ca.transition,d=x;try{if(ca.transition=null,x=1,a)return a()}finally{x=d,ca.transition=c,w=b,0===(w&6)&&ib()}}function Fb(a,
|
||||
b){a.finishedWork=null;a.finishedLanes=0;var c=a.timeoutHandle;-1!==c&&(a.timeoutHandle=-1,yl(c));if(null!==M)for(c=M.return;null!==c;){var d=c;qf(d);switch(d.tag){case 1:d=d.type.childContextTypes;null!==d&&void 0!==d&&(t(T),t(K));break;case 3:cc();t(T);t(K);Ef();break;case 5:Df(d);break;case 4:cc();break;case 13:t(H);break;case 19:t(H);break;case 10:yf(d.type._context);break;case 22:case 23:U=Ja.current,t(Ja)}c=c.return}P=a;M=a=jb(a.current,null);J=U=b;G=0;Xc=null;og=fe=sa=0;ja=Yc=null;if(null!==
|
||||
zb){for(b=0;b<zb.length;b++)if(c=zb[b],d=c.interleaved,null!==d){c.interleaved=null;var e=d.next,f=c.pending;if(null!==f){var g=f.next;f.next=e;d.next=g}c.pending=d}zb=null}return a}function sj(a,b){do{var c=M;try{wf();Od.current=Pd;if(Qd){for(var d=z.memoizedState;null!==d;){var e=d.queue;null!==e&&(e.pending=null);d=d.next}Qd=!1}Bb=0;O=L=z=null;Nc=!1;Oc=0;qg.current=null;if(null===c||null===c.return){G=1;Xc=b;M=null;break}c.mode&2&&Td(c,!0);Pb();if(null!==b&&"object"===typeof b&&"function"===typeof b.then){var f=
|
||||
b;null!==l&&"function"===typeof l.markComponentSuspended&&l.markComponentSuspended(c,f,J)}else null!==l&&"function"===typeof l.markComponentErrored&&l.markComponentErrored(c,b,J);a:{var g=a,h=c.return,k=c;f=b;b=J;k.flags|=32768;ua&&Rc(g,b);if(null!==f&&"object"===typeof f&&"function"===typeof f.then){var n=f,p=k,u=p.tag;if(0===(p.mode&1)&&(0===u||11===u||15===u)){var q=p.alternate;q?(p.updateQueue=q.updateQueue,p.memoizedState=q.memoizedState,p.lanes=q.lanes):(p.updateQueue=null,p.memoizedState=null)}var t=
|
||||
Mi(h);if(null!==t){t.flags&=-257;Ni(t,h,k,g,b);t.mode&1&&Li(g,n,b);b=t;f=n;var v=b.updateQueue;if(null===v){var x=new Set;x.add(f);b.updateQueue=x}else v.add(f);break a}else{if(0===(b&1)){Li(g,n,b);ag();break a}f=Error(m(426))}}else if(C&&k.mode&1){var w=Mi(h);if(null!==w){0===(w.flags&65536)&&(w.flags|=256);Ni(w,h,k,g,b);tf(ec(f,k));break a}}g=f=ec(f,k);4!==G&&(G=2);null===Yc?Yc=[g]:Yc.push(g);g=h;do{switch(g.tag){case 3:g.flags|=65536;b&=-b;g.lanes|=b;var B=Ji(g,f,b);ii(g,B);break a;case 1:k=f;
|
||||
var y=g.type,r=g.stateNode;if(0===(g.flags&128)&&("function"===typeof y.getDerivedStateFromError||null!==r&&"function"===typeof r.componentDidCatch&&(null===nb||!nb.has(r)))){g.flags|=65536;b&=-b;g.lanes|=b;var F=Ki(g,k,b);ii(g,F);break a}}g=g.return}while(null!==g)}tj(c)}catch(Na){b=Na;M===c&&null!==c&&(M=c=c.return);continue}break}while(1)}function rj(){var a=ie.current;ie.current=Pd;return null===a?Pd:a}function ag(){if(0===G||3===G||2===G)G=4;null===P||0===(sa&268435455)&&0===(fe&268435455)||
|
||||
pb(P,J)}function he(a,b){var c=w;w|=2;var d=rj();if(P!==a||J!==b){if(ua){var e=a.memoizedUpdaters;0<e.size&&(Rc(a,J),e.clear());hh(a,b)}Wa=null;Fb(a,b)}dh(b);do try{zl();break}catch(f){sj(a,f)}while(1);wf();w=c;ie.current=d;if(null!==M)throw Error(m(261));eh();P=null;J=0;return G}function zl(){for(;null!==M;)uj(M)}function vl(){for(;null!==M&&!Al();)uj(M)}function uj(a){var b=a.alternate;0!==(a.mode&2)?(Cb=na(),0>a.actualStartTime&&(a.actualStartTime=na()),b=vj(b,a,U),Td(a,!0)):b=vj(b,a,U);a.memoizedProps=
|
||||
a.pendingProps;null===b?tj(a):M=b;qg.current=null}function tj(a){var b=a;do{var c=b.alternate;a=b.return;if(0===(b.flags&32768)){if(0===(b.mode&2))c=$i(c,b,U);else{var d=b;Cb=na();0>d.actualStartTime&&(d.actualStartTime=na());c=$i(c,b,U);Td(b,!1)}if(null!==c){M=c;return}}else{c=kl(c,b);if(null!==c){c.flags&=32767;M=c;return}if(0!==(b.mode&2)){Td(b,!1);c=b.actualDuration;for(d=b.child;null!==d;)c+=d.actualDuration,d=d.sibling;b.actualDuration=c}if(null!==a)a.flags|=32768,a.subtreeFlags=0,a.deletions=
|
||||
null;else{G=6;M=null;return}}b=b.sibling;if(null!==b){M=b;return}M=b=a}while(null!==b);0===G&&(G=5)}function Gb(a,b,c){var d=x,e=ca.transition;try{ca.transition=null,x=1,Bl(a,b,c,d)}finally{ca.transition=e,x=d}return null}function Bl(a,b,c,d){do Eb();while(null!==qb);if(0!==(w&6))throw Error(m(327));c=a.finishedWork;var e=a.finishedLanes;null!==l&&"function"===typeof l.markCommitStarted&&l.markCommitStarted(e);if(null===c)return ah(),null;a.finishedWork=null;a.finishedLanes=0;if(c===a.current)throw Error(m(177));
|
||||
a.callbackNode=null;a.callbackPriority=0;var f=c.lanes|c.childLanes;fk(a,f);a===P&&(M=P=null,J=0);0===(c.subtreeFlags&2064)&&0===(c.flags&2064)||jc||(jc=!0,lg(tb,function(){Eb();return null}));f=0!==(c.flags&15990);if(0!==(c.subtreeFlags&15990)||f){f=ca.transition;ca.transition=null;var g=x;x=1;var h=w;w|=4;qg.current=null;ll(a,c);be=na();ql(a,c,e);Ek(fg);pd=!!eg;fg=eg=null;a.current=c;null!==l&&"function"===typeof l.markLayoutEffectsStarted&&l.markLayoutEffectsStarted(e);rl(c,a,e);null!==l&&"function"===
|
||||
typeof l.markLayoutEffectsStopped&&l.markLayoutEffectsStopped();Cl();w=h;x=g;ca.transition=f}else a.current=c,be=na();jc&&(jc=!1,qb=a,Zc=e);f=a.pendingLanes;0===f&&(nb=null);Yj(c.stateNode,d);ua&&a.memoizedUpdaters.clear();ia(a,Q());if(null!==b)for(d=a.onRecoverableError,c=0;c<b.length;c++)e=b[c],d(e.value,{componentStack:e.stack,digest:e.digest});if(Wd)throw Wd=!1,a=Uf,Uf=null,a;0!==(Zc&1)&&0!==a.tag&&Eb();f=a.pendingLanes;0!==(f&1)?(ge=!0,a===kg?Wc++:(Wc=0,kg=a)):Wc=0;ib();ah();return null}function Eb(){if(null!==
|
||||
qb){var a=ih(Zc),b=ca.transition,c=x;try{ca.transition=null;x=16>a?16:a;if(null===qb)var d=!1;else{a=qb;var e=Zc;qb=null;Zc=0;if(0!==(w&6))throw Error(m(331));null!==l&&"function"===typeof l.markPassiveEffectsStarted&&l.markPassiveEffectsStarted(e);e=w;w|=4;for(p=a.current;null!==p;){var f=p,g=f.child;if(0!==(p.flags&16)){var h=f.deletions;if(null!==h){for(var k=0;k<h.length;k++){var n=h[k];for(p=n;null!==p;){var t=p,u=t;switch(u.tag){case 0:case 11:case 15:u.mode&2?(dc=na(),Va(8,u,f),Of(u)):Va(8,
|
||||
u,f)}var q=t.child;if(null!==q)q.return=t,p=q;else for(;null!==p;){t=p;var z=t.sibling,v=t.return;dj(t);if(t===n){p=null;break}if(null!==z){z.return=v;p=z;break}p=v}}}var E=f.alternate;if(null!==E){var A=E.child;if(null!==A){E.child=null;do{var B=A.sibling;A.sibling=null;A=B}while(null!==A)}}p=f}}if(0!==(f.subtreeFlags&2064)&&null!==g)g.return=f,p=g;else b:for(;null!==p;){f=p;if(0!==(f.flags&2048))switch(k=f,k.tag){case 0:case 11:case 15:k.mode&2?(dc=na(),Va(9,k,k.return),Of(k)):Va(9,k,k.return)}var y=
|
||||
f.sibling;if(null!==y){y.return=f.return;p=y;break b}p=f.return}}var r=a.current;for(p=r;null!==p;){g=p;var F=g.child;if(0!==(g.subtreeFlags&2064)&&null!==F)F.return=g,p=F;else b:for(g=r;null!==p;){h=p;if(0!==(h.flags&2048))try{switch(n=h,n.tag){case 0:case 11:case 15:if(n.mode&2){dc=na();try{Db(9,n)}finally{Of(n)}}else Db(9,n)}}catch(wj){I(h,h.return,wj)}if(h===g){p=null;break b}var D=h.sibling;if(null!==D){D.return=h.return;p=D;break b}p=h.return}}r=rg;rg=[];for(F=0;F<r.length;F++){var C=r[F];if(0!==
|
||||
(C.flags&4))switch(C.tag){case 12:var H=C.stateNode.passiveEffectDuration,J=C.memoizedProps,M=J.id,K=J.onPostCommit;D=be;var L=null===C.alternate?"mount":"update";ce&&(L="nested-update");"function"===typeof K&&K(M,L,H,D);var G=C.return;b:for(;null!==G;){switch(G.tag){case 3:G.stateNode.passiveEffectDuration+=H;break b;case 12:G.stateNode.passiveEffectDuration+=H;break b}G=G.return}}}null!==l&&"function"===typeof l.markPassiveEffectsStopped&&l.markPassiveEffectsStopped();w=e;ib();if(Da&&"function"===
|
||||
typeof Da.onPostCommitFiberRoot)try{Da.onPostCommitFiberRoot(id,a)}catch(wj){}var O=a.current.stateNode;O.effectDuration=0;O.passiveEffectDuration=0;d=!0}return d}finally{x=c,ca.transition=b}}return!1}function sl(a){rg.push(a);jc||(jc=!0,lg(tb,function(){Eb();return null}))}function xj(a,b,c){b=ec(c,b);b=Ji(a,b,1);a=kb(a,b,1);b=aa();null!==a&&(wc(a,1,b),ia(a,b))}function I(a,b,c){if(3===a.tag)xj(a,a,c);else for(;null!==b;){if(3===b.tag){xj(b,a,c);break}else if(1===b.tag){var d=b.stateNode;if("function"===
|
||||
typeof b.type.getDerivedStateFromError||"function"===typeof d.componentDidCatch&&(null===nb||!nb.has(d))){a=ec(c,a);a=Ki(b,a,1);b=kb(b,a,1);a=aa();null!==b&&(wc(b,1,a),ia(b,a));break}}b=b.return}}function cl(a,b,c){var d=a.pingCache;null!==d&&d.delete(b);b=aa();a.pingedLanes|=a.suspendedLanes&c;P===a&&(J&c)===c&&(4===G||3===G&&(J&130023424)===J&&500>Q()-jg?Fb(a,0):og|=c);ia(a,b)}function yj(a,b){0===b&&(0===(a.mode&1)?b=1:(b=je,je<<=1,0===(je&130023424)&&(je=4194304)));var c=aa();a=Sa(a,b);null!==
|
||||
a&&(wc(a,b,c),ia(a,c))}function fl(a){var b=a.memoizedState,c=0;null!==b&&(c=b.retryLane);yj(a,c)}function pl(a,b){var c=0;switch(a.tag){case 13:var d=a.stateNode;var e=a.memoizedState;null!==e&&(c=e.retryLane);break;case 19:d=a.stateNode;break;default:throw Error(m(314));}null!==d&&d.delete(b);yj(a,c)}function Rc(a,b){ua&&a.memoizedUpdaters.forEach(function(c){gh(a,c,b)})}function lg(a,b){return $h(a,b)}function Dl(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=
|
||||
this.type=this.elementType=null;this.index=0;this.ref=null;this.pendingProps=b;this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.subtreeFlags=this.flags=0;this.deletions=null;this.childLanes=this.lanes=0;this.alternate=null;this.actualDuration=0;this.actualStartTime=-1;this.treeBaseDuration=this.selfBaseDuration=0}function Vf(a){a=a.prototype;return!(!a||!a.isReactComponent)}function El(a){if("function"===typeof a)return Vf(a)?1:0;if(void 0!==a&&null!==
|
||||
a){a=a.$$typeof;if(a===Be)return 11;if(a===Ce)return 14}return 2}function jb(a,b){var c=a.alternate;null===c?(c=qa(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.type=a.type,c.flags=0,c.subtreeFlags=0,c.deletions=null,c.actualDuration=0,c.actualStartTime=-1);c.flags=a.flags&14680064;c.childLanes=a.childLanes;c.lanes=a.lanes;c.child=a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=
|
||||
a.updateQueue;b=a.dependencies;c.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext};c.sibling=a.sibling;c.index=a.index;c.ref=a.ref;c.selfBaseDuration=a.selfBaseDuration;c.treeBaseDuration=a.treeBaseDuration;return c}function Hd(a,b,c,d,e,f){var g=2;d=a;if("function"===typeof a)Vf(a)&&(g=1);else if("string"===typeof a)g=5;else a:switch(a){case Kb:return yb(c.children,e,f,b);case ye:g=8;e|=8;break;case xe:return a=qa(12,c,b,e|2),a.elementType=xe,a.lanes=f,a.stateNode={effectDuration:0,
|
||||
passiveEffectDuration:0},a;case ze:return a=qa(13,c,b,e),a.elementType=ze,a.lanes=f,a;case Ae:return a=qa(19,c,b,e),a.elementType=Ae,a.lanes=f,a;case zj:return Yd(c,e,f,b);default:if("object"===typeof a&&null!==a)switch(a.$$typeof){case Fg:g=10;break a;case Eg:g=9;break a;case Be:g=11;break a;case Ce:g=14;break a;case Ya:g=16;d=null;break a}throw Error(m(130,null==a?a:typeof a,""));}b=qa(g,c,b,e);b.elementType=a;b.type=d;b.lanes=f;return b}function yb(a,b,c,d){a=qa(7,a,d,b);a.lanes=c;return a}function Yd(a,
|
||||
b,c,d){a=qa(22,a,d,b);a.elementType=zj;a.lanes=c;a.stateNode={isHidden:!1};return a}function uf(a,b,c){a=qa(6,a,null,b);a.lanes=c;return a}function vf(a,b,c){b=qa(4,null!==a.children?a.children:[],a.key,b);b.lanes=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}function Fl(a,b,c,d,e){this.tag=b;this.containerInfo=a;this.finishedWork=this.pingCache=this.current=this.pendingChildren=null;this.timeoutHandle=-1;this.callbackNode=this.pendingContext=
|
||||
this.context=null;this.callbackPriority=0;this.eventTimes=Re(0);this.expirationTimes=Re(-1);this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0;this.entanglements=Re(0);this.identifierPrefix=d;this.onRecoverableError=e;this.mutableSourceEagerHydrationData=null;this.passiveEffectDuration=this.effectDuration=0;this.memoizedUpdaters=new Set;a=this.pendingUpdatersLaneMap=[];for(b=0;31>b;b++)a.push(new Set)}function sg(a,
|
||||
b,c,d,e,f,g,h,k,l){a=new Fl(a,b,c,h,k);1===b?(b=1,!0===f&&(b|=8)):b=0;ua&&(b|=2);f=qa(3,null,null,b);a.current=f;f.stateNode=a;f.memoizedState={element:d,isDehydrated:c,cache:null,transitions:null,pendingSuspenseBoundaries:null};Bf(f);return a}function Gl(a,b,c){var d=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:Lb,key:null==d?null:""+d,children:a,containerInfo:b,implementation:c}}function Aj(a){if(!a)return hb;a=a._reactInternals;a:{if(sb(a)!==a||1!==a.tag)throw Error(m(170));
|
||||
var b=a;do{switch(b.tag){case 3:b=b.stateNode.context;break a;case 1:if(ea(b.type)){b=b.stateNode.__reactInternalMemoizedMergedChildContext;break a}}b=b.return}while(null!==b);throw Error(m(171));}if(1===a.tag){var c=a.type;if(ea(c))return Xh(a,c,b)}return b}function Bj(a,b,c,d,e,f,g,h,k,l){a=sg(c,d,!0,a,e,f,g,h,k);a.context=Aj(null);c=a.current;d=aa();e=mb(c);f=Ta(d,e);f.callback=void 0!==b&&null!==b?b:null;kb(c,f,e);a.current.lanes=e;wc(a,e,d);ia(a,d);return a}function ke(a,b,c,d){var e=b.current,
|
||||
f=aa(),g=mb(e);null!==l&&"function"===typeof l.markRenderScheduled&&l.markRenderScheduled(g);c=Aj(c);null===b.context?b.context=c:b.pendingContext=c;b=Ta(f,g);b.payload={element:a};d=void 0===d?null:d;null!==d&&(b.callback=d);a=kb(e,b,g);null!==a&&(ya(a,e,g,f),Ld(a,e,g));return g}function le(a){a=a.current;if(!a.child)return null;switch(a.child.tag){case 5:return a.child.stateNode;default:return a.child.stateNode}}function Cj(a,b){a=a.memoizedState;if(null!==a&&null!==a.dehydrated){var c=a.retryLane;
|
||||
a.retryLane=0!==c&&c<b?c:b}}function tg(a,b){Cj(a,b);(a=a.alternate)&&Cj(a,b)}function Hl(a){a=Zg(a);return null===a?null:a.stateNode}function Il(a){return null}function ug(a){this._internalRoot=a}function me(a){this._internalRoot=a}function vg(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType)}function ne(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType&&(8!==a.nodeType||" react-mount-point-unstable "!==a.nodeValue))}function Dj(){}function Jl(a,b,c,d,e){if(e){if("function"===
|
||||
typeof d){var f=d;d=function(){var a=le(g);f.call(a)}}var g=Bj(b,d,a,0,null,!1,!1,"",Dj);a._reactRootContainer=g;a[Ma]=g.current;Gc(8===a.nodeType?a.parentNode:a);Hb();return g}for(;e=a.lastChild;)a.removeChild(e);if("function"===typeof d){var h=d;d=function(){var a=le(k);h.call(a)}}var k=sg(a,0,!1,null,null,!1,!1,"",Dj);a._reactRootContainer=k;a[Ma]=k.current;Gc(8===a.nodeType?a.parentNode:a);Hb(function(){ke(b,k,c,d)});return k}function oe(a,b,c,d,e){var f=c._reactRootContainer;if(f){var g=f;if("function"===
|
||||
typeof e){var h=e;e=function(){var a=le(g);h.call(a)}}ke(b,g,a,e)}else g=Jl(c,b,a,e,d);return le(g)}var Ag=new Set,mc={},La=!("undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement),re=Object.prototype.hasOwnProperty,Jj=/^[: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][: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\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,
|
||||
Cg={},Bg={},S={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(a){S[a]=new Z(a,0,!1,a,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){var b=a[0];S[b]=new Z(b,1,!1,a[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(a){S[a]=new Z(a,2,!1,a.toLowerCase(),null,
|
||||
!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){S[a]=new Z(a,2,!1,a,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".split(" ").forEach(function(a){S[a]=new Z(a,3,!1,a.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(a){S[a]=
|
||||
new Z(a,3,!0,a,null,!1,!1)});["capture","download"].forEach(function(a){S[a]=new Z(a,4,!1,a,null,!1,!1)});["cols","rows","size","span"].forEach(function(a){S[a]=new Z(a,6,!1,a,null,!1,!1)});["rowSpan","start"].forEach(function(a){S[a]=new Z(a,5,!1,a.toLowerCase(),null,!1,!1)});var wg=/[\-:]([a-z])/g,xg=function(a){return a[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".split(" ").forEach(function(a){var b=
|
||||
a.replace(wg,xg);S[b]=new Z(b,1,!1,a,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(a){var b=a.replace(wg,xg);S[b]=new Z(b,1,!1,a,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(a){var b=a.replace(wg,xg);S[b]=new Z(b,1,!1,a,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(a){S[a]=new Z(a,1,!1,a.toLowerCase(),null,!1,!1)});S.xlinkHref=new Z("xlinkHref",
|
||||
1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(a){S[a]=new Z(a,1,!1,a.toLowerCase(),null,!0,!0)});var Xa=Ib.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Id=Symbol.for("react.element"),Lb=Symbol.for("react.portal"),Kb=Symbol.for("react.fragment"),ye=Symbol.for("react.strict_mode"),xe=Symbol.for("react.profiler"),Fg=Symbol.for("react.provider"),Eg=Symbol.for("react.context"),Be=Symbol.for("react.forward_ref"),ze=Symbol.for("react.suspense"),
|
||||
Ae=Symbol.for("react.suspense_list"),Ce=Symbol.for("react.memo"),Ya=Symbol.for("react.lazy");Symbol.for("react.scope");Symbol.for("react.debug_trace_mode");var zj=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden");Symbol.for("react.cache");Symbol.for("react.tracing_marker");var Dg=Symbol.iterator,D=Object.assign,te,ve=!1,pc=Array.isArray,pe,bj=function(a){return"undefined"!==typeof MSApp&&MSApp.execUnsafeLocalFunction?function(b,c,d,e){MSApp.execUnsafeLocalFunction(function(){return a(b,
|
||||
c,d,e)})}:a}(function(a,b){if("http://www.w3.org/2000/svg"!==a.namespaceURI||"innerHTML"in a)a.innerHTML=b;else{pe=pe||document.createElement("div");pe.innerHTML="<svg>"+b.valueOf().toString()+"</svg>";for(b=pe.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild)}}),Uc=function(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b},qc={animationIterationCount:!0,aspectRatio:!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},Kl=["Webkit","ms","Moz","O"];Object.keys(qc).forEach(function(a){Kl.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);qc[b]=qc[a]})});var Pj=D({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}),Ue=null,Le=null,Nb=null,Ob=null,Vg=function(a,b){return a(b)},Wg=function(){},Me=!1,hf=!1;if(La)try{var $c={};Object.defineProperty($c,
|
||||
"passive",{get:function(){hf=!0}});window.addEventListener("test",$c,$c);window.removeEventListener("test",$c,$c)}catch(a){hf=!1}var Rj=function(a,b,c,d,e,f,g,h,k){var l=Array.prototype.slice.call(arguments,3);try{b.apply(c,l)}catch(N){this.onError(N)}},tc=!1,gd=null,hd=!1,Ne=null,Sj={onError:function(a){tc=!0;gd=a}},Ca=Ib.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Scheduler,Ej=Ca.unstable_now,nh=Ca.unstable_scheduleCallback,oh=Ca.unstable_NormalPriority,$h=nh,oj=Ca.unstable_cancelCallback,
|
||||
Al=Ca.unstable_shouldYield,Cl=Ca.unstable_requestPaint,Q=Ej,ok=Ca.unstable_getCurrentPriorityLevel,jd=Ca.unstable_ImmediatePriority,Oe=Ca.unstable_UserBlockingPriority,tb=oh,pk=Ca.unstable_LowPriority,Pe=Ca.unstable_IdlePriority,id=null,Da=null,l=null,ua="undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__,ka=Math.clz32?Math.clz32:ak,bk=Math.log,ck=Math.LN2,md=64,je=4194304,x=0,Ve=!1,od=[],$a=null,ab=null,bb=null,xc=new Map,yc=new Map,cb=[],mk="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".split(" "),
|
||||
Qb=Xa.ReactCurrentBatchConfig,pd=!0,qd=null,db=null,Ye=null,rd=null,kc={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},af=la(kc),ad=D({},kc,{view:0,detail:0}),Lk=la(ad),yg,zg,bd,qe=D({},ad,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Ze,button:0,buttons:0,relatedTarget:function(a){return void 0===a.relatedTarget?a.fromElement===a.srcElement?a.toElement:a.fromElement:
|
||||
a.relatedTarget},movementX:function(a){if("movementX"in a)return a.movementX;a!==bd&&(bd&&"mousemove"===a.type?(yg=a.screenX-bd.screenX,zg=a.screenY-bd.screenY):zg=yg=0,bd=a);return yg},movementY:function(a){return"movementY"in a?a.movementY:zg}}),Lh=la(qe),Ll=D({},qe,{dataTransfer:0}),Hk=la(Ll),Ml=D({},ad,{relatedTarget:0}),kf=la(Ml),Nl=D({},kc,{animationName:0,elapsedTime:0,pseudoElement:0}),Jk=la(Nl),Ol=D({},kc,{clipboardData:function(a){return"clipboardData"in a?a.clipboardData:window.clipboardData}}),
|
||||
Nk=la(Ol),Pl=D({},kc,{data:0}),Th=la(Pl),Qk=Th,Ql={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Rl={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"},rk={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"},Sl=D({},ad,{key:function(a){if(a.key){var b=Ql[a.key]||a.key;if("Unidentified"!==b)return b}return"keypress"===a.type?(a=sd(a),13===a?"Enter":String.fromCharCode(a)):"keydown"===a.type||"keyup"===a.type?Rl[a.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,
|
||||
metaKey:0,repeat:0,locale:0,getModifierState:Ze,charCode:function(a){return"keypress"===a.type?sd(a):0},keyCode:function(a){return"keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return"keypress"===a.type?sd(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),Gk=la(Sl),Tl=D({},qe,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),Qh=la(Tl),Ul=D({},ad,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,
|
||||
ctrlKey:0,shiftKey:0,getModifierState:Ze}),Ik=la(Ul),Vl=D({},kc,{propertyName:0,elapsedTime:0,pseudoElement:0}),Kk=la(Vl),Wl=D({},qe,{deltaX:function(a){return"deltaX"in a?a.deltaX:"wheelDeltaX"in a?-a.wheelDeltaX:0},deltaY:function(a){return"deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:0,deltaMode:0}),Mk=la(Wl),sk=[9,13,27,32],$e=La&&"CompositionEvent"in window,cd=null;La&&"documentMode"in document&&(cd=document.documentMode);var Pk=La&&"TextEvent"in
|
||||
window&&!cd,wh=La&&(!$e||cd&&8<cd&&11>=cd),vh=String.fromCharCode(32),uh=!1,Rb=!1,vk={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},Cc=null,Dc=null,Sh=!1;La&&(Sh=wk("input")&&(!document.documentMode||9<document.documentMode));var va="function"===typeof Object.is?Object.is:Dk,Ok=La&&"documentMode"in document&&11>=document.documentMode,Tb=null,df=null,Fc=null,cf=!1,Ub={animationend:wd("Animation","AnimationEnd"),
|
||||
animationiteration:wd("Animation","AnimationIteration"),animationstart:wd("Animation","AnimationStart"),transitionend:wd("Transition","TransitionEnd")},ef={},Hh={};La&&(Hh=document.createElement("div").style,"AnimationEvent"in window||(delete Ub.animationend.animation,delete Ub.animationiteration.animation,delete Ub.animationstart.animation),"TransitionEvent"in window||delete Ub.transitionend.transition);var Mh=xd("animationend"),Nh=xd("animationiteration"),Oh=xd("animationstart"),Ph=xd("transitionend"),
|
||||
Ih=new Map,Fj="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");
|
||||
(function(){for(var a=0;a<Fj.length;a++){var b=Fj[a],c=b.toLowerCase();b=b[0].toUpperCase()+b.slice(1);eb(c,"on"+b)}eb(Mh,"onAnimationEnd");eb(Nh,"onAnimationIteration");eb(Oh,"onAnimationStart");eb("dblclick","onDoubleClick");eb("focusin","onFocus");eb("focusout","onBlur");eb(Ph,"onTransitionEnd")})();Jb("onMouseEnter",["mouseout","mouseover"]);Jb("onMouseLeave",["mouseout","mouseover"]);Jb("onPointerEnter",["pointerout","pointerover"]);Jb("onPointerLeave",["pointerout","pointerover"]);rb("onChange",
|
||||
"change click focusin focusout input keydown keyup selectionchange".split(" "));rb("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));rb("onBeforeInput",["compositionend","keypress","textInput","paste"]);rb("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));rb("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));rb("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));
|
||||
var Tc="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Fk=new Set("cancel close invalid load scroll toggle".split(" ").concat(Tc)),yd="_reactListening"+Math.random().toString(36).slice(2),Rk=/\r\n?/g,Sk=/\u0000|\uFFFD/g,eg=null,fg=null,ng="function"===typeof setTimeout?setTimeout:void 0,yl="function"===typeof clearTimeout?
|
||||
clearTimeout:void 0,Gj="function"===typeof Promise?Promise:void 0,ul="function"===typeof queueMicrotask?queueMicrotask:"undefined"!==typeof Gj?function(a){return Gj.resolve(null).then(a).catch(Tk)}:ng,lc=Math.random().toString(36).slice(2),Ea="__reactFiber$"+lc,Ic="__reactProps$"+lc,Ma="__reactContainer$"+lc,ff="__reactEvents$"+lc,ml="__reactListeners$"+lc,nl="__reactHandles$"+lc,nf=[],Wb=-1,hb={},K=gb(hb),T=gb(!1),vb=hb,Pa=null,Cd=!1,of=!1,Yb=[],Zb=0,Ed=null,Dd=0,oa=[],pa=0,xb=null,Qa=1,Ra="",ma=
|
||||
null,fa=null,C=!1,xa=null,tl=Xa.ReactCurrentBatchConfig,fc=fi(!0),Oi=fi(!1),Kd=gb(null),Jd=null,ac=null,xf=null,zb=null,Vk=Sa,lb=!1,Kc={},Fa=gb(Kc),Mc=gb(Kc),Lc=gb(Kc),H=gb(0),Ff=[],Od=Xa.ReactCurrentDispatcher,Nf=Xa.ReactCurrentBatchConfig,Bb=0,z=null,L=null,O=null,Qd=!1,Nc=!1,Oc=0,Xl=0,Pd={readContext:ra,useCallback:X,useContext:X,useEffect:X,useImperativeHandle:X,useInsertionEffect:X,useLayoutEffect:X,useMemo:X,useReducer:X,useRef:X,useState:X,useDebugValue:X,useDeferredValue:X,useTransition:X,
|
||||
useMutableSource:X,useSyncExternalStore:X,useId:X,unstable_isNewReconciler:!1},Wk={readContext:ra,useCallback:function(a,b){Ga().memoizedState=[a,void 0===b?null:b];return a},useContext:ra,useEffect:ui,useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;return Rd(4194308,4,xi.bind(null,b,a),c)},useLayoutEffect:function(a,b){return Rd(4194308,4,a,b)},useInsertionEffect:function(a,b){return Rd(4,2,a,b)},useMemo:function(a,b){var c=Ga();b=void 0===b?null:b;a=a();c.memoizedState=
|
||||
[a,b];return a},useReducer:function(a,b,c){var d=Ga();b=void 0!==c?c(b):b;d.memoizedState=d.baseState=b;a={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:a,lastRenderedState:b};d.queue=a;a=a.dispatch=al.bind(null,z,a);return[d.memoizedState,a]},useRef:function(a){var b=Ga();a={current:a};return b.memoizedState=a},useState:si,useDebugValue:Mf,useDeferredValue:function(a){return Ga().memoizedState=a},useTransition:function(){var a=si(!1),b=a[0];a=$k.bind(null,a[1]);Ga().memoizedState=
|
||||
a;return[b,a]},useMutableSource:function(a,b,c){},useSyncExternalStore:function(a,b,c){var d=z,e=Ga();if(C){if(void 0===c)throw Error(m(407));c=c()}else{c=b();if(null===P)throw Error(m(349));0!==(Bb&30)||pi(d,b,c)}e.memoizedState=c;var f={value:c,getSnapshot:b};e.queue=f;ui(ni.bind(null,d,f,a),[a]);d.flags|=2048;Qc(9,oi.bind(null,d,f,c,b),void 0,null);return c},useId:function(){var a=Ga(),b=P.identifierPrefix;if(C){var c=Ra;var d=Qa;c=(d&~(1<<32-ka(d)-1)).toString(32)+c;b=":"+b+"R"+c;c=Oc++;0<c&&
|
||||
(b+="H"+c.toString(32));b+=":"}else c=Xl++,b=":"+b+"r"+c.toString(32)+":";return a.memoizedState=b},unstable_isNewReconciler:!1},Xk={readContext:ra,useCallback:zi,useContext:ra,useEffect:Lf,useImperativeHandle:yi,useInsertionEffect:vi,useLayoutEffect:wi,useMemo:Ai,useReducer:Jf,useRef:ti,useState:function(a){return Jf(Pc)},useDebugValue:Mf,useDeferredValue:function(a){var b=ta();return Bi(b,L.memoizedState,a)},useTransition:function(){var a=Jf(Pc)[0],b=ta().memoizedState;return[a,b]},useMutableSource:li,
|
||||
useSyncExternalStore:mi,useId:Ci,unstable_isNewReconciler:!1},Yk={readContext:ra,useCallback:zi,useContext:ra,useEffect:Lf,useImperativeHandle:yi,useInsertionEffect:vi,useLayoutEffect:wi,useMemo:Ai,useReducer:Kf,useRef:ti,useState:function(a){return Kf(Pc)},useDebugValue:Mf,useDeferredValue:function(a){var b=ta();return null===L?b.memoizedState=a:Bi(b,L.memoizedState,a)},useTransition:function(){var a=Kf(Pc)[0],b=ta().memoizedState;return[a,b]},useMutableSource:li,useSyncExternalStore:mi,useId:Ci,
|
||||
unstable_isNewReconciler:!1},na=Ej,be=0,Ud=-1,Cb=-1,dc=-1,ce=!1,ge=!1,Vd={isMounted:function(a){return(a=a._reactInternals)?sb(a)===a:!1},enqueueSetState:function(a,b,c){a=a._reactInternals;var d=aa(),e=mb(a),f=Ta(d,e);f.payload=b;void 0!==c&&null!==c&&(f.callback=c);b=kb(a,f,e);null!==b&&(ya(b,a,e,d),Ld(b,a,e));kd(a,e)},enqueueReplaceState:function(a,b,c){a=a._reactInternals;var d=aa(),e=mb(a),f=Ta(d,e);f.tag=1;f.payload=b;void 0!==c&&null!==c&&(f.callback=c);b=kb(a,f,e);null!==b&&(ya(b,a,e,d),Ld(b,
|
||||
a,e));kd(a,e)},enqueueForceUpdate:function(a,b){a=a._reactInternals;var c=aa(),d=mb(a),e=Ta(c,d);e.tag=2;void 0!==b&&null!==b&&(e.callback=b);b=kb(a,e,d);null!==b&&(ya(b,a,d,c),Ld(b,a,d));null!==l&&"function"===typeof l.markForceUpdateScheduled&&l.markForceUpdateScheduled(a,d)}},bl="function"===typeof WeakMap?WeakMap:Map,dl=Xa.ReactCurrentOwner,ha=!1,Zf={dehydrated:null,treeContext:null,retryLane:0};var il=function(a,b,c,d){for(c=b.child;null!==c;){if(5===c.tag||6===c.tag)a.appendChild(c.stateNode);
|
||||
else if(4!==c.tag&&null!==c.child){c.child.return=c;c=c.child;continue}if(c===b)break;for(;null===c.sibling;){if(null===c.return||c.return===b)return;c=c.return}c.sibling.return=c.return;c=c.sibling}};var aj=function(a,b){};var hl=function(a,b,c,d,e){var f=a.memoizedProps;if(f!==d){a=b.stateNode;Ab(Fa.current);e=null;switch(c){case "input":f=De(a,f);d=De(a,d);e=[];break;case "select":f=D({},f,{value:void 0});d=D({},d,{value:void 0});e=[];break;case "textarea":f=Ge(a,f);d=Ge(a,d);e=[];break;default:"function"!==
|
||||
typeof f.onClick&&"function"===typeof d.onClick&&(a.onclick=Ad)}Ie(c,d);var g;c=null;for(l in f)if(!d.hasOwnProperty(l)&&f.hasOwnProperty(l)&&null!=f[l])if("style"===l){var h=f[l];for(g in h)h.hasOwnProperty(g)&&(c||(c={}),c[g]="")}else"dangerouslySetInnerHTML"!==l&&"children"!==l&&"suppressContentEditableWarning"!==l&&"suppressHydrationWarning"!==l&&"autoFocus"!==l&&(mc.hasOwnProperty(l)?e||(e=[]):(e=e||[]).push(l,null));for(l in d){var k=d[l];h=null!=f?f[l]:void 0;if(d.hasOwnProperty(l)&&k!==h&&
|
||||
(null!=k||null!=h))if("style"===l)if(h){for(g in h)!h.hasOwnProperty(g)||k&&k.hasOwnProperty(g)||(c||(c={}),c[g]="");for(g in k)k.hasOwnProperty(g)&&h[g]!==k[g]&&(c||(c={}),c[g]=k[g])}else c||(e||(e=[]),e.push(l,c)),c=k;else"dangerouslySetInnerHTML"===l?(k=k?k.__html:void 0,h=h?h.__html:void 0,null!=k&&h!==k&&(e=e||[]).push(l,k)):"children"===l?"string"!==typeof k&&"number"!==typeof k||(e=e||[]).push(l,""+k):"suppressContentEditableWarning"!==l&&"suppressHydrationWarning"!==l&&(mc.hasOwnProperty(l)?
|
||||
(null!=k&&"onScroll"===l&&A("scroll",a),e||h===k||(e=[])):(e=e||[]).push(l,k))}c&&(e=e||[]).push("style",c);var l=e;if(b.updateQueue=l)b.flags|=4}};var jl=function(a,b,c,d){c!==d&&(b.flags|=4)};var ae=!1,Y=!1,ol="function"===typeof WeakSet?WeakSet:Set,p=null,hc=null,ic=null,hj=function(a,b){b.props=a.memoizedProps;b.state=a.memoizedState;if(a.mode&2)try{Ia(),b.componentWillUnmount()}finally{Ha(a)}else b.componentWillUnmount()},cj=!1,W=null,Aa=!1,xl=Math.ceil,ie=Xa.ReactCurrentDispatcher,qg=Xa.ReactCurrentOwner,
|
||||
ca=Xa.ReactCurrentBatchConfig,w=0,P=null,M=null,J=0,U=0,Ja=gb(0),G=0,Xc=null,sa=0,fe=0,og=0,Yc=null,ja=null,jg=0,dg=Infinity,Wa=null,Wd=!1,Uf=null,nb=null,jc=!1,qb=null,Zc=0,rg=[],Wc=0,kg=null,de=-1,ee=0;var vj=function(a,b,c){if(null!==a)if(a.memoizedProps!==b.pendingProps||T.current)ha=!0;else{if(0===(a.lanes&c)&&0===(b.flags&128))return ha=!1,gl(a,b,c);ha=0!==(a.flags&131072)?!0:!1}else ha=!1,C&&0!==(b.flags&1048576)&&ai(b,Dd,b.index);b.lanes=0;switch(b.tag){case 2:var d=b.type;Xd(a,b);a=b.pendingProps;
|
||||
var e=Xb(b,K.current);bc(b,c);uc(b);e=Hf(null,b,d,a,e,c);var f=If();Pb();b.flags|=1;"object"===typeof e&&null!==e&&"function"===typeof e.render&&void 0===e.$$typeof?(b.tag=1,b.memoizedState=null,b.updateQueue=null,ea(d)?(f=!0,Bd(b)):f=!1,b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null,Bf(b),e.updater=Vd,b.stateNode=e,e._reactInternals=b,Rf(b,d,a,c),b=Xf(null,b,d,!0,f,c)):(b.tag=0,C&&f&&pf(b),ba(null,b,e,c),b=b.child);return b;case 16:d=b.elementType;a:{Xd(a,b);a=b.pendingProps;e=d._init;
|
||||
d=e(d._payload);b.type=d;e=b.tag=El(d);a=za(d,a);switch(e){case 0:b=Wf(null,b,d,a,c);break a;case 1:b=Ui(null,b,d,a,c);break a;case 11:b=Pi(null,b,d,a,c);break a;case 14:b=Qi(null,b,d,za(d.type,a),c);break a}throw Error(m(306,d,""));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:za(d,e),Wf(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:za(d,e),Ui(a,b,d,e,c);case 3:a:{Vi(b);if(null===a)throw Error(m(387));d=b.pendingProps;f=b.memoizedState;e=f.element;
|
||||
hi(a,b);Md(b,d,null,c);var g=b.memoizedState;d=g.element;if(f.isDehydrated)if(f={element:d,isDehydrated:!1,cache:g.cache,pendingSuspenseBoundaries:g.pendingSuspenseBoundaries,transitions:g.transitions},b.updateQueue.baseState=f,b.memoizedState=f,b.flags&256){e=ec(Error(m(423)),b);b=Wi(a,b,d,c,e);break a}else if(d!==e){e=ec(Error(m(424)),b);b=Wi(a,b,d,c,e);break a}else for(fa=Oa(b.stateNode.containerInfo.firstChild),ma=b,C=!0,xa=null,c=Oi(b,null,d,c),b.child=c;c;)c.flags=c.flags&-3|4096,c=c.sibling;
|
||||
else{$b();if(d===e){b=Ua(a,b,c);break a}ba(a,b,d,c)}b=b.child}return b;case 5:return ki(b),null===a&&sf(b),d=b.type,e=b.pendingProps,f=null!==a?a.memoizedProps:null,g=e.children,lf(d,e)?g=null:null!==f&&lf(d,f)&&(b.flags|=32),Ti(a,b),ba(a,b,g,c),b.child;case 6:return null===a&&sf(b),null;case 13:return Xi(a,b,c);case 4:return Cf(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=fc(b,null,d,c):ba(a,b,d,c),b.child;case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:za(d,e),Pi(a,
|
||||
b,d,e,c);case 7:return ba(a,b,b.pendingProps,c),b.child;case 8:return ba(a,b,b.pendingProps.children,c),b.child;case 12:return b.flags|=4,d=b.stateNode,d.effectDuration=0,d.passiveEffectDuration=0,ba(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;f=b.memoizedProps;g=e.value;E(Kd,d._currentValue);d._currentValue=g;if(null!==f)if(va(f.value,g)){if(f.children===e.children&&!T.current){b=Ua(a,b,c);break a}}else for(f=b.child,null!==f&&(f.return=b);null!==f;){var h=
|
||||
f.dependencies;if(null!==h){g=f.child;for(var k=h.firstContext;null!==k;){if(k.context===d){if(1===f.tag){k=Ta(-1,c&-c);k.tag=2;var l=f.updateQueue;if(null!==l){l=l.shared;var p=l.pending;null===p?k.next=k:(k.next=p.next,p.next=k);l.pending=k}}f.lanes|=c;k=f.alternate;null!==k&&(k.lanes|=c);zf(f.return,c,b);h.lanes|=c;break}k=k.next}}else if(10===f.tag)g=f.type===b.type?null:f.child;else if(18===f.tag){g=f.return;if(null===g)throw Error(m(341));g.lanes|=c;h=g.alternate;null!==h&&(h.lanes|=c);zf(g,
|
||||
c,b);g=f.sibling}else g=f.child;if(null!==g)g.return=f;else for(g=f;null!==g;){if(g===b){g=null;break}f=g.sibling;if(null!==f){f.return=g.return;g=f;break}g=g.return}f=g}ba(a,b,e.children,c);b=b.child}return b;case 9:return e=b.type,d=b.pendingProps.children,bc(b,c),e=ra(e),uc(b),d=d(e),Pb(),b.flags|=1,ba(a,b,d,c),b.child;case 14:return d=b.type,e=za(d,b.pendingProps),e=za(d.type,e),Qi(a,b,d,e,c);case 15:return Ri(a,b,b.type,b.pendingProps,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===
|
||||
d?e:za(d,e),Xd(a,b),b.tag=1,ea(d)?(a=!0,Bd(b)):a=!1,bc(b,c),Hi(b,d,e),Rf(b,d,e,c),Xf(null,b,d,!0,a,c);case 19:return Zi(a,b,c);case 22:return Si(a,b,c)}throw Error(m(156,b.tag));};var qa=function(a,b,c,d){return new Dl(a,b,c,d)},Hj="function"===typeof reportError?reportError:function(a){console.error(a)};me.prototype.render=ug.prototype.render=function(a){var b=this._internalRoot;if(null===b)throw Error(m(409));ke(a,b,null,null)};me.prototype.unmount=ug.prototype.unmount=function(){var a=this._internalRoot;
|
||||
if(null!==a){this._internalRoot=null;var b=a.containerInfo;Hb(function(){ke(null,a,null,null)});b[Ma]=null}};me.prototype.unstable_scheduleHydration=function(a){if(a){var b=Yl();a={blockedOn:null,target:a,priority:b};for(var c=0;c<cb.length&&0!==b&&b<cb[c].priority;c++);cb.splice(c,0,a);0===c&&lh(a)}};var nk=function(a){switch(a.tag){case 3:var b=a.stateNode;if(b.current.memoizedState.isDehydrated){var c=vc(b.pendingLanes);0!==c&&(Se(b,c|1),ia(b,Q()),0===(w&6)&&(Vc(),ib()))}break;case 13:Hb(function(){var b=
|
||||
Sa(a,1);if(null!==b){var c=aa();ya(b,a,1,c)}}),tg(a,1)}};var kh=function(a){if(13===a.tag){var b=Sa(a,134217728);if(null!==b){var c=aa();ya(b,a,134217728,c)}tg(a,134217728)}};var ik=function(a){if(13===a.tag){var b=mb(a),c=Sa(a,b);if(null!==c){var d=aa();ya(c,a,b,d)}tg(a,b)}};var Yl=function(){return x};var hk=function(a,b){var c=x;try{return x=a,b()}finally{x=c}};Le=function(a,b,c){switch(b){case "input":Ee(a,c);b=c.name;if("radio"===c.type&&null!=b){for(c=a;c.parentNode;)c=c.parentNode;c=c.querySelectorAll("input[name="+
|
||||
JSON.stringify(""+b)+'][type="radio"]');for(b=0;b<c.length;b++){var d=c[b];if(d!==a&&d.form===a.form){var e=fd(d);if(!e)throw Error(m(90));Hg(d);Ee(d,e)}}}break;case "textarea":Mg(a,c);break;case "select":b=c.value,null!=b&&Mb(a,!!c.multiple,b,!1)}};(function(a,b,c){Vg=a;Wg=c})(pg,function(a,b,c,d,e){var f=x,g=ca.transition;try{return ca.transition=null,x=1,a(b,c,d,e)}finally{x=f,ca.transition=g,0===w&&Vc()}},Hb);var Zl={usingClientEntryPoint:!1,Events:[rc,Sb,fd,Sg,Tg,pg]};(function(a){return Vj({bundleType:a.bundleType,
|
||||
version:a.version,rendererPackageName:a.rendererPackageName,rendererConfig:a.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:Xa.ReactCurrentDispatcher,findHostInstanceByFiber:Hl,findFiberByHostInstance:a.findFiberByHostInstance||Il,findHostInstancesForRefresh:null,scheduleRefresh:null,
|
||||
scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1"})})({findFiberByHostInstance:ub,bundleType:0,version:"18.3.1-next-f1338f8080-20240426",rendererPackageName:"react-dom"});R.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=Zl;R.createPortal=function(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!vg(b))throw Error(m(200));return Gl(a,b,null,c)};R.createRoot=function(a,b){if(!vg(a))throw Error(m(299));var c=
|
||||
!1,d="",e=Hj;null!==b&&void 0!==b&&(!0===b.unstable_strictMode&&(c=!0),void 0!==b.identifierPrefix&&(d=b.identifierPrefix),void 0!==b.onRecoverableError&&(e=b.onRecoverableError));b=sg(a,1,!1,null,null,c,!1,d,e);a[Ma]=b.current;Gc(8===a.nodeType?a.parentNode:a);return new ug(b)};R.findDOMNode=function(a){if(null==a)return null;if(1===a.nodeType)return a;var b=a._reactInternals;if(void 0===b){if("function"===typeof a.render)throw Error(m(188));a=Object.keys(a).join(",");throw Error(m(268,a));}a=Zg(b);
|
||||
a=null===a?null:a.stateNode;return a};R.flushSync=function(a){return Hb(a)};R.hydrate=function(a,b,c){if(!ne(b))throw Error(m(200));return oe(null,a,b,!0,c)};R.hydrateRoot=function(a,b,c){if(!vg(a))throw Error(m(405));var d=null!=c&&c.hydratedSources||null,e=!1,f="",g=Hj;null!==c&&void 0!==c&&(!0===c.unstable_strictMode&&(e=!0),void 0!==c.identifierPrefix&&(f=c.identifierPrefix),void 0!==c.onRecoverableError&&(g=c.onRecoverableError));b=Bj(b,null,a,1,null!=c?c:null,e,!1,f,g);a[Ma]=b.current;Gc(a);
|
||||
if(d)for(a=0;a<d.length;a++)c=d[a],e=c._getVersion,e=e(c._source),null==b.mutableSourceEagerHydrationData?b.mutableSourceEagerHydrationData=[c,e]:b.mutableSourceEagerHydrationData.push(c,e);return new me(b)};R.render=function(a,b,c){if(!ne(b))throw Error(m(200));return oe(null,a,b,!1,c)};R.unmountComponentAtNode=function(a){if(!ne(a))throw Error(m(40));return a._reactRootContainer?(Hb(function(){oe(null,null,a,!1,function(){a._reactRootContainer=null;a[Ma]=null})}),!0):!1};R.unstable_batchedUpdates=
|
||||
pg;R.unstable_renderSubtreeIntoContainer=function(a,b,c,d){if(!ne(c))throw Error(m(200));if(null==a||void 0===a._reactInternals)throw Error(m(38));return oe(a,b,c,!1,d)};R.version="18.3.1-next-f1338f8080-20240426"});
|
||||
})();
|
||||
Reference in New Issue
Block a user