|
12
|
1 /**
|
|
|
2 * @license React
|
|
|
3 * react.development.js
|
|
|
4 *
|
|
|
5 * Copyright (c) Facebook, Inc. and its affiliates.
|
|
|
6 *
|
|
|
7 * This source code is licensed under the MIT license found in the
|
|
|
8 * LICENSE file in the root directory of this source tree.
|
|
|
9 */
|
|
|
10 (function (global, factory) {
|
|
|
11 typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
|
|
|
12 typeof define === 'function' && define.amd ? define(['exports'], factory) :
|
|
|
13 (global = global || self, factory(global.React = {}));
|
|
|
14 }(this, (function (exports) { 'use strict';
|
|
|
15
|
|
|
16 var ReactVersion = '18.3.1';
|
|
|
17
|
|
|
18 // ATTENTION
|
|
|
19 // When adding new symbols to this file,
|
|
|
20 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
|
|
|
21 // The Symbol used to tag the ReactElement-like types.
|
|
|
22 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
|
|
|
23 var REACT_PORTAL_TYPE = Symbol.for('react.portal');
|
|
|
24 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
|
|
|
25 var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
|
|
|
26 var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
|
|
|
27 var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
|
|
|
28 var REACT_CONTEXT_TYPE = Symbol.for('react.context');
|
|
|
29 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
|
|
|
30 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
|
|
|
31 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
|
|
|
32 var REACT_MEMO_TYPE = Symbol.for('react.memo');
|
|
|
33 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
|
|
|
34 var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
|
|
|
35 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
|
|
|
36 var FAUX_ITERATOR_SYMBOL = '@@iterator';
|
|
|
37 function getIteratorFn(maybeIterable) {
|
|
|
38 if (maybeIterable === null || typeof maybeIterable !== 'object') {
|
|
|
39 return null;
|
|
|
40 }
|
|
|
41
|
|
|
42 var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
|
|
|
43
|
|
|
44 if (typeof maybeIterator === 'function') {
|
|
|
45 return maybeIterator;
|
|
|
46 }
|
|
|
47
|
|
|
48 return null;
|
|
|
49 }
|
|
|
50
|
|
|
51 /**
|
|
|
52 * Keeps track of the current dispatcher.
|
|
|
53 */
|
|
|
54 var ReactCurrentDispatcher = {
|
|
|
55 /**
|
|
|
56 * @internal
|
|
|
57 * @type {ReactComponent}
|
|
|
58 */
|
|
|
59 current: null
|
|
|
60 };
|
|
|
61
|
|
|
62 /**
|
|
|
63 * Keeps track of the current batch's configuration such as how long an update
|
|
|
64 * should suspend for if it needs to.
|
|
|
65 */
|
|
|
66 var ReactCurrentBatchConfig = {
|
|
|
67 transition: null
|
|
|
68 };
|
|
|
69
|
|
|
70 var ReactCurrentActQueue = {
|
|
|
71 current: null,
|
|
|
72 // Used to reproduce behavior of `batchedUpdates` in legacy mode.
|
|
|
73 isBatchingLegacy: false,
|
|
|
74 didScheduleLegacyUpdate: false
|
|
|
75 };
|
|
|
76
|
|
|
77 /**
|
|
|
78 * Keeps track of the current owner.
|
|
|
79 *
|
|
|
80 * The current owner is the component who should own any components that are
|
|
|
81 * currently being constructed.
|
|
|
82 */
|
|
|
83 var ReactCurrentOwner = {
|
|
|
84 /**
|
|
|
85 * @internal
|
|
|
86 * @type {ReactComponent}
|
|
|
87 */
|
|
|
88 current: null
|
|
|
89 };
|
|
|
90
|
|
|
91 var ReactDebugCurrentFrame = {};
|
|
|
92 var currentExtraStackFrame = null;
|
|
|
93 function setExtraStackFrame(stack) {
|
|
|
94 {
|
|
|
95 currentExtraStackFrame = stack;
|
|
|
96 }
|
|
|
97 }
|
|
|
98
|
|
|
99 {
|
|
|
100 ReactDebugCurrentFrame.setExtraStackFrame = function (stack) {
|
|
|
101 {
|
|
|
102 currentExtraStackFrame = stack;
|
|
|
103 }
|
|
|
104 }; // Stack implementation injected by the current renderer.
|
|
|
105
|
|
|
106
|
|
|
107 ReactDebugCurrentFrame.getCurrentStack = null;
|
|
|
108
|
|
|
109 ReactDebugCurrentFrame.getStackAddendum = function () {
|
|
|
110 var stack = ''; // Add an extra top frame while an element is being validated
|
|
|
111
|
|
|
112 if (currentExtraStackFrame) {
|
|
|
113 stack += currentExtraStackFrame;
|
|
|
114 } // Delegate to the injected renderer-specific implementation
|
|
|
115
|
|
|
116
|
|
|
117 var impl = ReactDebugCurrentFrame.getCurrentStack;
|
|
|
118
|
|
|
119 if (impl) {
|
|
|
120 stack += impl() || '';
|
|
|
121 }
|
|
|
122
|
|
|
123 return stack;
|
|
|
124 };
|
|
|
125 }
|
|
|
126
|
|
|
127 // -----------------------------------------------------------------------------
|
|
|
128
|
|
|
129 var enableScopeAPI = false; // Experimental Create Event Handle API.
|
|
|
130 var enableCacheElement = false;
|
|
|
131 var enableTransitionTracing = false; // No known bugs, but needs performance testing
|
|
|
132
|
|
|
133 var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
|
|
|
134 // stuff. Intended to enable React core members to more easily debug scheduling
|
|
|
135 // issues in DEV builds.
|
|
|
136
|
|
|
137 var enableDebugTracing = false; // Track which Fiber(s) schedule render work.
|
|
|
138
|
|
|
139 var ReactSharedInternals = {
|
|
|
140 ReactCurrentDispatcher: ReactCurrentDispatcher,
|
|
|
141 ReactCurrentBatchConfig: ReactCurrentBatchConfig,
|
|
|
142 ReactCurrentOwner: ReactCurrentOwner
|
|
|
143 };
|
|
|
144
|
|
|
145 {
|
|
|
146 ReactSharedInternals.ReactDebugCurrentFrame = ReactDebugCurrentFrame;
|
|
|
147 ReactSharedInternals.ReactCurrentActQueue = ReactCurrentActQueue;
|
|
|
148 }
|
|
|
149
|
|
|
150 // by calls to these methods by a Babel plugin.
|
|
|
151 //
|
|
|
152 // In PROD (or in packages without access to React internals),
|
|
|
153 // they are left as they are instead.
|
|
|
154
|
|
|
155 function warn(format) {
|
|
|
156 {
|
|
|
157 {
|
|
|
158 for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
|
159 args[_key - 1] = arguments[_key];
|
|
|
160 }
|
|
|
161
|
|
|
162 printWarning('warn', format, args);
|
|
|
163 }
|
|
|
164 }
|
|
|
165 }
|
|
|
166 function error(format) {
|
|
|
167 {
|
|
|
168 {
|
|
|
169 for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
|
|
170 args[_key2 - 1] = arguments[_key2];
|
|
|
171 }
|
|
|
172
|
|
|
173 printWarning('error', format, args);
|
|
|
174 }
|
|
|
175 }
|
|
|
176 }
|
|
|
177
|
|
|
178 function printWarning(level, format, args) {
|
|
|
179 // When changing this logic, you might want to also
|
|
|
180 // update consoleWithStackDev.www.js as well.
|
|
|
181 {
|
|
|
182 var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
|
|
183 var stack = ReactDebugCurrentFrame.getStackAddendum();
|
|
|
184
|
|
|
185 if (stack !== '') {
|
|
|
186 format += '%s';
|
|
|
187 args = args.concat([stack]);
|
|
|
188 } // eslint-disable-next-line react-internal/safe-string-coercion
|
|
|
189
|
|
|
190
|
|
|
191 var argsWithFormat = args.map(function (item) {
|
|
|
192 return String(item);
|
|
|
193 }); // Careful: RN currently depends on this prefix
|
|
|
194
|
|
|
195 argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
|
|
|
196 // breaks IE9: https://github.com/facebook/react/issues/13610
|
|
|
197 // eslint-disable-next-line react-internal/no-production-logging
|
|
|
198
|
|
|
199 Function.prototype.apply.call(console[level], console, argsWithFormat);
|
|
|
200 }
|
|
|
201 }
|
|
|
202
|
|
|
203 var didWarnStateUpdateForUnmountedComponent = {};
|
|
|
204
|
|
|
205 function warnNoop(publicInstance, callerName) {
|
|
|
206 {
|
|
|
207 var _constructor = publicInstance.constructor;
|
|
|
208 var componentName = _constructor && (_constructor.displayName || _constructor.name) || 'ReactClass';
|
|
|
209 var warningKey = componentName + "." + callerName;
|
|
|
210
|
|
|
211 if (didWarnStateUpdateForUnmountedComponent[warningKey]) {
|
|
|
212 return;
|
|
|
213 }
|
|
|
214
|
|
|
215 error("Can't call %s on a component that is not yet mounted. " + 'This is a no-op, but it might indicate a bug in your application. ' + 'Instead, assign to `this.state` directly or define a `state = {};` ' + 'class property with the desired state in the %s component.', callerName, componentName);
|
|
|
216
|
|
|
217 didWarnStateUpdateForUnmountedComponent[warningKey] = true;
|
|
|
218 }
|
|
|
219 }
|
|
|
220 /**
|
|
|
221 * This is the abstract API for an update queue.
|
|
|
222 */
|
|
|
223
|
|
|
224
|
|
|
225 var ReactNoopUpdateQueue = {
|
|
|
226 /**
|
|
|
227 * Checks whether or not this composite component is mounted.
|
|
|
228 * @param {ReactClass} publicInstance The instance we want to test.
|
|
|
229 * @return {boolean} True if mounted, false otherwise.
|
|
|
230 * @protected
|
|
|
231 * @final
|
|
|
232 */
|
|
|
233 isMounted: function (publicInstance) {
|
|
|
234 return false;
|
|
|
235 },
|
|
|
236
|
|
|
237 /**
|
|
|
238 * Forces an update. This should only be invoked when it is known with
|
|
|
239 * certainty that we are **not** in a DOM transaction.
|
|
|
240 *
|
|
|
241 * You may want to call this when you know that some deeper aspect of the
|
|
|
242 * component's state has changed but `setState` was not called.
|
|
|
243 *
|
|
|
244 * This will not invoke `shouldComponentUpdate`, but it will invoke
|
|
|
245 * `componentWillUpdate` and `componentDidUpdate`.
|
|
|
246 *
|
|
|
247 * @param {ReactClass} publicInstance The instance that should rerender.
|
|
|
248 * @param {?function} callback Called after component is updated.
|
|
|
249 * @param {?string} callerName name of the calling function in the public API.
|
|
|
250 * @internal
|
|
|
251 */
|
|
|
252 enqueueForceUpdate: function (publicInstance, callback, callerName) {
|
|
|
253 warnNoop(publicInstance, 'forceUpdate');
|
|
|
254 },
|
|
|
255
|
|
|
256 /**
|
|
|
257 * Replaces all of the state. Always use this or `setState` to mutate state.
|
|
|
258 * You should treat `this.state` as immutable.
|
|
|
259 *
|
|
|
260 * There is no guarantee that `this.state` will be immediately updated, so
|
|
|
261 * accessing `this.state` after calling this method may return the old value.
|
|
|
262 *
|
|
|
263 * @param {ReactClass} publicInstance The instance that should rerender.
|
|
|
264 * @param {object} completeState Next state.
|
|
|
265 * @param {?function} callback Called after component is updated.
|
|
|
266 * @param {?string} callerName name of the calling function in the public API.
|
|
|
267 * @internal
|
|
|
268 */
|
|
|
269 enqueueReplaceState: function (publicInstance, completeState, callback, callerName) {
|
|
|
270 warnNoop(publicInstance, 'replaceState');
|
|
|
271 },
|
|
|
272
|
|
|
273 /**
|
|
|
274 * Sets a subset of the state. This only exists because _pendingState is
|
|
|
275 * internal. This provides a merging strategy that is not available to deep
|
|
|
276 * properties which is confusing. TODO: Expose pendingState or don't use it
|
|
|
277 * during the merge.
|
|
|
278 *
|
|
|
279 * @param {ReactClass} publicInstance The instance that should rerender.
|
|
|
280 * @param {object} partialState Next partial state to be merged with state.
|
|
|
281 * @param {?function} callback Called after component is updated.
|
|
|
282 * @param {?string} Name of the calling function in the public API.
|
|
|
283 * @internal
|
|
|
284 */
|
|
|
285 enqueueSetState: function (publicInstance, partialState, callback, callerName) {
|
|
|
286 warnNoop(publicInstance, 'setState');
|
|
|
287 }
|
|
|
288 };
|
|
|
289
|
|
|
290 var assign = Object.assign;
|
|
|
291
|
|
|
292 var emptyObject = {};
|
|
|
293
|
|
|
294 {
|
|
|
295 Object.freeze(emptyObject);
|
|
|
296 }
|
|
|
297 /**
|
|
|
298 * Base class helpers for the updating state of a component.
|
|
|
299 */
|
|
|
300
|
|
|
301
|
|
|
302 function Component(props, context, updater) {
|
|
|
303 this.props = props;
|
|
|
304 this.context = context; // If a component has string refs, we will assign a different object later.
|
|
|
305
|
|
|
306 this.refs = emptyObject; // We initialize the default updater but the real one gets injected by the
|
|
|
307 // renderer.
|
|
|
308
|
|
|
309 this.updater = updater || ReactNoopUpdateQueue;
|
|
|
310 }
|
|
|
311
|
|
|
312 Component.prototype.isReactComponent = {};
|
|
|
313 /**
|
|
|
314 * Sets a subset of the state. Always use this to mutate
|
|
|
315 * state. You should treat `this.state` as immutable.
|
|
|
316 *
|
|
|
317 * There is no guarantee that `this.state` will be immediately updated, so
|
|
|
318 * accessing `this.state` after calling this method may return the old value.
|
|
|
319 *
|
|
|
320 * There is no guarantee that calls to `setState` will run synchronously,
|
|
|
321 * as they may eventually be batched together. You can provide an optional
|
|
|
322 * callback that will be executed when the call to setState is actually
|
|
|
323 * completed.
|
|
|
324 *
|
|
|
325 * When a function is provided to setState, it will be called at some point in
|
|
|
326 * the future (not synchronously). It will be called with the up to date
|
|
|
327 * component arguments (state, props, context). These values can be different
|
|
|
328 * from this.* because your function may be called after receiveProps but before
|
|
|
329 * shouldComponentUpdate, and this new state, props, and context will not yet be
|
|
|
330 * assigned to this.
|
|
|
331 *
|
|
|
332 * @param {object|function} partialState Next partial state or function to
|
|
|
333 * produce next partial state to be merged with current state.
|
|
|
334 * @param {?function} callback Called after state is updated.
|
|
|
335 * @final
|
|
|
336 * @protected
|
|
|
337 */
|
|
|
338
|
|
|
339 Component.prototype.setState = function (partialState, callback) {
|
|
|
340 if (typeof partialState !== 'object' && typeof partialState !== 'function' && partialState != null) {
|
|
|
341 throw new Error('setState(...): takes an object of state variables to update or a ' + 'function which returns an object of state variables.');
|
|
|
342 }
|
|
|
343
|
|
|
344 this.updater.enqueueSetState(this, partialState, callback, 'setState');
|
|
|
345 };
|
|
|
346 /**
|
|
|
347 * Forces an update. This should only be invoked when it is known with
|
|
|
348 * certainty that we are **not** in a DOM transaction.
|
|
|
349 *
|
|
|
350 * You may want to call this when you know that some deeper aspect of the
|
|
|
351 * component's state has changed but `setState` was not called.
|
|
|
352 *
|
|
|
353 * This will not invoke `shouldComponentUpdate`, but it will invoke
|
|
|
354 * `componentWillUpdate` and `componentDidUpdate`.
|
|
|
355 *
|
|
|
356 * @param {?function} callback Called after update is complete.
|
|
|
357 * @final
|
|
|
358 * @protected
|
|
|
359 */
|
|
|
360
|
|
|
361
|
|
|
362 Component.prototype.forceUpdate = function (callback) {
|
|
|
363 this.updater.enqueueForceUpdate(this, callback, 'forceUpdate');
|
|
|
364 };
|
|
|
365 /**
|
|
|
366 * Deprecated APIs. These APIs used to exist on classic React classes but since
|
|
|
367 * we would like to deprecate them, we're not going to move them over to this
|
|
|
368 * modern base class. Instead, we define a getter that warns if it's accessed.
|
|
|
369 */
|
|
|
370
|
|
|
371
|
|
|
372 {
|
|
|
373 var deprecatedAPIs = {
|
|
|
374 isMounted: ['isMounted', 'Instead, make sure to clean up subscriptions and pending requests in ' + 'componentWillUnmount to prevent memory leaks.'],
|
|
|
375 replaceState: ['replaceState', 'Refactor your code to use setState instead (see ' + 'https://github.com/facebook/react/issues/3236).']
|
|
|
376 };
|
|
|
377
|
|
|
378 var defineDeprecationWarning = function (methodName, info) {
|
|
|
379 Object.defineProperty(Component.prototype, methodName, {
|
|
|
380 get: function () {
|
|
|
381 warn('%s(...) is deprecated in plain JavaScript React classes. %s', info[0], info[1]);
|
|
|
382
|
|
|
383 return undefined;
|
|
|
384 }
|
|
|
385 });
|
|
|
386 };
|
|
|
387
|
|
|
388 for (var fnName in deprecatedAPIs) {
|
|
|
389 if (deprecatedAPIs.hasOwnProperty(fnName)) {
|
|
|
390 defineDeprecationWarning(fnName, deprecatedAPIs[fnName]);
|
|
|
391 }
|
|
|
392 }
|
|
|
393 }
|
|
|
394
|
|
|
395 function ComponentDummy() {}
|
|
|
396
|
|
|
397 ComponentDummy.prototype = Component.prototype;
|
|
|
398 /**
|
|
|
399 * Convenience component with default shallow equality check for sCU.
|
|
|
400 */
|
|
|
401
|
|
|
402 function PureComponent(props, context, updater) {
|
|
|
403 this.props = props;
|
|
|
404 this.context = context; // If a component has string refs, we will assign a different object later.
|
|
|
405
|
|
|
406 this.refs = emptyObject;
|
|
|
407 this.updater = updater || ReactNoopUpdateQueue;
|
|
|
408 }
|
|
|
409
|
|
|
410 var pureComponentPrototype = PureComponent.prototype = new ComponentDummy();
|
|
|
411 pureComponentPrototype.constructor = PureComponent; // Avoid an extra prototype jump for these methods.
|
|
|
412
|
|
|
413 assign(pureComponentPrototype, Component.prototype);
|
|
|
414 pureComponentPrototype.isPureReactComponent = true;
|
|
|
415
|
|
|
416 // an immutable object with a single mutable value
|
|
|
417 function createRef() {
|
|
|
418 var refObject = {
|
|
|
419 current: null
|
|
|
420 };
|
|
|
421
|
|
|
422 {
|
|
|
423 Object.seal(refObject);
|
|
|
424 }
|
|
|
425
|
|
|
426 return refObject;
|
|
|
427 }
|
|
|
428
|
|
|
429 var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
|
|
|
430
|
|
|
431 function isArray(a) {
|
|
|
432 return isArrayImpl(a);
|
|
|
433 }
|
|
|
434
|
|
|
435 /*
|
|
|
436 * The `'' + value` pattern (used in in perf-sensitive code) throws for Symbol
|
|
|
437 * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
|
|
|
438 *
|
|
|
439 * The functions in this module will throw an easier-to-understand,
|
|
|
440 * easier-to-debug exception with a clear errors message message explaining the
|
|
|
441 * problem. (Instead of a confusing exception thrown inside the implementation
|
|
|
442 * of the `value` object).
|
|
|
443 */
|
|
|
444 // $FlowFixMe only called in DEV, so void return is not possible.
|
|
|
445 function typeName(value) {
|
|
|
446 {
|
|
|
447 // toStringTag is needed for namespaced types like Temporal.Instant
|
|
|
448 var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
|
|
|
449 var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object';
|
|
|
450 return type;
|
|
|
451 }
|
|
|
452 } // $FlowFixMe only called in DEV, so void return is not possible.
|
|
|
453
|
|
|
454
|
|
|
455 function willCoercionThrow(value) {
|
|
|
456 {
|
|
|
457 try {
|
|
|
458 testStringCoercion(value);
|
|
|
459 return false;
|
|
|
460 } catch (e) {
|
|
|
461 return true;
|
|
|
462 }
|
|
|
463 }
|
|
|
464 }
|
|
|
465
|
|
|
466 function testStringCoercion(value) {
|
|
|
467 // If you ended up here by following an exception call stack, here's what's
|
|
|
468 // happened: you supplied an object or symbol value to React (as a prop, key,
|
|
|
469 // DOM attribute, CSS property, string ref, etc.) and when React tried to
|
|
|
470 // coerce it to a string using `'' + value`, an exception was thrown.
|
|
|
471 //
|
|
|
472 // The most common types that will cause this exception are `Symbol` instances
|
|
|
473 // and Temporal objects like `Temporal.Instant`. But any object that has a
|
|
|
474 // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
|
|
|
475 // exception. (Library authors do this to prevent users from using built-in
|
|
|
476 // numeric operators like `+` or comparison operators like `>=` because custom
|
|
|
477 // methods are needed to perform accurate arithmetic or comparison.)
|
|
|
478 //
|
|
|
479 // To fix the problem, coerce this object or symbol value to a string before
|
|
|
480 // passing it to React. The most reliable way is usually `String(value)`.
|
|
|
481 //
|
|
|
482 // To find which value is throwing, check the browser or debugger console.
|
|
|
483 // Before this exception was thrown, there should be `console.error` output
|
|
|
484 // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
|
|
|
485 // problem and how that type was used: key, atrribute, input value prop, etc.
|
|
|
486 // In most cases, this console output also shows the component and its
|
|
|
487 // ancestor components where the exception happened.
|
|
|
488 //
|
|
|
489 // eslint-disable-next-line react-internal/safe-string-coercion
|
|
|
490 return '' + value;
|
|
|
491 }
|
|
|
492 function checkKeyStringCoercion(value) {
|
|
|
493 {
|
|
|
494 if (willCoercionThrow(value)) {
|
|
|
495 error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before before using it here.', typeName(value));
|
|
|
496
|
|
|
497 return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
|
|
|
498 }
|
|
|
499 }
|
|
|
500 }
|
|
|
501
|
|
|
502 function getWrappedName(outerType, innerType, wrapperName) {
|
|
|
503 var displayName = outerType.displayName;
|
|
|
504
|
|
|
505 if (displayName) {
|
|
|
506 return displayName;
|
|
|
507 }
|
|
|
508
|
|
|
509 var functionName = innerType.displayName || innerType.name || '';
|
|
|
510 return functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName;
|
|
|
511 } // Keep in sync with react-reconciler/getComponentNameFromFiber
|
|
|
512
|
|
|
513
|
|
|
514 function getContextName(type) {
|
|
|
515 return type.displayName || 'Context';
|
|
|
516 } // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
|
|
|
517
|
|
|
518
|
|
|
519 function getComponentNameFromType(type) {
|
|
|
520 if (type == null) {
|
|
|
521 // Host root, text node or just invalid type.
|
|
|
522 return null;
|
|
|
523 }
|
|
|
524
|
|
|
525 {
|
|
|
526 if (typeof type.tag === 'number') {
|
|
|
527 error('Received an unexpected object in getComponentNameFromType(). ' + 'This is likely a bug in React. Please file an issue.');
|
|
|
528 }
|
|
|
529 }
|
|
|
530
|
|
|
531 if (typeof type === 'function') {
|
|
|
532 return type.displayName || type.name || null;
|
|
|
533 }
|
|
|
534
|
|
|
535 if (typeof type === 'string') {
|
|
|
536 return type;
|
|
|
537 }
|
|
|
538
|
|
|
539 switch (type) {
|
|
|
540 case REACT_FRAGMENT_TYPE:
|
|
|
541 return 'Fragment';
|
|
|
542
|
|
|
543 case REACT_PORTAL_TYPE:
|
|
|
544 return 'Portal';
|
|
|
545
|
|
|
546 case REACT_PROFILER_TYPE:
|
|
|
547 return 'Profiler';
|
|
|
548
|
|
|
549 case REACT_STRICT_MODE_TYPE:
|
|
|
550 return 'StrictMode';
|
|
|
551
|
|
|
552 case REACT_SUSPENSE_TYPE:
|
|
|
553 return 'Suspense';
|
|
|
554
|
|
|
555 case REACT_SUSPENSE_LIST_TYPE:
|
|
|
556 return 'SuspenseList';
|
|
|
557
|
|
|
558 }
|
|
|
559
|
|
|
560 if (typeof type === 'object') {
|
|
|
561 switch (type.$$typeof) {
|
|
|
562 case REACT_CONTEXT_TYPE:
|
|
|
563 var context = type;
|
|
|
564 return getContextName(context) + '.Consumer';
|
|
|
565
|
|
|
566 case REACT_PROVIDER_TYPE:
|
|
|
567 var provider = type;
|
|
|
568 return getContextName(provider._context) + '.Provider';
|
|
|
569
|
|
|
570 case REACT_FORWARD_REF_TYPE:
|
|
|
571 return getWrappedName(type, type.render, 'ForwardRef');
|
|
|
572
|
|
|
573 case REACT_MEMO_TYPE:
|
|
|
574 var outerName = type.displayName || null;
|
|
|
575
|
|
|
576 if (outerName !== null) {
|
|
|
577 return outerName;
|
|
|
578 }
|
|
|
579
|
|
|
580 return getComponentNameFromType(type.type) || 'Memo';
|
|
|
581
|
|
|
582 case REACT_LAZY_TYPE:
|
|
|
583 {
|
|
|
584 var lazyComponent = type;
|
|
|
585 var payload = lazyComponent._payload;
|
|
|
586 var init = lazyComponent._init;
|
|
|
587
|
|
|
588 try {
|
|
|
589 return getComponentNameFromType(init(payload));
|
|
|
590 } catch (x) {
|
|
|
591 return null;
|
|
|
592 }
|
|
|
593 }
|
|
|
594
|
|
|
595 // eslint-disable-next-line no-fallthrough
|
|
|
596 }
|
|
|
597 }
|
|
|
598
|
|
|
599 return null;
|
|
|
600 }
|
|
|
601
|
|
|
602 var hasOwnProperty = Object.prototype.hasOwnProperty;
|
|
|
603
|
|
|
604 var RESERVED_PROPS = {
|
|
|
605 key: true,
|
|
|
606 ref: true,
|
|
|
607 __self: true,
|
|
|
608 __source: true
|
|
|
609 };
|
|
|
610 var specialPropKeyWarningShown, specialPropRefWarningShown, didWarnAboutStringRefs;
|
|
|
611
|
|
|
612 {
|
|
|
613 didWarnAboutStringRefs = {};
|
|
|
614 }
|
|
|
615
|
|
|
616 function hasValidRef(config) {
|
|
|
617 {
|
|
|
618 if (hasOwnProperty.call(config, 'ref')) {
|
|
|
619 var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;
|
|
|
620
|
|
|
621 if (getter && getter.isReactWarning) {
|
|
|
622 return false;
|
|
|
623 }
|
|
|
624 }
|
|
|
625 }
|
|
|
626
|
|
|
627 return config.ref !== undefined;
|
|
|
628 }
|
|
|
629
|
|
|
630 function hasValidKey(config) {
|
|
|
631 {
|
|
|
632 if (hasOwnProperty.call(config, 'key')) {
|
|
|
633 var getter = Object.getOwnPropertyDescriptor(config, 'key').get;
|
|
|
634
|
|
|
635 if (getter && getter.isReactWarning) {
|
|
|
636 return false;
|
|
|
637 }
|
|
|
638 }
|
|
|
639 }
|
|
|
640
|
|
|
641 return config.key !== undefined;
|
|
|
642 }
|
|
|
643
|
|
|
644 function defineKeyPropWarningGetter(props, displayName) {
|
|
|
645 var warnAboutAccessingKey = function () {
|
|
|
646 {
|
|
|
647 if (!specialPropKeyWarningShown) {
|
|
|
648 specialPropKeyWarningShown = true;
|
|
|
649
|
|
|
650 error('%s: `key` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://reactjs.org/link/special-props)', displayName);
|
|
|
651 }
|
|
|
652 }
|
|
|
653 };
|
|
|
654
|
|
|
655 warnAboutAccessingKey.isReactWarning = true;
|
|
|
656 Object.defineProperty(props, 'key', {
|
|
|
657 get: warnAboutAccessingKey,
|
|
|
658 configurable: true
|
|
|
659 });
|
|
|
660 }
|
|
|
661
|
|
|
662 function defineRefPropWarningGetter(props, displayName) {
|
|
|
663 var warnAboutAccessingRef = function () {
|
|
|
664 {
|
|
|
665 if (!specialPropRefWarningShown) {
|
|
|
666 specialPropRefWarningShown = true;
|
|
|
667
|
|
|
668 error('%s: `ref` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://reactjs.org/link/special-props)', displayName);
|
|
|
669 }
|
|
|
670 }
|
|
|
671 };
|
|
|
672
|
|
|
673 warnAboutAccessingRef.isReactWarning = true;
|
|
|
674 Object.defineProperty(props, 'ref', {
|
|
|
675 get: warnAboutAccessingRef,
|
|
|
676 configurable: true
|
|
|
677 });
|
|
|
678 }
|
|
|
679
|
|
|
680 function warnIfStringRefCannotBeAutoConverted(config) {
|
|
|
681 {
|
|
|
682 if (typeof config.ref === 'string' && ReactCurrentOwner.current && config.__self && ReactCurrentOwner.current.stateNode !== config.__self) {
|
|
|
683 var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
|
|
|
684
|
|
|
685 if (!didWarnAboutStringRefs[componentName]) {
|
|
|
686 error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', componentName, config.ref);
|
|
|
687
|
|
|
688 didWarnAboutStringRefs[componentName] = true;
|
|
|
689 }
|
|
|
690 }
|
|
|
691 }
|
|
|
692 }
|
|
|
693 /**
|
|
|
694 * Factory method to create a new React element. This no longer adheres to
|
|
|
695 * the class pattern, so do not use new to call it. Also, instanceof check
|
|
|
696 * will not work. Instead test $$typeof field against Symbol.for('react.element') to check
|
|
|
697 * if something is a React Element.
|
|
|
698 *
|
|
|
699 * @param {*} type
|
|
|
700 * @param {*} props
|
|
|
701 * @param {*} key
|
|
|
702 * @param {string|object} ref
|
|
|
703 * @param {*} owner
|
|
|
704 * @param {*} self A *temporary* helper to detect places where `this` is
|
|
|
705 * different from the `owner` when React.createElement is called, so that we
|
|
|
706 * can warn. We want to get rid of owner and replace string `ref`s with arrow
|
|
|
707 * functions, and as long as `this` and owner are the same, there will be no
|
|
|
708 * change in behavior.
|
|
|
709 * @param {*} source An annotation object (added by a transpiler or otherwise)
|
|
|
710 * indicating filename, line number, and/or other information.
|
|
|
711 * @internal
|
|
|
712 */
|
|
|
713
|
|
|
714
|
|
|
715 var ReactElement = function (type, key, ref, self, source, owner, props) {
|
|
|
716 var element = {
|
|
|
717 // This tag allows us to uniquely identify this as a React Element
|
|
|
718 $$typeof: REACT_ELEMENT_TYPE,
|
|
|
719 // Built-in properties that belong on the element
|
|
|
720 type: type,
|
|
|
721 key: key,
|
|
|
722 ref: ref,
|
|
|
723 props: props,
|
|
|
724 // Record the component responsible for creating this element.
|
|
|
725 _owner: owner
|
|
|
726 };
|
|
|
727
|
|
|
728 {
|
|
|
729 // The validation flag is currently mutative. We put it on
|
|
|
730 // an external backing store so that we can freeze the whole object.
|
|
|
731 // This can be replaced with a WeakMap once they are implemented in
|
|
|
732 // commonly used development environments.
|
|
|
733 element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
|
|
|
734 // the validation flag non-enumerable (where possible, which should
|
|
|
735 // include every environment we run tests in), so the test framework
|
|
|
736 // ignores it.
|
|
|
737
|
|
|
738 Object.defineProperty(element._store, 'validated', {
|
|
|
739 configurable: false,
|
|
|
740 enumerable: false,
|
|
|
741 writable: true,
|
|
|
742 value: false
|
|
|
743 }); // self and source are DEV only properties.
|
|
|
744
|
|
|
745 Object.defineProperty(element, '_self', {
|
|
|
746 configurable: false,
|
|
|
747 enumerable: false,
|
|
|
748 writable: false,
|
|
|
749 value: self
|
|
|
750 }); // Two elements created in two different places should be considered
|
|
|
751 // equal for testing purposes and therefore we hide it from enumeration.
|
|
|
752
|
|
|
753 Object.defineProperty(element, '_source', {
|
|
|
754 configurable: false,
|
|
|
755 enumerable: false,
|
|
|
756 writable: false,
|
|
|
757 value: source
|
|
|
758 });
|
|
|
759
|
|
|
760 if (Object.freeze) {
|
|
|
761 Object.freeze(element.props);
|
|
|
762 Object.freeze(element);
|
|
|
763 }
|
|
|
764 }
|
|
|
765
|
|
|
766 return element;
|
|
|
767 };
|
|
|
768 /**
|
|
|
769 * Create and return a new ReactElement of the given type.
|
|
|
770 * See https://reactjs.org/docs/react-api.html#createelement
|
|
|
771 */
|
|
|
772
|
|
|
773 function createElement(type, config, children) {
|
|
|
774 var propName; // Reserved names are extracted
|
|
|
775
|
|
|
776 var props = {};
|
|
|
777 var key = null;
|
|
|
778 var ref = null;
|
|
|
779 var self = null;
|
|
|
780 var source = null;
|
|
|
781
|
|
|
782 if (config != null) {
|
|
|
783 if (hasValidRef(config)) {
|
|
|
784 ref = config.ref;
|
|
|
785
|
|
|
786 {
|
|
|
787 warnIfStringRefCannotBeAutoConverted(config);
|
|
|
788 }
|
|
|
789 }
|
|
|
790
|
|
|
791 if (hasValidKey(config)) {
|
|
|
792 {
|
|
|
793 checkKeyStringCoercion(config.key);
|
|
|
794 }
|
|
|
795
|
|
|
796 key = '' + config.key;
|
|
|
797 }
|
|
|
798
|
|
|
799 self = config.__self === undefined ? null : config.__self;
|
|
|
800 source = config.__source === undefined ? null : config.__source; // Remaining properties are added to a new props object
|
|
|
801
|
|
|
802 for (propName in config) {
|
|
|
803 if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
|
|
|
804 props[propName] = config[propName];
|
|
|
805 }
|
|
|
806 }
|
|
|
807 } // Children can be more than one argument, and those are transferred onto
|
|
|
808 // the newly allocated props object.
|
|
|
809
|
|
|
810
|
|
|
811 var childrenLength = arguments.length - 2;
|
|
|
812
|
|
|
813 if (childrenLength === 1) {
|
|
|
814 props.children = children;
|
|
|
815 } else if (childrenLength > 1) {
|
|
|
816 var childArray = Array(childrenLength);
|
|
|
817
|
|
|
818 for (var i = 0; i < childrenLength; i++) {
|
|
|
819 childArray[i] = arguments[i + 2];
|
|
|
820 }
|
|
|
821
|
|
|
822 {
|
|
|
823 if (Object.freeze) {
|
|
|
824 Object.freeze(childArray);
|
|
|
825 }
|
|
|
826 }
|
|
|
827
|
|
|
828 props.children = childArray;
|
|
|
829 } // Resolve default props
|
|
|
830
|
|
|
831
|
|
|
832 if (type && type.defaultProps) {
|
|
|
833 var defaultProps = type.defaultProps;
|
|
|
834
|
|
|
835 for (propName in defaultProps) {
|
|
|
836 if (props[propName] === undefined) {
|
|
|
837 props[propName] = defaultProps[propName];
|
|
|
838 }
|
|
|
839 }
|
|
|
840 }
|
|
|
841
|
|
|
842 {
|
|
|
843 if (key || ref) {
|
|
|
844 var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
|
|
|
845
|
|
|
846 if (key) {
|
|
|
847 defineKeyPropWarningGetter(props, displayName);
|
|
|
848 }
|
|
|
849
|
|
|
850 if (ref) {
|
|
|
851 defineRefPropWarningGetter(props, displayName);
|
|
|
852 }
|
|
|
853 }
|
|
|
854 }
|
|
|
855
|
|
|
856 return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
|
|
|
857 }
|
|
|
858 function cloneAndReplaceKey(oldElement, newKey) {
|
|
|
859 var newElement = ReactElement(oldElement.type, newKey, oldElement.ref, oldElement._self, oldElement._source, oldElement._owner, oldElement.props);
|
|
|
860 return newElement;
|
|
|
861 }
|
|
|
862 /**
|
|
|
863 * Clone and return a new ReactElement using element as the starting point.
|
|
|
864 * See https://reactjs.org/docs/react-api.html#cloneelement
|
|
|
865 */
|
|
|
866
|
|
|
867 function cloneElement(element, config, children) {
|
|
|
868 if (element === null || element === undefined) {
|
|
|
869 throw new Error("React.cloneElement(...): The argument must be a React element, but you passed " + element + ".");
|
|
|
870 }
|
|
|
871
|
|
|
872 var propName; // Original props are copied
|
|
|
873
|
|
|
874 var props = assign({}, element.props); // Reserved names are extracted
|
|
|
875
|
|
|
876 var key = element.key;
|
|
|
877 var ref = element.ref; // Self is preserved since the owner is preserved.
|
|
|
878
|
|
|
879 var self = element._self; // Source is preserved since cloneElement is unlikely to be targeted by a
|
|
|
880 // transpiler, and the original source is probably a better indicator of the
|
|
|
881 // true owner.
|
|
|
882
|
|
|
883 var source = element._source; // Owner will be preserved, unless ref is overridden
|
|
|
884
|
|
|
885 var owner = element._owner;
|
|
|
886
|
|
|
887 if (config != null) {
|
|
|
888 if (hasValidRef(config)) {
|
|
|
889 // Silently steal the ref from the parent.
|
|
|
890 ref = config.ref;
|
|
|
891 owner = ReactCurrentOwner.current;
|
|
|
892 }
|
|
|
893
|
|
|
894 if (hasValidKey(config)) {
|
|
|
895 {
|
|
|
896 checkKeyStringCoercion(config.key);
|
|
|
897 }
|
|
|
898
|
|
|
899 key = '' + config.key;
|
|
|
900 } // Remaining properties override existing props
|
|
|
901
|
|
|
902
|
|
|
903 var defaultProps;
|
|
|
904
|
|
|
905 if (element.type && element.type.defaultProps) {
|
|
|
906 defaultProps = element.type.defaultProps;
|
|
|
907 }
|
|
|
908
|
|
|
909 for (propName in config) {
|
|
|
910 if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
|
|
|
911 if (config[propName] === undefined && defaultProps !== undefined) {
|
|
|
912 // Resolve default props
|
|
|
913 props[propName] = defaultProps[propName];
|
|
|
914 } else {
|
|
|
915 props[propName] = config[propName];
|
|
|
916 }
|
|
|
917 }
|
|
|
918 }
|
|
|
919 } // Children can be more than one argument, and those are transferred onto
|
|
|
920 // the newly allocated props object.
|
|
|
921
|
|
|
922
|
|
|
923 var childrenLength = arguments.length - 2;
|
|
|
924
|
|
|
925 if (childrenLength === 1) {
|
|
|
926 props.children = children;
|
|
|
927 } else if (childrenLength > 1) {
|
|
|
928 var childArray = Array(childrenLength);
|
|
|
929
|
|
|
930 for (var i = 0; i < childrenLength; i++) {
|
|
|
931 childArray[i] = arguments[i + 2];
|
|
|
932 }
|
|
|
933
|
|
|
934 props.children = childArray;
|
|
|
935 }
|
|
|
936
|
|
|
937 return ReactElement(element.type, key, ref, self, source, owner, props);
|
|
|
938 }
|
|
|
939 /**
|
|
|
940 * Verifies the object is a ReactElement.
|
|
|
941 * See https://reactjs.org/docs/react-api.html#isvalidelement
|
|
|
942 * @param {?object} object
|
|
|
943 * @return {boolean} True if `object` is a ReactElement.
|
|
|
944 * @final
|
|
|
945 */
|
|
|
946
|
|
|
947 function isValidElement(object) {
|
|
|
948 return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
|
|
|
949 }
|
|
|
950
|
|
|
951 var SEPARATOR = '.';
|
|
|
952 var SUBSEPARATOR = ':';
|
|
|
953 /**
|
|
|
954 * Escape and wrap key so it is safe to use as a reactid
|
|
|
955 *
|
|
|
956 * @param {string} key to be escaped.
|
|
|
957 * @return {string} the escaped key.
|
|
|
958 */
|
|
|
959
|
|
|
960 function escape(key) {
|
|
|
961 var escapeRegex = /[=:]/g;
|
|
|
962 var escaperLookup = {
|
|
|
963 '=': '=0',
|
|
|
964 ':': '=2'
|
|
|
965 };
|
|
|
966 var escapedString = key.replace(escapeRegex, function (match) {
|
|
|
967 return escaperLookup[match];
|
|
|
968 });
|
|
|
969 return '$' + escapedString;
|
|
|
970 }
|
|
|
971 /**
|
|
|
972 * TODO: Test that a single child and an array with one item have the same key
|
|
|
973 * pattern.
|
|
|
974 */
|
|
|
975
|
|
|
976
|
|
|
977 var didWarnAboutMaps = false;
|
|
|
978 var userProvidedKeyEscapeRegex = /\/+/g;
|
|
|
979
|
|
|
980 function escapeUserProvidedKey(text) {
|
|
|
981 return text.replace(userProvidedKeyEscapeRegex, '$&/');
|
|
|
982 }
|
|
|
983 /**
|
|
|
984 * Generate a key string that identifies a element within a set.
|
|
|
985 *
|
|
|
986 * @param {*} element A element that could contain a manual key.
|
|
|
987 * @param {number} index Index that is used if a manual key is not provided.
|
|
|
988 * @return {string}
|
|
|
989 */
|
|
|
990
|
|
|
991
|
|
|
992 function getElementKey(element, index) {
|
|
|
993 // Do some typechecking here since we call this blindly. We want to ensure
|
|
|
994 // that we don't block potential future ES APIs.
|
|
|
995 if (typeof element === 'object' && element !== null && element.key != null) {
|
|
|
996 // Explicit key
|
|
|
997 {
|
|
|
998 checkKeyStringCoercion(element.key);
|
|
|
999 }
|
|
|
1000
|
|
|
1001 return escape('' + element.key);
|
|
|
1002 } // Implicit key determined by the index in the set
|
|
|
1003
|
|
|
1004
|
|
|
1005 return index.toString(36);
|
|
|
1006 }
|
|
|
1007
|
|
|
1008 function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
|
|
|
1009 var type = typeof children;
|
|
|
1010
|
|
|
1011 if (type === 'undefined' || type === 'boolean') {
|
|
|
1012 // All of the above are perceived as null.
|
|
|
1013 children = null;
|
|
|
1014 }
|
|
|
1015
|
|
|
1016 var invokeCallback = false;
|
|
|
1017
|
|
|
1018 if (children === null) {
|
|
|
1019 invokeCallback = true;
|
|
|
1020 } else {
|
|
|
1021 switch (type) {
|
|
|
1022 case 'string':
|
|
|
1023 case 'number':
|
|
|
1024 invokeCallback = true;
|
|
|
1025 break;
|
|
|
1026
|
|
|
1027 case 'object':
|
|
|
1028 switch (children.$$typeof) {
|
|
|
1029 case REACT_ELEMENT_TYPE:
|
|
|
1030 case REACT_PORTAL_TYPE:
|
|
|
1031 invokeCallback = true;
|
|
|
1032 }
|
|
|
1033
|
|
|
1034 }
|
|
|
1035 }
|
|
|
1036
|
|
|
1037 if (invokeCallback) {
|
|
|
1038 var _child = children;
|
|
|
1039 var mappedChild = callback(_child); // If it's the only child, treat the name as if it was wrapped in an array
|
|
|
1040 // so that it's consistent if the number of children grows:
|
|
|
1041
|
|
|
1042 var childKey = nameSoFar === '' ? SEPARATOR + getElementKey(_child, 0) : nameSoFar;
|
|
|
1043
|
|
|
1044 if (isArray(mappedChild)) {
|
|
|
1045 var escapedChildKey = '';
|
|
|
1046
|
|
|
1047 if (childKey != null) {
|
|
|
1048 escapedChildKey = escapeUserProvidedKey(childKey) + '/';
|
|
|
1049 }
|
|
|
1050
|
|
|
1051 mapIntoArray(mappedChild, array, escapedChildKey, '', function (c) {
|
|
|
1052 return c;
|
|
|
1053 });
|
|
|
1054 } else if (mappedChild != null) {
|
|
|
1055 if (isValidElement(mappedChild)) {
|
|
|
1056 {
|
|
|
1057 // The `if` statement here prevents auto-disabling of the safe
|
|
|
1058 // coercion ESLint rule, so we must manually disable it below.
|
|
|
1059 // $FlowFixMe Flow incorrectly thinks React.Portal doesn't have a key
|
|
|
1060 if (mappedChild.key && (!_child || _child.key !== mappedChild.key)) {
|
|
|
1061 checkKeyStringCoercion(mappedChild.key);
|
|
|
1062 }
|
|
|
1063 }
|
|
|
1064
|
|
|
1065 mappedChild = cloneAndReplaceKey(mappedChild, // Keep both the (mapped) and old keys if they differ, just as
|
|
|
1066 // traverseAllChildren used to do for objects as children
|
|
|
1067 escapedPrefix + ( // $FlowFixMe Flow incorrectly thinks React.Portal doesn't have a key
|
|
|
1068 mappedChild.key && (!_child || _child.key !== mappedChild.key) ? // $FlowFixMe Flow incorrectly thinks existing element's key can be a number
|
|
|
1069 // eslint-disable-next-line react-internal/safe-string-coercion
|
|
|
1070 escapeUserProvidedKey('' + mappedChild.key) + '/' : '') + childKey);
|
|
|
1071 }
|
|
|
1072
|
|
|
1073 array.push(mappedChild);
|
|
|
1074 }
|
|
|
1075
|
|
|
1076 return 1;
|
|
|
1077 }
|
|
|
1078
|
|
|
1079 var child;
|
|
|
1080 var nextName;
|
|
|
1081 var subtreeCount = 0; // Count of children found in the current subtree.
|
|
|
1082
|
|
|
1083 var nextNamePrefix = nameSoFar === '' ? SEPARATOR : nameSoFar + SUBSEPARATOR;
|
|
|
1084
|
|
|
1085 if (isArray(children)) {
|
|
|
1086 for (var i = 0; i < children.length; i++) {
|
|
|
1087 child = children[i];
|
|
|
1088 nextName = nextNamePrefix + getElementKey(child, i);
|
|
|
1089 subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
|
|
|
1090 }
|
|
|
1091 } else {
|
|
|
1092 var iteratorFn = getIteratorFn(children);
|
|
|
1093
|
|
|
1094 if (typeof iteratorFn === 'function') {
|
|
|
1095 var iterableChildren = children;
|
|
|
1096
|
|
|
1097 {
|
|
|
1098 // Warn about using Maps as children
|
|
|
1099 if (iteratorFn === iterableChildren.entries) {
|
|
|
1100 if (!didWarnAboutMaps) {
|
|
|
1101 warn('Using Maps as children is not supported. ' + 'Use an array of keyed ReactElements instead.');
|
|
|
1102 }
|
|
|
1103
|
|
|
1104 didWarnAboutMaps = true;
|
|
|
1105 }
|
|
|
1106 }
|
|
|
1107
|
|
|
1108 var iterator = iteratorFn.call(iterableChildren);
|
|
|
1109 var step;
|
|
|
1110 var ii = 0;
|
|
|
1111
|
|
|
1112 while (!(step = iterator.next()).done) {
|
|
|
1113 child = step.value;
|
|
|
1114 nextName = nextNamePrefix + getElementKey(child, ii++);
|
|
|
1115 subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
|
|
|
1116 }
|
|
|
1117 } else if (type === 'object') {
|
|
|
1118 // eslint-disable-next-line react-internal/safe-string-coercion
|
|
|
1119 var childrenString = String(children);
|
|
|
1120 throw new Error("Objects are not valid as a React child (found: " + (childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString) + "). " + 'If you meant to render a collection of children, use an array ' + 'instead.');
|
|
|
1121 }
|
|
|
1122 }
|
|
|
1123
|
|
|
1124 return subtreeCount;
|
|
|
1125 }
|
|
|
1126
|
|
|
1127 /**
|
|
|
1128 * Maps children that are typically specified as `props.children`.
|
|
|
1129 *
|
|
|
1130 * See https://reactjs.org/docs/react-api.html#reactchildrenmap
|
|
|
1131 *
|
|
|
1132 * The provided mapFunction(child, index) will be called for each
|
|
|
1133 * leaf child.
|
|
|
1134 *
|
|
|
1135 * @param {?*} children Children tree container.
|
|
|
1136 * @param {function(*, int)} func The map function.
|
|
|
1137 * @param {*} context Context for mapFunction.
|
|
|
1138 * @return {object} Object containing the ordered map of results.
|
|
|
1139 */
|
|
|
1140 function mapChildren(children, func, context) {
|
|
|
1141 if (children == null) {
|
|
|
1142 return children;
|
|
|
1143 }
|
|
|
1144
|
|
|
1145 var result = [];
|
|
|
1146 var count = 0;
|
|
|
1147 mapIntoArray(children, result, '', '', function (child) {
|
|
|
1148 return func.call(context, child, count++);
|
|
|
1149 });
|
|
|
1150 return result;
|
|
|
1151 }
|
|
|
1152 /**
|
|
|
1153 * Count the number of children that are typically specified as
|
|
|
1154 * `props.children`.
|
|
|
1155 *
|
|
|
1156 * See https://reactjs.org/docs/react-api.html#reactchildrencount
|
|
|
1157 *
|
|
|
1158 * @param {?*} children Children tree container.
|
|
|
1159 * @return {number} The number of children.
|
|
|
1160 */
|
|
|
1161
|
|
|
1162
|
|
|
1163 function countChildren(children) {
|
|
|
1164 var n = 0;
|
|
|
1165 mapChildren(children, function () {
|
|
|
1166 n++; // Don't return anything
|
|
|
1167 });
|
|
|
1168 return n;
|
|
|
1169 }
|
|
|
1170
|
|
|
1171 /**
|
|
|
1172 * Iterates through children that are typically specified as `props.children`.
|
|
|
1173 *
|
|
|
1174 * See https://reactjs.org/docs/react-api.html#reactchildrenforeach
|
|
|
1175 *
|
|
|
1176 * The provided forEachFunc(child, index) will be called for each
|
|
|
1177 * leaf child.
|
|
|
1178 *
|
|
|
1179 * @param {?*} children Children tree container.
|
|
|
1180 * @param {function(*, int)} forEachFunc
|
|
|
1181 * @param {*} forEachContext Context for forEachContext.
|
|
|
1182 */
|
|
|
1183 function forEachChildren(children, forEachFunc, forEachContext) {
|
|
|
1184 mapChildren(children, function () {
|
|
|
1185 forEachFunc.apply(this, arguments); // Don't return anything.
|
|
|
1186 }, forEachContext);
|
|
|
1187 }
|
|
|
1188 /**
|
|
|
1189 * Flatten a children object (typically specified as `props.children`) and
|
|
|
1190 * return an array with appropriately re-keyed children.
|
|
|
1191 *
|
|
|
1192 * See https://reactjs.org/docs/react-api.html#reactchildrentoarray
|
|
|
1193 */
|
|
|
1194
|
|
|
1195
|
|
|
1196 function toArray(children) {
|
|
|
1197 return mapChildren(children, function (child) {
|
|
|
1198 return child;
|
|
|
1199 }) || [];
|
|
|
1200 }
|
|
|
1201 /**
|
|
|
1202 * Returns the first child in a collection of children and verifies that there
|
|
|
1203 * is only one child in the collection.
|
|
|
1204 *
|
|
|
1205 * See https://reactjs.org/docs/react-api.html#reactchildrenonly
|
|
|
1206 *
|
|
|
1207 * The current implementation of this function assumes that a single child gets
|
|
|
1208 * passed without a wrapper, but the purpose of this helper function is to
|
|
|
1209 * abstract away the particular structure of children.
|
|
|
1210 *
|
|
|
1211 * @param {?object} children Child collection structure.
|
|
|
1212 * @return {ReactElement} The first and only `ReactElement` contained in the
|
|
|
1213 * structure.
|
|
|
1214 */
|
|
|
1215
|
|
|
1216
|
|
|
1217 function onlyChild(children) {
|
|
|
1218 if (!isValidElement(children)) {
|
|
|
1219 throw new Error('React.Children.only expected to receive a single React element child.');
|
|
|
1220 }
|
|
|
1221
|
|
|
1222 return children;
|
|
|
1223 }
|
|
|
1224
|
|
|
1225 function createContext(defaultValue) {
|
|
|
1226 // TODO: Second argument used to be an optional `calculateChangedBits`
|
|
|
1227 // function. Warn to reserve for future use?
|
|
|
1228 var context = {
|
|
|
1229 $$typeof: REACT_CONTEXT_TYPE,
|
|
|
1230 // As a workaround to support multiple concurrent renderers, we categorize
|
|
|
1231 // some renderers as primary and others as secondary. We only expect
|
|
|
1232 // there to be two concurrent renderers at most: React Native (primary) and
|
|
|
1233 // Fabric (secondary); React DOM (primary) and React ART (secondary).
|
|
|
1234 // Secondary renderers store their context values on separate fields.
|
|
|
1235 _currentValue: defaultValue,
|
|
|
1236 _currentValue2: defaultValue,
|
|
|
1237 // Used to track how many concurrent renderers this context currently
|
|
|
1238 // supports within in a single renderer. Such as parallel server rendering.
|
|
|
1239 _threadCount: 0,
|
|
|
1240 // These are circular
|
|
|
1241 Provider: null,
|
|
|
1242 Consumer: null,
|
|
|
1243 // Add these to use same hidden class in VM as ServerContext
|
|
|
1244 _defaultValue: null,
|
|
|
1245 _globalName: null
|
|
|
1246 };
|
|
|
1247 context.Provider = {
|
|
|
1248 $$typeof: REACT_PROVIDER_TYPE,
|
|
|
1249 _context: context
|
|
|
1250 };
|
|
|
1251 var hasWarnedAboutUsingNestedContextConsumers = false;
|
|
|
1252 var hasWarnedAboutUsingConsumerProvider = false;
|
|
|
1253 var hasWarnedAboutDisplayNameOnConsumer = false;
|
|
|
1254
|
|
|
1255 {
|
|
|
1256 // A separate object, but proxies back to the original context object for
|
|
|
1257 // backwards compatibility. It has a different $$typeof, so we can properly
|
|
|
1258 // warn for the incorrect usage of Context as a Consumer.
|
|
|
1259 var Consumer = {
|
|
|
1260 $$typeof: REACT_CONTEXT_TYPE,
|
|
|
1261 _context: context
|
|
|
1262 }; // $FlowFixMe: Flow complains about not setting a value, which is intentional here
|
|
|
1263
|
|
|
1264 Object.defineProperties(Consumer, {
|
|
|
1265 Provider: {
|
|
|
1266 get: function () {
|
|
|
1267 if (!hasWarnedAboutUsingConsumerProvider) {
|
|
|
1268 hasWarnedAboutUsingConsumerProvider = true;
|
|
|
1269
|
|
|
1270 error('Rendering <Context.Consumer.Provider> is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Provider> instead?');
|
|
|
1271 }
|
|
|
1272
|
|
|
1273 return context.Provider;
|
|
|
1274 },
|
|
|
1275 set: function (_Provider) {
|
|
|
1276 context.Provider = _Provider;
|
|
|
1277 }
|
|
|
1278 },
|
|
|
1279 _currentValue: {
|
|
|
1280 get: function () {
|
|
|
1281 return context._currentValue;
|
|
|
1282 },
|
|
|
1283 set: function (_currentValue) {
|
|
|
1284 context._currentValue = _currentValue;
|
|
|
1285 }
|
|
|
1286 },
|
|
|
1287 _currentValue2: {
|
|
|
1288 get: function () {
|
|
|
1289 return context._currentValue2;
|
|
|
1290 },
|
|
|
1291 set: function (_currentValue2) {
|
|
|
1292 context._currentValue2 = _currentValue2;
|
|
|
1293 }
|
|
|
1294 },
|
|
|
1295 _threadCount: {
|
|
|
1296 get: function () {
|
|
|
1297 return context._threadCount;
|
|
|
1298 },
|
|
|
1299 set: function (_threadCount) {
|
|
|
1300 context._threadCount = _threadCount;
|
|
|
1301 }
|
|
|
1302 },
|
|
|
1303 Consumer: {
|
|
|
1304 get: function () {
|
|
|
1305 if (!hasWarnedAboutUsingNestedContextConsumers) {
|
|
|
1306 hasWarnedAboutUsingNestedContextConsumers = true;
|
|
|
1307
|
|
|
1308 error('Rendering <Context.Consumer.Consumer> is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
|
|
|
1309 }
|
|
|
1310
|
|
|
1311 return context.Consumer;
|
|
|
1312 }
|
|
|
1313 },
|
|
|
1314 displayName: {
|
|
|
1315 get: function () {
|
|
|
1316 return context.displayName;
|
|
|
1317 },
|
|
|
1318 set: function (displayName) {
|
|
|
1319 if (!hasWarnedAboutDisplayNameOnConsumer) {
|
|
|
1320 warn('Setting `displayName` on Context.Consumer has no effect. ' + "You should set it directly on the context with Context.displayName = '%s'.", displayName);
|
|
|
1321
|
|
|
1322 hasWarnedAboutDisplayNameOnConsumer = true;
|
|
|
1323 }
|
|
|
1324 }
|
|
|
1325 }
|
|
|
1326 }); // $FlowFixMe: Flow complains about missing properties because it doesn't understand defineProperty
|
|
|
1327
|
|
|
1328 context.Consumer = Consumer;
|
|
|
1329 }
|
|
|
1330
|
|
|
1331 {
|
|
|
1332 context._currentRenderer = null;
|
|
|
1333 context._currentRenderer2 = null;
|
|
|
1334 }
|
|
|
1335
|
|
|
1336 return context;
|
|
|
1337 }
|
|
|
1338
|
|
|
1339 var Uninitialized = -1;
|
|
|
1340 var Pending = 0;
|
|
|
1341 var Resolved = 1;
|
|
|
1342 var Rejected = 2;
|
|
|
1343
|
|
|
1344 function lazyInitializer(payload) {
|
|
|
1345 if (payload._status === Uninitialized) {
|
|
|
1346 var ctor = payload._result;
|
|
|
1347 var thenable = ctor(); // Transition to the next state.
|
|
|
1348 // This might throw either because it's missing or throws. If so, we treat it
|
|
|
1349 // as still uninitialized and try again next time. Which is the same as what
|
|
|
1350 // happens if the ctor or any wrappers processing the ctor throws. This might
|
|
|
1351 // end up fixing it if the resolution was a concurrency bug.
|
|
|
1352
|
|
|
1353 thenable.then(function (moduleObject) {
|
|
|
1354 if (payload._status === Pending || payload._status === Uninitialized) {
|
|
|
1355 // Transition to the next state.
|
|
|
1356 var resolved = payload;
|
|
|
1357 resolved._status = Resolved;
|
|
|
1358 resolved._result = moduleObject;
|
|
|
1359 }
|
|
|
1360 }, function (error) {
|
|
|
1361 if (payload._status === Pending || payload._status === Uninitialized) {
|
|
|
1362 // Transition to the next state.
|
|
|
1363 var rejected = payload;
|
|
|
1364 rejected._status = Rejected;
|
|
|
1365 rejected._result = error;
|
|
|
1366 }
|
|
|
1367 });
|
|
|
1368
|
|
|
1369 if (payload._status === Uninitialized) {
|
|
|
1370 // In case, we're still uninitialized, then we're waiting for the thenable
|
|
|
1371 // to resolve. Set it as pending in the meantime.
|
|
|
1372 var pending = payload;
|
|
|
1373 pending._status = Pending;
|
|
|
1374 pending._result = thenable;
|
|
|
1375 }
|
|
|
1376 }
|
|
|
1377
|
|
|
1378 if (payload._status === Resolved) {
|
|
|
1379 var moduleObject = payload._result;
|
|
|
1380
|
|
|
1381 {
|
|
|
1382 if (moduleObject === undefined) {
|
|
|
1383 error('lazy: Expected the result of a dynamic imp' + 'ort() call. ' + 'Instead received: %s\n\nYour code should look like: \n ' + // Break up imports to avoid accidentally parsing them as dependencies.
|
|
|
1384 'const MyComponent = lazy(() => imp' + "ort('./MyComponent'))\n\n" + 'Did you accidentally put curly braces around the import?', moduleObject);
|
|
|
1385 }
|
|
|
1386 }
|
|
|
1387
|
|
|
1388 {
|
|
|
1389 if (!('default' in moduleObject)) {
|
|
|
1390 error('lazy: Expected the result of a dynamic imp' + 'ort() call. ' + 'Instead received: %s\n\nYour code should look like: \n ' + // Break up imports to avoid accidentally parsing them as dependencies.
|
|
|
1391 'const MyComponent = lazy(() => imp' + "ort('./MyComponent'))", moduleObject);
|
|
|
1392 }
|
|
|
1393 }
|
|
|
1394
|
|
|
1395 return moduleObject.default;
|
|
|
1396 } else {
|
|
|
1397 throw payload._result;
|
|
|
1398 }
|
|
|
1399 }
|
|
|
1400
|
|
|
1401 function lazy(ctor) {
|
|
|
1402 var payload = {
|
|
|
1403 // We use these fields to store the result.
|
|
|
1404 _status: Uninitialized,
|
|
|
1405 _result: ctor
|
|
|
1406 };
|
|
|
1407 var lazyType = {
|
|
|
1408 $$typeof: REACT_LAZY_TYPE,
|
|
|
1409 _payload: payload,
|
|
|
1410 _init: lazyInitializer
|
|
|
1411 };
|
|
|
1412
|
|
|
1413 {
|
|
|
1414 // In production, this would just set it on the object.
|
|
|
1415 var defaultProps;
|
|
|
1416 var propTypes; // $FlowFixMe
|
|
|
1417
|
|
|
1418 Object.defineProperties(lazyType, {
|
|
|
1419 defaultProps: {
|
|
|
1420 configurable: true,
|
|
|
1421 get: function () {
|
|
|
1422 return defaultProps;
|
|
|
1423 },
|
|
|
1424 set: function (newDefaultProps) {
|
|
|
1425 error('React.lazy(...): It is not supported to assign `defaultProps` to ' + 'a lazy component import. Either specify them where the component ' + 'is defined, or create a wrapping component around it.');
|
|
|
1426
|
|
|
1427 defaultProps = newDefaultProps; // Match production behavior more closely:
|
|
|
1428 // $FlowFixMe
|
|
|
1429
|
|
|
1430 Object.defineProperty(lazyType, 'defaultProps', {
|
|
|
1431 enumerable: true
|
|
|
1432 });
|
|
|
1433 }
|
|
|
1434 },
|
|
|
1435 propTypes: {
|
|
|
1436 configurable: true,
|
|
|
1437 get: function () {
|
|
|
1438 return propTypes;
|
|
|
1439 },
|
|
|
1440 set: function (newPropTypes) {
|
|
|
1441 error('React.lazy(...): It is not supported to assign `propTypes` to ' + 'a lazy component import. Either specify them where the component ' + 'is defined, or create a wrapping component around it.');
|
|
|
1442
|
|
|
1443 propTypes = newPropTypes; // Match production behavior more closely:
|
|
|
1444 // $FlowFixMe
|
|
|
1445
|
|
|
1446 Object.defineProperty(lazyType, 'propTypes', {
|
|
|
1447 enumerable: true
|
|
|
1448 });
|
|
|
1449 }
|
|
|
1450 }
|
|
|
1451 });
|
|
|
1452 }
|
|
|
1453
|
|
|
1454 return lazyType;
|
|
|
1455 }
|
|
|
1456
|
|
|
1457 function forwardRef(render) {
|
|
|
1458 {
|
|
|
1459 if (render != null && render.$$typeof === REACT_MEMO_TYPE) {
|
|
|
1460 error('forwardRef requires a render function but received a `memo` ' + 'component. Instead of forwardRef(memo(...)), use ' + 'memo(forwardRef(...)).');
|
|
|
1461 } else if (typeof render !== 'function') {
|
|
|
1462 error('forwardRef requires a render function but was given %s.', render === null ? 'null' : typeof render);
|
|
|
1463 } else {
|
|
|
1464 if (render.length !== 0 && render.length !== 2) {
|
|
|
1465 error('forwardRef render functions accept exactly two parameters: props and ref. %s', render.length === 1 ? 'Did you forget to use the ref parameter?' : 'Any additional parameter will be undefined.');
|
|
|
1466 }
|
|
|
1467 }
|
|
|
1468
|
|
|
1469 if (render != null) {
|
|
|
1470 if (render.defaultProps != null || render.propTypes != null) {
|
|
|
1471 error('forwardRef render functions do not support propTypes or defaultProps. ' + 'Did you accidentally pass a React component?');
|
|
|
1472 }
|
|
|
1473 }
|
|
|
1474 }
|
|
|
1475
|
|
|
1476 var elementType = {
|
|
|
1477 $$typeof: REACT_FORWARD_REF_TYPE,
|
|
|
1478 render: render
|
|
|
1479 };
|
|
|
1480
|
|
|
1481 {
|
|
|
1482 var ownName;
|
|
|
1483 Object.defineProperty(elementType, 'displayName', {
|
|
|
1484 enumerable: false,
|
|
|
1485 configurable: true,
|
|
|
1486 get: function () {
|
|
|
1487 return ownName;
|
|
|
1488 },
|
|
|
1489 set: function (name) {
|
|
|
1490 ownName = name; // The inner component shouldn't inherit this display name in most cases,
|
|
|
1491 // because the component may be used elsewhere.
|
|
|
1492 // But it's nice for anonymous functions to inherit the name,
|
|
|
1493 // so that our component-stack generation logic will display their frames.
|
|
|
1494 // An anonymous function generally suggests a pattern like:
|
|
|
1495 // React.forwardRef((props, ref) => {...});
|
|
|
1496 // This kind of inner function is not used elsewhere so the side effect is okay.
|
|
|
1497
|
|
|
1498 if (!render.name && !render.displayName) {
|
|
|
1499 render.displayName = name;
|
|
|
1500 }
|
|
|
1501 }
|
|
|
1502 });
|
|
|
1503 }
|
|
|
1504
|
|
|
1505 return elementType;
|
|
|
1506 }
|
|
|
1507
|
|
|
1508 var REACT_MODULE_REFERENCE;
|
|
|
1509
|
|
|
1510 {
|
|
|
1511 REACT_MODULE_REFERENCE = Symbol.for('react.module.reference');
|
|
|
1512 }
|
|
|
1513
|
|
|
1514 function isValidElementType(type) {
|
|
|
1515 if (typeof type === 'string' || typeof type === 'function') {
|
|
|
1516 return true;
|
|
|
1517 } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
|
|
|
1518
|
|
|
1519
|
|
|
1520 if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden || type === REACT_OFFSCREEN_TYPE || enableScopeAPI || enableCacheElement || enableTransitionTracing ) {
|
|
|
1521 return true;
|
|
|
1522 }
|
|
|
1523
|
|
|
1524 if (typeof type === 'object' && type !== null) {
|
|
|
1525 if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
|
|
|
1526 // types supported by any Flight configuration anywhere since
|
|
|
1527 // we don't know which Flight build this will end up being used
|
|
|
1528 // with.
|
|
|
1529 type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== undefined) {
|
|
|
1530 return true;
|
|
|
1531 }
|
|
|
1532 }
|
|
|
1533
|
|
|
1534 return false;
|
|
|
1535 }
|
|
|
1536
|
|
|
1537 function memo(type, compare) {
|
|
|
1538 {
|
|
|
1539 if (!isValidElementType(type)) {
|
|
|
1540 error('memo: The first argument must be a component. Instead ' + 'received: %s', type === null ? 'null' : typeof type);
|
|
|
1541 }
|
|
|
1542 }
|
|
|
1543
|
|
|
1544 var elementType = {
|
|
|
1545 $$typeof: REACT_MEMO_TYPE,
|
|
|
1546 type: type,
|
|
|
1547 compare: compare === undefined ? null : compare
|
|
|
1548 };
|
|
|
1549
|
|
|
1550 {
|
|
|
1551 var ownName;
|
|
|
1552 Object.defineProperty(elementType, 'displayName', {
|
|
|
1553 enumerable: false,
|
|
|
1554 configurable: true,
|
|
|
1555 get: function () {
|
|
|
1556 return ownName;
|
|
|
1557 },
|
|
|
1558 set: function (name) {
|
|
|
1559 ownName = name; // The inner component shouldn't inherit this display name in most cases,
|
|
|
1560 // because the component may be used elsewhere.
|
|
|
1561 // But it's nice for anonymous functions to inherit the name,
|
|
|
1562 // so that our component-stack generation logic will display their frames.
|
|
|
1563 // An anonymous function generally suggests a pattern like:
|
|
|
1564 // React.memo((props) => {...});
|
|
|
1565 // This kind of inner function is not used elsewhere so the side effect is okay.
|
|
|
1566
|
|
|
1567 if (!type.name && !type.displayName) {
|
|
|
1568 type.displayName = name;
|
|
|
1569 }
|
|
|
1570 }
|
|
|
1571 });
|
|
|
1572 }
|
|
|
1573
|
|
|
1574 return elementType;
|
|
|
1575 }
|
|
|
1576
|
|
|
1577 function resolveDispatcher() {
|
|
|
1578 var dispatcher = ReactCurrentDispatcher.current;
|
|
|
1579
|
|
|
1580 {
|
|
|
1581 if (dispatcher === null) {
|
|
|
1582 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.');
|
|
|
1583 }
|
|
|
1584 } // Will result in a null access error if accessed outside render phase. We
|
|
|
1585 // intentionally don't throw our own error because this is in a hot path.
|
|
|
1586 // Also helps ensure this is inlined.
|
|
|
1587
|
|
|
1588
|
|
|
1589 return dispatcher;
|
|
|
1590 }
|
|
|
1591 function useContext(Context) {
|
|
|
1592 var dispatcher = resolveDispatcher();
|
|
|
1593
|
|
|
1594 {
|
|
|
1595 // TODO: add a more generic warning for invalid values.
|
|
|
1596 if (Context._context !== undefined) {
|
|
|
1597 var realContext = Context._context; // Don't deduplicate because this legitimately causes bugs
|
|
|
1598 // and nobody should be using this in existing code.
|
|
|
1599
|
|
|
1600 if (realContext.Consumer === Context) {
|
|
|
1601 error('Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be ' + 'removed in a future major release. Did you mean to call useContext(Context) instead?');
|
|
|
1602 } else if (realContext.Provider === Context) {
|
|
|
1603 error('Calling useContext(Context.Provider) is not supported. ' + 'Did you mean to call useContext(Context) instead?');
|
|
|
1604 }
|
|
|
1605 }
|
|
|
1606 }
|
|
|
1607
|
|
|
1608 return dispatcher.useContext(Context);
|
|
|
1609 }
|
|
|
1610 function useState(initialState) {
|
|
|
1611 var dispatcher = resolveDispatcher();
|
|
|
1612 return dispatcher.useState(initialState);
|
|
|
1613 }
|
|
|
1614 function useReducer(reducer, initialArg, init) {
|
|
|
1615 var dispatcher = resolveDispatcher();
|
|
|
1616 return dispatcher.useReducer(reducer, initialArg, init);
|
|
|
1617 }
|
|
|
1618 function useRef(initialValue) {
|
|
|
1619 var dispatcher = resolveDispatcher();
|
|
|
1620 return dispatcher.useRef(initialValue);
|
|
|
1621 }
|
|
|
1622 function useEffect(create, deps) {
|
|
|
1623 var dispatcher = resolveDispatcher();
|
|
|
1624 return dispatcher.useEffect(create, deps);
|
|
|
1625 }
|
|
|
1626 function useInsertionEffect(create, deps) {
|
|
|
1627 var dispatcher = resolveDispatcher();
|
|
|
1628 return dispatcher.useInsertionEffect(create, deps);
|
|
|
1629 }
|
|
|
1630 function useLayoutEffect(create, deps) {
|
|
|
1631 var dispatcher = resolveDispatcher();
|
|
|
1632 return dispatcher.useLayoutEffect(create, deps);
|
|
|
1633 }
|
|
|
1634 function useCallback(callback, deps) {
|
|
|
1635 var dispatcher = resolveDispatcher();
|
|
|
1636 return dispatcher.useCallback(callback, deps);
|
|
|
1637 }
|
|
|
1638 function useMemo(create, deps) {
|
|
|
1639 var dispatcher = resolveDispatcher();
|
|
|
1640 return dispatcher.useMemo(create, deps);
|
|
|
1641 }
|
|
|
1642 function useImperativeHandle(ref, create, deps) {
|
|
|
1643 var dispatcher = resolveDispatcher();
|
|
|
1644 return dispatcher.useImperativeHandle(ref, create, deps);
|
|
|
1645 }
|
|
|
1646 function useDebugValue(value, formatterFn) {
|
|
|
1647 {
|
|
|
1648 var dispatcher = resolveDispatcher();
|
|
|
1649 return dispatcher.useDebugValue(value, formatterFn);
|
|
|
1650 }
|
|
|
1651 }
|
|
|
1652 function useTransition() {
|
|
|
1653 var dispatcher = resolveDispatcher();
|
|
|
1654 return dispatcher.useTransition();
|
|
|
1655 }
|
|
|
1656 function useDeferredValue(value) {
|
|
|
1657 var dispatcher = resolveDispatcher();
|
|
|
1658 return dispatcher.useDeferredValue(value);
|
|
|
1659 }
|
|
|
1660 function useId() {
|
|
|
1661 var dispatcher = resolveDispatcher();
|
|
|
1662 return dispatcher.useId();
|
|
|
1663 }
|
|
|
1664 function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
|
|
|
1665 var dispatcher = resolveDispatcher();
|
|
|
1666 return dispatcher.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
|
|
|
1667 }
|
|
|
1668
|
|
|
1669 // Helpers to patch console.logs to avoid logging during side-effect free
|
|
|
1670 // replaying on render function. This currently only patches the object
|
|
|
1671 // lazily which won't cover if the log function was extracted eagerly.
|
|
|
1672 // We could also eagerly patch the method.
|
|
|
1673 var disabledDepth = 0;
|
|
|
1674 var prevLog;
|
|
|
1675 var prevInfo;
|
|
|
1676 var prevWarn;
|
|
|
1677 var prevError;
|
|
|
1678 var prevGroup;
|
|
|
1679 var prevGroupCollapsed;
|
|
|
1680 var prevGroupEnd;
|
|
|
1681
|
|
|
1682 function disabledLog() {}
|
|
|
1683
|
|
|
1684 disabledLog.__reactDisabledLog = true;
|
|
|
1685 function disableLogs() {
|
|
|
1686 {
|
|
|
1687 if (disabledDepth === 0) {
|
|
|
1688 /* eslint-disable react-internal/no-production-logging */
|
|
|
1689 prevLog = console.log;
|
|
|
1690 prevInfo = console.info;
|
|
|
1691 prevWarn = console.warn;
|
|
|
1692 prevError = console.error;
|
|
|
1693 prevGroup = console.group;
|
|
|
1694 prevGroupCollapsed = console.groupCollapsed;
|
|
|
1695 prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
|
|
|
1696
|
|
|
1697 var props = {
|
|
|
1698 configurable: true,
|
|
|
1699 enumerable: true,
|
|
|
1700 value: disabledLog,
|
|
|
1701 writable: true
|
|
|
1702 }; // $FlowFixMe Flow thinks console is immutable.
|
|
|
1703
|
|
|
1704 Object.defineProperties(console, {
|
|
|
1705 info: props,
|
|
|
1706 log: props,
|
|
|
1707 warn: props,
|
|
|
1708 error: props,
|
|
|
1709 group: props,
|
|
|
1710 groupCollapsed: props,
|
|
|
1711 groupEnd: props
|
|
|
1712 });
|
|
|
1713 /* eslint-enable react-internal/no-production-logging */
|
|
|
1714 }
|
|
|
1715
|
|
|
1716 disabledDepth++;
|
|
|
1717 }
|
|
|
1718 }
|
|
|
1719 function reenableLogs() {
|
|
|
1720 {
|
|
|
1721 disabledDepth--;
|
|
|
1722
|
|
|
1723 if (disabledDepth === 0) {
|
|
|
1724 /* eslint-disable react-internal/no-production-logging */
|
|
|
1725 var props = {
|
|
|
1726 configurable: true,
|
|
|
1727 enumerable: true,
|
|
|
1728 writable: true
|
|
|
1729 }; // $FlowFixMe Flow thinks console is immutable.
|
|
|
1730
|
|
|
1731 Object.defineProperties(console, {
|
|
|
1732 log: assign({}, props, {
|
|
|
1733 value: prevLog
|
|
|
1734 }),
|
|
|
1735 info: assign({}, props, {
|
|
|
1736 value: prevInfo
|
|
|
1737 }),
|
|
|
1738 warn: assign({}, props, {
|
|
|
1739 value: prevWarn
|
|
|
1740 }),
|
|
|
1741 error: assign({}, props, {
|
|
|
1742 value: prevError
|
|
|
1743 }),
|
|
|
1744 group: assign({}, props, {
|
|
|
1745 value: prevGroup
|
|
|
1746 }),
|
|
|
1747 groupCollapsed: assign({}, props, {
|
|
|
1748 value: prevGroupCollapsed
|
|
|
1749 }),
|
|
|
1750 groupEnd: assign({}, props, {
|
|
|
1751 value: prevGroupEnd
|
|
|
1752 })
|
|
|
1753 });
|
|
|
1754 /* eslint-enable react-internal/no-production-logging */
|
|
|
1755 }
|
|
|
1756
|
|
|
1757 if (disabledDepth < 0) {
|
|
|
1758 error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
|
|
|
1759 }
|
|
|
1760 }
|
|
|
1761 }
|
|
|
1762
|
|
|
1763 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
|
|
|
1764 var prefix;
|
|
|
1765 function describeBuiltInComponentFrame(name, source, ownerFn) {
|
|
|
1766 {
|
|
|
1767 if (prefix === undefined) {
|
|
|
1768 // Extract the VM specific prefix used by each line.
|
|
|
1769 try {
|
|
|
1770 throw Error();
|
|
|
1771 } catch (x) {
|
|
|
1772 var match = x.stack.trim().match(/\n( *(at )?)/);
|
|
|
1773 prefix = match && match[1] || '';
|
|
|
1774 }
|
|
|
1775 } // We use the prefix to ensure our stacks line up with native stack frames.
|
|
|
1776
|
|
|
1777
|
|
|
1778 return '\n' + prefix + name;
|
|
|
1779 }
|
|
|
1780 }
|
|
|
1781 var reentry = false;
|
|
|
1782 var componentFrameCache;
|
|
|
1783
|
|
|
1784 {
|
|
|
1785 var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
|
|
|
1786 componentFrameCache = new PossiblyWeakMap();
|
|
|
1787 }
|
|
|
1788
|
|
|
1789 function describeNativeComponentFrame(fn, construct) {
|
|
|
1790 // If something asked for a stack inside a fake render, it should get ignored.
|
|
|
1791 if ( !fn || reentry) {
|
|
|
1792 return '';
|
|
|
1793 }
|
|
|
1794
|
|
|
1795 {
|
|
|
1796 var frame = componentFrameCache.get(fn);
|
|
|
1797
|
|
|
1798 if (frame !== undefined) {
|
|
|
1799 return frame;
|
|
|
1800 }
|
|
|
1801 }
|
|
|
1802
|
|
|
1803 var control;
|
|
|
1804 reentry = true;
|
|
|
1805 var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe It does accept undefined.
|
|
|
1806
|
|
|
1807 Error.prepareStackTrace = undefined;
|
|
|
1808 var previousDispatcher;
|
|
|
1809
|
|
|
1810 {
|
|
|
1811 previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
|
|
|
1812 // for warnings.
|
|
|
1813
|
|
|
1814 ReactCurrentDispatcher$1.current = null;
|
|
|
1815 disableLogs();
|
|
|
1816 }
|
|
|
1817
|
|
|
1818 try {
|
|
|
1819 // This should throw.
|
|
|
1820 if (construct) {
|
|
|
1821 // Something should be setting the props in the constructor.
|
|
|
1822 var Fake = function () {
|
|
|
1823 throw Error();
|
|
|
1824 }; // $FlowFixMe
|
|
|
1825
|
|
|
1826
|
|
|
1827 Object.defineProperty(Fake.prototype, 'props', {
|
|
|
1828 set: function () {
|
|
|
1829 // We use a throwing setter instead of frozen or non-writable props
|
|
|
1830 // because that won't throw in a non-strict mode function.
|
|
|
1831 throw Error();
|
|
|
1832 }
|
|
|
1833 });
|
|
|
1834
|
|
|
1835 if (typeof Reflect === 'object' && Reflect.construct) {
|
|
|
1836 // We construct a different control for this case to include any extra
|
|
|
1837 // frames added by the construct call.
|
|
|
1838 try {
|
|
|
1839 Reflect.construct(Fake, []);
|
|
|
1840 } catch (x) {
|
|
|
1841 control = x;
|
|
|
1842 }
|
|
|
1843
|
|
|
1844 Reflect.construct(fn, [], Fake);
|
|
|
1845 } else {
|
|
|
1846 try {
|
|
|
1847 Fake.call();
|
|
|
1848 } catch (x) {
|
|
|
1849 control = x;
|
|
|
1850 }
|
|
|
1851
|
|
|
1852 fn.call(Fake.prototype);
|
|
|
1853 }
|
|
|
1854 } else {
|
|
|
1855 try {
|
|
|
1856 throw Error();
|
|
|
1857 } catch (x) {
|
|
|
1858 control = x;
|
|
|
1859 }
|
|
|
1860
|
|
|
1861 fn();
|
|
|
1862 }
|
|
|
1863 } catch (sample) {
|
|
|
1864 // This is inlined manually because closure doesn't do it for us.
|
|
|
1865 if (sample && control && typeof sample.stack === 'string') {
|
|
|
1866 // This extracts the first frame from the sample that isn't also in the control.
|
|
|
1867 // Skipping one frame that we assume is the frame that calls the two.
|
|
|
1868 var sampleLines = sample.stack.split('\n');
|
|
|
1869 var controlLines = control.stack.split('\n');
|
|
|
1870 var s = sampleLines.length - 1;
|
|
|
1871 var c = controlLines.length - 1;
|
|
|
1872
|
|
|
1873 while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
|
|
|
1874 // We expect at least one stack frame to be shared.
|
|
|
1875 // Typically this will be the root most one. However, stack frames may be
|
|
|
1876 // cut off due to maximum stack limits. In this case, one maybe cut off
|
|
|
1877 // earlier than the other. We assume that the sample is longer or the same
|
|
|
1878 // and there for cut off earlier. So we should find the root most frame in
|
|
|
1879 // the sample somewhere in the control.
|
|
|
1880 c--;
|
|
|
1881 }
|
|
|
1882
|
|
|
1883 for (; s >= 1 && c >= 0; s--, c--) {
|
|
|
1884 // Next we find the first one that isn't the same which should be the
|
|
|
1885 // frame that called our sample function and the control.
|
|
|
1886 if (sampleLines[s] !== controlLines[c]) {
|
|
|
1887 // In V8, the first line is describing the message but other VMs don't.
|
|
|
1888 // If we're about to return the first line, and the control is also on the same
|
|
|
1889 // line, that's a pretty good indicator that our sample threw at same line as
|
|
|
1890 // the control. I.e. before we entered the sample frame. So we ignore this result.
|
|
|
1891 // This can happen if you passed a class to function component, or non-function.
|
|
|
1892 if (s !== 1 || c !== 1) {
|
|
|
1893 do {
|
|
|
1894 s--;
|
|
|
1895 c--; // We may still have similar intermediate frames from the construct call.
|
|
|
1896 // The next one that isn't the same should be our match though.
|
|
|
1897
|
|
|
1898 if (c < 0 || sampleLines[s] !== controlLines[c]) {
|
|
|
1899 // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
|
|
|
1900 var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
|
|
|
1901 // but we have a user-provided "displayName"
|
|
|
1902 // splice it in to make the stack more readable.
|
|
|
1903
|
|
|
1904
|
|
|
1905 if (fn.displayName && _frame.includes('<anonymous>')) {
|
|
|
1906 _frame = _frame.replace('<anonymous>', fn.displayName);
|
|
|
1907 }
|
|
|
1908
|
|
|
1909 {
|
|
|
1910 if (typeof fn === 'function') {
|
|
|
1911 componentFrameCache.set(fn, _frame);
|
|
|
1912 }
|
|
|
1913 } // Return the line we found.
|
|
|
1914
|
|
|
1915
|
|
|
1916 return _frame;
|
|
|
1917 }
|
|
|
1918 } while (s >= 1 && c >= 0);
|
|
|
1919 }
|
|
|
1920
|
|
|
1921 break;
|
|
|
1922 }
|
|
|
1923 }
|
|
|
1924 }
|
|
|
1925 } finally {
|
|
|
1926 reentry = false;
|
|
|
1927
|
|
|
1928 {
|
|
|
1929 ReactCurrentDispatcher$1.current = previousDispatcher;
|
|
|
1930 reenableLogs();
|
|
|
1931 }
|
|
|
1932
|
|
|
1933 Error.prepareStackTrace = previousPrepareStackTrace;
|
|
|
1934 } // Fallback to just using the name if we couldn't make it throw.
|
|
|
1935
|
|
|
1936
|
|
|
1937 var name = fn ? fn.displayName || fn.name : '';
|
|
|
1938 var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
|
|
|
1939
|
|
|
1940 {
|
|
|
1941 if (typeof fn === 'function') {
|
|
|
1942 componentFrameCache.set(fn, syntheticFrame);
|
|
|
1943 }
|
|
|
1944 }
|
|
|
1945
|
|
|
1946 return syntheticFrame;
|
|
|
1947 }
|
|
|
1948 function describeFunctionComponentFrame(fn, source, ownerFn) {
|
|
|
1949 {
|
|
|
1950 return describeNativeComponentFrame(fn, false);
|
|
|
1951 }
|
|
|
1952 }
|
|
|
1953
|
|
|
1954 function shouldConstruct(Component) {
|
|
|
1955 var prototype = Component.prototype;
|
|
|
1956 return !!(prototype && prototype.isReactComponent);
|
|
|
1957 }
|
|
|
1958
|
|
|
1959 function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
|
|
|
1960
|
|
|
1961 if (type == null) {
|
|
|
1962 return '';
|
|
|
1963 }
|
|
|
1964
|
|
|
1965 if (typeof type === 'function') {
|
|
|
1966 {
|
|
|
1967 return describeNativeComponentFrame(type, shouldConstruct(type));
|
|
|
1968 }
|
|
|
1969 }
|
|
|
1970
|
|
|
1971 if (typeof type === 'string') {
|
|
|
1972 return describeBuiltInComponentFrame(type);
|
|
|
1973 }
|
|
|
1974
|
|
|
1975 switch (type) {
|
|
|
1976 case REACT_SUSPENSE_TYPE:
|
|
|
1977 return describeBuiltInComponentFrame('Suspense');
|
|
|
1978
|
|
|
1979 case REACT_SUSPENSE_LIST_TYPE:
|
|
|
1980 return describeBuiltInComponentFrame('SuspenseList');
|
|
|
1981 }
|
|
|
1982
|
|
|
1983 if (typeof type === 'object') {
|
|
|
1984 switch (type.$$typeof) {
|
|
|
1985 case REACT_FORWARD_REF_TYPE:
|
|
|
1986 return describeFunctionComponentFrame(type.render);
|
|
|
1987
|
|
|
1988 case REACT_MEMO_TYPE:
|
|
|
1989 // Memo may contain any component type so we recursively resolve it.
|
|
|
1990 return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
|
|
|
1991
|
|
|
1992 case REACT_LAZY_TYPE:
|
|
|
1993 {
|
|
|
1994 var lazyComponent = type;
|
|
|
1995 var payload = lazyComponent._payload;
|
|
|
1996 var init = lazyComponent._init;
|
|
|
1997
|
|
|
1998 try {
|
|
|
1999 // Lazy may contain any component type so we recursively resolve it.
|
|
|
2000 return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
|
|
|
2001 } catch (x) {}
|
|
|
2002 }
|
|
|
2003 }
|
|
|
2004 }
|
|
|
2005
|
|
|
2006 return '';
|
|
|
2007 }
|
|
|
2008
|
|
|
2009 var loggedTypeFailures = {};
|
|
|
2010 var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
|
|
|
2011
|
|
|
2012 function setCurrentlyValidatingElement(element) {
|
|
|
2013 {
|
|
|
2014 if (element) {
|
|
|
2015 var owner = element._owner;
|
|
|
2016 var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
|
|
|
2017 ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
|
|
|
2018 } else {
|
|
|
2019 ReactDebugCurrentFrame$1.setExtraStackFrame(null);
|
|
|
2020 }
|
|
|
2021 }
|
|
|
2022 }
|
|
|
2023
|
|
|
2024 function checkPropTypes(typeSpecs, values, location, componentName, element) {
|
|
|
2025 {
|
|
|
2026 // $FlowFixMe This is okay but Flow doesn't know it.
|
|
|
2027 var has = Function.call.bind(hasOwnProperty);
|
|
|
2028
|
|
|
2029 for (var typeSpecName in typeSpecs) {
|
|
|
2030 if (has(typeSpecs, typeSpecName)) {
|
|
|
2031 var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
|
|
|
2032 // fail the render phase where it didn't fail before. So we log it.
|
|
|
2033 // After these have been cleaned up, we'll let them throw.
|
|
|
2034
|
|
|
2035 try {
|
|
|
2036 // This is intentionally an invariant that gets caught. It's the same
|
|
|
2037 // behavior as without this statement except with a better message.
|
|
|
2038 if (typeof typeSpecs[typeSpecName] !== 'function') {
|
|
|
2039 // eslint-disable-next-line react-internal/prod-error-codes
|
|
|
2040 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`.');
|
|
|
2041 err.name = 'Invariant Violation';
|
|
|
2042 throw err;
|
|
|
2043 }
|
|
|
2044
|
|
|
2045 error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
|
|
|
2046 } catch (ex) {
|
|
|
2047 error$1 = ex;
|
|
|
2048 }
|
|
|
2049
|
|
|
2050 if (error$1 && !(error$1 instanceof Error)) {
|
|
|
2051 setCurrentlyValidatingElement(element);
|
|
|
2052
|
|
|
2053 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);
|
|
|
2054
|
|
|
2055 setCurrentlyValidatingElement(null);
|
|
|
2056 }
|
|
|
2057
|
|
|
2058 if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
|
|
|
2059 // Only monitor this failure once because there tends to be a lot of the
|
|
|
2060 // same error.
|
|
|
2061 loggedTypeFailures[error$1.message] = true;
|
|
|
2062 setCurrentlyValidatingElement(element);
|
|
|
2063
|
|
|
2064 error('Failed %s type: %s', location, error$1.message);
|
|
|
2065
|
|
|
2066 setCurrentlyValidatingElement(null);
|
|
|
2067 }
|
|
|
2068 }
|
|
|
2069 }
|
|
|
2070 }
|
|
|
2071 }
|
|
|
2072
|
|
|
2073 function setCurrentlyValidatingElement$1(element) {
|
|
|
2074 {
|
|
|
2075 if (element) {
|
|
|
2076 var owner = element._owner;
|
|
|
2077 var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
|
|
|
2078 setExtraStackFrame(stack);
|
|
|
2079 } else {
|
|
|
2080 setExtraStackFrame(null);
|
|
|
2081 }
|
|
|
2082 }
|
|
|
2083 }
|
|
|
2084
|
|
|
2085 var propTypesMisspellWarningShown;
|
|
|
2086
|
|
|
2087 {
|
|
|
2088 propTypesMisspellWarningShown = false;
|
|
|
2089 }
|
|
|
2090
|
|
|
2091 function getDeclarationErrorAddendum() {
|
|
|
2092 if (ReactCurrentOwner.current) {
|
|
|
2093 var name = getComponentNameFromType(ReactCurrentOwner.current.type);
|
|
|
2094
|
|
|
2095 if (name) {
|
|
|
2096 return '\n\nCheck the render method of `' + name + '`.';
|
|
|
2097 }
|
|
|
2098 }
|
|
|
2099
|
|
|
2100 return '';
|
|
|
2101 }
|
|
|
2102
|
|
|
2103 function getSourceInfoErrorAddendum(source) {
|
|
|
2104 if (source !== undefined) {
|
|
|
2105 var fileName = source.fileName.replace(/^.*[\\\/]/, '');
|
|
|
2106 var lineNumber = source.lineNumber;
|
|
|
2107 return '\n\nCheck your code at ' + fileName + ':' + lineNumber + '.';
|
|
|
2108 }
|
|
|
2109
|
|
|
2110 return '';
|
|
|
2111 }
|
|
|
2112
|
|
|
2113 function getSourceInfoErrorAddendumForProps(elementProps) {
|
|
|
2114 if (elementProps !== null && elementProps !== undefined) {
|
|
|
2115 return getSourceInfoErrorAddendum(elementProps.__source);
|
|
|
2116 }
|
|
|
2117
|
|
|
2118 return '';
|
|
|
2119 }
|
|
|
2120 /**
|
|
|
2121 * Warn if there's no key explicitly set on dynamic arrays of children or
|
|
|
2122 * object keys are not valid. This allows us to keep track of children between
|
|
|
2123 * updates.
|
|
|
2124 */
|
|
|
2125
|
|
|
2126
|
|
|
2127 var ownerHasKeyUseWarning = {};
|
|
|
2128
|
|
|
2129 function getCurrentComponentErrorInfo(parentType) {
|
|
|
2130 var info = getDeclarationErrorAddendum();
|
|
|
2131
|
|
|
2132 if (!info) {
|
|
|
2133 var parentName = typeof parentType === 'string' ? parentType : parentType.displayName || parentType.name;
|
|
|
2134
|
|
|
2135 if (parentName) {
|
|
|
2136 info = "\n\nCheck the top-level render call using <" + parentName + ">.";
|
|
|
2137 }
|
|
|
2138 }
|
|
|
2139
|
|
|
2140 return info;
|
|
|
2141 }
|
|
|
2142 /**
|
|
|
2143 * Warn if the element doesn't have an explicit key assigned to it.
|
|
|
2144 * This element is in an array. The array could grow and shrink or be
|
|
|
2145 * reordered. All children that haven't already been validated are required to
|
|
|
2146 * have a "key" property assigned to it. Error statuses are cached so a warning
|
|
|
2147 * will only be shown once.
|
|
|
2148 *
|
|
|
2149 * @internal
|
|
|
2150 * @param {ReactElement} element Element that requires a key.
|
|
|
2151 * @param {*} parentType element's parent's type.
|
|
|
2152 */
|
|
|
2153
|
|
|
2154
|
|
|
2155 function validateExplicitKey(element, parentType) {
|
|
|
2156 if (!element._store || element._store.validated || element.key != null) {
|
|
|
2157 return;
|
|
|
2158 }
|
|
|
2159
|
|
|
2160 element._store.validated = true;
|
|
|
2161 var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
|
|
|
2162
|
|
|
2163 if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
|
|
|
2164 return;
|
|
|
2165 }
|
|
|
2166
|
|
|
2167 ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
|
|
|
2168 // property, it may be the creator of the child that's responsible for
|
|
|
2169 // assigning it a key.
|
|
|
2170
|
|
|
2171 var childOwner = '';
|
|
|
2172
|
|
|
2173 if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
|
|
|
2174 // Give the component that originally created this child.
|
|
|
2175 childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
|
|
|
2176 }
|
|
|
2177
|
|
|
2178 {
|
|
|
2179 setCurrentlyValidatingElement$1(element);
|
|
|
2180
|
|
|
2181 error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
|
|
|
2182
|
|
|
2183 setCurrentlyValidatingElement$1(null);
|
|
|
2184 }
|
|
|
2185 }
|
|
|
2186 /**
|
|
|
2187 * Ensure that every element either is passed in a static location, in an
|
|
|
2188 * array with an explicit keys property defined, or in an object literal
|
|
|
2189 * with valid key property.
|
|
|
2190 *
|
|
|
2191 * @internal
|
|
|
2192 * @param {ReactNode} node Statically passed child of any type.
|
|
|
2193 * @param {*} parentType node's parent's type.
|
|
|
2194 */
|
|
|
2195
|
|
|
2196
|
|
|
2197 function validateChildKeys(node, parentType) {
|
|
|
2198 if (typeof node !== 'object') {
|
|
|
2199 return;
|
|
|
2200 }
|
|
|
2201
|
|
|
2202 if (isArray(node)) {
|
|
|
2203 for (var i = 0; i < node.length; i++) {
|
|
|
2204 var child = node[i];
|
|
|
2205
|
|
|
2206 if (isValidElement(child)) {
|
|
|
2207 validateExplicitKey(child, parentType);
|
|
|
2208 }
|
|
|
2209 }
|
|
|
2210 } else if (isValidElement(node)) {
|
|
|
2211 // This element was passed in a valid location.
|
|
|
2212 if (node._store) {
|
|
|
2213 node._store.validated = true;
|
|
|
2214 }
|
|
|
2215 } else if (node) {
|
|
|
2216 var iteratorFn = getIteratorFn(node);
|
|
|
2217
|
|
|
2218 if (typeof iteratorFn === 'function') {
|
|
|
2219 // Entry iterators used to provide implicit keys,
|
|
|
2220 // but now we print a separate warning for them later.
|
|
|
2221 if (iteratorFn !== node.entries) {
|
|
|
2222 var iterator = iteratorFn.call(node);
|
|
|
2223 var step;
|
|
|
2224
|
|
|
2225 while (!(step = iterator.next()).done) {
|
|
|
2226 if (isValidElement(step.value)) {
|
|
|
2227 validateExplicitKey(step.value, parentType);
|
|
|
2228 }
|
|
|
2229 }
|
|
|
2230 }
|
|
|
2231 }
|
|
|
2232 }
|
|
|
2233 }
|
|
|
2234 /**
|
|
|
2235 * Given an element, validate that its props follow the propTypes definition,
|
|
|
2236 * provided by the type.
|
|
|
2237 *
|
|
|
2238 * @param {ReactElement} element
|
|
|
2239 */
|
|
|
2240
|
|
|
2241
|
|
|
2242 function validatePropTypes(element) {
|
|
|
2243 {
|
|
|
2244 var type = element.type;
|
|
|
2245
|
|
|
2246 if (type === null || type === undefined || typeof type === 'string') {
|
|
|
2247 return;
|
|
|
2248 }
|
|
|
2249
|
|
|
2250 var propTypes;
|
|
|
2251
|
|
|
2252 if (typeof type === 'function') {
|
|
|
2253 propTypes = type.propTypes;
|
|
|
2254 } else if (typeof type === 'object' && (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.
|
|
|
2255 // Inner props are checked in the reconciler.
|
|
|
2256 type.$$typeof === REACT_MEMO_TYPE)) {
|
|
|
2257 propTypes = type.propTypes;
|
|
|
2258 } else {
|
|
|
2259 return;
|
|
|
2260 }
|
|
|
2261
|
|
|
2262 if (propTypes) {
|
|
|
2263 // Intentionally inside to avoid triggering lazy initializers:
|
|
|
2264 var name = getComponentNameFromType(type);
|
|
|
2265 checkPropTypes(propTypes, element.props, 'prop', name, element);
|
|
|
2266 } else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
|
|
|
2267 propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
|
|
|
2268
|
|
|
2269 var _name = getComponentNameFromType(type);
|
|
|
2270
|
|
|
2271 error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
|
|
|
2272 }
|
|
|
2273
|
|
|
2274 if (typeof type.getDefaultProps === 'function' && !type.getDefaultProps.isReactClassApproved) {
|
|
|
2275 error('getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.');
|
|
|
2276 }
|
|
|
2277 }
|
|
|
2278 }
|
|
|
2279 /**
|
|
|
2280 * Given a fragment, validate that it can only be provided with fragment props
|
|
|
2281 * @param {ReactElement} fragment
|
|
|
2282 */
|
|
|
2283
|
|
|
2284
|
|
|
2285 function validateFragmentProps(fragment) {
|
|
|
2286 {
|
|
|
2287 var keys = Object.keys(fragment.props);
|
|
|
2288
|
|
|
2289 for (var i = 0; i < keys.length; i++) {
|
|
|
2290 var key = keys[i];
|
|
|
2291
|
|
|
2292 if (key !== 'children' && key !== 'key') {
|
|
|
2293 setCurrentlyValidatingElement$1(fragment);
|
|
|
2294
|
|
|
2295 error('Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);
|
|
|
2296
|
|
|
2297 setCurrentlyValidatingElement$1(null);
|
|
|
2298 break;
|
|
|
2299 }
|
|
|
2300 }
|
|
|
2301
|
|
|
2302 if (fragment.ref !== null) {
|
|
|
2303 setCurrentlyValidatingElement$1(fragment);
|
|
|
2304
|
|
|
2305 error('Invalid attribute `ref` supplied to `React.Fragment`.');
|
|
|
2306
|
|
|
2307 setCurrentlyValidatingElement$1(null);
|
|
|
2308 }
|
|
|
2309 }
|
|
|
2310 }
|
|
|
2311 function createElementWithValidation(type, props, children) {
|
|
|
2312 var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
|
|
|
2313 // succeed and there will likely be errors in render.
|
|
|
2314
|
|
|
2315 if (!validType) {
|
|
|
2316 var info = '';
|
|
|
2317
|
|
|
2318 if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
|
|
|
2319 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.";
|
|
|
2320 }
|
|
|
2321
|
|
|
2322 var sourceInfo = getSourceInfoErrorAddendumForProps(props);
|
|
|
2323
|
|
|
2324 if (sourceInfo) {
|
|
|
2325 info += sourceInfo;
|
|
|
2326 } else {
|
|
|
2327 info += getDeclarationErrorAddendum();
|
|
|
2328 }
|
|
|
2329
|
|
|
2330 var typeString;
|
|
|
2331
|
|
|
2332 if (type === null) {
|
|
|
2333 typeString = 'null';
|
|
|
2334 } else if (isArray(type)) {
|
|
|
2335 typeString = 'array';
|
|
|
2336 } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
|
|
|
2337 typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
|
|
|
2338 info = ' Did you accidentally export a JSX literal instead of a component?';
|
|
|
2339 } else {
|
|
|
2340 typeString = typeof type;
|
|
|
2341 }
|
|
|
2342
|
|
|
2343 {
|
|
|
2344 error('React.createElement: type is invalid -- expected a string (for ' + 'built-in components) or a class/function (for composite ' + 'components) but got: %s.%s', typeString, info);
|
|
|
2345 }
|
|
|
2346 }
|
|
|
2347
|
|
|
2348 var element = createElement.apply(this, arguments); // The result can be nullish if a mock or a custom function is used.
|
|
|
2349 // TODO: Drop this when these are no longer allowed as the type argument.
|
|
|
2350
|
|
|
2351 if (element == null) {
|
|
|
2352 return element;
|
|
|
2353 } // Skip key warning if the type isn't valid since our key validation logic
|
|
|
2354 // doesn't expect a non-string/function type and can throw confusing errors.
|
|
|
2355 // We don't want exception behavior to differ between dev and prod.
|
|
|
2356 // (Rendering will throw with a helpful message and as soon as the type is
|
|
|
2357 // fixed, the key warnings will appear.)
|
|
|
2358
|
|
|
2359
|
|
|
2360 if (validType) {
|
|
|
2361 for (var i = 2; i < arguments.length; i++) {
|
|
|
2362 validateChildKeys(arguments[i], type);
|
|
|
2363 }
|
|
|
2364 }
|
|
|
2365
|
|
|
2366 if (type === REACT_FRAGMENT_TYPE) {
|
|
|
2367 validateFragmentProps(element);
|
|
|
2368 } else {
|
|
|
2369 validatePropTypes(element);
|
|
|
2370 }
|
|
|
2371
|
|
|
2372 return element;
|
|
|
2373 }
|
|
|
2374 var didWarnAboutDeprecatedCreateFactory = false;
|
|
|
2375 function createFactoryWithValidation(type) {
|
|
|
2376 var validatedFactory = createElementWithValidation.bind(null, type);
|
|
|
2377 validatedFactory.type = type;
|
|
|
2378
|
|
|
2379 {
|
|
|
2380 if (!didWarnAboutDeprecatedCreateFactory) {
|
|
|
2381 didWarnAboutDeprecatedCreateFactory = true;
|
|
|
2382
|
|
|
2383 warn('React.createFactory() is deprecated and will be removed in ' + 'a future major release. Consider using JSX ' + 'or use React.createElement() directly instead.');
|
|
|
2384 } // Legacy hook: remove it
|
|
|
2385
|
|
|
2386
|
|
|
2387 Object.defineProperty(validatedFactory, 'type', {
|
|
|
2388 enumerable: false,
|
|
|
2389 get: function () {
|
|
|
2390 warn('Factory.type is deprecated. Access the class directly ' + 'before passing it to createFactory.');
|
|
|
2391
|
|
|
2392 Object.defineProperty(this, 'type', {
|
|
|
2393 value: type
|
|
|
2394 });
|
|
|
2395 return type;
|
|
|
2396 }
|
|
|
2397 });
|
|
|
2398 }
|
|
|
2399
|
|
|
2400 return validatedFactory;
|
|
|
2401 }
|
|
|
2402 function cloneElementWithValidation(element, props, children) {
|
|
|
2403 var newElement = cloneElement.apply(this, arguments);
|
|
|
2404
|
|
|
2405 for (var i = 2; i < arguments.length; i++) {
|
|
|
2406 validateChildKeys(arguments[i], newElement.type);
|
|
|
2407 }
|
|
|
2408
|
|
|
2409 validatePropTypes(newElement);
|
|
|
2410 return newElement;
|
|
|
2411 }
|
|
|
2412
|
|
|
2413 var enableSchedulerDebugging = false;
|
|
|
2414 var enableProfiling = false;
|
|
|
2415 var frameYieldMs = 5;
|
|
|
2416
|
|
|
2417 function push(heap, node) {
|
|
|
2418 var index = heap.length;
|
|
|
2419 heap.push(node);
|
|
|
2420 siftUp(heap, node, index);
|
|
|
2421 }
|
|
|
2422 function peek(heap) {
|
|
|
2423 return heap.length === 0 ? null : heap[0];
|
|
|
2424 }
|
|
|
2425 function pop(heap) {
|
|
|
2426 if (heap.length === 0) {
|
|
|
2427 return null;
|
|
|
2428 }
|
|
|
2429
|
|
|
2430 var first = heap[0];
|
|
|
2431 var last = heap.pop();
|
|
|
2432
|
|
|
2433 if (last !== first) {
|
|
|
2434 heap[0] = last;
|
|
|
2435 siftDown(heap, last, 0);
|
|
|
2436 }
|
|
|
2437
|
|
|
2438 return first;
|
|
|
2439 }
|
|
|
2440
|
|
|
2441 function siftUp(heap, node, i) {
|
|
|
2442 var index = i;
|
|
|
2443
|
|
|
2444 while (index > 0) {
|
|
|
2445 var parentIndex = index - 1 >>> 1;
|
|
|
2446 var parent = heap[parentIndex];
|
|
|
2447
|
|
|
2448 if (compare(parent, node) > 0) {
|
|
|
2449 // The parent is larger. Swap positions.
|
|
|
2450 heap[parentIndex] = node;
|
|
|
2451 heap[index] = parent;
|
|
|
2452 index = parentIndex;
|
|
|
2453 } else {
|
|
|
2454 // The parent is smaller. Exit.
|
|
|
2455 return;
|
|
|
2456 }
|
|
|
2457 }
|
|
|
2458 }
|
|
|
2459
|
|
|
2460 function siftDown(heap, node, i) {
|
|
|
2461 var index = i;
|
|
|
2462 var length = heap.length;
|
|
|
2463 var halfLength = length >>> 1;
|
|
|
2464
|
|
|
2465 while (index < halfLength) {
|
|
|
2466 var leftIndex = (index + 1) * 2 - 1;
|
|
|
2467 var left = heap[leftIndex];
|
|
|
2468 var rightIndex = leftIndex + 1;
|
|
|
2469 var right = heap[rightIndex]; // If the left or right node is smaller, swap with the smaller of those.
|
|
|
2470
|
|
|
2471 if (compare(left, node) < 0) {
|
|
|
2472 if (rightIndex < length && compare(right, left) < 0) {
|
|
|
2473 heap[index] = right;
|
|
|
2474 heap[rightIndex] = node;
|
|
|
2475 index = rightIndex;
|
|
|
2476 } else {
|
|
|
2477 heap[index] = left;
|
|
|
2478 heap[leftIndex] = node;
|
|
|
2479 index = leftIndex;
|
|
|
2480 }
|
|
|
2481 } else if (rightIndex < length && compare(right, node) < 0) {
|
|
|
2482 heap[index] = right;
|
|
|
2483 heap[rightIndex] = node;
|
|
|
2484 index = rightIndex;
|
|
|
2485 } else {
|
|
|
2486 // Neither child is smaller. Exit.
|
|
|
2487 return;
|
|
|
2488 }
|
|
|
2489 }
|
|
|
2490 }
|
|
|
2491
|
|
|
2492 function compare(a, b) {
|
|
|
2493 // Compare sort index first, then task id.
|
|
|
2494 var diff = a.sortIndex - b.sortIndex;
|
|
|
2495 return diff !== 0 ? diff : a.id - b.id;
|
|
|
2496 }
|
|
|
2497
|
|
|
2498 // TODO: Use symbols?
|
|
|
2499 var ImmediatePriority = 1;
|
|
|
2500 var UserBlockingPriority = 2;
|
|
|
2501 var NormalPriority = 3;
|
|
|
2502 var LowPriority = 4;
|
|
|
2503 var IdlePriority = 5;
|
|
|
2504
|
|
|
2505 function markTaskErrored(task, ms) {
|
|
|
2506 }
|
|
|
2507
|
|
|
2508 /* eslint-disable no-var */
|
|
|
2509 var getCurrentTime;
|
|
|
2510 var hasPerformanceNow = typeof performance === 'object' && typeof performance.now === 'function';
|
|
|
2511
|
|
|
2512 if (hasPerformanceNow) {
|
|
|
2513 var localPerformance = performance;
|
|
|
2514
|
|
|
2515 getCurrentTime = function () {
|
|
|
2516 return localPerformance.now();
|
|
|
2517 };
|
|
|
2518 } else {
|
|
|
2519 var localDate = Date;
|
|
|
2520 var initialTime = localDate.now();
|
|
|
2521
|
|
|
2522 getCurrentTime = function () {
|
|
|
2523 return localDate.now() - initialTime;
|
|
|
2524 };
|
|
|
2525 } // Max 31 bit integer. The max integer size in V8 for 32-bit systems.
|
|
|
2526 // Math.pow(2, 30) - 1
|
|
|
2527 // 0b111111111111111111111111111111
|
|
|
2528
|
|
|
2529
|
|
|
2530 var maxSigned31BitInt = 1073741823; // Times out immediately
|
|
|
2531
|
|
|
2532 var IMMEDIATE_PRIORITY_TIMEOUT = -1; // Eventually times out
|
|
|
2533
|
|
|
2534 var USER_BLOCKING_PRIORITY_TIMEOUT = 250;
|
|
|
2535 var NORMAL_PRIORITY_TIMEOUT = 5000;
|
|
|
2536 var LOW_PRIORITY_TIMEOUT = 10000; // Never times out
|
|
|
2537
|
|
|
2538 var IDLE_PRIORITY_TIMEOUT = maxSigned31BitInt; // Tasks are stored on a min heap
|
|
|
2539
|
|
|
2540 var taskQueue = [];
|
|
|
2541 var timerQueue = []; // Incrementing id counter. Used to maintain insertion order.
|
|
|
2542
|
|
|
2543 var taskIdCounter = 1; // Pausing the scheduler is useful for debugging.
|
|
|
2544 var currentTask = n/de54585a40f1/third_party/bun/node_modules/react/umd/react.development.js">diff
changeset
|
2536 var LOW_PRIORITY_TIMEOUT = 10000; // Never times out
|
|
|
2537
|
|
|
2538 var IDLE_PRIORITY_TIMEOUT = maxSigned31BitInt; // Tasks are stored on a min heap
|
/diate/de54585a40f1/third_party/bun/node_modules/react/umd/react.development.js#l2538">
de54585a40f1
Adding bun and node modules.
June Park <parkjune1=div9>
June Park <ref="/rev/de54585a40f1">changeset
2544 var currentTask = n/de54585a40f1/third_party/bun/node_modules/react/umd/react.development.js">diff
chan35 9">
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
changeset
|
2538 var IDLE_PRIORITY_TIMEOUT = maxSigned31BitInt; // Tasks are stored on a min heap
|
| diff
changeset
| er3
|
|
|
|
|
|
2537
|
|
parents:
diff
parents:
diff
|
2544 var currentTask = n/de54585a40f1/third_party/bun/node_modules/react/umd/react.development.js">diff
2544 var currentTask = n/de54585a40f1/third_party/bun/node_modules/react/umd/react.development.js">diff
2544 var currentTask = n/de54585a40f1/third_party/bun/node_modules/react/umd/irdlts: changeset
|
2544 var currentTask = n/de54585a40f1/third_party/bun/node_modules/react/umd/react.development.js">diff
<5s">die1995@gmail.com>
parents:
|
2538 var IDLE_PRIORITY_TIMEOUT = maxSigned31BitInt; // Tasks are stored on a min heap
|
/diate/de54585a40f1/third_party/bun/node_modules/react/umd/react.development.js#l2538">
de54585a40f1
Adding bun and node modules.
June Park <parkjune1=div9>
June Park <ref="/rev/de54585a40f1">changeset
2544 var currentTask = n/de54585a40f1/third_party/bun/node_modules/react/umd/react.development.js">diff
chan35 9">
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
a404a40f1/third_party/bun/node_modules/react/umd/react.development.js">diff
changeset
|
Jevel2r,ref="/rev/de54585a40f1">changeset
|
a404a40f1/third_party/bun/node_modules/react/umd/react.development.js">diff
changeset
| er3
|
|
|
|
dules >
pay/bun/node_modules/react/umd/react.development.js#l2537">
de54585a40f1
Adding bun and node modules.
June Park <ref="/rev/de54585a40f1">changeset
changeset
|
diff
changeset
|
2538 var IDLE_PRIORITY_TIMEOUT = maxSigned31BitInt; // Tasks are st.i var curRdiv>Jun&tatet>
<>
|
parents:
(>chand>
diff<8f="/uefuhhr>
D.odules/react/umd/react.development.js#l2538">
de54585a40f1
Adding bun and node modules.
June Park <parkjune1=div9>
tass="annotate-info">tass="annotate-info">tass="annotate-info">tass="annotate-info">tass="annotate-info">tass="annotate-info">tass="annotate-info">tass="annotate-info">tass="annotate-info"tate/6de54585a40f1/third_part57;ct/u+eact.development.js">diff<2544"> 2544 var currenbe parents:
(>chand>
de54585a40f1
Adding bun and node modules.
June Park <parkjune1=div9>
tass="annotate-info49=div9>
2538 var IDLE_PRIORITY_TIMEOUT = maxSigned31BitInt; // Tasks are stored on a min heap
|
/diate/de54585a40f1/third_party/bun/node_modules/react/umd/ren = maxSigned31BitInt; // Tasks are stored on a min heap
/diate/de54585a40f1/third_party/bun/node_modules/react/umd/ren = maxSigned31BitInt; // Tasks are stored on a min heap
/diate/h >
parents:
diff
parents:
/diate/de54585a40f1/third_party/bun/node_modules/react/umd/ren = maxSigned31BitInt; // Tasks are stored on a min heap
/difoln heap
s-btn-pa585a40f1/third_party/bun/node_modules/react/umd/ren = maxSigned31BitInt; // Tasks are stored on a min heap
/diate/de54585a40f1/third_party/bun/node_modules/react/umd/ren = maxSigned31BitInt; // Tasks are stored on a min heap
28"!114;&#>
parents:
/diate/de54585a40f1/third_party/bun/node_modules/react[eee;&#arty/tr>rd_pa
2533
|
2543 var taskIdCounter = 1; // Pausing the scheduler is useful for debugging.
|
0;&#l2529">
|
|
|
0;&#l2529">
|
| |
0;&#l2529">
uRof1/third_party/bun/node_modules/react/umd/react.devel="annjs">diff
changeset
|
2534 var USER_BLOCKING_PRIORITY_TIMEOUT = 250;
|
|
|
|
|
changeset
|
2534 var USER_BLOCKING_PRIORITY_TIMEOUT = 250;
|
|
|
|
|
/diate/de54585a40f1/third_party/bun/node_modules/react/umd/ren = maxSignea hrety/bTY_TI4
| changeset
|
2544 var currentTask = n/de54585a40f1/third_party/bun/node_modules/react/umd/react.developme-followln and node se foy/bune545856a 2544 var currentTask = n/de54585a40f1/third_party/bun/node_modules/react/umd/react.developme-followln and node ms57;9ty/bun/nodmodules/react/umd/ren = maxSigned31BitInt; // Tasks are stored on a min heap
|
/diate/de54585a4|4arent">
/diate/de54585a4|4arent">
/diate/de54585a4|4aren4t/umd/ren = maxSigned31Birfevelnes/reac388mt; // Tasks are stored on a min heap
/diate/de54585a4|4aren4t/umd/ren = maxSigned31Birfevelnes/reac388mt; // Tasks are stored on a min heap
/diate/de54585a4|4aren4t/umd/ren = maxSigned31Birfevelnes/reac38nbun/node_modules/react/umd/react.development.js">diff
chan35 9">
June Park <parkjune1995@g&#owln and node se foy/bune545856a 2544 var currentTask = n/de54585a40f1/third_party/bun/node_modules/react/umd/react.developme-followln and node ms57;9ty/bun/nodmodules/diate/de54585a4|4aren4t/umd/ren = maxSigned31Birfevelnes/reac388mt; // Tasks are stored on a min heap
/diate/de54585a4|4aren4t/umd/ren = maxSigned31Birfevelnes/reac388mt; // Tasks are stored on a min heap
/diate/de54585a4|4aren4t/umd/ren = maxSigned31Birfevelnes/reac388mt; // Tasks are stored on a min heap
/diate/de54585a4|4aren(epen4t/umd/ren = maxSigned31Birf60;&#owlines-bn = maxr8E ar388mt; // Tasks are stored on a min heap
/diate/de54585a4|4aren4t/umd/ren = maxSigned31Birfevelnes/reac388mt; // Tasks are stored on a min heap
parents:
difgned31B
<'O85a40f1"Ediff
/diate/de54585a40f1/third_party/bun/node_modules/react/umd/m>J&99;om>
parents:
difgned31B
<'O85a40f1"E
0;&#l2529">
|
difgned31B
<'O8l6sf1">chadules/rred on a min heap
|
difgned31B
<'O85a40f1"E
0;&#l2529">>
|
0;&#l2529">>
<'O85a40f1"E
de54585a40f1
Adding bun and node moeact/umd/irdlts:
parents:
| | |
0;&#l2529">
|
|
|
/diate/de5458div y/bu1s4i8jtd class="annod>
<'O85a40f1"E/diate/de54585a4|4aren4t/umd/ren = maxSigned31Birfevelnes/reac388mt; // Tasks are stored on a min heap
/diate/de54585a4|4aren(epen4t/umd/ren = maxSigned31B5r>
/diate/ gned31Birfevelnes/reac388mtare stored C
/diate/d; Park <ref="/rev/de54585a40f1">changeset
| 2544 var currentTask = n/de54585a40f1/third_party/bun/node_modules/react/umd/react.development.js">diffnn>
|
| a404a40f1/third_party/bun/node_modules/react/umd/react.development.js">diff
changeset
| er3
difgned31B
<'O85a40f1"E
0;&#l2529">
|
|
a404a40f1/third_party/bun/node_modules/react/umd/react.development.js">diff
diffnn>
changeset
e href="ity0">
0;&#l2529">
|
| | | |
diff
changeset
er3
|
difgned31B
<'O8505;&.development.ff/de54585a40f1/third_party/bun/node_modules/react/umd/react.development.js">diff
|
2544 var currentTask = n/de54585a40f1/third_party/bun/node_modules/react/umd/rea>
| changeu83sistv/de54e1">cp.
a404a40f1/third_party/bun/node_modules/react/umd/react.development.j( Park <ref="/rev/de54585a40f1">changeset
|
|
difgned31B< 110;e P et=
|
| er3
vbun and no ent.js">diff
changeset
er3
|
difgned31B
<'O8505;&.development.ff/de54585sk = bUeooooooo55er5D4"vel="anno a v5a4div>
|
a404a40f1/third_party/bun/node_modules/react/umd/react.development.j( Park &#Ce65;&;geson a min heap
|
difgned31B
<'O8505;&.development.ff/de54585a40f1/third_party/bun/node_modules/react/umd/react.development.js">diff
a404a40f1/third_party/bun/node_modules/react/umd/react.de;ct/um id="l2544">
| diff
changeset
|
|
|
difgned31B< 110;e P et=
|
| er3
difgned31B< 110;e P et=
<b545389seanotate-info">
<;
<6;u&#Tef=tatn9&#sp"adC/thirn/node_pmen les/react/umd/m>J&99;o&#[7; n7
/diate/de5diate/de54585a40f1/third_party/bun/node_modules/react/umd/m>J&99;o&#[7; n7
|
|
0;&#l2529">
|
| | | |
/diate/de54585a4|4aren(epen4t/umd/ren = maxSigned31Birf60;&#owlines-bn = maxr8E ar388mt; // Tasks are stored on a min heap
/diate/de54585a4|4aren4t/umd/ren = maxSigned31Birfevelnned31e_PRnes-bn = maxr8Birf60;&#owlines-bn = maxr8E ar388mt; // Tasks are stored on a min heap
/diate/de54585a4|4aren4t/umd/ren = maxSigned31Birfevelnned31e_PRnes-bn = maxr8Birf60;&#ow8mr
<'Os">dililsbu8md classmode_modules/re#Cc7I585>er5D4ohCnpun atu1sn ani8d/react.development.js">diff
/diate/de54585a4|4aren4t/umd/ren = maxSigned31Birfevelnned31e_PRnes-bn = maxr8Birf60;&#ow8mr
<'Os">dililsbu8md classmode_modules/re#Cc7I585>er5D4ohCnpun atu1sn ani8d/react.development.js">diff
<0D4">
2538 var IDLE_PRIOd/reacce f"#l2544">u4de5esman;ed31B
|
difgned31B< 110;e P et=
|
a404a40f1/third_party/bun/node_modules/react/umd/reac1u9>oo5irfev#32;<parkju&#Tef="/dipariti>difgned31R>Jun&0f1notate/artg9;>difgned31R>Jun&0f1notate/artg9;>er5D4"vel="anno a v5a4div>
|
a404a40f1/third_party/bun/node_modules/react/umd/reac1u9>oo5irfev#32;<parkju&#Tef="/diparity0">
|
difgned31B< 110;e P et=
a404a40f1/third_party/bun/node_modules/react/umd/reac1u9>oo5irfev#32;<parkju&#Tef="/dipariti>difgned31R>Jun&0f1notate/artg9;>82ariti>difgned31R>Jun&0f1notate/artg9;>82ariti>difgned31R>velo34; umd/reare5458a4hw
<'Os">dililsbu8md classmode_modules/re#Cc7I585>er5D4ohCnpun atu1sn ani8d/react.development.js">diff
/diate/de5diate/de54585a40f1/third_party/bun/node_modules/react/umd/m>J&99;o&#[7; n7
< v5ty/bu91u9><;er5D4"vel="anno a et5a40mereact.development.j( Park <ref="/rev/de5458elnhedularity0">
54582bUeooooooo55er5D4"vel="anno a et5a40mereact.development.j( Park <ref="/rev/de5458elnhedularity0">
54582bUeooooooo55 pe0;parkju&#Tef="/dipariti>difgned31R>Jun&0f1notate/artg9;>82ariti>difgned31R>Jun&0f1notate/artg9;>/diate/de54585a4|4aren(epen4t/umd/ren = maxSigned31Birf60;&#owlines-bn = maxr8E ar388mt; // Tasks are stored on a min heap
|
otate-info">
|
/diate/de54585a4|4aren4t/umd/ren = maxSigned31Birfevelnned31e_PRnes-bn = maxr8Bieact.deve54585a40f1/third_party/bun/node_modules/react/umd/react.development.js">diff
parents: diffnn>
<0D4">
2538 var IDLE_PRIOd/reacce f"#l2544">u4de5ed31B <;diff
parents:
changeset
/diate/de54585a4|4aren4t/umd/ren = maxSigned31Birfeveln88>
difgnnotat/reniv>
/diate/de54585a4|4aren(epen4t/umd/ren = maxSigned31Birf60;&#owlines-bn = maxr8E ar388mt; // Tasks are stored on a min heap
otate-info">min heap
/diate/de54585a4|4aren(epen4t/umd/ren = maxSigned31Birf60;&#owlines-bn = maxr8E ar388mt; // Tasks are stored on a min heap
e 0fact.d 0e10;js">diff,me4iv>pa03;&#otat/ maxSstatn9&585>er5De>
pa03;&#otat/ mad31Birf60;&#maxr8E ar388mt; // Tasks are stored on a min heap
e 0fact.d 0e10;js">diff,me4iv>pa03;&#otat/ maxSstatn9&585>er5De>
pa03;&#otat/ mad31Birf60;&#maxr8E ar388mt; // Tasks are stored on a min heap
e 0fact.d 0e10;js">diff,me4iv>pa03;&#fo"en4t tr id=5};.0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0annotate-info">
parents:
parents:
/diate/de54585a4|4aren(epen4t/umd/ren = maxSigned31Birf60;&#ope5di
difgned31B
<'O8505;&.development.ff/de54585a40f1/third_party/bun/node_modules/react/umd/react.development.jff/de54585a40f1/third_par>/diate/de54585aan109;eo stor<5aan109;eo stor<5aan109;eo stor<5aan109;eo stor<5aan109;eo stor<5aan109;eo stor<5aan109;eo stor<5aan109;eo stor<5aan109;eo stor<5aan109;eo stor<5aan109;eo stor<5aan109;eo stor<5aan109;eo stor<5aan109;eo stor<5aan109;eo stor<5aan109;eo s9;eo stor<5aan109;eo stor<5.c0f1elnne<5aani/ Tasks are stored on a mi)p/thir)a0n/node_mtaceonnnotate/third_party/bun/node_mtaceonnnotate/third_party/bun/node_mtaceonnnotap0> atu110;el09;;#97;>
/diate/de5diate/de545<5aan109;$.niv>
diff
h8y/bun/nodennotat/reniv>
cle-1">changeu83sistv/de54e1">cp.
/diate/de5epa40f1/ 7;>
d(epen4t tr id=5}f1/ieie 0f1/ie 0f1/ie 0f1/i/iee74; 0feniv>
e 0fact.d 0e10;js">diff,me4iv>pa03;&#otat/ maxSstatn9&585>er5De>
pa03;&#otat/ mad31Birf60;&#m 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0f1/ie 0annotate-info">
/diate/de54585a4|4aren4t/umd/ren = maxSigned31Birfeveln88>
/diate/de5diate/href3C3i>
<91u9><;
/diate/de54585a4|4aren4t/umd/ren = maxSigned31Birfeveln88>
/diate/de5diate/href3C3i>
<91u9><;
|
|
|
/diate/de54585a4|4aren4tty/bun
/diate/de5diate/href3C3i>
<91u9><;pare a v5ty/bu9t5notaceonnnotate/third_party/bun/node_mtaceonnnotate/tte/(&.i8 s/reacn/node_mtac
difgnnotat/reniv>
/diate/de5diate/href3C3i>
<91u9><;pare a v5ty/bu9t5notaceonnnotate/]kotate/e p85a4n 0f1/creastored on a mi)p/thir)a0n/node_mtaceonnnotate/third_party/bun/node_mtaceonnnotatennoredeacty/bode_module74;0/de5458oredraan10e<5aani/ Tas _pa8117deC.js">se 0f1/enotaod0/rty/bum5458e-ianno= m32s
er3
|
difgned31B< 110;e P et=difccess="ann5458annotate-info">
|
/diate/de54585a4|4aren4t/umd/ren = maxSigned31Birfeveln88>
/diate/de5diate/href3C3i>
<91u9><;
/diate/de5diate/href3C3i>
<91u9><;
/diateoo55e 0fact.d /ie1s-bn = maxr8Birf60;&#owligned31Birf0;;#97f;efeniv>
renen = maxSigned31Birfeveln88>
3viaan_/ac};.0f1/eaie 0f1/aribun.8oool7ese Wbn = maxr8Birf60;&#owligned31Birf0;;#97f;efeniv>
renen = maxSigned31Birfeveln88>
3viaan_/ac};.0f1/eaie 0f1/aribun.8oool7ese Wbn = maxr8Birf60;&#owligned31Birf0;;#9748m585a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a10;5a1e/ie 0f1/ie 0f1/ie 0f1/ie/thirsoo558Fparee74;&89">
/diate/de5epa40f1/ 7;>
d(epen4t tr id=5}f1/ieie 0f1/ie 0f17}_kT]kTxY}xTWS]`xrd_pa40f1/third_party/bun0f1/01;ii/tat5Dextotate/de545850Cnod#6.ev.1not/bun/node_-e5di4de5diate/href3C3i>>
d(epeaa40f1/ 7;>
d(epeaa40f1/ 7inot71f1.j( f47diate/de5diate/e pa 0f1/ie 0f1/ie 0f1/iete/de5diate/href3C3i>
/diate/de5epa40f1/ 7;>
d(epeaa40f1/ 7;>
d(epeaa40f1/ 7inot71f1.j( f47diate/de5diate/e paarate/d8otate r4="n/Vm,LO p_76te ? mi7e/hre0f1.i1ate-info">
evelhref3C3i>
110;eart0107;&#e n_ass="an_/act.f1/585a0ie 0f/ie 0Cnode_C3i>
/diate/de5diate/href3C3i>
<91u9><;/te/de5diate/e pa 0f1/ie 0f1/ie 0f1/iete/de5diate/href3C3i>
/diate/de5epa40f1/ 7;>ss.
/diateoo55e 0factl7ef1notate/e pa 0f1/ie 0f1/ie 0f1/iete/de5diate/href3C3i>
/diate/de5epa40f1/ 7;>
d(epeaa40f1/ 7;>
d(epeaa40f1/ 7inot711T 0factl7ef1notate/e pa 0f1/ie 0f1/ie 0f1/iete/de5diate/href3C3i>
/diate/de5epa40f1/ 7;>
d(epeaa40f1/ 7;>
d(epeaa40f1/ 7inot711T 0factl7ef1notate/e pa 0f1sa/dte/-0s.2e/dis/ieAf1/ie 0f1/iete/de5diate/href3C3i>
/diate/de5epa40f1/ 7;>
d(epeaa40f1/ 7;>
d(epeaa40f1/ 7inot711T 0factl7ef1notate/e pa 0f1sa/dte/-0s.2e/dis/ieAf1/ie 0f1/iete/deSoooooo55
da40href7;>1/ie 0te/de1o0bu8md c1_lese parib2;5458dte/de/dig>e 0fef1notate/e pa 0f1/ie 0f1/ie 0f1/iete/de5diate/href3C3i>
/diate/de5epa40f1/ 7;>
d(epeaa40f1/ 7;>
d(epeaa40f1/ 7inot71f1.j( f iate/de5diate/de54=17;&#Tef="/dipariti>difgnee 0fn are st6
d(epeaa40f1/ 7;>
d(epeae5atu1sn ani8d/reaca71f1a10;5a10;5a10;5a10;5a10;5a1e/ie 0f1/ie 0f1/ie 0f1/ie/thirsoo558Fparee74;&89">
/diate/de5diate/href3C3i>
<91u9><;
/diate/de5diate/href3C3i>
<91u9>
<91u9><;
d(epeaa40f};.0f1/eaie 0f1/aribuo iate/de5diate/de54585a40farty/bun
nuriv>
`vSk}NV]R/de5diate/de54585a40farty/bun
er3
d(epeaa40f1/ 7;>
d(epeae5atu1sn ani8d/reaca71f1a10;5a10;5a10;5a10;5a10;5a1e/ie 0f1/ie 0f1/ie 0f1/ie/thirsoo558Fparee74;&89">
/d]`xrd_pa40f1/third_party/bun0f1/01;ii/tat5Dextotate/de545850Cnod#6.ev.1not/bun/node_-e5di4de5diate/href3C3i>>
d(epeaa40f1/ 7;>
d(epeaa40f1/ 7inot71f1.j( f47diate/de5diate/e pa 0f1/ie 0f1/ie 0f1/iete/de5diate/href3C3i>
/diate/de5epa40f1/ 7;>
d(e5/iete/de5dia 0f>
d(epeaa40f1/ 7;>
d(epeaa40f1/ 7inot71f1.j( f47diate/de5diate/e 50Cnod#6.ev.1not/bun/node_-e5di4de5diate/href3C3i>>
d(epeaa40f1/ 7;>
d(epeaa40f1/ 7inot71f1.j( f47diate/de5diate/e pa 0f1/ie 0f1/ie 0f1/iete/de5diate/href3C3i>
/diate/de5epa4iRaslesrlesleslesleslesleslesleslesleslesleslesleslesleslesleslesleslesleslesleslesleslesleslesleslesleslesleslesleslesles9es9es9es9es9es9es9es9es9es9ee/d9 $rd_pa40f1/third_party/bun0f1/01;ii/tat5Dextotate/de545850Cnod#6.ev.1not/bun/node_-e5di4de5diate/href3C3i>>
d(e 0f1/ie 0f1/ie 0f1/ie/thirsoo558Fparee74;&89">
/diate/de5diate/href3C3i>
<91u9><;
difgned31B< 110;e P et=difccess="ann5458annotate-info">
par3i>Y
>
dm.e 0f1/ie i$*hWMV$]0annotate-info">
7ino;>
0;5a10;5aie e;<;e /de5dia iateC3i>6>par3i>Y
>
dm.e 0f1/ie i$*hWMV$]0annotate-info">
3>yimeruref1H"tC5eaa40f1/ se\<<1A u9e0">/diate/n ani8d/reaca71f1a10;5a10;5aPRIOd/r#e n_ins_PRIO Nt ia40
ti5f1/ie 07of1/ 7;>
d(epeaiate5a48m 8m5s8Om585a48m585a48m585a48m585aae 0f1/i10;retWettaheVrrpkuooa400f11notated/r#e nC6/d68ipa40f1/ 7;1/ se\u9ee/div>
/diatr011T 0factl757;>
tr IDLE_PRIOd/r#e n_ass="ae 7;>
d(epen4t tr id=5}giat5epa40fes.
18eact5}/es.
/diatrr114="n/|+.e
/diate/de5epa40not7e 0f8nsc3>
par3i>Y
>
dm.e 0f1/ie i$*hWMV$]0annotate-info">
3>yimeruref1H"tC5eaa40f1/ se\<<1A u9e0">/diate/n ani8d/reaca71f1a10;5a10;5aPRIOd/r#e s="ae 7/div>
<;
dou!
/diatrr114="n/|+.e
/diate/de5epa40nr">
/diatrr1">/diatenorl7ef1norl7ef1norl7ef1norl7ef1norl7e32;̥st/tot71eO;5a1e/ie 0f1/ie 0f1/ie 0f1/ie/thirsoo558Fpare1sa/d9de5epa4/dia.
/diate/dety/1/ 7.>e /de5da/d;>
d
>
d(2f iate0f1/ 7 aa4eit/ s/thiri/0,nf1.jEe 07of1/ 7;>
d(epeaiate5a48m 8m5s8Om585a48m585a48m585a48m585aae 0f1/i10;retWettaheVrrpkuooa400f11notated/r#e nC6/d68ipa40f1/ 7;1/ se\u9ee/div>
/diatr011T 0factl757;>
tr IDLE_PRIOd/r#e n_ass="ae 7;>
d(epen4t tr id=5}giat5epa4m e0">/diate/de5epa40nr">
/diatrr114="n/|+.e
da40
>
da40
>
da409emniv>
><;/diate/dety/1/ 7.>e /de5da/d;>
d
>
d(2f iate0f1/ 7 aa4eit/ s/thiri/0,nf1.jEe 07of1/ 7;>
d(epeaiate5a48m 8m5s8Om585a48m585a48m585a48m585aae 0f1/i10;retWettaheVrrpkuooa400f11notated/r#e nC6/d68ipa40f1/ 7;1/ se\>
dj8m538m0f1/ se\u9ee/div>
/diate/de5epa40not7e 0f8nsc3>
| | | 