react-dom 16.11.0 → 16.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build-info.json +5 -5
- package/cjs/react-dom-server.browser.development.js +331 -596
- package/cjs/react-dom-server.browser.production.min.js +37 -37
- package/cjs/react-dom-server.node.development.js +330 -595
- package/cjs/react-dom-server.node.production.min.js +38 -38
- package/cjs/react-dom-test-utils.development.js +171 -326
- package/cjs/react-dom-test-utils.production.min.js +17 -17
- package/cjs/react-dom-unstable-fizz.browser.development.js +11 -25
- package/cjs/react-dom-unstable-fizz.browser.production.min.js +3 -3
- package/cjs/react-dom-unstable-fizz.node.development.js +24 -27
- package/cjs/react-dom-unstable-fizz.node.production.min.js +4 -3
- package/cjs/react-dom-unstable-native-dependencies.development.js +190 -305
- package/cjs/react-dom-unstable-native-dependencies.production.min.js +23 -27
- package/cjs/react-dom.development.js +9554 -12269
- package/cjs/react-dom.production.min.js +280 -278
- package/cjs/react-dom.profiling.min.js +285 -282
- package/package.json +30 -25
- package/umd/react-dom-server.browser.development.js +3320 -3596
- package/umd/react-dom-server.browser.production.min.js +35 -35
- package/umd/react-dom-test-utils.development.js +1200 -1355
- package/umd/react-dom-test-utils.production.min.js +23 -23
- package/umd/react-dom-unstable-fizz.browser.development.js +105 -119
- package/umd/react-dom-unstable-fizz.browser.production.min.js +3 -3
- package/umd/react-dom-unstable-native-dependencies.development.js +1333 -1449
- package/umd/react-dom-unstable-native-dependencies.production.min.js +21 -22
- package/umd/react-dom.development.js +19871 -22597
- package/umd/react-dom.production.min.js +229 -231
- package/umd/react-dom.profiling.min.js +237 -239
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license React v16.
|
|
1
|
+
/** @license React v16.14.0
|
|
2
2
|
* react-dom-server.node.development.js
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
@@ -15,67 +15,92 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
15
15
|
(function() {
|
|
16
16
|
'use strict';
|
|
17
17
|
|
|
18
|
-
var _assign = require('object-assign');
|
|
19
18
|
var React = require('react');
|
|
19
|
+
var _assign = require('object-assign');
|
|
20
20
|
var checkPropTypes = require('prop-types/checkPropTypes');
|
|
21
21
|
var stream = require('stream');
|
|
22
22
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
var ReactVersion = '16.11.0';
|
|
23
|
+
var ReactVersion = '16.14.0';
|
|
26
24
|
|
|
27
25
|
// Do not require this module directly! Use normal `invariant` calls with
|
|
28
26
|
// template literal strings. The messages will be replaced with error codes
|
|
29
27
|
// during build.
|
|
28
|
+
function formatProdErrorMessage(code) {
|
|
29
|
+
var url = 'https://reactjs.org/docs/error-decoder.html?invariant=' + code;
|
|
30
30
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
* Provide sprintf-style format (only %s is supported) and arguments
|
|
35
|
-
* to provide information about what broke and what you were
|
|
36
|
-
* expecting.
|
|
37
|
-
*
|
|
38
|
-
* The invariant message will be stripped in production, but the invariant
|
|
39
|
-
* will remain to ensure logic does not differ in production.
|
|
40
|
-
*/
|
|
31
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
32
|
+
url += '&args[]=' + encodeURIComponent(arguments[i]);
|
|
33
|
+
}
|
|
41
34
|
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
* This can be used to log issues in development environments in critical
|
|
45
|
-
* paths. Removing the logging code for production environments will keep the
|
|
46
|
-
* same logic and follow the same code paths.
|
|
47
|
-
*/
|
|
48
|
-
var warningWithoutStack = function () {};
|
|
35
|
+
return "Minified React error #" + code + "; visit " + url + " for the full message or " + 'use the non-minified dev environment for full errors and additional ' + 'helpful warnings.';
|
|
36
|
+
}
|
|
49
37
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
args[_key - 2] = arguments[_key];
|
|
54
|
-
}
|
|
38
|
+
var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Prevent newer renderers from RTE when used with older react package versions.
|
|
39
|
+
// Current owner and dispatcher used to share the same ref,
|
|
40
|
+
// but PR #14548 split them out to better support the react-debug-tools package.
|
|
55
41
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
42
|
+
if (!ReactSharedInternals.hasOwnProperty('ReactCurrentDispatcher')) {
|
|
43
|
+
ReactSharedInternals.ReactCurrentDispatcher = {
|
|
44
|
+
current: null
|
|
45
|
+
};
|
|
46
|
+
}
|
|
59
47
|
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
48
|
+
if (!ReactSharedInternals.hasOwnProperty('ReactCurrentBatchConfig')) {
|
|
49
|
+
ReactSharedInternals.ReactCurrentBatchConfig = {
|
|
50
|
+
suspense: null
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
// by calls to these methods by a Babel plugin.
|
|
55
|
+
//
|
|
56
|
+
// In PROD (or in packages without access to React internals),
|
|
57
|
+
// they are left as they are instead.
|
|
58
|
+
|
|
59
|
+
function warn(format) {
|
|
60
|
+
{
|
|
61
|
+
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
62
|
+
args[_key - 1] = arguments[_key];
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
-
|
|
66
|
-
|
|
65
|
+
printWarning('warn', format, args);
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
function error(format) {
|
|
69
|
+
{
|
|
70
|
+
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
|
71
|
+
args[_key2 - 1] = arguments[_key2];
|
|
67
72
|
}
|
|
68
73
|
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
74
|
+
printWarning('error', format, args);
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
function printWarning(level, format, args) {
|
|
79
|
+
// When changing this logic, you might want to also
|
|
80
|
+
// update consoleWithStackDev.www.js as well.
|
|
81
|
+
{
|
|
82
|
+
var hasExistingStack = args.length > 0 && typeof args[args.length - 1] === 'string' && args[args.length - 1].indexOf('\n in') === 0;
|
|
75
83
|
|
|
76
|
-
|
|
84
|
+
if (!hasExistingStack) {
|
|
85
|
+
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
|
86
|
+
var stack = ReactDebugCurrentFrame.getStackAddendum();
|
|
87
|
+
|
|
88
|
+
if (stack !== '') {
|
|
89
|
+
format += '%s';
|
|
90
|
+
args = args.concat([stack]);
|
|
91
|
+
}
|
|
77
92
|
}
|
|
78
93
|
|
|
94
|
+
var argsWithFormat = args.map(function (item) {
|
|
95
|
+
return '' + item;
|
|
96
|
+
}); // Careful: RN currently depends on this prefix
|
|
97
|
+
|
|
98
|
+
argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
|
|
99
|
+
// breaks IE9: https://github.com/facebook/react/issues/13610
|
|
100
|
+
// eslint-disable-next-line react-internal/no-production-logging
|
|
101
|
+
|
|
102
|
+
Function.prototype.apply.call(console[level], console, argsWithFormat);
|
|
103
|
+
|
|
79
104
|
try {
|
|
80
105
|
// --- Welcome to debugging React ---
|
|
81
106
|
// This error was thrown as a convenience so that you can use this stack
|
|
@@ -86,78 +111,28 @@ var warningWithoutStack = function () {};
|
|
|
86
111
|
});
|
|
87
112
|
throw new Error(message);
|
|
88
113
|
} catch (x) {}
|
|
89
|
-
}
|
|
114
|
+
}
|
|
90
115
|
}
|
|
91
116
|
|
|
92
|
-
var warningWithoutStack$1 = warningWithoutStack;
|
|
93
|
-
|
|
94
117
|
// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
|
|
95
118
|
// nor polyfill, then a plain number is used for performance.
|
|
96
119
|
var hasSymbol = typeof Symbol === 'function' && Symbol.for;
|
|
97
|
-
|
|
98
120
|
var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
|
|
99
121
|
var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
|
|
100
122
|
var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
|
|
101
123
|
var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
|
|
102
124
|
var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
|
|
103
125
|
var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
|
|
104
|
-
// (unstable) APIs that have been removed. Can we remove the symbols?
|
|
105
|
-
|
|
106
|
-
|
|
107
126
|
var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
|
|
108
127
|
var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
|
|
109
128
|
var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
|
|
110
129
|
var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
|
|
111
130
|
var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
|
|
112
131
|
var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
|
|
132
|
+
var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
|
|
113
133
|
var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
|
|
114
|
-
|
|
115
134
|
var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
|
|
116
135
|
|
|
117
|
-
var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Prevent newer renderers from RTE when used with older react package versions.
|
|
118
|
-
// Current owner and dispatcher used to share the same ref,
|
|
119
|
-
// but PR #14548 split them out to better support the react-debug-tools package.
|
|
120
|
-
|
|
121
|
-
if (!ReactSharedInternals.hasOwnProperty('ReactCurrentDispatcher')) {
|
|
122
|
-
ReactSharedInternals.ReactCurrentDispatcher = {
|
|
123
|
-
current: null
|
|
124
|
-
};
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
if (!ReactSharedInternals.hasOwnProperty('ReactCurrentBatchConfig')) {
|
|
128
|
-
ReactSharedInternals.ReactCurrentBatchConfig = {
|
|
129
|
-
suspense: null
|
|
130
|
-
};
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
/**
|
|
134
|
-
* Similar to invariant but only logs a warning if the condition is not met.
|
|
135
|
-
* This can be used to log issues in development environments in critical
|
|
136
|
-
* paths. Removing the logging code for production environments will keep the
|
|
137
|
-
* same logic and follow the same code paths.
|
|
138
|
-
*/
|
|
139
|
-
|
|
140
|
-
var warning = warningWithoutStack$1;
|
|
141
|
-
|
|
142
|
-
{
|
|
143
|
-
warning = function (condition, format) {
|
|
144
|
-
if (condition) {
|
|
145
|
-
return;
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
|
149
|
-
var stack = ReactDebugCurrentFrame.getStackAddendum(); // eslint-disable-next-line react-internal/warning-and-invariant-args
|
|
150
|
-
|
|
151
|
-
for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
|
|
152
|
-
args[_key - 2] = arguments[_key];
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
warningWithoutStack$1.apply(void 0, [false, format + '%s'].concat(args, [stack]));
|
|
156
|
-
};
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
var warning$1 = warning;
|
|
160
|
-
|
|
161
136
|
var Uninitialized = -1;
|
|
162
137
|
var Pending = 0;
|
|
163
138
|
var Resolved = 1;
|
|
@@ -177,7 +152,7 @@ function initializeLazyComponentType(lazyComponent) {
|
|
|
177
152
|
|
|
178
153
|
{
|
|
179
154
|
if (defaultExport === undefined) {
|
|
180
|
-
|
|
155
|
+
error('lazy: Expected the result of a dynamic import() call. ' + 'Instead received: %s\n\nYour code should look like: \n ' + "const MyComponent = lazy(() => import('./MyComponent'))", moduleObject);
|
|
181
156
|
}
|
|
182
157
|
}
|
|
183
158
|
|
|
@@ -206,7 +181,7 @@ function getComponentName(type) {
|
|
|
206
181
|
|
|
207
182
|
{
|
|
208
183
|
if (typeof type.tag === 'number') {
|
|
209
|
-
|
|
184
|
+
error('Received an unexpected object in getComponentName(). ' + 'This is likely a bug in React. Please file an issue.');
|
|
210
185
|
}
|
|
211
186
|
}
|
|
212
187
|
|
|
@@ -252,6 +227,9 @@ function getComponentName(type) {
|
|
|
252
227
|
case REACT_MEMO_TYPE:
|
|
253
228
|
return getComponentName(type.type);
|
|
254
229
|
|
|
230
|
+
case REACT_BLOCK_TYPE:
|
|
231
|
+
return getComponentName(type.render);
|
|
232
|
+
|
|
255
233
|
case REACT_LAZY_TYPE:
|
|
256
234
|
{
|
|
257
235
|
var thenable = type;
|
|
@@ -269,63 +247,8 @@ function getComponentName(type) {
|
|
|
269
247
|
return null;
|
|
270
248
|
}
|
|
271
249
|
|
|
272
|
-
/**
|
|
273
|
-
* Forked from fbjs/warning:
|
|
274
|
-
* https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
|
|
275
|
-
*
|
|
276
|
-
* Only change is we use console.warn instead of console.error,
|
|
277
|
-
* and do nothing when 'console' is not supported.
|
|
278
|
-
* This really simplifies the code.
|
|
279
|
-
* ---
|
|
280
|
-
* Similar to invariant but only logs a warning if the condition is not met.
|
|
281
|
-
* This can be used to log issues in development environments in critical
|
|
282
|
-
* paths. Removing the logging code for production environments will keep the
|
|
283
|
-
* same logic and follow the same code paths.
|
|
284
|
-
*/
|
|
285
|
-
var lowPriorityWarningWithoutStack = function () {};
|
|
286
|
-
|
|
287
|
-
{
|
|
288
|
-
var printWarning = function (format) {
|
|
289
|
-
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
290
|
-
args[_key - 1] = arguments[_key];
|
|
291
|
-
}
|
|
292
|
-
|
|
293
|
-
var argIndex = 0;
|
|
294
|
-
var message = 'Warning: ' + format.replace(/%s/g, function () {
|
|
295
|
-
return args[argIndex++];
|
|
296
|
-
});
|
|
297
|
-
|
|
298
|
-
if (typeof console !== 'undefined') {
|
|
299
|
-
console.warn(message);
|
|
300
|
-
}
|
|
301
|
-
|
|
302
|
-
try {
|
|
303
|
-
// --- Welcome to debugging React ---
|
|
304
|
-
// This error was thrown as a convenience so that you can use this stack
|
|
305
|
-
// to find the callsite that caused this warning to fire.
|
|
306
|
-
throw new Error(message);
|
|
307
|
-
} catch (x) {}
|
|
308
|
-
};
|
|
309
|
-
|
|
310
|
-
lowPriorityWarningWithoutStack = function (condition, format) {
|
|
311
|
-
if (format === undefined) {
|
|
312
|
-
throw new Error('`lowPriorityWarningWithoutStack(condition, format, ...args)` requires a warning ' + 'message argument');
|
|
313
|
-
}
|
|
314
|
-
|
|
315
|
-
if (!condition) {
|
|
316
|
-
for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
|
|
317
|
-
args[_key2 - 2] = arguments[_key2];
|
|
318
|
-
}
|
|
319
|
-
|
|
320
|
-
printWarning.apply(void 0, [format].concat(args));
|
|
321
|
-
}
|
|
322
|
-
};
|
|
323
|
-
}
|
|
324
|
-
|
|
325
|
-
var lowPriorityWarningWithoutStack$1 = lowPriorityWarningWithoutStack;
|
|
326
|
-
|
|
327
250
|
var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
|
|
328
|
-
|
|
251
|
+
function describeComponentFrame (name, source, ownerName) {
|
|
329
252
|
var sourceInfo = '';
|
|
330
253
|
|
|
331
254
|
if (source) {
|
|
@@ -355,73 +278,17 @@ var describeComponentFrame = function (name, source, ownerName) {
|
|
|
355
278
|
}
|
|
356
279
|
|
|
357
280
|
return '\n in ' + (name || 'Unknown') + sourceInfo;
|
|
358
|
-
}
|
|
359
|
-
|
|
360
|
-
// Helps identify side effects in begin-phase lifecycle hooks and setState reducers:
|
|
361
|
-
|
|
362
|
-
// In some cases, StrictMode should also double-render lifecycles.
|
|
363
|
-
// This can be confusing for tests though,
|
|
364
|
-
// And it can be bad for performance in production.
|
|
365
|
-
// This feature flag can be used to control the behavior:
|
|
366
|
-
|
|
367
|
-
// To preserve the "Pause on caught exceptions" behavior of the debugger, we
|
|
368
|
-
// replay the begin phase of a failed component inside invokeGuardedCallback.
|
|
369
|
-
|
|
370
|
-
// Warn about deprecated, async-unsafe lifecycles; relates to RFC #6:
|
|
371
|
-
|
|
372
|
-
var warnAboutDeprecatedLifecycles = true; // Gather advanced timing metrics for Profiler subtrees.
|
|
373
|
-
|
|
374
|
-
// Trace which interactions trigger each commit.
|
|
375
|
-
|
|
376
|
-
// SSR experiments
|
|
281
|
+
}
|
|
377
282
|
|
|
378
283
|
var enableSuspenseServerRenderer = false;
|
|
379
|
-
// Only used in www builds.
|
|
380
|
-
|
|
381
|
-
// Only used in www builds.
|
|
382
|
-
|
|
383
|
-
// Disable javascript: URL strings in href for XSS protection.
|
|
384
|
-
|
|
385
|
-
var disableJavaScriptURLs = false; // React Fire: prevent the value and checked attributes from syncing
|
|
386
|
-
// with their related DOM properties
|
|
387
|
-
|
|
388
|
-
// These APIs will no longer be "unstable" in the upcoming 16.7 release,
|
|
389
|
-
// Control this behavior with a flag to support 16.6 minor releases in the meanwhile.
|
|
390
|
-
|
|
391
284
|
|
|
392
|
-
|
|
285
|
+
var enableDeprecatedFlareAPI = false; // Experimental Host Component support.
|
|
393
286
|
|
|
394
|
-
var
|
|
395
|
-
|
|
396
|
-
var enableFundamentalAPI = false; // Experimental Scope support.
|
|
397
|
-
|
|
398
|
-
var enableScopeAPI = false; // New API for JSX transforms to target - https://github.com/reactjs/rfcs/pull/107
|
|
399
|
-
|
|
400
|
-
// We will enforce mocking scheduler with scheduler/unstable_mock at some point. (v17?)
|
|
401
|
-
// Till then, we warn about the missing mock, but still fallback to a sync mode compatible version
|
|
402
|
-
|
|
403
|
-
// For tests, we flush suspense fallbacks in an act scope;
|
|
404
|
-
// *except* in some of our own tests, where we test incremental loading states.
|
|
405
|
-
|
|
406
|
-
// Add a callback property to suspense to notify which promises are currently
|
|
407
|
-
// in the update queue. This allows reporting and tracing of what is causing
|
|
408
|
-
// the user to see a loading state.
|
|
409
|
-
// Also allows hydration callbacks to fire when a dehydrated boundary gets
|
|
410
|
-
// hydrated or deleted.
|
|
411
|
-
|
|
412
|
-
// Part of the simplification of React.createElement so we can eventually move
|
|
413
|
-
// from React.createElement to React.jsx
|
|
414
|
-
// https://github.com/reactjs/rfcs/blob/createlement-rfc/text/0000-create-element-changes.md
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
var disableLegacyContext = false;
|
|
419
|
-
|
|
420
|
-
var ReactDebugCurrentFrame$1;
|
|
287
|
+
var ReactDebugCurrentFrame;
|
|
421
288
|
var didWarnAboutInvalidateContextType;
|
|
422
289
|
|
|
423
290
|
{
|
|
424
|
-
ReactDebugCurrentFrame
|
|
291
|
+
ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
|
425
292
|
didWarnAboutInvalidateContextType = new Set();
|
|
426
293
|
}
|
|
427
294
|
|
|
@@ -449,7 +316,7 @@ function maskContext(type, context) {
|
|
|
449
316
|
|
|
450
317
|
function checkContextTypes(typeSpecs, values, location) {
|
|
451
318
|
{
|
|
452
|
-
checkPropTypes(typeSpecs, values, location, 'Component', ReactDebugCurrentFrame
|
|
319
|
+
checkPropTypes(typeSpecs, values, location, 'Component', ReactDebugCurrentFrame.getCurrentStack);
|
|
453
320
|
}
|
|
454
321
|
}
|
|
455
322
|
|
|
@@ -492,7 +359,7 @@ function processContext(type, context, threadID, isClass) {
|
|
|
492
359
|
addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
|
|
493
360
|
}
|
|
494
361
|
|
|
495
|
-
|
|
362
|
+
error('%s defines an invalid contextType. ' + 'contextType should point to the Context object returned by React.createContext().%s', getComponentName(type) || 'Component', addendum);
|
|
496
363
|
}
|
|
497
364
|
}
|
|
498
365
|
}
|
|
@@ -502,15 +369,7 @@ function processContext(type, context, threadID, isClass) {
|
|
|
502
369
|
return contextType[threadID];
|
|
503
370
|
}
|
|
504
371
|
|
|
505
|
-
|
|
506
|
-
{
|
|
507
|
-
if (type.contextTypes) {
|
|
508
|
-
warningWithoutStack$1(false, '%s uses the legacy contextTypes API which is no longer supported. ' + 'Use React.createContext() with static contextType instead.', getComponentName(type) || 'Unknown');
|
|
509
|
-
}
|
|
510
|
-
}
|
|
511
|
-
|
|
512
|
-
return emptyObject;
|
|
513
|
-
} else {
|
|
372
|
+
{
|
|
514
373
|
var maskedContext = maskContext(type, context);
|
|
515
374
|
|
|
516
375
|
{
|
|
@@ -522,15 +381,7 @@ function processContext(type, context, threadID, isClass) {
|
|
|
522
381
|
return maskedContext;
|
|
523
382
|
}
|
|
524
383
|
} else {
|
|
525
|
-
|
|
526
|
-
{
|
|
527
|
-
if (type.contextTypes) {
|
|
528
|
-
warningWithoutStack$1(false, '%s uses the legacy contextTypes API which is no longer supported. ' + 'Use React.createContext() with React.useContext() instead.', getComponentName(type) || 'Unknown');
|
|
529
|
-
}
|
|
530
|
-
}
|
|
531
|
-
|
|
532
|
-
return undefined;
|
|
533
|
-
} else {
|
|
384
|
+
{
|
|
534
385
|
var _maskedContext = maskContext(type, context);
|
|
535
386
|
|
|
536
387
|
{
|
|
@@ -544,9 +395,6 @@ function processContext(type, context, threadID, isClass) {
|
|
|
544
395
|
}
|
|
545
396
|
}
|
|
546
397
|
|
|
547
|
-
// Allocates a new index for each request. Tries to stay as compact as possible so that these
|
|
548
|
-
// indices can be used to reference a tightly packed array. As opposed to being used in a Map.
|
|
549
|
-
// The first allocated index is 1.
|
|
550
398
|
var nextAvailableThreadIDs = new Uint16Array(16);
|
|
551
399
|
|
|
552
400
|
for (var i = 0; i < 15; i++) {
|
|
@@ -562,7 +410,7 @@ function growThreadCountAndReturnNextAvailable() {
|
|
|
562
410
|
|
|
563
411
|
if (!(newSize <= 0x10000)) {
|
|
564
412
|
{
|
|
565
|
-
throw Error("Maximum number of concurrent React renderers exceeded. This can happen if you are not properly destroying the Readable provided by React. Ensure that you call .destroy() on it if you no longer want to read from it, and did not read to the end. If you use .pipe() this should be automatic.");
|
|
413
|
+
throw Error( "Maximum number of concurrent React renderers exceeded. This can happen if you are not properly destroying the Readable provided by React. Ensure that you call .destroy() on it if you no longer want to read from it, and did not read to the end. If you use .pipe() this should be automatic." );
|
|
566
414
|
}
|
|
567
415
|
}
|
|
568
416
|
|
|
@@ -626,18 +474,17 @@ var ATTRIBUTE_NAME_START_CHAR = ":A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\
|
|
|
626
474
|
/* eslint-enable max-len */
|
|
627
475
|
|
|
628
476
|
var ATTRIBUTE_NAME_CHAR = ATTRIBUTE_NAME_START_CHAR + "\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040";
|
|
629
|
-
|
|
630
477
|
var ROOT_ATTRIBUTE_NAME = 'data-reactroot';
|
|
631
478
|
var VALID_ATTRIBUTE_NAME_REGEX = new RegExp('^[' + ATTRIBUTE_NAME_START_CHAR + '][' + ATTRIBUTE_NAME_CHAR + ']*$');
|
|
632
|
-
var hasOwnProperty
|
|
479
|
+
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
|
633
480
|
var illegalAttributeNameCache = {};
|
|
634
481
|
var validatedAttributeNameCache = {};
|
|
635
482
|
function isAttributeNameSafe(attributeName) {
|
|
636
|
-
if (hasOwnProperty
|
|
483
|
+
if (hasOwnProperty.call(validatedAttributeNameCache, attributeName)) {
|
|
637
484
|
return true;
|
|
638
485
|
}
|
|
639
486
|
|
|
640
|
-
if (hasOwnProperty
|
|
487
|
+
if (hasOwnProperty.call(illegalAttributeNameCache, attributeName)) {
|
|
641
488
|
return false;
|
|
642
489
|
}
|
|
643
490
|
|
|
@@ -649,7 +496,7 @@ function isAttributeNameSafe(attributeName) {
|
|
|
649
496
|
illegalAttributeNameCache[attributeName] = true;
|
|
650
497
|
|
|
651
498
|
{
|
|
652
|
-
|
|
499
|
+
error('Invalid attribute name: `%s`', attributeName);
|
|
653
500
|
}
|
|
654
501
|
|
|
655
502
|
return false;
|
|
@@ -749,10 +596,12 @@ function PropertyInfoRecord(name, type, mustUseProperty, attributeName, attribut
|
|
|
749
596
|
|
|
750
597
|
var properties = {}; // These props are reserved by React. They shouldn't be written to the DOM.
|
|
751
598
|
|
|
752
|
-
['children', 'dangerouslySetInnerHTML', // TODO: This prevents the assignment of defaultValue to regular
|
|
599
|
+
var reservedProps = ['children', 'dangerouslySetInnerHTML', // TODO: This prevents the assignment of defaultValue to regular
|
|
753
600
|
// elements (not just inputs). Now that ReactDOMInput assigns to the
|
|
754
601
|
// defaultValue property -- do we need this?
|
|
755
|
-
'defaultValue', 'defaultChecked', 'innerHTML', 'suppressContentEditableWarning', 'suppressHydrationWarning', 'style']
|
|
602
|
+
'defaultValue', 'defaultChecked', 'innerHTML', 'suppressContentEditableWarning', 'suppressHydrationWarning', 'style'];
|
|
603
|
+
|
|
604
|
+
reservedProps.forEach(function (name) {
|
|
756
605
|
properties[name] = new PropertyInfoRecord(name, RESERVED, false, // mustUseProperty
|
|
757
606
|
name, // attributeName
|
|
758
607
|
null, // attributeNamespace
|
|
@@ -801,7 +650,10 @@ var properties = {}; // These props are reserved by React. They shouldn't be wri
|
|
|
801
650
|
|
|
802
651
|
['checked', // Note: `option.selected` is not updated if `select.multiple` is
|
|
803
652
|
// disabled with `removeAttribute`. We have special logic for handling this.
|
|
804
|
-
'multiple', 'muted', 'selected'
|
|
653
|
+
'multiple', 'muted', 'selected' // NOTE: if you add a camelCased prop to this list,
|
|
654
|
+
// you'll need to set attributeName to name.toLowerCase()
|
|
655
|
+
// instead in the assignment below.
|
|
656
|
+
].forEach(function (name) {
|
|
805
657
|
properties[name] = new PropertyInfoRecord(name, BOOLEAN, true, // mustUseProperty
|
|
806
658
|
name, // attributeName
|
|
807
659
|
null, // attributeNamespace
|
|
@@ -809,14 +661,20 @@ var properties = {}; // These props are reserved by React. They shouldn't be wri
|
|
|
809
661
|
}); // These are HTML attributes that are "overloaded booleans": they behave like
|
|
810
662
|
// booleans, but can also accept a string value.
|
|
811
663
|
|
|
812
|
-
['capture', 'download'
|
|
664
|
+
['capture', 'download' // NOTE: if you add a camelCased prop to this list,
|
|
665
|
+
// you'll need to set attributeName to name.toLowerCase()
|
|
666
|
+
// instead in the assignment below.
|
|
667
|
+
].forEach(function (name) {
|
|
813
668
|
properties[name] = new PropertyInfoRecord(name, OVERLOADED_BOOLEAN, false, // mustUseProperty
|
|
814
669
|
name, // attributeName
|
|
815
670
|
null, // attributeNamespace
|
|
816
671
|
false);
|
|
817
672
|
}); // These are HTML attributes that must be positive numbers.
|
|
818
673
|
|
|
819
|
-
['cols', 'rows', 'size', 'span'
|
|
674
|
+
['cols', 'rows', 'size', 'span' // NOTE: if you add a camelCased prop to this list,
|
|
675
|
+
// you'll need to set attributeName to name.toLowerCase()
|
|
676
|
+
// instead in the assignment below.
|
|
677
|
+
].forEach(function (name) {
|
|
820
678
|
properties[name] = new PropertyInfoRecord(name, POSITIVE_NUMERIC, false, // mustUseProperty
|
|
821
679
|
name, // attributeName
|
|
822
680
|
null, // attributeNamespace
|
|
@@ -837,23 +695,32 @@ var capitalize = function (token) {
|
|
|
837
695
|
// or boolean value assignment. Regular attributes that just accept strings
|
|
838
696
|
// and have the same names are omitted, just like in the HTML whitelist.
|
|
839
697
|
// Some of these attributes can be hard to find. This list was created by
|
|
840
|
-
//
|
|
698
|
+
// scraping the MDN documentation.
|
|
841
699
|
|
|
842
700
|
|
|
843
|
-
['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'
|
|
701
|
+
['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,
|
|
702
|
+
// you'll need to set attributeName to name.toLowerCase()
|
|
703
|
+
// instead in the assignment below.
|
|
704
|
+
].forEach(function (attributeName) {
|
|
844
705
|
var name = attributeName.replace(CAMELIZE, capitalize);
|
|
845
706
|
properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
|
|
846
707
|
attributeName, null, // attributeNamespace
|
|
847
708
|
false);
|
|
848
709
|
}); // String SVG attributes with the xlink namespace.
|
|
849
710
|
|
|
850
|
-
['xlink:actuate', 'xlink:arcrole', 'xlink:role', 'xlink:show', 'xlink:title', 'xlink:type'
|
|
711
|
+
['xlink:actuate', 'xlink:arcrole', 'xlink:role', 'xlink:show', 'xlink:title', 'xlink:type' // NOTE: if you add a camelCased prop to this list,
|
|
712
|
+
// you'll need to set attributeName to name.toLowerCase()
|
|
713
|
+
// instead in the assignment below.
|
|
714
|
+
].forEach(function (attributeName) {
|
|
851
715
|
var name = attributeName.replace(CAMELIZE, capitalize);
|
|
852
716
|
properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
|
|
853
717
|
attributeName, 'http://www.w3.org/1999/xlink', false);
|
|
854
718
|
}); // String SVG attributes with the xml namespace.
|
|
855
719
|
|
|
856
|
-
['xml:base', 'xml:lang', 'xml:space'
|
|
720
|
+
['xml:base', 'xml:lang', 'xml:space' // NOTE: if you add a camelCased prop to this list,
|
|
721
|
+
// you'll need to set attributeName to name.toLowerCase()
|
|
722
|
+
// instead in the assignment below.
|
|
723
|
+
].forEach(function (attributeName) {
|
|
857
724
|
var name = attributeName.replace(CAMELIZE, capitalize);
|
|
858
725
|
properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
|
|
859
726
|
attributeName, 'http://www.w3.org/XML/1998/namespace', false);
|
|
@@ -879,10 +746,10 @@ properties[xlinkHref] = new PropertyInfoRecord('xlinkHref', STRING, false, // mu
|
|
|
879
746
|
true);
|
|
880
747
|
});
|
|
881
748
|
|
|
882
|
-
var ReactDebugCurrentFrame$
|
|
749
|
+
var ReactDebugCurrentFrame$1 = null;
|
|
883
750
|
|
|
884
751
|
{
|
|
885
|
-
ReactDebugCurrentFrame$
|
|
752
|
+
ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
|
|
886
753
|
} // A javascript: URL can contain leading C0 control or \u0020 SPACE,
|
|
887
754
|
// and any newline or tab are filtered out as if they're not part of the URL.
|
|
888
755
|
// https://url.spec.whatwg.org/#url-parsing
|
|
@@ -899,15 +766,12 @@ var isJavaScriptProtocol = /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r
|
|
|
899
766
|
var didWarn = false;
|
|
900
767
|
|
|
901
768
|
function sanitizeURL(url) {
|
|
902
|
-
|
|
903
|
-
if (
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
769
|
+
{
|
|
770
|
+
if (!didWarn && isJavaScriptProtocol.test(url)) {
|
|
771
|
+
didWarn = true;
|
|
772
|
+
|
|
773
|
+
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));
|
|
907
774
|
}
|
|
908
|
-
} else if (true && !didWarn && isJavaScriptProtocol.test(url)) {
|
|
909
|
-
didWarn = true;
|
|
910
|
-
warning$1(false, '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));
|
|
911
775
|
}
|
|
912
776
|
}
|
|
913
777
|
|
|
@@ -1012,18 +876,6 @@ function quoteAttributeValueForBrowser(value) {
|
|
|
1012
876
|
return '"' + escapeTextForBrowser(value) + '"';
|
|
1013
877
|
}
|
|
1014
878
|
|
|
1015
|
-
/**
|
|
1016
|
-
* Operations for dealing with DOM properties.
|
|
1017
|
-
*/
|
|
1018
|
-
|
|
1019
|
-
/**
|
|
1020
|
-
* Creates markup for the ID property.
|
|
1021
|
-
*
|
|
1022
|
-
* @param {string} id Unescaped ID.
|
|
1023
|
-
* @return {string} Markup string.
|
|
1024
|
-
*/
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
879
|
function createMarkupForRoot() {
|
|
1028
880
|
return ROOT_ATTRIBUTE_NAME + '=""';
|
|
1029
881
|
}
|
|
@@ -1091,7 +943,7 @@ function is(x, y) {
|
|
|
1091
943
|
;
|
|
1092
944
|
}
|
|
1093
945
|
|
|
1094
|
-
var
|
|
946
|
+
var objectIs = typeof Object.is === 'function' ? Object.is : is;
|
|
1095
947
|
|
|
1096
948
|
var currentlyRenderingComponent = null;
|
|
1097
949
|
var firstWorkInProgressHook = null;
|
|
@@ -1112,12 +964,14 @@ var currentHookNameInDev;
|
|
|
1112
964
|
function resolveCurrentlyRenderingComponent() {
|
|
1113
965
|
if (!(currentlyRenderingComponent !== null)) {
|
|
1114
966
|
{
|
|
1115
|
-
throw Error("Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.");
|
|
967
|
+
throw Error( "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem." );
|
|
1116
968
|
}
|
|
1117
969
|
}
|
|
1118
970
|
|
|
1119
971
|
{
|
|
1120
|
-
|
|
972
|
+
if (isInHookUserCodeInDev) {
|
|
973
|
+
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://fb.me/rules-of-hooks');
|
|
974
|
+
}
|
|
1121
975
|
}
|
|
1122
976
|
|
|
1123
977
|
return currentlyRenderingComponent;
|
|
@@ -1126,7 +980,7 @@ function resolveCurrentlyRenderingComponent() {
|
|
|
1126
980
|
function areHookInputsEqual(nextDeps, prevDeps) {
|
|
1127
981
|
if (prevDeps === null) {
|
|
1128
982
|
{
|
|
1129
|
-
|
|
983
|
+
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);
|
|
1130
984
|
}
|
|
1131
985
|
|
|
1132
986
|
return false;
|
|
@@ -1136,12 +990,12 @@ function areHookInputsEqual(nextDeps, prevDeps) {
|
|
|
1136
990
|
// Don't bother comparing lengths in prod because these arrays should be
|
|
1137
991
|
// passed inline.
|
|
1138
992
|
if (nextDeps.length !== prevDeps.length) {
|
|
1139
|
-
|
|
993
|
+
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(', ') + "]");
|
|
1140
994
|
}
|
|
1141
995
|
}
|
|
1142
996
|
|
|
1143
997
|
for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
|
|
1144
|
-
if (
|
|
998
|
+
if (objectIs(nextDeps[i], prevDeps[i])) {
|
|
1145
999
|
continue;
|
|
1146
1000
|
}
|
|
1147
1001
|
|
|
@@ -1155,7 +1009,7 @@ function createHook() {
|
|
|
1155
1009
|
if (numberOfReRenders > 0) {
|
|
1156
1010
|
{
|
|
1157
1011
|
{
|
|
1158
|
-
throw Error("Rendered more hooks than during the previous render");
|
|
1012
|
+
throw Error( "Rendered more hooks than during the previous render" );
|
|
1159
1013
|
}
|
|
1160
1014
|
}
|
|
1161
1015
|
}
|
|
@@ -1246,7 +1100,9 @@ function readContext(context, observedBits) {
|
|
|
1246
1100
|
validateContextBounds(context, threadID);
|
|
1247
1101
|
|
|
1248
1102
|
{
|
|
1249
|
-
|
|
1103
|
+
if (isInHookUserCodeInDev) {
|
|
1104
|
+
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().');
|
|
1105
|
+
}
|
|
1250
1106
|
}
|
|
1251
1107
|
|
|
1252
1108
|
return context[threadID];
|
|
@@ -1264,6 +1120,7 @@ function useContext(context, observedBits) {
|
|
|
1264
1120
|
}
|
|
1265
1121
|
|
|
1266
1122
|
function basicStateReducer(state, action) {
|
|
1123
|
+
// $FlowFixMe: Flow doesn't like mixed types
|
|
1267
1124
|
return typeof action === 'function' ? action(state) : action;
|
|
1268
1125
|
}
|
|
1269
1126
|
|
|
@@ -1413,15 +1270,15 @@ function useRef(initialValue) {
|
|
|
1413
1270
|
function useLayoutEffect(create, inputs) {
|
|
1414
1271
|
{
|
|
1415
1272
|
currentHookNameInDev = 'useLayoutEffect';
|
|
1416
|
-
}
|
|
1417
1273
|
|
|
1418
|
-
|
|
1274
|
+
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://fb.me/react-uselayouteffect-ssr for common fixes.');
|
|
1275
|
+
}
|
|
1419
1276
|
}
|
|
1420
1277
|
|
|
1421
1278
|
function dispatchAction(componentIdentity, queue, action) {
|
|
1422
1279
|
if (!(numberOfReRenders < RE_RENDER_LIMIT)) {
|
|
1423
1280
|
{
|
|
1424
|
-
throw Error("Too many re-renders. React limits the number of renders to prevent an infinite loop.");
|
|
1281
|
+
throw Error( "Too many re-renders. React limits the number of renders to prevent an infinite loop." );
|
|
1425
1282
|
}
|
|
1426
1283
|
}
|
|
1427
1284
|
|
|
@@ -1453,9 +1310,6 @@ function dispatchAction(componentIdentity, queue, action) {
|
|
|
1453
1310
|
|
|
1454
1311
|
lastRenderPhaseUpdate.next = update;
|
|
1455
1312
|
}
|
|
1456
|
-
} else {// This means an update has happened after the function component has
|
|
1457
|
-
// returned. On the server this is a no-op. In React Fiber, the update
|
|
1458
|
-
// would be scheduled for a future render.
|
|
1459
1313
|
}
|
|
1460
1314
|
}
|
|
1461
1315
|
|
|
@@ -1548,13 +1402,13 @@ function getChildNamespace(parentNamespace, type) {
|
|
|
1548
1402
|
return parentNamespace;
|
|
1549
1403
|
}
|
|
1550
1404
|
|
|
1551
|
-
var ReactDebugCurrentFrame$
|
|
1405
|
+
var ReactDebugCurrentFrame$2 = null;
|
|
1552
1406
|
var ReactControlledValuePropTypes = {
|
|
1553
1407
|
checkPropTypes: null
|
|
1554
1408
|
};
|
|
1555
1409
|
|
|
1556
1410
|
{
|
|
1557
|
-
ReactDebugCurrentFrame$
|
|
1411
|
+
ReactDebugCurrentFrame$2 = ReactSharedInternals.ReactDebugCurrentFrame;
|
|
1558
1412
|
var hasReadOnlyValue = {
|
|
1559
1413
|
button: true,
|
|
1560
1414
|
checkbox: true,
|
|
@@ -1566,14 +1420,14 @@ var ReactControlledValuePropTypes = {
|
|
|
1566
1420
|
};
|
|
1567
1421
|
var propTypes = {
|
|
1568
1422
|
value: function (props, propName, componentName) {
|
|
1569
|
-
if (hasReadOnlyValue[props.type] || props.onChange || props.readOnly || props.disabled || props[propName] == null ||
|
|
1423
|
+
if (hasReadOnlyValue[props.type] || props.onChange || props.readOnly || props.disabled || props[propName] == null || enableDeprecatedFlareAPI ) {
|
|
1570
1424
|
return null;
|
|
1571
1425
|
}
|
|
1572
1426
|
|
|
1573
1427
|
return new 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`.');
|
|
1574
1428
|
},
|
|
1575
1429
|
checked: function (props, propName, componentName) {
|
|
1576
|
-
if (props.onChange || props.readOnly || props.disabled || props[propName] == null ||
|
|
1430
|
+
if (props.onChange || props.readOnly || props.disabled || props[propName] == null || enableDeprecatedFlareAPI ) {
|
|
1577
1431
|
return null;
|
|
1578
1432
|
}
|
|
1579
1433
|
|
|
@@ -1586,7 +1440,7 @@ var ReactControlledValuePropTypes = {
|
|
|
1586
1440
|
*/
|
|
1587
1441
|
|
|
1588
1442
|
ReactControlledValuePropTypes.checkPropTypes = function (tagName, props) {
|
|
1589
|
-
checkPropTypes(propTypes, props, 'prop', tagName, ReactDebugCurrentFrame$
|
|
1443
|
+
checkPropTypes(propTypes, props, 'prop', tagName, ReactDebugCurrentFrame$2.getStackAddendum);
|
|
1590
1444
|
};
|
|
1591
1445
|
}
|
|
1592
1446
|
|
|
@@ -1617,13 +1471,11 @@ var voidElementTags = _assign({
|
|
|
1617
1471
|
menuitem: true
|
|
1618
1472
|
}, omittedCloseTags);
|
|
1619
1473
|
|
|
1620
|
-
// or add stack by default to invariants where possible.
|
|
1621
|
-
|
|
1622
1474
|
var HTML = '__html';
|
|
1623
|
-
var ReactDebugCurrentFrame$
|
|
1475
|
+
var ReactDebugCurrentFrame$3 = null;
|
|
1624
1476
|
|
|
1625
1477
|
{
|
|
1626
|
-
ReactDebugCurrentFrame$
|
|
1478
|
+
ReactDebugCurrentFrame$3 = ReactSharedInternals.ReactDebugCurrentFrame;
|
|
1627
1479
|
}
|
|
1628
1480
|
|
|
1629
1481
|
function assertValidProps(tag, props) {
|
|
@@ -1635,7 +1487,7 @@ function assertValidProps(tag, props) {
|
|
|
1635
1487
|
if (voidElementTags[tag]) {
|
|
1636
1488
|
if (!(props.children == null && props.dangerouslySetInnerHTML == null)) {
|
|
1637
1489
|
{
|
|
1638
|
-
throw Error(tag + " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`." + (ReactDebugCurrentFrame$
|
|
1490
|
+
throw Error( tag + " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`." + ( ReactDebugCurrentFrame$3.getStackAddendum() ) );
|
|
1639
1491
|
}
|
|
1640
1492
|
}
|
|
1641
1493
|
}
|
|
@@ -1643,24 +1495,26 @@ function assertValidProps(tag, props) {
|
|
|
1643
1495
|
if (props.dangerouslySetInnerHTML != null) {
|
|
1644
1496
|
if (!(props.children == null)) {
|
|
1645
1497
|
{
|
|
1646
|
-
throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");
|
|
1498
|
+
throw Error( "Can only set one of `children` or `props.dangerouslySetInnerHTML`." );
|
|
1647
1499
|
}
|
|
1648
1500
|
}
|
|
1649
1501
|
|
|
1650
1502
|
if (!(typeof props.dangerouslySetInnerHTML === 'object' && HTML in props.dangerouslySetInnerHTML)) {
|
|
1651
1503
|
{
|
|
1652
|
-
throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://fb.me/react-invariant-dangerously-set-inner-html for more information.");
|
|
1504
|
+
throw Error( "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://fb.me/react-invariant-dangerously-set-inner-html for more information." );
|
|
1653
1505
|
}
|
|
1654
1506
|
}
|
|
1655
1507
|
}
|
|
1656
1508
|
|
|
1657
1509
|
{
|
|
1658
|
-
!
|
|
1510
|
+
if (!props.suppressContentEditableWarning && props.contentEditable && props.children != null) {
|
|
1511
|
+
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.');
|
|
1512
|
+
}
|
|
1659
1513
|
}
|
|
1660
1514
|
|
|
1661
1515
|
if (!(props.style == null || typeof props.style === 'object')) {
|
|
1662
1516
|
{
|
|
1663
|
-
throw Error("The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX." + (ReactDebugCurrentFrame$
|
|
1517
|
+
throw Error( "The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX." + ( ReactDebugCurrentFrame$3.getStackAddendum() ) );
|
|
1664
1518
|
}
|
|
1665
1519
|
}
|
|
1666
1520
|
}
|
|
@@ -1842,7 +1696,8 @@ var warnValidStyle = function () {};
|
|
|
1842
1696
|
}
|
|
1843
1697
|
|
|
1844
1698
|
warnedStyleNames[name] = true;
|
|
1845
|
-
|
|
1699
|
+
|
|
1700
|
+
error('Unsupported style property %s. Did you mean %s?', name, // As Andi Smith suggests
|
|
1846
1701
|
// (http://www.andismith.com/blog/2012/02/modernizr-prefixed/), an `-ms` prefix
|
|
1847
1702
|
// is converted to lowercase `ms`.
|
|
1848
1703
|
camelize(name.replace(msPattern$1, 'ms-')));
|
|
@@ -1854,7 +1709,8 @@ var warnValidStyle = function () {};
|
|
|
1854
1709
|
}
|
|
1855
1710
|
|
|
1856
1711
|
warnedStyleNames[name] = true;
|
|
1857
|
-
|
|
1712
|
+
|
|
1713
|
+
error('Unsupported vendor-prefixed style property %s. Did you mean %s?', name, name.charAt(0).toUpperCase() + name.slice(1));
|
|
1858
1714
|
};
|
|
1859
1715
|
|
|
1860
1716
|
var warnStyleValueWithSemicolon = function (name, value) {
|
|
@@ -1863,7 +1719,8 @@ var warnValidStyle = function () {};
|
|
|
1863
1719
|
}
|
|
1864
1720
|
|
|
1865
1721
|
warnedStyleValues[value] = true;
|
|
1866
|
-
|
|
1722
|
+
|
|
1723
|
+
error("Style property values shouldn't contain a semicolon. " + 'Try "%s: %s" instead.', name, value.replace(badStyleValueWithSemicolonPattern, ''));
|
|
1867
1724
|
};
|
|
1868
1725
|
|
|
1869
1726
|
var warnStyleValueIsNaN = function (name, value) {
|
|
@@ -1872,7 +1729,8 @@ var warnValidStyle = function () {};
|
|
|
1872
1729
|
}
|
|
1873
1730
|
|
|
1874
1731
|
warnedForNaNValue = true;
|
|
1875
|
-
|
|
1732
|
+
|
|
1733
|
+
error('`NaN` is an invalid value for the `%s` css style property.', name);
|
|
1876
1734
|
};
|
|
1877
1735
|
|
|
1878
1736
|
var warnStyleValueIsInfinity = function (name, value) {
|
|
@@ -1881,7 +1739,8 @@ var warnValidStyle = function () {};
|
|
|
1881
1739
|
}
|
|
1882
1740
|
|
|
1883
1741
|
warnedForInfinityValue = true;
|
|
1884
|
-
|
|
1742
|
+
|
|
1743
|
+
error('`Infinity` is an invalid value for the `%s` css style property.', name);
|
|
1885
1744
|
};
|
|
1886
1745
|
|
|
1887
1746
|
warnValidStyle = function (name, value) {
|
|
@@ -1967,47 +1826,52 @@ var ariaProperties = {
|
|
|
1967
1826
|
var warnedProperties = {};
|
|
1968
1827
|
var rARIA = new RegExp('^(aria)-[' + ATTRIBUTE_NAME_CHAR + ']*$');
|
|
1969
1828
|
var rARIACamel = new RegExp('^(aria)[A-Z][' + ATTRIBUTE_NAME_CHAR + ']*$');
|
|
1970
|
-
var hasOwnProperty$
|
|
1829
|
+
var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
|
|
1971
1830
|
|
|
1972
1831
|
function validateProperty(tagName, name) {
|
|
1973
|
-
|
|
1974
|
-
|
|
1975
|
-
|
|
1832
|
+
{
|
|
1833
|
+
if (hasOwnProperty$1.call(warnedProperties, name) && warnedProperties[name]) {
|
|
1834
|
+
return true;
|
|
1835
|
+
}
|
|
1976
1836
|
|
|
1977
|
-
|
|
1978
|
-
|
|
1979
|
-
|
|
1980
|
-
|
|
1837
|
+
if (rARIACamel.test(name)) {
|
|
1838
|
+
var ariaName = 'aria-' + name.slice(4).toLowerCase();
|
|
1839
|
+
var correctName = ariaProperties.hasOwnProperty(ariaName) ? ariaName : null; // If this is an aria-* attribute, but is not listed in the known DOM
|
|
1840
|
+
// DOM properties, then it is an invalid aria-* attribute.
|
|
1981
1841
|
|
|
1982
|
-
|
|
1983
|
-
|
|
1984
|
-
warnedProperties[name] = true;
|
|
1985
|
-
return true;
|
|
1986
|
-
} // aria-* attributes should be lowercase; suggest the lowercase version.
|
|
1842
|
+
if (correctName == null) {
|
|
1843
|
+
error('Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.', name);
|
|
1987
1844
|
|
|
1845
|
+
warnedProperties[name] = true;
|
|
1846
|
+
return true;
|
|
1847
|
+
} // aria-* attributes should be lowercase; suggest the lowercase version.
|
|
1988
1848
|
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
|
|
1992
|
-
|
|
1849
|
+
|
|
1850
|
+
if (name !== correctName) {
|
|
1851
|
+
error('Invalid ARIA attribute `%s`. Did you mean `%s`?', name, correctName);
|
|
1852
|
+
|
|
1853
|
+
warnedProperties[name] = true;
|
|
1854
|
+
return true;
|
|
1855
|
+
}
|
|
1993
1856
|
}
|
|
1994
|
-
}
|
|
1995
1857
|
|
|
1996
|
-
|
|
1997
|
-
|
|
1998
|
-
|
|
1999
|
-
|
|
1858
|
+
if (rARIA.test(name)) {
|
|
1859
|
+
var lowerCasedName = name.toLowerCase();
|
|
1860
|
+
var standardName = ariaProperties.hasOwnProperty(lowerCasedName) ? lowerCasedName : null; // If this is an aria-* attribute, but is not listed in the known DOM
|
|
1861
|
+
// DOM properties, then it is an invalid aria-* attribute.
|
|
2000
1862
|
|
|
2001
|
-
|
|
2002
|
-
|
|
2003
|
-
|
|
2004
|
-
|
|
1863
|
+
if (standardName == null) {
|
|
1864
|
+
warnedProperties[name] = true;
|
|
1865
|
+
return false;
|
|
1866
|
+
} // aria-* attributes should be lowercase; suggest the lowercase version.
|
|
2005
1867
|
|
|
2006
1868
|
|
|
2007
|
-
|
|
2008
|
-
|
|
2009
|
-
|
|
2010
|
-
|
|
1869
|
+
if (name !== standardName) {
|
|
1870
|
+
error('Unknown ARIA attribute `%s`. Did you mean `%s`?', name, standardName);
|
|
1871
|
+
|
|
1872
|
+
warnedProperties[name] = true;
|
|
1873
|
+
return true;
|
|
1874
|
+
}
|
|
2011
1875
|
}
|
|
2012
1876
|
}
|
|
2013
1877
|
|
|
@@ -2015,24 +1879,26 @@ function validateProperty(tagName, name) {
|
|
|
2015
1879
|
}
|
|
2016
1880
|
|
|
2017
1881
|
function warnInvalidARIAProps(type, props) {
|
|
2018
|
-
|
|
1882
|
+
{
|
|
1883
|
+
var invalidProps = [];
|
|
2019
1884
|
|
|
2020
|
-
|
|
2021
|
-
|
|
1885
|
+
for (var key in props) {
|
|
1886
|
+
var isValid = validateProperty(type, key);
|
|
2022
1887
|
|
|
2023
|
-
|
|
2024
|
-
|
|
1888
|
+
if (!isValid) {
|
|
1889
|
+
invalidProps.push(key);
|
|
1890
|
+
}
|
|
2025
1891
|
}
|
|
2026
|
-
}
|
|
2027
1892
|
|
|
2028
|
-
|
|
2029
|
-
|
|
2030
|
-
|
|
1893
|
+
var unknownPropString = invalidProps.map(function (prop) {
|
|
1894
|
+
return '`' + prop + '`';
|
|
1895
|
+
}).join(', ');
|
|
2031
1896
|
|
|
2032
|
-
|
|
2033
|
-
|
|
2034
|
-
|
|
2035
|
-
|
|
1897
|
+
if (invalidProps.length === 1) {
|
|
1898
|
+
error('Invalid aria prop %s on <%s> tag. ' + 'For details, see https://fb.me/invalid-aria-prop', unknownPropString, type);
|
|
1899
|
+
} else if (invalidProps.length > 1) {
|
|
1900
|
+
error('Invalid aria props %s on <%s> tag. ' + 'For details, see https://fb.me/invalid-aria-prop', unknownPropString, type);
|
|
1901
|
+
}
|
|
2036
1902
|
}
|
|
2037
1903
|
}
|
|
2038
1904
|
|
|
@@ -2046,48 +1912,28 @@ function validateProperties(type, props) {
|
|
|
2046
1912
|
|
|
2047
1913
|
var didWarnValueNull = false;
|
|
2048
1914
|
function validateProperties$1(type, props) {
|
|
2049
|
-
|
|
2050
|
-
|
|
2051
|
-
|
|
1915
|
+
{
|
|
1916
|
+
if (type !== 'input' && type !== 'textarea' && type !== 'select') {
|
|
1917
|
+
return;
|
|
1918
|
+
}
|
|
2052
1919
|
|
|
2053
|
-
|
|
2054
|
-
|
|
1920
|
+
if (props != null && props.value === null && !didWarnValueNull) {
|
|
1921
|
+
didWarnValueNull = true;
|
|
2055
1922
|
|
|
2056
|
-
|
|
2057
|
-
|
|
2058
|
-
|
|
2059
|
-
|
|
1923
|
+
if (type === 'select' && props.multiple) {
|
|
1924
|
+
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);
|
|
1925
|
+
} else {
|
|
1926
|
+
error('`value` prop on `%s` should not be null. ' + 'Consider using an empty string to clear the component or `undefined` ' + 'for uncontrolled components.', type);
|
|
1927
|
+
}
|
|
2060
1928
|
}
|
|
2061
1929
|
}
|
|
2062
1930
|
}
|
|
2063
1931
|
|
|
2064
|
-
/**
|
|
2065
|
-
* Registers plugins so that they can extract and dispatch events.
|
|
2066
|
-
*
|
|
2067
|
-
* @see {EventPluginHub}
|
|
2068
|
-
*/
|
|
2069
|
-
|
|
2070
|
-
/**
|
|
2071
|
-
* Ordered list of injected plugins.
|
|
2072
|
-
*/
|
|
2073
|
-
|
|
2074
|
-
|
|
2075
|
-
|
|
2076
|
-
/**
|
|
2077
|
-
* Mapping from event name to dispatch config
|
|
2078
|
-
*/
|
|
2079
|
-
|
|
2080
|
-
|
|
2081
1932
|
/**
|
|
2082
1933
|
* Mapping from registration name to plugin module
|
|
2083
1934
|
*/
|
|
2084
1935
|
|
|
2085
1936
|
var registrationNameModules = {};
|
|
2086
|
-
/**
|
|
2087
|
-
* Mapping from registration name to event name
|
|
2088
|
-
*/
|
|
2089
|
-
|
|
2090
|
-
|
|
2091
1937
|
/**
|
|
2092
1938
|
* Mapping from lowercase registration names to the properly cased version,
|
|
2093
1939
|
* used to warn in the case of missing event handlers. Available
|
|
@@ -2095,29 +1941,7 @@ var registrationNameModules = {};
|
|
|
2095
1941
|
* @type {Object}
|
|
2096
1942
|
*/
|
|
2097
1943
|
|
|
2098
|
-
var possibleRegistrationNames =
|
|
2099
|
-
|
|
2100
|
-
/**
|
|
2101
|
-
* Injects an ordering of plugins (by plugin name). This allows the ordering
|
|
2102
|
-
* to be decoupled from injection of the actual plugins so that ordering is
|
|
2103
|
-
* always deterministic regardless of packaging, on-the-fly injection, etc.
|
|
2104
|
-
*
|
|
2105
|
-
* @param {array} InjectedEventPluginOrder
|
|
2106
|
-
* @internal
|
|
2107
|
-
* @see {EventPluginHub.injection.injectEventPluginOrder}
|
|
2108
|
-
*/
|
|
2109
|
-
|
|
2110
|
-
|
|
2111
|
-
/**
|
|
2112
|
-
* Injects plugins to be used by `EventPluginHub`. The plugin names must be
|
|
2113
|
-
* in the ordering injected by `injectEventPluginOrder`.
|
|
2114
|
-
*
|
|
2115
|
-
* Plugins can be injected as part of page initialization or on-the-fly.
|
|
2116
|
-
*
|
|
2117
|
-
* @param {object} injectedNamesToPlugins Map from names to plugin modules.
|
|
2118
|
-
* @internal
|
|
2119
|
-
* @see {EventPluginHub.injection.injectEventPluginsByName}
|
|
2120
|
-
*/
|
|
1944
|
+
var possibleRegistrationNames = {} ; // Trust the developer to only use possibleRegistrationNames in true
|
|
2121
1945
|
|
|
2122
1946
|
// When adding attributes to the HTML or SVG whitelist, be sure to
|
|
2123
1947
|
// also add them to this module to ensure casing and incorrect name
|
|
@@ -2626,7 +2450,8 @@ var validateProperty$1 = function () {};
|
|
|
2626
2450
|
var lowerCasedName = name.toLowerCase();
|
|
2627
2451
|
|
|
2628
2452
|
if (lowerCasedName === 'onfocusin' || lowerCasedName === 'onfocusout') {
|
|
2629
|
-
|
|
2453
|
+
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.');
|
|
2454
|
+
|
|
2630
2455
|
warnedProperties$1[name] = true;
|
|
2631
2456
|
return true;
|
|
2632
2457
|
} // We can't rely on the event system being injected on the server.
|
|
@@ -2640,13 +2465,15 @@ var validateProperty$1 = function () {};
|
|
|
2640
2465
|
var registrationName = possibleRegistrationNames.hasOwnProperty(lowerCasedName) ? possibleRegistrationNames[lowerCasedName] : null;
|
|
2641
2466
|
|
|
2642
2467
|
if (registrationName != null) {
|
|
2643
|
-
|
|
2468
|
+
error('Invalid event handler property `%s`. Did you mean `%s`?', name, registrationName);
|
|
2469
|
+
|
|
2644
2470
|
warnedProperties$1[name] = true;
|
|
2645
2471
|
return true;
|
|
2646
2472
|
}
|
|
2647
2473
|
|
|
2648
2474
|
if (EVENT_NAME_REGEX.test(name)) {
|
|
2649
|
-
|
|
2475
|
+
error('Unknown event handler property `%s`. It will be ignored.', name);
|
|
2476
|
+
|
|
2650
2477
|
warnedProperties$1[name] = true;
|
|
2651
2478
|
return true;
|
|
2652
2479
|
}
|
|
@@ -2655,7 +2482,7 @@ var validateProperty$1 = function () {};
|
|
|
2655
2482
|
// So we can't tell if the event name is correct for sure, but we can filter
|
|
2656
2483
|
// out known bad ones like `onclick`. We can't suggest a specific replacement though.
|
|
2657
2484
|
if (INVALID_EVENT_NAME_REGEX.test(name)) {
|
|
2658
|
-
|
|
2485
|
+
error('Invalid event handler property `%s`. ' + 'React events use the camelCase naming convention, for example `onClick`.', name);
|
|
2659
2486
|
}
|
|
2660
2487
|
|
|
2661
2488
|
warnedProperties$1[name] = true;
|
|
@@ -2668,25 +2495,29 @@ var validateProperty$1 = function () {};
|
|
|
2668
2495
|
}
|
|
2669
2496
|
|
|
2670
2497
|
if (lowerCasedName === 'innerhtml') {
|
|
2671
|
-
|
|
2498
|
+
error('Directly setting property `innerHTML` is not permitted. ' + 'For more information, lookup documentation on `dangerouslySetInnerHTML`.');
|
|
2499
|
+
|
|
2672
2500
|
warnedProperties$1[name] = true;
|
|
2673
2501
|
return true;
|
|
2674
2502
|
}
|
|
2675
2503
|
|
|
2676
2504
|
if (lowerCasedName === 'aria') {
|
|
2677
|
-
|
|
2505
|
+
error('The `aria` attribute is reserved for future use in React. ' + 'Pass individual `aria-` attributes instead.');
|
|
2506
|
+
|
|
2678
2507
|
warnedProperties$1[name] = true;
|
|
2679
2508
|
return true;
|
|
2680
2509
|
}
|
|
2681
2510
|
|
|
2682
2511
|
if (lowerCasedName === 'is' && value !== null && value !== undefined && typeof value !== 'string') {
|
|
2683
|
-
|
|
2512
|
+
error('Received a `%s` for a string attribute `is`. If this is expected, cast ' + 'the value to a string.', typeof value);
|
|
2513
|
+
|
|
2684
2514
|
warnedProperties$1[name] = true;
|
|
2685
2515
|
return true;
|
|
2686
2516
|
}
|
|
2687
2517
|
|
|
2688
2518
|
if (typeof value === 'number' && isNaN(value)) {
|
|
2689
|
-
|
|
2519
|
+
error('Received NaN for the `%s` attribute. If this is expected, cast ' + 'the value to a string.', name);
|
|
2520
|
+
|
|
2690
2521
|
warnedProperties$1[name] = true;
|
|
2691
2522
|
return true;
|
|
2692
2523
|
}
|
|
@@ -2698,23 +2529,25 @@ var validateProperty$1 = function () {};
|
|
|
2698
2529
|
var standardName = possibleStandardNames[lowerCasedName];
|
|
2699
2530
|
|
|
2700
2531
|
if (standardName !== name) {
|
|
2701
|
-
|
|
2532
|
+
error('Invalid DOM property `%s`. Did you mean `%s`?', name, standardName);
|
|
2533
|
+
|
|
2702
2534
|
warnedProperties$1[name] = true;
|
|
2703
2535
|
return true;
|
|
2704
2536
|
}
|
|
2705
2537
|
} else if (!isReserved && name !== lowerCasedName) {
|
|
2706
2538
|
// Unknown attributes should have lowercase casing since that's how they
|
|
2707
2539
|
// will be cased anyway with server rendering.
|
|
2708
|
-
|
|
2540
|
+
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);
|
|
2541
|
+
|
|
2709
2542
|
warnedProperties$1[name] = true;
|
|
2710
2543
|
return true;
|
|
2711
2544
|
}
|
|
2712
2545
|
|
|
2713
2546
|
if (typeof value === 'boolean' && shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)) {
|
|
2714
2547
|
if (value) {
|
|
2715
|
-
|
|
2548
|
+
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);
|
|
2716
2549
|
} else {
|
|
2717
|
-
|
|
2550
|
+
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);
|
|
2718
2551
|
}
|
|
2719
2552
|
|
|
2720
2553
|
warnedProperties$1[name] = true;
|
|
@@ -2735,7 +2568,8 @@ var validateProperty$1 = function () {};
|
|
|
2735
2568
|
|
|
2736
2569
|
|
|
2737
2570
|
if ((value === 'false' || value === 'true') && propertyInfo !== null && propertyInfo.type === BOOLEAN) {
|
|
2738
|
-
|
|
2571
|
+
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);
|
|
2572
|
+
|
|
2739
2573
|
warnedProperties$1[name] = true;
|
|
2740
2574
|
return true;
|
|
2741
2575
|
}
|
|
@@ -2745,24 +2579,26 @@ var validateProperty$1 = function () {};
|
|
|
2745
2579
|
}
|
|
2746
2580
|
|
|
2747
2581
|
var warnUnknownProperties = function (type, props, canUseEventSystem) {
|
|
2748
|
-
|
|
2582
|
+
{
|
|
2583
|
+
var unknownProps = [];
|
|
2749
2584
|
|
|
2750
|
-
|
|
2751
|
-
|
|
2585
|
+
for (var key in props) {
|
|
2586
|
+
var isValid = validateProperty$1(type, key, props[key], canUseEventSystem);
|
|
2752
2587
|
|
|
2753
|
-
|
|
2754
|
-
|
|
2588
|
+
if (!isValid) {
|
|
2589
|
+
unknownProps.push(key);
|
|
2590
|
+
}
|
|
2755
2591
|
}
|
|
2756
|
-
}
|
|
2757
2592
|
|
|
2758
|
-
|
|
2759
|
-
|
|
2760
|
-
|
|
2593
|
+
var unknownPropString = unknownProps.map(function (prop) {
|
|
2594
|
+
return '`' + prop + '`';
|
|
2595
|
+
}).join(', ');
|
|
2761
2596
|
|
|
2762
|
-
|
|
2763
|
-
|
|
2764
|
-
|
|
2765
|
-
|
|
2597
|
+
if (unknownProps.length === 1) {
|
|
2598
|
+
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://fb.me/react-attribute-behavior', unknownPropString, type);
|
|
2599
|
+
} else if (unknownProps.length > 1) {
|
|
2600
|
+
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://fb.me/react-attribute-behavior', unknownPropString, type);
|
|
2601
|
+
}
|
|
2766
2602
|
}
|
|
2767
2603
|
};
|
|
2768
2604
|
|
|
@@ -2781,7 +2617,7 @@ var toArray = React.Children.toArray; // This is only used in DEV.
|
|
|
2781
2617
|
|
|
2782
2618
|
var currentDebugStacks = [];
|
|
2783
2619
|
var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
|
|
2784
|
-
var ReactDebugCurrentFrame;
|
|
2620
|
+
var ReactDebugCurrentFrame$4;
|
|
2785
2621
|
var prevGetCurrentStackImpl = null;
|
|
2786
2622
|
|
|
2787
2623
|
var getCurrentServerStackImpl = function () {
|
|
@@ -2803,7 +2639,7 @@ var popCurrentDebugStack = function () {};
|
|
|
2803
2639
|
var hasWarnedAboutUsingContextAsConsumer = false;
|
|
2804
2640
|
|
|
2805
2641
|
{
|
|
2806
|
-
ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
|
2642
|
+
ReactDebugCurrentFrame$4 = ReactSharedInternals.ReactDebugCurrentFrame;
|
|
2807
2643
|
|
|
2808
2644
|
validatePropertiesInDevelopment = function (type, props) {
|
|
2809
2645
|
validateProperties(type, props);
|
|
@@ -2827,8 +2663,8 @@ var hasWarnedAboutUsingContextAsConsumer = false;
|
|
|
2827
2663
|
if (currentDebugStacks.length === 1) {
|
|
2828
2664
|
// We are entering a server renderer.
|
|
2829
2665
|
// Remember the previous (e.g. client) global stack implementation.
|
|
2830
|
-
prevGetCurrentStackImpl = ReactDebugCurrentFrame.getCurrentStack;
|
|
2831
|
-
ReactDebugCurrentFrame.getCurrentStack = getCurrentServerStackImpl;
|
|
2666
|
+
prevGetCurrentStackImpl = ReactDebugCurrentFrame$4.getCurrentStack;
|
|
2667
|
+
ReactDebugCurrentFrame$4.getCurrentStack = getCurrentServerStackImpl;
|
|
2832
2668
|
}
|
|
2833
2669
|
};
|
|
2834
2670
|
|
|
@@ -2849,7 +2685,7 @@ var hasWarnedAboutUsingContextAsConsumer = false;
|
|
|
2849
2685
|
if (currentDebugStacks.length === 0) {
|
|
2850
2686
|
// We are exiting the server renderer.
|
|
2851
2687
|
// Restore the previous (e.g. client) global stack implementation.
|
|
2852
|
-
ReactDebugCurrentFrame.getCurrentStack = prevGetCurrentStackImpl;
|
|
2688
|
+
ReactDebugCurrentFrame$4.getCurrentStack = prevGetCurrentStackImpl;
|
|
2853
2689
|
prevGetCurrentStackImpl = null;
|
|
2854
2690
|
}
|
|
2855
2691
|
};
|
|
@@ -2909,7 +2745,7 @@ function validateDangerousTag(tag) {
|
|
|
2909
2745
|
if (!validatedTagCache.hasOwnProperty(tag)) {
|
|
2910
2746
|
if (!VALID_TAG_REGEX.test(tag)) {
|
|
2911
2747
|
{
|
|
2912
|
-
throw Error("Invalid tag: " + tag);
|
|
2748
|
+
throw Error( "Invalid tag: " + tag );
|
|
2913
2749
|
}
|
|
2914
2750
|
}
|
|
2915
2751
|
|
|
@@ -2967,7 +2803,8 @@ function warnNoop(publicInstance, callerName) {
|
|
|
2967
2803
|
return;
|
|
2968
2804
|
}
|
|
2969
2805
|
|
|
2970
|
-
|
|
2806
|
+
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);
|
|
2807
|
+
|
|
2971
2808
|
didWarnAboutNoopUpdateForComponent[warningKey] = true;
|
|
2972
2809
|
}
|
|
2973
2810
|
}
|
|
@@ -3033,14 +2870,15 @@ function flattenOptionChildren(children) {
|
|
|
3033
2870
|
{
|
|
3034
2871
|
if (!didWarnInvalidOptionChildren && typeof child !== 'string' && typeof child !== 'number') {
|
|
3035
2872
|
didWarnInvalidOptionChildren = true;
|
|
3036
|
-
|
|
2873
|
+
|
|
2874
|
+
error('Only strings and numbers are supported as <option> children.');
|
|
3037
2875
|
}
|
|
3038
2876
|
}
|
|
3039
2877
|
});
|
|
3040
2878
|
return content;
|
|
3041
2879
|
}
|
|
3042
2880
|
|
|
3043
|
-
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
|
2881
|
+
var hasOwnProperty$2 = Object.prototype.hasOwnProperty;
|
|
3044
2882
|
var STYLE = 'style';
|
|
3045
2883
|
var RESERVED_PROPS = {
|
|
3046
2884
|
children: null,
|
|
@@ -3053,11 +2891,7 @@ function createOpenTagMarkup(tagVerbatim, tagLowercase, props, namespace, makeSt
|
|
|
3053
2891
|
var ret = '<' + tagVerbatim;
|
|
3054
2892
|
|
|
3055
2893
|
for (var propKey in props) {
|
|
3056
|
-
if (!hasOwnProperty.call(props, propKey)) {
|
|
3057
|
-
continue;
|
|
3058
|
-
}
|
|
3059
|
-
|
|
3060
|
-
if (enableFlareAPI && propKey === 'listeners') {
|
|
2894
|
+
if (!hasOwnProperty$2.call(props, propKey)) {
|
|
3061
2895
|
continue;
|
|
3062
2896
|
}
|
|
3063
2897
|
|
|
@@ -3103,7 +2937,7 @@ function validateRenderResult(child, type) {
|
|
|
3103
2937
|
if (child === undefined) {
|
|
3104
2938
|
{
|
|
3105
2939
|
{
|
|
3106
|
-
throw Error((getComponentName(type) || 'Component') + "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.");
|
|
2940
|
+
throw Error( (getComponentName(type) || 'Component') + "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null." );
|
|
3107
2941
|
}
|
|
3108
2942
|
}
|
|
3109
2943
|
}
|
|
@@ -3166,7 +3000,8 @@ function resolve(child, context, threadID) {
|
|
|
3166
3000
|
var componentName = getComponentName(Component) || 'Unknown';
|
|
3167
3001
|
|
|
3168
3002
|
if (!didWarnAboutUninitializedState[componentName]) {
|
|
3169
|
-
|
|
3003
|
+
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, inst.state === null ? 'null' : 'undefined', componentName);
|
|
3004
|
+
|
|
3170
3005
|
didWarnAboutUninitializedState[componentName] = true;
|
|
3171
3006
|
}
|
|
3172
3007
|
}
|
|
@@ -3179,7 +3014,8 @@ function resolve(child, context, threadID) {
|
|
|
3179
3014
|
var _componentName = getComponentName(Component) || 'Unknown';
|
|
3180
3015
|
|
|
3181
3016
|
if (!didWarnAboutUndefinedDerivedState[_componentName]) {
|
|
3182
|
-
|
|
3017
|
+
error('%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. ' + 'You have returned undefined.', _componentName);
|
|
3018
|
+
|
|
3183
3019
|
didWarnAboutUndefinedDerivedState[_componentName] = true;
|
|
3184
3020
|
}
|
|
3185
3021
|
}
|
|
@@ -3195,7 +3031,8 @@ function resolve(child, context, threadID) {
|
|
|
3195
3031
|
var _componentName2 = getComponentName(Component) || 'Unknown';
|
|
3196
3032
|
|
|
3197
3033
|
if (!didWarnAboutBadClass[_componentName2]) {
|
|
3198
|
-
|
|
3034
|
+
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.', _componentName2, _componentName2);
|
|
3035
|
+
|
|
3199
3036
|
didWarnAboutBadClass[_componentName2] = true;
|
|
3200
3037
|
}
|
|
3201
3038
|
}
|
|
@@ -3216,7 +3053,8 @@ function resolve(child, context, threadID) {
|
|
|
3216
3053
|
var _componentName3 = getComponentName(Component) || 'Unknown';
|
|
3217
3054
|
|
|
3218
3055
|
if (!didWarnAboutModulePatternComponent[_componentName3]) {
|
|
3219
|
-
|
|
3056
|
+
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.', _componentName3, _componentName3, _componentName3);
|
|
3057
|
+
|
|
3220
3058
|
didWarnAboutModulePatternComponent[_componentName3] = true;
|
|
3221
3059
|
}
|
|
3222
3060
|
}
|
|
@@ -3234,12 +3072,13 @@ function resolve(child, context, threadID) {
|
|
|
3234
3072
|
if (typeof inst.UNSAFE_componentWillMount === 'function' || typeof inst.componentWillMount === 'function') {
|
|
3235
3073
|
if (typeof inst.componentWillMount === 'function') {
|
|
3236
3074
|
{
|
|
3237
|
-
if (
|
|
3075
|
+
if ( inst.componentWillMount.__suppressDeprecationWarning !== true) {
|
|
3238
3076
|
var _componentName4 = getComponentName(Component) || 'Unknown';
|
|
3239
3077
|
|
|
3240
3078
|
if (!didWarnAboutDeprecatedWillMount[_componentName4]) {
|
|
3241
|
-
|
|
3079
|
+
warn( // keep this warning in sync with ReactStrictModeWarning.js
|
|
3242
3080
|
'componentWillMount has been renamed, and is not recommended for use. ' + 'See https://fb.me/react-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', _componentName4);
|
|
3081
|
+
|
|
3243
3082
|
didWarnAboutDeprecatedWillMount[_componentName4] = true;
|
|
3244
3083
|
}
|
|
3245
3084
|
}
|
|
@@ -3305,15 +3144,7 @@ function resolve(child, context, threadID) {
|
|
|
3305
3144
|
validateRenderResult(child, Component);
|
|
3306
3145
|
var childContext;
|
|
3307
3146
|
|
|
3308
|
-
|
|
3309
|
-
{
|
|
3310
|
-
var childContextTypes = Component.childContextTypes;
|
|
3311
|
-
|
|
3312
|
-
if (childContextTypes !== undefined) {
|
|
3313
|
-
warningWithoutStack$1(false, '%s uses the legacy childContextTypes API which is no longer supported. ' + 'Use React.createContext() instead.', getComponentName(Component) || 'Unknown');
|
|
3314
|
-
}
|
|
3315
|
-
}
|
|
3316
|
-
} else {
|
|
3147
|
+
{
|
|
3317
3148
|
if (typeof inst.getChildContext === 'function') {
|
|
3318
3149
|
var _childContextTypes = Component.childContextTypes;
|
|
3319
3150
|
|
|
@@ -3323,12 +3154,14 @@ function resolve(child, context, threadID) {
|
|
|
3323
3154
|
for (var contextKey in childContext) {
|
|
3324
3155
|
if (!(contextKey in _childContextTypes)) {
|
|
3325
3156
|
{
|
|
3326
|
-
throw Error((getComponentName(Component) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
|
|
3157
|
+
throw Error( (getComponentName(Component) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes." );
|
|
3327
3158
|
}
|
|
3328
3159
|
}
|
|
3329
3160
|
}
|
|
3330
3161
|
} else {
|
|
3331
|
-
|
|
3162
|
+
{
|
|
3163
|
+
error('%s.getChildContext(): childContextTypes must be defined in order to ' + 'use getChildContext().', getComponentName(Component) || 'Unknown');
|
|
3164
|
+
}
|
|
3332
3165
|
}
|
|
3333
3166
|
}
|
|
3334
3167
|
|
|
@@ -3426,7 +3259,9 @@ function () {
|
|
|
3426
3259
|
var index = this.contextIndex;
|
|
3427
3260
|
|
|
3428
3261
|
{
|
|
3429
|
-
|
|
3262
|
+
if (index < 0 || provider !== this.contextProviderStack[index]) {
|
|
3263
|
+
error('Unexpected pop.');
|
|
3264
|
+
}
|
|
3430
3265
|
}
|
|
3431
3266
|
|
|
3432
3267
|
var context = this.contextStack[index];
|
|
@@ -3507,7 +3342,7 @@ function () {
|
|
|
3507
3342
|
|
|
3508
3343
|
if (!fallbackFrame) {
|
|
3509
3344
|
{
|
|
3510
|
-
throw Error("ReactDOMServer did not find an internal fallback frame for Suspense. This is a bug in React. Please file an issue.");
|
|
3345
|
+
throw Error(true ? "ReactDOMServer did not find an internal fallback frame for Suspense. This is a bug in React. Please file an issue." : formatProdErrorMessage(303));
|
|
3511
3346
|
}
|
|
3512
3347
|
}
|
|
3513
3348
|
|
|
@@ -3528,7 +3363,7 @@ function () {
|
|
|
3528
3363
|
var child = frame.children[frame.childIndex++];
|
|
3529
3364
|
var outBuffer = '';
|
|
3530
3365
|
|
|
3531
|
-
{
|
|
3366
|
+
if (true) {
|
|
3532
3367
|
pushCurrentDebugStack(this.stack); // We're starting work on this frame, so reset its inner stack.
|
|
3533
3368
|
|
|
3534
3369
|
frame.debugElementStack.length = 0;
|
|
@@ -3541,15 +3376,15 @@ function () {
|
|
|
3541
3376
|
if (enableSuspenseServerRenderer) {
|
|
3542
3377
|
if (!(this.suspenseDepth > 0)) {
|
|
3543
3378
|
{
|
|
3544
|
-
throw Error("A React component suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display.");
|
|
3379
|
+
throw Error(true ? "A React component suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display." : formatProdErrorMessage(342));
|
|
3545
3380
|
}
|
|
3546
3381
|
}
|
|
3547
3382
|
|
|
3548
3383
|
suspended = true;
|
|
3549
3384
|
} else {
|
|
3550
|
-
{
|
|
3385
|
+
if (!false) {
|
|
3551
3386
|
{
|
|
3552
|
-
throw Error("ReactDOMServer does not yet support Suspense.");
|
|
3387
|
+
throw Error(true ? "ReactDOMServer does not yet support Suspense." : formatProdErrorMessage(294));
|
|
3553
3388
|
}
|
|
3554
3389
|
}
|
|
3555
3390
|
}
|
|
@@ -3557,7 +3392,7 @@ function () {
|
|
|
3557
3392
|
throw err;
|
|
3558
3393
|
}
|
|
3559
3394
|
} finally {
|
|
3560
|
-
{
|
|
3395
|
+
if (true) {
|
|
3561
3396
|
popCurrentDebugStack();
|
|
3562
3397
|
}
|
|
3563
3398
|
}
|
|
@@ -3611,14 +3446,14 @@ function () {
|
|
|
3611
3446
|
|
|
3612
3447
|
if (!($$typeof !== REACT_PORTAL_TYPE)) {
|
|
3613
3448
|
{
|
|
3614
|
-
throw Error("Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render.");
|
|
3449
|
+
throw Error( "Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render." );
|
|
3615
3450
|
}
|
|
3616
3451
|
} // Catch-all to prevent an infinite loop if React.Children.toArray() supports some new type.
|
|
3617
3452
|
|
|
3618
3453
|
|
|
3619
3454
|
{
|
|
3620
3455
|
{
|
|
3621
|
-
throw Error("Unknown element-like object type: " + $$typeof.toString() + ". This is likely a bug in React. Please file an issue.");
|
|
3456
|
+
throw Error( "Unknown element-like object type: " + $$typeof.toString() + ". This is likely a bug in React. Please file an issue." );
|
|
3622
3457
|
}
|
|
3623
3458
|
}
|
|
3624
3459
|
}
|
|
@@ -3677,72 +3512,14 @@ function () {
|
|
|
3677
3512
|
|
|
3678
3513
|
case REACT_SUSPENSE_TYPE:
|
|
3679
3514
|
{
|
|
3680
|
-
|
|
3681
|
-
var fallback = nextChild.props.fallback;
|
|
3682
|
-
|
|
3683
|
-
if (fallback === undefined) {
|
|
3684
|
-
// If there is no fallback, then this just behaves as a fragment.
|
|
3685
|
-
var _nextChildren3 = toArray(nextChild.props.children);
|
|
3686
|
-
|
|
3687
|
-
var _frame3 = {
|
|
3688
|
-
type: null,
|
|
3689
|
-
domNamespace: parentNamespace,
|
|
3690
|
-
children: _nextChildren3,
|
|
3691
|
-
childIndex: 0,
|
|
3692
|
-
context: context,
|
|
3693
|
-
footer: ''
|
|
3694
|
-
};
|
|
3695
|
-
|
|
3696
|
-
{
|
|
3697
|
-
_frame3.debugElementStack = [];
|
|
3698
|
-
}
|
|
3699
|
-
|
|
3700
|
-
this.stack.push(_frame3);
|
|
3701
|
-
return '';
|
|
3702
|
-
}
|
|
3703
|
-
|
|
3704
|
-
var fallbackChildren = toArray(fallback);
|
|
3705
|
-
|
|
3706
|
-
var _nextChildren2 = toArray(nextChild.props.children);
|
|
3707
|
-
|
|
3708
|
-
var fallbackFrame = {
|
|
3709
|
-
type: null,
|
|
3710
|
-
domNamespace: parentNamespace,
|
|
3711
|
-
children: fallbackChildren,
|
|
3712
|
-
childIndex: 0,
|
|
3713
|
-
context: context,
|
|
3714
|
-
footer: '<!--/$-->'
|
|
3715
|
-
};
|
|
3716
|
-
var _frame2 = {
|
|
3717
|
-
fallbackFrame: fallbackFrame,
|
|
3718
|
-
type: REACT_SUSPENSE_TYPE,
|
|
3719
|
-
domNamespace: parentNamespace,
|
|
3720
|
-
children: _nextChildren2,
|
|
3721
|
-
childIndex: 0,
|
|
3722
|
-
context: context,
|
|
3723
|
-
footer: '<!--/$-->'
|
|
3724
|
-
};
|
|
3725
|
-
|
|
3726
|
-
{
|
|
3727
|
-
_frame2.debugElementStack = [];
|
|
3728
|
-
fallbackFrame.debugElementStack = [];
|
|
3729
|
-
}
|
|
3730
|
-
|
|
3731
|
-
this.stack.push(_frame2);
|
|
3732
|
-
this.suspenseDepth++;
|
|
3733
|
-
return '<!--$-->';
|
|
3734
|
-
} else {
|
|
3515
|
+
{
|
|
3735
3516
|
{
|
|
3736
3517
|
{
|
|
3737
|
-
throw Error("ReactDOMServer does not yet support Suspense.");
|
|
3518
|
+
throw Error( "ReactDOMServer does not yet support Suspense." );
|
|
3738
3519
|
}
|
|
3739
3520
|
}
|
|
3740
3521
|
}
|
|
3741
3522
|
}
|
|
3742
|
-
// eslint-disable-next-line-no-fallthrough
|
|
3743
|
-
|
|
3744
|
-
default:
|
|
3745
|
-
break;
|
|
3746
3523
|
}
|
|
3747
3524
|
|
|
3748
3525
|
if (typeof elementType === 'object' && elementType !== null) {
|
|
@@ -3841,7 +3618,8 @@ function () {
|
|
|
3841
3618
|
if (reactContext !== reactContext.Consumer) {
|
|
3842
3619
|
if (!hasWarnedAboutUsingContextAsConsumer) {
|
|
3843
3620
|
hasWarnedAboutUsingContextAsConsumer = true;
|
|
3844
|
-
|
|
3621
|
+
|
|
3622
|
+
error('Rendering <Context> directly is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
|
|
3845
3623
|
}
|
|
3846
3624
|
}
|
|
3847
3625
|
} else {
|
|
@@ -3876,34 +3654,10 @@ function () {
|
|
|
3876
3654
|
|
|
3877
3655
|
case REACT_FUNDAMENTAL_TYPE:
|
|
3878
3656
|
{
|
|
3879
|
-
if (enableFundamentalAPI) {
|
|
3880
|
-
var fundamentalImpl = elementType.impl;
|
|
3881
|
-
var open = fundamentalImpl.getServerSideString(null, nextElement.props);
|
|
3882
|
-
var getServerSideStringClose = fundamentalImpl.getServerSideStringClose;
|
|
3883
|
-
var close = getServerSideStringClose !== undefined ? getServerSideStringClose(null, nextElement.props) : '';
|
|
3884
|
-
|
|
3885
|
-
var _nextChildren8 = fundamentalImpl.reconcileChildren !== false ? toArray(nextChild.props.children) : [];
|
|
3886
|
-
|
|
3887
|
-
var _frame8 = {
|
|
3888
|
-
type: null,
|
|
3889
|
-
domNamespace: parentNamespace,
|
|
3890
|
-
children: _nextChildren8,
|
|
3891
|
-
childIndex: 0,
|
|
3892
|
-
context: context,
|
|
3893
|
-
footer: close
|
|
3894
|
-
};
|
|
3895
|
-
|
|
3896
|
-
{
|
|
3897
|
-
_frame8.debugElementStack = [];
|
|
3898
|
-
}
|
|
3899
|
-
|
|
3900
|
-
this.stack.push(_frame8);
|
|
3901
|
-
return open;
|
|
3902
|
-
}
|
|
3903
3657
|
|
|
3904
3658
|
{
|
|
3905
3659
|
{
|
|
3906
|
-
throw Error("ReactDOMServer does not yet support the fundamental API.");
|
|
3660
|
+
throw Error( "ReactDOMServer does not yet support the fundamental API." );
|
|
3907
3661
|
}
|
|
3908
3662
|
}
|
|
3909
3663
|
}
|
|
@@ -3948,7 +3702,7 @@ function () {
|
|
|
3948
3702
|
default:
|
|
3949
3703
|
{
|
|
3950
3704
|
{
|
|
3951
|
-
throw Error("ReactDOMServer does not yet support lazy-loaded components.");
|
|
3705
|
+
throw Error( "ReactDOMServer does not yet support lazy-loaded components." );
|
|
3952
3706
|
}
|
|
3953
3707
|
}
|
|
3954
3708
|
|
|
@@ -3958,29 +3712,10 @@ function () {
|
|
|
3958
3712
|
|
|
3959
3713
|
case REACT_SCOPE_TYPE:
|
|
3960
3714
|
{
|
|
3961
|
-
if (enableScopeAPI) {
|
|
3962
|
-
var _nextChildren10 = toArray(nextChild.props.children);
|
|
3963
|
-
|
|
3964
|
-
var _frame10 = {
|
|
3965
|
-
type: null,
|
|
3966
|
-
domNamespace: parentNamespace,
|
|
3967
|
-
children: _nextChildren10,
|
|
3968
|
-
childIndex: 0,
|
|
3969
|
-
context: context,
|
|
3970
|
-
footer: ''
|
|
3971
|
-
};
|
|
3972
|
-
|
|
3973
|
-
{
|
|
3974
|
-
_frame10.debugElementStack = [];
|
|
3975
|
-
}
|
|
3976
|
-
|
|
3977
|
-
this.stack.push(_frame10);
|
|
3978
|
-
return '';
|
|
3979
|
-
}
|
|
3980
3715
|
|
|
3981
3716
|
{
|
|
3982
3717
|
{
|
|
3983
|
-
throw Error("ReactDOMServer does not yet support scope components.");
|
|
3718
|
+
throw Error( "ReactDOMServer does not yet support scope components." );
|
|
3984
3719
|
}
|
|
3985
3720
|
}
|
|
3986
3721
|
}
|
|
@@ -4005,7 +3740,7 @@ function () {
|
|
|
4005
3740
|
|
|
4006
3741
|
{
|
|
4007
3742
|
{
|
|
4008
|
-
throw Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " + (elementType == null ? elementType : typeof elementType) + "." + info);
|
|
3743
|
+
throw Error( "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " + (elementType == null ? elementType : typeof elementType) + "." + info );
|
|
4009
3744
|
}
|
|
4010
3745
|
}
|
|
4011
3746
|
}
|
|
@@ -4023,7 +3758,9 @@ function () {
|
|
|
4023
3758
|
if (namespace === Namespaces.html) {
|
|
4024
3759
|
// Should this check be gated by parent namespace? Not sure we want to
|
|
4025
3760
|
// allow <SVG> or <mATH>.
|
|
4026
|
-
|
|
3761
|
+
if (tag !== element.type) {
|
|
3762
|
+
error('<%s /> is using incorrect casing. ' + 'Use PascalCase for React components, ' + 'or lowercase for HTML elements.', element.type);
|
|
3763
|
+
}
|
|
4027
3764
|
}
|
|
4028
3765
|
}
|
|
4029
3766
|
|
|
@@ -4035,12 +3772,14 @@ function () {
|
|
|
4035
3772
|
ReactControlledValuePropTypes.checkPropTypes('input', props);
|
|
4036
3773
|
|
|
4037
3774
|
if (props.checked !== undefined && props.defaultChecked !== undefined && !didWarnDefaultChecked) {
|
|
4038
|
-
|
|
3775
|
+
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://fb.me/react-controlled-components', 'A component', props.type);
|
|
3776
|
+
|
|
4039
3777
|
didWarnDefaultChecked = true;
|
|
4040
3778
|
}
|
|
4041
3779
|
|
|
4042
3780
|
if (props.value !== undefined && props.defaultValue !== undefined && !didWarnDefaultInputValue) {
|
|
4043
|
-
|
|
3781
|
+
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://fb.me/react-controlled-components', 'A component', props.type);
|
|
3782
|
+
|
|
4044
3783
|
didWarnDefaultInputValue = true;
|
|
4045
3784
|
}
|
|
4046
3785
|
}
|
|
@@ -4058,7 +3797,8 @@ function () {
|
|
|
4058
3797
|
ReactControlledValuePropTypes.checkPropTypes('textarea', props);
|
|
4059
3798
|
|
|
4060
3799
|
if (props.value !== undefined && props.defaultValue !== undefined && !didWarnDefaultTextareaValue) {
|
|
4061
|
-
|
|
3800
|
+
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://fb.me/react-controlled-components');
|
|
3801
|
+
|
|
4062
3802
|
didWarnDefaultTextareaValue = true;
|
|
4063
3803
|
}
|
|
4064
3804
|
}
|
|
@@ -4072,19 +3812,19 @@ function () {
|
|
|
4072
3812
|
|
|
4073
3813
|
if (textareaChildren != null) {
|
|
4074
3814
|
{
|
|
4075
|
-
|
|
3815
|
+
error('Use the `defaultValue` or `value` props instead of setting ' + 'children on <textarea>.');
|
|
4076
3816
|
}
|
|
4077
3817
|
|
|
4078
3818
|
if (!(defaultValue == null)) {
|
|
4079
3819
|
{
|
|
4080
|
-
throw Error("If you supply `defaultValue` on a <textarea>, do not pass children.");
|
|
3820
|
+
throw Error( "If you supply `defaultValue` on a <textarea>, do not pass children." );
|
|
4081
3821
|
}
|
|
4082
3822
|
}
|
|
4083
3823
|
|
|
4084
3824
|
if (Array.isArray(textareaChildren)) {
|
|
4085
3825
|
if (!(textareaChildren.length <= 1)) {
|
|
4086
3826
|
{
|
|
4087
|
-
throw Error("<textarea> can only have at most one child.");
|
|
3827
|
+
throw Error( "<textarea> can only have at most one child." );
|
|
4088
3828
|
}
|
|
4089
3829
|
}
|
|
4090
3830
|
|
|
@@ -4119,14 +3859,15 @@ function () {
|
|
|
4119
3859
|
var isArray = Array.isArray(props[propName]);
|
|
4120
3860
|
|
|
4121
3861
|
if (props.multiple && !isArray) {
|
|
4122
|
-
|
|
3862
|
+
error('The `%s` prop supplied to <select> must be an array if ' + '`multiple` is true.', propName);
|
|
4123
3863
|
} else if (!props.multiple && isArray) {
|
|
4124
|
-
|
|
3864
|
+
error('The `%s` prop supplied to <select> must be a scalar ' + 'value if `multiple` is false.', propName);
|
|
4125
3865
|
}
|
|
4126
3866
|
}
|
|
4127
3867
|
|
|
4128
3868
|
if (props.value !== undefined && props.defaultValue !== undefined && !didWarnDefaultSelectValue) {
|
|
4129
|
-
|
|
3869
|
+
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://fb.me/react-controlled-components');
|
|
3870
|
+
|
|
4130
3871
|
didWarnDefaultSelectValue = true;
|
|
4131
3872
|
}
|
|
4132
3873
|
}
|
|
@@ -4194,7 +3935,7 @@ function () {
|
|
|
4194
3935
|
if (innerMarkup != null) {
|
|
4195
3936
|
children = [];
|
|
4196
3937
|
|
|
4197
|
-
if (newlineEatingTags
|
|
3938
|
+
if (newlineEatingTags.hasOwnProperty(tag) && innerMarkup.charAt(0) === '\n') {
|
|
4198
3939
|
// text/html ignores the first character in these tags if it's a newline
|
|
4199
3940
|
// Prefer to break application/xml over text/html (for now) by adding
|
|
4200
3941
|
// a newline specifically to get eaten by the parser. (Alternately for
|
|
@@ -4325,7 +4066,7 @@ function renderToStaticNodeStream(element) {
|
|
|
4325
4066
|
return new ReactMarkupReadableStream(element, true);
|
|
4326
4067
|
}
|
|
4327
4068
|
|
|
4328
|
-
var
|
|
4069
|
+
var ReactDOMServer = {
|
|
4329
4070
|
renderToString: renderToString,
|
|
4330
4071
|
renderToStaticMarkup: renderToStaticMarkup,
|
|
4331
4072
|
renderToNodeStream: renderToNodeStream,
|
|
@@ -4333,12 +4074,6 @@ var ReactDOMServerNode = {
|
|
|
4333
4074
|
version: ReactVersion
|
|
4334
4075
|
};
|
|
4335
4076
|
|
|
4336
|
-
var ReactDOMServerNode$1 = Object.freeze({
|
|
4337
|
-
default: ReactDOMServerNode
|
|
4338
|
-
});
|
|
4339
|
-
|
|
4340
|
-
var ReactDOMServer = ( ReactDOMServerNode$1 && ReactDOMServerNode ) || ReactDOMServerNode$1;
|
|
4341
|
-
|
|
4342
4077
|
// TODO: decide on the top-level export form.
|
|
4343
4078
|
// This is hacky but makes it work with both Rollup and Jest
|
|
4344
4079
|
|