@bigbinary/neeto-icons 1.17.2 → 1.17.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app-icons.cjs.js +626 -304
- package/dist/app-icons.cjs.js.map +1 -1
- package/dist/app-icons.js +626 -304
- package/dist/app-icons.js.map +1 -1
- package/dist/misc.cjs.js +626 -304
- package/dist/misc.cjs.js.map +1 -1
- package/dist/misc.js +626 -304
- package/dist/misc.js.map +1 -1
- package/dist/neeto-icons.cjs.js +626 -304
- package/dist/neeto-icons.cjs.js.map +1 -1
- package/dist/neeto-icons.js +626 -304
- package/dist/neeto-icons.js.map +1 -1
- package/dist/neeto-logos.cjs.js +626 -304
- package/dist/neeto-logos.cjs.js.map +1 -1
- package/dist/neeto-logos.js +626 -304
- package/dist/neeto-logos.js.map +1 -1
- package/dist/typeface-logos.cjs.js +626 -304
- package/dist/typeface-logos.cjs.js.map +1 -1
- package/dist/typeface-logos.js +626 -304
- package/dist/typeface-logos.js.map +1 -1
- package/package.json +3 -3
package/dist/neeto-icons.cjs.js
CHANGED
|
@@ -60,96 +60,8 @@ var react = {exports: {}};
|
|
|
60
60
|
|
|
61
61
|
var react_production_min = {};
|
|
62
62
|
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
(c) Sindre Sorhus
|
|
66
|
-
@license MIT
|
|
67
|
-
*/
|
|
68
|
-
/* eslint-disable no-unused-vars */
|
|
69
|
-
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
|
|
70
|
-
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
|
71
|
-
var propIsEnumerable = Object.prototype.propertyIsEnumerable;
|
|
72
|
-
|
|
73
|
-
function toObject(val) {
|
|
74
|
-
if (val === null || val === undefined) {
|
|
75
|
-
throw new TypeError('Object.assign cannot be called with null or undefined');
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
return Object(val);
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
function shouldUseNative() {
|
|
82
|
-
try {
|
|
83
|
-
if (!Object.assign) {
|
|
84
|
-
return false;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
// Detect buggy property enumeration order in older V8 versions.
|
|
88
|
-
|
|
89
|
-
// https://bugs.chromium.org/p/v8/issues/detail?id=4118
|
|
90
|
-
var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
|
|
91
|
-
test1[5] = 'de';
|
|
92
|
-
if (Object.getOwnPropertyNames(test1)[0] === '5') {
|
|
93
|
-
return false;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
|
|
97
|
-
var test2 = {};
|
|
98
|
-
for (var i = 0; i < 10; i++) {
|
|
99
|
-
test2['_' + String.fromCharCode(i)] = i;
|
|
100
|
-
}
|
|
101
|
-
var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
|
|
102
|
-
return test2[n];
|
|
103
|
-
});
|
|
104
|
-
if (order2.join('') !== '0123456789') {
|
|
105
|
-
return false;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
|
|
109
|
-
var test3 = {};
|
|
110
|
-
'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
|
|
111
|
-
test3[letter] = letter;
|
|
112
|
-
});
|
|
113
|
-
if (Object.keys(Object.assign({}, test3)).join('') !==
|
|
114
|
-
'abcdefghijklmnopqrst') {
|
|
115
|
-
return false;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
return true;
|
|
119
|
-
} catch (err) {
|
|
120
|
-
// We don't expect any of the above to throw, but better to be safe.
|
|
121
|
-
return false;
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
var objectAssign = shouldUseNative() ? Object.assign : function (target, source) {
|
|
126
|
-
var from;
|
|
127
|
-
var to = toObject(target);
|
|
128
|
-
var symbols;
|
|
129
|
-
|
|
130
|
-
for (var s = 1; s < arguments.length; s++) {
|
|
131
|
-
from = Object(arguments[s]);
|
|
132
|
-
|
|
133
|
-
for (var key in from) {
|
|
134
|
-
if (hasOwnProperty.call(from, key)) {
|
|
135
|
-
to[key] = from[key];
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
if (getOwnPropertySymbols) {
|
|
140
|
-
symbols = getOwnPropertySymbols(from);
|
|
141
|
-
for (var i = 0; i < symbols.length; i++) {
|
|
142
|
-
if (propIsEnumerable.call(from, symbols[i])) {
|
|
143
|
-
to[symbols[i]] = from[symbols[i]];
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
return to;
|
|
150
|
-
};
|
|
151
|
-
|
|
152
|
-
/** @license React v17.0.2
|
|
63
|
+
/**
|
|
64
|
+
* @license React
|
|
153
65
|
* react.production.min.js
|
|
154
66
|
*
|
|
155
67
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
@@ -157,25 +69,28 @@ var objectAssign = shouldUseNative() ? Object.assign : function (target, source)
|
|
|
157
69
|
* This source code is licensed under the MIT license found in the
|
|
158
70
|
* LICENSE file in the root directory of this source tree.
|
|
159
71
|
*/
|
|
160
|
-
var l=
|
|
161
|
-
|
|
162
|
-
function
|
|
163
|
-
|
|
164
|
-
function
|
|
165
|
-
function
|
|
166
|
-
function
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
react_production_min.
|
|
171
|
-
react_production_min.cloneElement=function(a,b,
|
|
172
|
-
key:
|
|
173
|
-
react_production_min.
|
|
174
|
-
react_production_min.
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
72
|
+
var l=Symbol.for("react.element"),n=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),q=Symbol.for("react.strict_mode"),r=Symbol.for("react.profiler"),t=Symbol.for("react.provider"),u=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),w=Symbol.for("react.suspense"),x=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),z=Symbol.iterator;function A(a){if(null===a||"object"!==typeof a)return null;a=z&&a[z]||a["@@iterator"];return "function"===typeof a?a:null}
|
|
73
|
+
var B={isMounted:function(){return !1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},C=Object.assign,D={};function E(a,b,e){this.props=a;this.context=b;this.refs=D;this.updater=e||B;}E.prototype.isReactComponent={};
|
|
74
|
+
E.prototype.setState=function(a,b){if("object"!==typeof a&&"function"!==typeof a&&null!=a)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,a,b,"setState");};E.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,"forceUpdate");};function F(){}F.prototype=E.prototype;function G(a,b,e){this.props=a;this.context=b;this.refs=D;this.updater=e||B;}var H=G.prototype=new F;
|
|
75
|
+
H.constructor=G;C(H,E.prototype);H.isPureReactComponent=!0;var I=Array.isArray,J=Object.prototype.hasOwnProperty,K={current:null},L={key:!0,ref:!0,__self:!0,__source:!0};
|
|
76
|
+
function M(a,b,e){var d,c={},k=null,h=null;if(null!=b)for(d in void 0!==b.ref&&(h=b.ref),void 0!==b.key&&(k=""+b.key),b)J.call(b,d)&&!L.hasOwnProperty(d)&&(c[d]=b[d]);var g=arguments.length-2;if(1===g)c.children=e;else if(1<g){for(var f=Array(g),m=0;m<g;m++)f[m]=arguments[m+2];c.children=f;}if(a&&a.defaultProps)for(d in g=a.defaultProps,g)void 0===c[d]&&(c[d]=g[d]);return {$$typeof:l,type:a,key:k,ref:h,props:c,_owner:K.current}}
|
|
77
|
+
function N(a,b){return {$$typeof:l,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}function O(a){return "object"===typeof a&&null!==a&&a.$$typeof===l}function escape(a){var b={"=":"=0",":":"=2"};return "$"+a.replace(/[=:]/g,function(a){return b[a]})}var P=/\/+/g;function Q(a,b){return "object"===typeof a&&null!==a&&null!=a.key?escape(""+a.key):b.toString(36)}
|
|
78
|
+
function R(a,b,e,d,c){var k=typeof a;if("undefined"===k||"boolean"===k)a=null;var h=!1;if(null===a)h=!0;else switch(k){case "string":case "number":h=!0;break;case "object":switch(a.$$typeof){case l:case n:h=!0;}}if(h)return h=a,c=c(h),a=""===d?"."+Q(h,0):d,I(c)?(e="",null!=a&&(e=a.replace(P,"$&/")+"/"),R(c,b,e,"",function(a){return a})):null!=c&&(O(c)&&(c=N(c,e+(!c.key||h&&h.key===c.key?"":(""+c.key).replace(P,"$&/")+"/")+a)),b.push(c)),1;h=0;d=""===d?".":d+":";if(I(a))for(var g=0;g<a.length;g++){k=
|
|
79
|
+
a[g];var f=d+Q(k,g);h+=R(k,b,e,f,c);}else if(f=A(a),"function"===typeof f)for(a=f.call(a),g=0;!(k=a.next()).done;)k=k.value,f=d+Q(k,g++),h+=R(k,b,e,f,c);else if("object"===k)throw b=String(a),Error("Objects are not valid as a React child (found: "+("[object Object]"===b?"object with keys {"+Object.keys(a).join(", ")+"}":b)+"). If you meant to render a collection of children, use an array instead.");return h}
|
|
80
|
+
function S(a,b,e){if(null==a)return a;var d=[],c=0;R(a,d,"","",function(a){return b.call(e,a,c++)});return d}function T(a){if(-1===a._status){var b=a._result;b=b();b.then(function(b){if(0===a._status||-1===a._status)a._status=1,a._result=b;},function(b){if(0===a._status||-1===a._status)a._status=2,a._result=b;});-1===a._status&&(a._status=0,a._result=b);}if(1===a._status)return a._result.default;throw a._result;}
|
|
81
|
+
var U={current:null},V={transition:null},W={ReactCurrentDispatcher:U,ReactCurrentBatchConfig:V,ReactCurrentOwner:K};react_production_min.Children={map:S,forEach:function(a,b,e){S(a,function(){b.apply(this,arguments);},e);},count:function(a){var b=0;S(a,function(){b++;});return b},toArray:function(a){return S(a,function(a){return a})||[]},only:function(a){if(!O(a))throw Error("React.Children.only expected to receive a single React element child.");return a}};react_production_min.Component=E;react_production_min.Fragment=p;
|
|
82
|
+
react_production_min.Profiler=r;react_production_min.PureComponent=G;react_production_min.StrictMode=q;react_production_min.Suspense=w;react_production_min.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=W;
|
|
83
|
+
react_production_min.cloneElement=function(a,b,e){if(null===a||void 0===a)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+a+".");var d=C({},a.props),c=a.key,k=a.ref,h=a._owner;if(null!=b){void 0!==b.ref&&(k=b.ref,h=K.current);void 0!==b.key&&(c=""+b.key);if(a.type&&a.type.defaultProps)var g=a.type.defaultProps;for(f in b)J.call(b,f)&&!L.hasOwnProperty(f)&&(d[f]=void 0===b[f]&&void 0!==g?g[f]:b[f]);}var f=arguments.length-2;if(1===f)d.children=e;else if(1<f){g=Array(f);
|
|
84
|
+
for(var m=0;m<f;m++)g[m]=arguments[m+2];d.children=g;}return {$$typeof:l,type:a.type,key:c,ref:k,props:d,_owner:h}};react_production_min.createContext=function(a){a={$$typeof:u,_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null};a.Provider={$$typeof:t,_context:a};return a.Consumer=a};react_production_min.createElement=M;react_production_min.createFactory=function(a){var b=M.bind(null,a);b.type=a;return b};react_production_min.createRef=function(){return {current:null}};
|
|
85
|
+
react_production_min.forwardRef=function(a){return {$$typeof:v,render:a}};react_production_min.isValidElement=O;react_production_min.lazy=function(a){return {$$typeof:y,_payload:{_status:-1,_result:a},_init:T}};react_production_min.memo=function(a,b){return {$$typeof:x,type:a,compare:void 0===b?null:b}};react_production_min.startTransition=function(a){var b=V.transition;V.transition={};try{a();}finally{V.transition=b;}};react_production_min.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.");};
|
|
86
|
+
react_production_min.useCallback=function(a,b){return U.current.useCallback(a,b)};react_production_min.useContext=function(a){return U.current.useContext(a)};react_production_min.useDebugValue=function(){};react_production_min.useDeferredValue=function(a){return U.current.useDeferredValue(a)};react_production_min.useEffect=function(a,b){return U.current.useEffect(a,b)};react_production_min.useId=function(){return U.current.useId()};react_production_min.useImperativeHandle=function(a,b,e){return U.current.useImperativeHandle(a,b,e)};
|
|
87
|
+
react_production_min.useInsertionEffect=function(a,b){return U.current.useInsertionEffect(a,b)};react_production_min.useLayoutEffect=function(a,b){return U.current.useLayoutEffect(a,b)};react_production_min.useMemo=function(a,b){return U.current.useMemo(a,b)};react_production_min.useReducer=function(a,b,e){return U.current.useReducer(a,b,e)};react_production_min.useRef=function(a){return U.current.useRef(a)};react_production_min.useState=function(a){return U.current.useState(a)};react_production_min.useSyncExternalStore=function(a,b,e){return U.current.useSyncExternalStore(a,b,e)};
|
|
88
|
+
react_production_min.useTransition=function(){return U.current.useTransition()};react_production_min.version="18.2.0";
|
|
89
|
+
|
|
90
|
+
var react_development = {exports: {}};
|
|
91
|
+
|
|
92
|
+
/**
|
|
93
|
+
* @license React
|
|
179
94
|
* react.development.js
|
|
180
95
|
*
|
|
181
96
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
@@ -184,64 +99,39 @@ var react_development = {};
|
|
|
184
99
|
* LICENSE file in the root directory of this source tree.
|
|
185
100
|
*/
|
|
186
101
|
|
|
187
|
-
(function (exports) {
|
|
102
|
+
(function (module, exports) {
|
|
188
103
|
|
|
189
104
|
if (process.env.NODE_ENV !== "production") {
|
|
190
105
|
(function() {
|
|
191
106
|
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
107
|
+
/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
|
|
108
|
+
if (
|
|
109
|
+
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
|
|
110
|
+
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart ===
|
|
111
|
+
'function'
|
|
112
|
+
) {
|
|
113
|
+
__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
|
|
114
|
+
}
|
|
115
|
+
var ReactVersion = '18.2.0';
|
|
196
116
|
|
|
197
117
|
// ATTENTION
|
|
198
118
|
// When adding new symbols to this file,
|
|
199
119
|
// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
|
|
200
|
-
// The Symbol used to tag the ReactElement-like types.
|
|
201
|
-
|
|
202
|
-
var
|
|
203
|
-
var
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
var
|
|
208
|
-
var
|
|
209
|
-
var
|
|
210
|
-
|
|
211
|
-
var
|
|
212
|
-
var
|
|
213
|
-
var
|
|
214
|
-
var
|
|
215
|
-
var REACT_SERVER_BLOCK_TYPE = 0xeada;
|
|
216
|
-
var REACT_FUNDAMENTAL_TYPE = 0xead5;
|
|
217
|
-
var REACT_DEBUG_TRACING_MODE_TYPE = 0xeae1;
|
|
218
|
-
var REACT_LEGACY_HIDDEN_TYPE = 0xeae3;
|
|
219
|
-
|
|
220
|
-
if (typeof Symbol === 'function' && Symbol.for) {
|
|
221
|
-
var symbolFor = Symbol.for;
|
|
222
|
-
REACT_ELEMENT_TYPE = symbolFor('react.element');
|
|
223
|
-
REACT_PORTAL_TYPE = symbolFor('react.portal');
|
|
224
|
-
exports.Fragment = symbolFor('react.fragment');
|
|
225
|
-
exports.StrictMode = symbolFor('react.strict_mode');
|
|
226
|
-
exports.Profiler = symbolFor('react.profiler');
|
|
227
|
-
REACT_PROVIDER_TYPE = symbolFor('react.provider');
|
|
228
|
-
REACT_CONTEXT_TYPE = symbolFor('react.context');
|
|
229
|
-
REACT_FORWARD_REF_TYPE = symbolFor('react.forward_ref');
|
|
230
|
-
exports.Suspense = symbolFor('react.suspense');
|
|
231
|
-
REACT_SUSPENSE_LIST_TYPE = symbolFor('react.suspense_list');
|
|
232
|
-
REACT_MEMO_TYPE = symbolFor('react.memo');
|
|
233
|
-
REACT_LAZY_TYPE = symbolFor('react.lazy');
|
|
234
|
-
REACT_BLOCK_TYPE = symbolFor('react.block');
|
|
235
|
-
REACT_SERVER_BLOCK_TYPE = symbolFor('react.server.block');
|
|
236
|
-
REACT_FUNDAMENTAL_TYPE = symbolFor('react.fundamental');
|
|
237
|
-
symbolFor('react.scope');
|
|
238
|
-
symbolFor('react.opaque.id');
|
|
239
|
-
REACT_DEBUG_TRACING_MODE_TYPE = symbolFor('react.debug_trace_mode');
|
|
240
|
-
symbolFor('react.offscreen');
|
|
241
|
-
REACT_LEGACY_HIDDEN_TYPE = symbolFor('react.legacy_hidden');
|
|
242
|
-
}
|
|
243
|
-
|
|
244
|
-
var MAYBE_ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
|
|
120
|
+
// The Symbol used to tag the ReactElement-like types.
|
|
121
|
+
var REACT_ELEMENT_TYPE = Symbol.for('react.element');
|
|
122
|
+
var REACT_PORTAL_TYPE = Symbol.for('react.portal');
|
|
123
|
+
var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
|
|
124
|
+
var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
|
|
125
|
+
var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
|
|
126
|
+
var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
|
|
127
|
+
var REACT_CONTEXT_TYPE = Symbol.for('react.context');
|
|
128
|
+
var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
|
|
129
|
+
var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
|
|
130
|
+
var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
|
|
131
|
+
var REACT_MEMO_TYPE = Symbol.for('react.memo');
|
|
132
|
+
var REACT_LAZY_TYPE = Symbol.for('react.lazy');
|
|
133
|
+
var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
|
|
134
|
+
var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
|
|
245
135
|
var FAUX_ITERATOR_SYMBOL = '@@iterator';
|
|
246
136
|
function getIteratorFn(maybeIterable) {
|
|
247
137
|
if (maybeIterable === null || typeof maybeIterable !== 'object') {
|
|
@@ -273,7 +163,14 @@ var ReactCurrentDispatcher = {
|
|
|
273
163
|
* should suspend for if it needs to.
|
|
274
164
|
*/
|
|
275
165
|
var ReactCurrentBatchConfig = {
|
|
276
|
-
transition:
|
|
166
|
+
transition: null
|
|
167
|
+
};
|
|
168
|
+
|
|
169
|
+
var ReactCurrentActQueue = {
|
|
170
|
+
current: null,
|
|
171
|
+
// Used to reproduce behavior of `batchedUpdates` in legacy mode.
|
|
172
|
+
isBatchingLegacy: false,
|
|
173
|
+
didScheduleLegacyUpdate: false
|
|
277
174
|
};
|
|
278
175
|
|
|
279
176
|
/**
|
|
@@ -326,24 +223,27 @@ function setExtraStackFrame(stack) {
|
|
|
326
223
|
};
|
|
327
224
|
}
|
|
328
225
|
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
var
|
|
333
|
-
|
|
334
|
-
|
|
226
|
+
// -----------------------------------------------------------------------------
|
|
227
|
+
|
|
228
|
+
var enableScopeAPI = false; // Experimental Create Event Handle API.
|
|
229
|
+
var enableCacheElement = false;
|
|
230
|
+
var enableTransitionTracing = false; // No known bugs, but needs performance testing
|
|
231
|
+
|
|
232
|
+
var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
|
|
233
|
+
// stuff. Intended to enable React core members to more easily debug scheduling
|
|
234
|
+
// issues in DEV builds.
|
|
235
|
+
|
|
236
|
+
var enableDebugTracing = false; // Track which Fiber(s) schedule render work.
|
|
335
237
|
|
|
336
238
|
var ReactSharedInternals = {
|
|
337
239
|
ReactCurrentDispatcher: ReactCurrentDispatcher,
|
|
338
240
|
ReactCurrentBatchConfig: ReactCurrentBatchConfig,
|
|
339
|
-
ReactCurrentOwner: ReactCurrentOwner
|
|
340
|
-
IsSomeRendererActing: IsSomeRendererActing,
|
|
341
|
-
// Used by renderers to avoid bundling object-assign twice in UMD bundles:
|
|
342
|
-
assign: _assign
|
|
241
|
+
ReactCurrentOwner: ReactCurrentOwner
|
|
343
242
|
};
|
|
344
243
|
|
|
345
244
|
{
|
|
346
245
|
ReactSharedInternals.ReactDebugCurrentFrame = ReactDebugCurrentFrame;
|
|
246
|
+
ReactSharedInternals.ReactCurrentActQueue = ReactCurrentActQueue;
|
|
347
247
|
}
|
|
348
248
|
|
|
349
249
|
// by calls to these methods by a Babel plugin.
|
|
@@ -353,20 +253,24 @@ var ReactSharedInternals = {
|
|
|
353
253
|
|
|
354
254
|
function warn(format) {
|
|
355
255
|
{
|
|
356
|
-
|
|
357
|
-
args
|
|
358
|
-
|
|
256
|
+
{
|
|
257
|
+
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
258
|
+
args[_key - 1] = arguments[_key];
|
|
259
|
+
}
|
|
359
260
|
|
|
360
|
-
|
|
261
|
+
printWarning('warn', format, args);
|
|
262
|
+
}
|
|
361
263
|
}
|
|
362
264
|
}
|
|
363
265
|
function error(format) {
|
|
364
266
|
{
|
|
365
|
-
|
|
366
|
-
args
|
|
367
|
-
|
|
267
|
+
{
|
|
268
|
+
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
|
269
|
+
args[_key2 - 1] = arguments[_key2];
|
|
270
|
+
}
|
|
368
271
|
|
|
369
|
-
|
|
272
|
+
printWarning('error', format, args);
|
|
273
|
+
}
|
|
370
274
|
}
|
|
371
275
|
}
|
|
372
276
|
|
|
@@ -380,10 +284,11 @@ function printWarning(level, format, args) {
|
|
|
380
284
|
if (stack !== '') {
|
|
381
285
|
format += '%s';
|
|
382
286
|
args = args.concat([stack]);
|
|
383
|
-
}
|
|
287
|
+
} // eslint-disable-next-line react-internal/safe-string-coercion
|
|
288
|
+
|
|
384
289
|
|
|
385
290
|
var argsWithFormat = args.map(function (item) {
|
|
386
|
-
return
|
|
291
|
+
return String(item);
|
|
387
292
|
}); // Careful: RN currently depends on this prefix
|
|
388
293
|
|
|
389
294
|
argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
|
|
@@ -481,6 +386,8 @@ var ReactNoopUpdateQueue = {
|
|
|
481
386
|
}
|
|
482
387
|
};
|
|
483
388
|
|
|
389
|
+
var assign = Object.assign;
|
|
390
|
+
|
|
484
391
|
var emptyObject = {};
|
|
485
392
|
|
|
486
393
|
{
|
|
@@ -529,10 +436,8 @@ Component.prototype.isReactComponent = {};
|
|
|
529
436
|
*/
|
|
530
437
|
|
|
531
438
|
Component.prototype.setState = function (partialState, callback) {
|
|
532
|
-
if (
|
|
533
|
-
|
|
534
|
-
throw Error( "setState(...): takes an object of state variables to update or a function which returns an object of state variables." );
|
|
535
|
-
}
|
|
439
|
+
if (typeof partialState !== 'object' && typeof partialState !== 'function' && partialState != null) {
|
|
440
|
+
throw new Error('setState(...): takes an object of state variables to update or a ' + 'function which returns an object of state variables.');
|
|
536
441
|
}
|
|
537
442
|
|
|
538
443
|
this.updater.enqueueSetState(this, partialState, callback, 'setState');
|
|
@@ -604,8 +509,7 @@ function PureComponent(props, context, updater) {
|
|
|
604
509
|
var pureComponentPrototype = PureComponent.prototype = new ComponentDummy();
|
|
605
510
|
pureComponentPrototype.constructor = PureComponent; // Avoid an extra prototype jump for these methods.
|
|
606
511
|
|
|
607
|
-
|
|
608
|
-
|
|
512
|
+
assign(pureComponentPrototype, Component.prototype);
|
|
609
513
|
pureComponentPrototype.isPureReactComponent = true;
|
|
610
514
|
|
|
611
515
|
// an immutable object with a single mutable value
|
|
@@ -621,16 +525,97 @@ function createRef() {
|
|
|
621
525
|
return refObject;
|
|
622
526
|
}
|
|
623
527
|
|
|
528
|
+
var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
|
|
529
|
+
|
|
530
|
+
function isArray(a) {
|
|
531
|
+
return isArrayImpl(a);
|
|
532
|
+
}
|
|
533
|
+
|
|
534
|
+
/*
|
|
535
|
+
* The `'' + value` pattern (used in in perf-sensitive code) throws for Symbol
|
|
536
|
+
* and Temporal.* types. See https://github.com/facebook/react/pull/22064.
|
|
537
|
+
*
|
|
538
|
+
* The functions in this module will throw an easier-to-understand,
|
|
539
|
+
* easier-to-debug exception with a clear errors message message explaining the
|
|
540
|
+
* problem. (Instead of a confusing exception thrown inside the implementation
|
|
541
|
+
* of the `value` object).
|
|
542
|
+
*/
|
|
543
|
+
// $FlowFixMe only called in DEV, so void return is not possible.
|
|
544
|
+
function typeName(value) {
|
|
545
|
+
{
|
|
546
|
+
// toStringTag is needed for namespaced types like Temporal.Instant
|
|
547
|
+
var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
|
|
548
|
+
var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object';
|
|
549
|
+
return type;
|
|
550
|
+
}
|
|
551
|
+
} // $FlowFixMe only called in DEV, so void return is not possible.
|
|
552
|
+
|
|
553
|
+
|
|
554
|
+
function willCoercionThrow(value) {
|
|
555
|
+
{
|
|
556
|
+
try {
|
|
557
|
+
testStringCoercion(value);
|
|
558
|
+
return false;
|
|
559
|
+
} catch (e) {
|
|
560
|
+
return true;
|
|
561
|
+
}
|
|
562
|
+
}
|
|
563
|
+
}
|
|
564
|
+
|
|
565
|
+
function testStringCoercion(value) {
|
|
566
|
+
// If you ended up here by following an exception call stack, here's what's
|
|
567
|
+
// happened: you supplied an object or symbol value to React (as a prop, key,
|
|
568
|
+
// DOM attribute, CSS property, string ref, etc.) and when React tried to
|
|
569
|
+
// coerce it to a string using `'' + value`, an exception was thrown.
|
|
570
|
+
//
|
|
571
|
+
// The most common types that will cause this exception are `Symbol` instances
|
|
572
|
+
// and Temporal objects like `Temporal.Instant`. But any object that has a
|
|
573
|
+
// `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
|
|
574
|
+
// exception. (Library authors do this to prevent users from using built-in
|
|
575
|
+
// numeric operators like `+` or comparison operators like `>=` because custom
|
|
576
|
+
// methods are needed to perform accurate arithmetic or comparison.)
|
|
577
|
+
//
|
|
578
|
+
// To fix the problem, coerce this object or symbol value to a string before
|
|
579
|
+
// passing it to React. The most reliable way is usually `String(value)`.
|
|
580
|
+
//
|
|
581
|
+
// To find which value is throwing, check the browser or debugger console.
|
|
582
|
+
// Before this exception was thrown, there should be `console.error` output
|
|
583
|
+
// that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
|
|
584
|
+
// problem and how that type was used: key, atrribute, input value prop, etc.
|
|
585
|
+
// In most cases, this console output also shows the component and its
|
|
586
|
+
// ancestor components where the exception happened.
|
|
587
|
+
//
|
|
588
|
+
// eslint-disable-next-line react-internal/safe-string-coercion
|
|
589
|
+
return '' + value;
|
|
590
|
+
}
|
|
591
|
+
function checkKeyStringCoercion(value) {
|
|
592
|
+
{
|
|
593
|
+
if (willCoercionThrow(value)) {
|
|
594
|
+
error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before before using it here.', typeName(value));
|
|
595
|
+
|
|
596
|
+
return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
|
|
597
|
+
}
|
|
598
|
+
}
|
|
599
|
+
}
|
|
600
|
+
|
|
624
601
|
function getWrappedName(outerType, innerType, wrapperName) {
|
|
602
|
+
var displayName = outerType.displayName;
|
|
603
|
+
|
|
604
|
+
if (displayName) {
|
|
605
|
+
return displayName;
|
|
606
|
+
}
|
|
607
|
+
|
|
625
608
|
var functionName = innerType.displayName || innerType.name || '';
|
|
626
|
-
return
|
|
627
|
-
}
|
|
609
|
+
return functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName;
|
|
610
|
+
} // Keep in sync with react-reconciler/getComponentNameFromFiber
|
|
611
|
+
|
|
628
612
|
|
|
629
613
|
function getContextName(type) {
|
|
630
614
|
return type.displayName || 'Context';
|
|
631
|
-
}
|
|
615
|
+
} // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
|
|
616
|
+
|
|
632
617
|
|
|
633
|
-
function
|
|
618
|
+
function getComponentNameFromType(type) {
|
|
634
619
|
if (type == null) {
|
|
635
620
|
// Host root, text node or just invalid type.
|
|
636
621
|
return null;
|
|
@@ -638,7 +623,7 @@ function getComponentName(type) {
|
|
|
638
623
|
|
|
639
624
|
{
|
|
640
625
|
if (typeof type.tag === 'number') {
|
|
641
|
-
error('Received an unexpected object in
|
|
626
|
+
error('Received an unexpected object in getComponentNameFromType(). ' + 'This is likely a bug in React. Please file an issue.');
|
|
642
627
|
}
|
|
643
628
|
}
|
|
644
629
|
|
|
@@ -651,23 +636,24 @@ function getComponentName(type) {
|
|
|
651
636
|
}
|
|
652
637
|
|
|
653
638
|
switch (type) {
|
|
654
|
-
case
|
|
639
|
+
case REACT_FRAGMENT_TYPE:
|
|
655
640
|
return 'Fragment';
|
|
656
641
|
|
|
657
642
|
case REACT_PORTAL_TYPE:
|
|
658
643
|
return 'Portal';
|
|
659
644
|
|
|
660
|
-
case
|
|
645
|
+
case REACT_PROFILER_TYPE:
|
|
661
646
|
return 'Profiler';
|
|
662
647
|
|
|
663
|
-
case
|
|
648
|
+
case REACT_STRICT_MODE_TYPE:
|
|
664
649
|
return 'StrictMode';
|
|
665
650
|
|
|
666
|
-
case
|
|
651
|
+
case REACT_SUSPENSE_TYPE:
|
|
667
652
|
return 'Suspense';
|
|
668
653
|
|
|
669
654
|
case REACT_SUSPENSE_LIST_TYPE:
|
|
670
655
|
return 'SuspenseList';
|
|
656
|
+
|
|
671
657
|
}
|
|
672
658
|
|
|
673
659
|
if (typeof type === 'object') {
|
|
@@ -684,10 +670,13 @@ function getComponentName(type) {
|
|
|
684
670
|
return getWrappedName(type, type.render, 'ForwardRef');
|
|
685
671
|
|
|
686
672
|
case REACT_MEMO_TYPE:
|
|
687
|
-
|
|
673
|
+
var outerName = type.displayName || null;
|
|
674
|
+
|
|
675
|
+
if (outerName !== null) {
|
|
676
|
+
return outerName;
|
|
677
|
+
}
|
|
688
678
|
|
|
689
|
-
|
|
690
|
-
return getComponentName(type._render);
|
|
679
|
+
return getComponentNameFromType(type.type) || 'Memo';
|
|
691
680
|
|
|
692
681
|
case REACT_LAZY_TYPE:
|
|
693
682
|
{
|
|
@@ -696,11 +685,13 @@ function getComponentName(type) {
|
|
|
696
685
|
var init = lazyComponent._init;
|
|
697
686
|
|
|
698
687
|
try {
|
|
699
|
-
return
|
|
688
|
+
return getComponentNameFromType(init(payload));
|
|
700
689
|
} catch (x) {
|
|
701
690
|
return null;
|
|
702
691
|
}
|
|
703
692
|
}
|
|
693
|
+
|
|
694
|
+
// eslint-disable-next-line no-fallthrough
|
|
704
695
|
}
|
|
705
696
|
}
|
|
706
697
|
|
|
@@ -708,6 +699,7 @@ function getComponentName(type) {
|
|
|
708
699
|
}
|
|
709
700
|
|
|
710
701
|
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
|
702
|
+
|
|
711
703
|
var RESERVED_PROPS = {
|
|
712
704
|
key: true,
|
|
713
705
|
ref: true,
|
|
@@ -787,7 +779,7 @@ function defineRefPropWarningGetter(props, displayName) {
|
|
|
787
779
|
function warnIfStringRefCannotBeAutoConverted(config) {
|
|
788
780
|
{
|
|
789
781
|
if (typeof config.ref === 'string' && ReactCurrentOwner.current && config.__self && ReactCurrentOwner.current.stateNode !== config.__self) {
|
|
790
|
-
var componentName =
|
|
782
|
+
var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
|
|
791
783
|
|
|
792
784
|
if (!didWarnAboutStringRefs[componentName]) {
|
|
793
785
|
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);
|
|
@@ -896,6 +888,10 @@ function createElement(type, config, children) {
|
|
|
896
888
|
}
|
|
897
889
|
|
|
898
890
|
if (hasValidKey(config)) {
|
|
891
|
+
{
|
|
892
|
+
checkKeyStringCoercion(config.key);
|
|
893
|
+
}
|
|
894
|
+
|
|
899
895
|
key = '' + config.key;
|
|
900
896
|
}
|
|
901
897
|
|
|
@@ -968,16 +964,13 @@ function cloneAndReplaceKey(oldElement, newKey) {
|
|
|
968
964
|
*/
|
|
969
965
|
|
|
970
966
|
function cloneElement(element, config, children) {
|
|
971
|
-
if (
|
|
972
|
-
|
|
973
|
-
throw Error( "React.cloneElement(...): The argument must be a React element, but you passed " + element + "." );
|
|
974
|
-
}
|
|
967
|
+
if (element === null || element === undefined) {
|
|
968
|
+
throw new Error("React.cloneElement(...): The argument must be a React element, but you passed " + element + ".");
|
|
975
969
|
}
|
|
976
970
|
|
|
977
971
|
var propName; // Original props are copied
|
|
978
972
|
|
|
979
|
-
var props =
|
|
980
|
-
|
|
973
|
+
var props = assign({}, element.props); // Reserved names are extracted
|
|
981
974
|
|
|
982
975
|
var key = element.key;
|
|
983
976
|
var ref = element.ref; // Self is preserved since the owner is preserved.
|
|
@@ -998,6 +991,10 @@ function cloneElement(element, config, children) {
|
|
|
998
991
|
}
|
|
999
992
|
|
|
1000
993
|
if (hasValidKey(config)) {
|
|
994
|
+
{
|
|
995
|
+
checkKeyStringCoercion(config.key);
|
|
996
|
+
}
|
|
997
|
+
|
|
1001
998
|
key = '' + config.key;
|
|
1002
999
|
} // Remaining properties override existing props
|
|
1003
1000
|
|
|
@@ -1096,6 +1093,10 @@ function getElementKey(element, index) {
|
|
|
1096
1093
|
// that we don't block potential future ES APIs.
|
|
1097
1094
|
if (typeof element === 'object' && element !== null && element.key != null) {
|
|
1098
1095
|
// Explicit key
|
|
1096
|
+
{
|
|
1097
|
+
checkKeyStringCoercion(element.key);
|
|
1098
|
+
}
|
|
1099
|
+
|
|
1099
1100
|
return escape('' + element.key);
|
|
1100
1101
|
} // Implicit key determined by the index in the set
|
|
1101
1102
|
|
|
@@ -1139,7 +1140,7 @@ function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
|
|
|
1139
1140
|
|
|
1140
1141
|
var childKey = nameSoFar === '' ? SEPARATOR + getElementKey(_child, 0) : nameSoFar;
|
|
1141
1142
|
|
|
1142
|
-
if (
|
|
1143
|
+
if (isArray(mappedChild)) {
|
|
1143
1144
|
var escapedChildKey = '';
|
|
1144
1145
|
|
|
1145
1146
|
if (childKey != null) {
|
|
@@ -1151,10 +1152,20 @@ function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
|
|
|
1151
1152
|
});
|
|
1152
1153
|
} else if (mappedChild != null) {
|
|
1153
1154
|
if (isValidElement(mappedChild)) {
|
|
1155
|
+
{
|
|
1156
|
+
// The `if` statement here prevents auto-disabling of the safe
|
|
1157
|
+
// coercion ESLint rule, so we must manually disable it below.
|
|
1158
|
+
// $FlowFixMe Flow incorrectly thinks React.Portal doesn't have a key
|
|
1159
|
+
if (mappedChild.key && (!_child || _child.key !== mappedChild.key)) {
|
|
1160
|
+
checkKeyStringCoercion(mappedChild.key);
|
|
1161
|
+
}
|
|
1162
|
+
}
|
|
1163
|
+
|
|
1154
1164
|
mappedChild = cloneAndReplaceKey(mappedChild, // Keep both the (mapped) and old keys if they differ, just as
|
|
1155
1165
|
// traverseAllChildren used to do for objects as children
|
|
1156
1166
|
escapedPrefix + ( // $FlowFixMe Flow incorrectly thinks React.Portal doesn't have a key
|
|
1157
1167
|
mappedChild.key && (!_child || _child.key !== mappedChild.key) ? // $FlowFixMe Flow incorrectly thinks existing element's key can be a number
|
|
1168
|
+
// eslint-disable-next-line react-internal/safe-string-coercion
|
|
1158
1169
|
escapeUserProvidedKey('' + mappedChild.key) + '/' : '') + childKey);
|
|
1159
1170
|
}
|
|
1160
1171
|
|
|
@@ -1170,7 +1181,7 @@ function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
|
|
|
1170
1181
|
|
|
1171
1182
|
var nextNamePrefix = nameSoFar === '' ? SEPARATOR : nameSoFar + SUBSEPARATOR;
|
|
1172
1183
|
|
|
1173
|
-
if (
|
|
1184
|
+
if (isArray(children)) {
|
|
1174
1185
|
for (var i = 0; i < children.length; i++) {
|
|
1175
1186
|
child = children[i];
|
|
1176
1187
|
nextName = nextNamePrefix + getElementKey(child, i);
|
|
@@ -1203,13 +1214,9 @@ function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
|
|
|
1203
1214
|
subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
|
|
1204
1215
|
}
|
|
1205
1216
|
} else if (type === 'object') {
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
{
|
|
1209
|
-
{
|
|
1210
|
-
throw 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." );
|
|
1211
|
-
}
|
|
1212
|
-
}
|
|
1217
|
+
// eslint-disable-next-line react-internal/safe-string-coercion
|
|
1218
|
+
var childrenString = String(children);
|
|
1219
|
+
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.');
|
|
1213
1220
|
}
|
|
1214
1221
|
}
|
|
1215
1222
|
|
|
@@ -1308,28 +1315,17 @@ function toArray(children) {
|
|
|
1308
1315
|
|
|
1309
1316
|
function onlyChild(children) {
|
|
1310
1317
|
if (!isValidElement(children)) {
|
|
1311
|
-
|
|
1312
|
-
throw Error( "React.Children.only expected to receive a single React element child." );
|
|
1313
|
-
}
|
|
1318
|
+
throw new Error('React.Children.only expected to receive a single React element child.');
|
|
1314
1319
|
}
|
|
1315
1320
|
|
|
1316
1321
|
return children;
|
|
1317
1322
|
}
|
|
1318
1323
|
|
|
1319
|
-
function createContext(defaultValue
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
} else {
|
|
1323
|
-
{
|
|
1324
|
-
if (calculateChangedBits !== null && typeof calculateChangedBits !== 'function') {
|
|
1325
|
-
error('createContext: Expected the optional second argument to be a ' + 'function. Instead received: %s', calculateChangedBits);
|
|
1326
|
-
}
|
|
1327
|
-
}
|
|
1328
|
-
}
|
|
1329
|
-
|
|
1324
|
+
function createContext(defaultValue) {
|
|
1325
|
+
// TODO: Second argument used to be an optional `calculateChangedBits`
|
|
1326
|
+
// function. Warn to reserve for future use?
|
|
1330
1327
|
var context = {
|
|
1331
1328
|
$$typeof: REACT_CONTEXT_TYPE,
|
|
1332
|
-
_calculateChangedBits: calculateChangedBits,
|
|
1333
1329
|
// As a workaround to support multiple concurrent renderers, we categorize
|
|
1334
1330
|
// some renderers as primary and others as secondary. We only expect
|
|
1335
1331
|
// there to be two concurrent renderers at most: React Native (primary) and
|
|
@@ -1342,7 +1338,10 @@ function createContext(defaultValue, calculateChangedBits) {
|
|
|
1342
1338
|
_threadCount: 0,
|
|
1343
1339
|
// These are circular
|
|
1344
1340
|
Provider: null,
|
|
1345
|
-
Consumer: null
|
|
1341
|
+
Consumer: null,
|
|
1342
|
+
// Add these to use same hidden class in VM as ServerContext
|
|
1343
|
+
_defaultValue: null,
|
|
1344
|
+
_globalName: null
|
|
1346
1345
|
};
|
|
1347
1346
|
context.Provider = {
|
|
1348
1347
|
$$typeof: REACT_PROVIDER_TYPE,
|
|
@@ -1358,8 +1357,7 @@ function createContext(defaultValue, calculateChangedBits) {
|
|
|
1358
1357
|
// warn for the incorrect usage of Context as a Consumer.
|
|
1359
1358
|
var Consumer = {
|
|
1360
1359
|
$$typeof: REACT_CONTEXT_TYPE,
|
|
1361
|
-
_context: context
|
|
1362
|
-
_calculateChangedBits: context._calculateChangedBits
|
|
1360
|
+
_context: context
|
|
1363
1361
|
}; // $FlowFixMe: Flow complains about not setting a value, which is intentional here
|
|
1364
1362
|
|
|
1365
1363
|
Object.defineProperties(Consumer, {
|
|
@@ -1446,38 +1444,54 @@ function lazyInitializer(payload) {
|
|
|
1446
1444
|
if (payload._status === Uninitialized) {
|
|
1447
1445
|
var ctor = payload._result;
|
|
1448
1446
|
var thenable = ctor(); // Transition to the next state.
|
|
1447
|
+
// This might throw either because it's missing or throws. If so, we treat it
|
|
1448
|
+
// as still uninitialized and try again next time. Which is the same as what
|
|
1449
|
+
// happens if the ctor or any wrappers processing the ctor throws. This might
|
|
1450
|
+
// end up fixing it if the resolution was a concurrency bug.
|
|
1449
1451
|
|
|
1450
|
-
var pending = payload;
|
|
1451
|
-
pending._status = Pending;
|
|
1452
|
-
pending._result = thenable;
|
|
1453
1452
|
thenable.then(function (moduleObject) {
|
|
1454
|
-
if (payload._status === Pending) {
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
{
|
|
1458
|
-
if (defaultExport === undefined) {
|
|
1459
|
-
error('lazy: Expected the result of a dynamic import() call. ' + 'Instead received: %s\n\nYour code should look like: \n ' + // Break up imports to avoid accidentally parsing them as dependencies.
|
|
1460
|
-
'const MyComponent = lazy(() => imp' + "ort('./MyComponent'))", moduleObject);
|
|
1461
|
-
}
|
|
1462
|
-
} // Transition to the next state.
|
|
1463
|
-
|
|
1464
|
-
|
|
1453
|
+
if (payload._status === Pending || payload._status === Uninitialized) {
|
|
1454
|
+
// Transition to the next state.
|
|
1465
1455
|
var resolved = payload;
|
|
1466
1456
|
resolved._status = Resolved;
|
|
1467
|
-
resolved._result =
|
|
1457
|
+
resolved._result = moduleObject;
|
|
1468
1458
|
}
|
|
1469
1459
|
}, function (error) {
|
|
1470
|
-
if (payload._status === Pending) {
|
|
1460
|
+
if (payload._status === Pending || payload._status === Uninitialized) {
|
|
1471
1461
|
// Transition to the next state.
|
|
1472
1462
|
var rejected = payload;
|
|
1473
1463
|
rejected._status = Rejected;
|
|
1474
1464
|
rejected._result = error;
|
|
1475
1465
|
}
|
|
1476
1466
|
});
|
|
1467
|
+
|
|
1468
|
+
if (payload._status === Uninitialized) {
|
|
1469
|
+
// In case, we're still uninitialized, then we're waiting for the thenable
|
|
1470
|
+
// to resolve. Set it as pending in the meantime.
|
|
1471
|
+
var pending = payload;
|
|
1472
|
+
pending._status = Pending;
|
|
1473
|
+
pending._result = thenable;
|
|
1474
|
+
}
|
|
1477
1475
|
}
|
|
1478
1476
|
|
|
1479
1477
|
if (payload._status === Resolved) {
|
|
1480
|
-
|
|
1478
|
+
var moduleObject = payload._result;
|
|
1479
|
+
|
|
1480
|
+
{
|
|
1481
|
+
if (moduleObject === undefined) {
|
|
1482
|
+
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.
|
|
1483
|
+
'const MyComponent = lazy(() => imp' + "ort('./MyComponent'))\n\n" + 'Did you accidentally put curly braces around the import?', moduleObject);
|
|
1484
|
+
}
|
|
1485
|
+
}
|
|
1486
|
+
|
|
1487
|
+
{
|
|
1488
|
+
if (!('default' in moduleObject)) {
|
|
1489
|
+
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.
|
|
1490
|
+
'const MyComponent = lazy(() => imp' + "ort('./MyComponent'))", moduleObject);
|
|
1491
|
+
}
|
|
1492
|
+
}
|
|
1493
|
+
|
|
1494
|
+
return moduleObject.default;
|
|
1481
1495
|
} else {
|
|
1482
1496
|
throw payload._result;
|
|
1483
1497
|
}
|
|
@@ -1486,7 +1500,7 @@ function lazyInitializer(payload) {
|
|
|
1486
1500
|
function lazy(ctor) {
|
|
1487
1501
|
var payload = {
|
|
1488
1502
|
// We use these fields to store the result.
|
|
1489
|
-
_status:
|
|
1503
|
+
_status: Uninitialized,
|
|
1490
1504
|
_result: ctor
|
|
1491
1505
|
};
|
|
1492
1506
|
var lazyType = {
|
|
@@ -1572,9 +1586,15 @@ function forwardRef(render) {
|
|
|
1572
1586
|
return ownName;
|
|
1573
1587
|
},
|
|
1574
1588
|
set: function (name) {
|
|
1575
|
-
ownName = name;
|
|
1576
|
-
|
|
1577
|
-
|
|
1589
|
+
ownName = name; // The inner component shouldn't inherit this display name in most cases,
|
|
1590
|
+
// because the component may be used elsewhere.
|
|
1591
|
+
// But it's nice for anonymous functions to inherit the name,
|
|
1592
|
+
// so that our component-stack generation logic will display their frames.
|
|
1593
|
+
// An anonymous function generally suggests a pattern like:
|
|
1594
|
+
// React.forwardRef((props, ref) => {...});
|
|
1595
|
+
// This kind of inner function is not used elsewhere so the side effect is okay.
|
|
1596
|
+
|
|
1597
|
+
if (!render.name && !render.displayName) {
|
|
1578
1598
|
render.displayName = name;
|
|
1579
1599
|
}
|
|
1580
1600
|
}
|
|
@@ -1584,9 +1604,11 @@ function forwardRef(render) {
|
|
|
1584
1604
|
return elementType;
|
|
1585
1605
|
}
|
|
1586
1606
|
|
|
1587
|
-
|
|
1607
|
+
var REACT_MODULE_REFERENCE;
|
|
1588
1608
|
|
|
1589
|
-
|
|
1609
|
+
{
|
|
1610
|
+
REACT_MODULE_REFERENCE = Symbol.for('react.module.reference');
|
|
1611
|
+
}
|
|
1590
1612
|
|
|
1591
1613
|
function isValidElementType(type) {
|
|
1592
1614
|
if (typeof type === 'string' || typeof type === 'function') {
|
|
@@ -1594,12 +1616,16 @@ function isValidElementType(type) {
|
|
|
1594
1616
|
} // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
|
|
1595
1617
|
|
|
1596
1618
|
|
|
1597
|
-
if (type ===
|
|
1619
|
+
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 ) {
|
|
1598
1620
|
return true;
|
|
1599
1621
|
}
|
|
1600
1622
|
|
|
1601
1623
|
if (typeof type === 'object' && type !== null) {
|
|
1602
|
-
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 ||
|
|
1624
|
+
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
|
|
1625
|
+
// types supported by any Flight configuration anywhere since
|
|
1626
|
+
// we don't know which Flight build this will end up being used
|
|
1627
|
+
// with.
|
|
1628
|
+
type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== undefined) {
|
|
1603
1629
|
return true;
|
|
1604
1630
|
}
|
|
1605
1631
|
}
|
|
@@ -1629,9 +1655,15 @@ function memo(type, compare) {
|
|
|
1629
1655
|
return ownName;
|
|
1630
1656
|
},
|
|
1631
1657
|
set: function (name) {
|
|
1632
|
-
ownName = name;
|
|
1633
|
-
|
|
1634
|
-
|
|
1658
|
+
ownName = name; // The inner component shouldn't inherit this display name in most cases,
|
|
1659
|
+
// because the component may be used elsewhere.
|
|
1660
|
+
// But it's nice for anonymous functions to inherit the name,
|
|
1661
|
+
// so that our component-stack generation logic will display their frames.
|
|
1662
|
+
// An anonymous function generally suggests a pattern like:
|
|
1663
|
+
// React.memo((props) => {...});
|
|
1664
|
+
// This kind of inner function is not used elsewhere so the side effect is okay.
|
|
1665
|
+
|
|
1666
|
+
if (!type.name && !type.displayName) {
|
|
1635
1667
|
type.displayName = name;
|
|
1636
1668
|
}
|
|
1637
1669
|
}
|
|
@@ -1644,24 +1676,22 @@ function memo(type, compare) {
|
|
|
1644
1676
|
function resolveDispatcher() {
|
|
1645
1677
|
var dispatcher = ReactCurrentDispatcher.current;
|
|
1646
1678
|
|
|
1647
|
-
|
|
1648
|
-
{
|
|
1649
|
-
|
|
1679
|
+
{
|
|
1680
|
+
if (dispatcher === null) {
|
|
1681
|
+
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.');
|
|
1650
1682
|
}
|
|
1651
|
-
}
|
|
1683
|
+
} // Will result in a null access error if accessed outside render phase. We
|
|
1684
|
+
// intentionally don't throw our own error because this is in a hot path.
|
|
1685
|
+
// Also helps ensure this is inlined.
|
|
1686
|
+
|
|
1652
1687
|
|
|
1653
1688
|
return dispatcher;
|
|
1654
1689
|
}
|
|
1655
|
-
|
|
1656
|
-
function useContext(Context, unstable_observedBits) {
|
|
1690
|
+
function useContext(Context) {
|
|
1657
1691
|
var dispatcher = resolveDispatcher();
|
|
1658
1692
|
|
|
1659
1693
|
{
|
|
1660
|
-
|
|
1661
|
-
error('useContext() second argument is reserved for future ' + 'use in React. Passing it is not supported. ' + 'You passed: %s.%s', unstable_observedBits, typeof unstable_observedBits === 'number' && Array.isArray(arguments[2]) ? '\n\nDid you call array.map(useContext)? ' + 'Calling Hooks inside a loop is not supported. ' + 'Learn more at https://reactjs.org/link/rules-of-hooks' : '');
|
|
1662
|
-
} // TODO: add a more generic warning for invalid values.
|
|
1663
|
-
|
|
1664
|
-
|
|
1694
|
+
// TODO: add a more generic warning for invalid values.
|
|
1665
1695
|
if (Context._context !== undefined) {
|
|
1666
1696
|
var realContext = Context._context; // Don't deduplicate because this legitimately causes bugs
|
|
1667
1697
|
// and nobody should be using this in existing code.
|
|
@@ -1674,7 +1704,7 @@ function useContext(Context, unstable_observedBits) {
|
|
|
1674
1704
|
}
|
|
1675
1705
|
}
|
|
1676
1706
|
|
|
1677
|
-
return dispatcher.useContext(Context
|
|
1707
|
+
return dispatcher.useContext(Context);
|
|
1678
1708
|
}
|
|
1679
1709
|
function useState(initialState) {
|
|
1680
1710
|
var dispatcher = resolveDispatcher();
|
|
@@ -1692,6 +1722,10 @@ function useEffect(create, deps) {
|
|
|
1692
1722
|
var dispatcher = resolveDispatcher();
|
|
1693
1723
|
return dispatcher.useEffect(create, deps);
|
|
1694
1724
|
}
|
|
1725
|
+
function useInsertionEffect(create, deps) {
|
|
1726
|
+
var dispatcher = resolveDispatcher();
|
|
1727
|
+
return dispatcher.useInsertionEffect(create, deps);
|
|
1728
|
+
}
|
|
1695
1729
|
function useLayoutEffect(create, deps) {
|
|
1696
1730
|
var dispatcher = resolveDispatcher();
|
|
1697
1731
|
return dispatcher.useLayoutEffect(create, deps);
|
|
@@ -1714,6 +1748,22 @@ function useDebugValue(value, formatterFn) {
|
|
|
1714
1748
|
return dispatcher.useDebugValue(value, formatterFn);
|
|
1715
1749
|
}
|
|
1716
1750
|
}
|
|
1751
|
+
function useTransition() {
|
|
1752
|
+
var dispatcher = resolveDispatcher();
|
|
1753
|
+
return dispatcher.useTransition();
|
|
1754
|
+
}
|
|
1755
|
+
function useDeferredValue(value) {
|
|
1756
|
+
var dispatcher = resolveDispatcher();
|
|
1757
|
+
return dispatcher.useDeferredValue(value);
|
|
1758
|
+
}
|
|
1759
|
+
function useId() {
|
|
1760
|
+
var dispatcher = resolveDispatcher();
|
|
1761
|
+
return dispatcher.useId();
|
|
1762
|
+
}
|
|
1763
|
+
function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
|
|
1764
|
+
var dispatcher = resolveDispatcher();
|
|
1765
|
+
return dispatcher.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
|
|
1766
|
+
}
|
|
1717
1767
|
|
|
1718
1768
|
// Helpers to patch console.logs to avoid logging during side-effect free
|
|
1719
1769
|
// replaying on render function. This currently only patches the object
|
|
@@ -1778,25 +1828,25 @@ function reenableLogs() {
|
|
|
1778
1828
|
}; // $FlowFixMe Flow thinks console is immutable.
|
|
1779
1829
|
|
|
1780
1830
|
Object.defineProperties(console, {
|
|
1781
|
-
log:
|
|
1831
|
+
log: assign({}, props, {
|
|
1782
1832
|
value: prevLog
|
|
1783
1833
|
}),
|
|
1784
|
-
info:
|
|
1834
|
+
info: assign({}, props, {
|
|
1785
1835
|
value: prevInfo
|
|
1786
1836
|
}),
|
|
1787
|
-
warn:
|
|
1837
|
+
warn: assign({}, props, {
|
|
1788
1838
|
value: prevWarn
|
|
1789
1839
|
}),
|
|
1790
|
-
error:
|
|
1840
|
+
error: assign({}, props, {
|
|
1791
1841
|
value: prevError
|
|
1792
1842
|
}),
|
|
1793
|
-
group:
|
|
1843
|
+
group: assign({}, props, {
|
|
1794
1844
|
value: prevGroup
|
|
1795
1845
|
}),
|
|
1796
|
-
groupCollapsed:
|
|
1846
|
+
groupCollapsed: assign({}, props, {
|
|
1797
1847
|
value: prevGroupCollapsed
|
|
1798
1848
|
}),
|
|
1799
|
-
groupEnd:
|
|
1849
|
+
groupEnd: assign({}, props, {
|
|
1800
1850
|
value: prevGroupEnd
|
|
1801
1851
|
})
|
|
1802
1852
|
});
|
|
@@ -1837,7 +1887,7 @@ var componentFrameCache;
|
|
|
1837
1887
|
|
|
1838
1888
|
function describeNativeComponentFrame(fn, construct) {
|
|
1839
1889
|
// If something asked for a stack inside a fake render, it should get ignored.
|
|
1840
|
-
if (!fn || reentry) {
|
|
1890
|
+
if ( !fn || reentry) {
|
|
1841
1891
|
return '';
|
|
1842
1892
|
}
|
|
1843
1893
|
|
|
@@ -1946,7 +1996,14 @@ function describeNativeComponentFrame(fn, construct) {
|
|
|
1946
1996
|
|
|
1947
1997
|
if (c < 0 || sampleLines[s] !== controlLines[c]) {
|
|
1948
1998
|
// V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
|
|
1949
|
-
var _frame = '\n' + sampleLines[s].replace(' at new ', ' at ');
|
|
1999
|
+
var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
|
|
2000
|
+
// but we have a user-provided "displayName"
|
|
2001
|
+
// splice it in to make the stack more readable.
|
|
2002
|
+
|
|
2003
|
+
|
|
2004
|
+
if (fn.displayName && _frame.includes('<anonymous>')) {
|
|
2005
|
+
_frame = _frame.replace('<anonymous>', fn.displayName);
|
|
2006
|
+
}
|
|
1950
2007
|
|
|
1951
2008
|
{
|
|
1952
2009
|
if (typeof fn === 'function') {
|
|
@@ -2015,7 +2072,7 @@ function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
|
|
|
2015
2072
|
}
|
|
2016
2073
|
|
|
2017
2074
|
switch (type) {
|
|
2018
|
-
case
|
|
2075
|
+
case REACT_SUSPENSE_TYPE:
|
|
2019
2076
|
return describeBuiltInComponentFrame('Suspense');
|
|
2020
2077
|
|
|
2021
2078
|
case REACT_SUSPENSE_LIST_TYPE:
|
|
@@ -2031,9 +2088,6 @@ function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
|
|
|
2031
2088
|
// Memo may contain any component type so we recursively resolve it.
|
|
2032
2089
|
return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
|
|
2033
2090
|
|
|
2034
|
-
case REACT_BLOCK_TYPE:
|
|
2035
|
-
return describeFunctionComponentFrame(type._render);
|
|
2036
|
-
|
|
2037
2091
|
case REACT_LAZY_TYPE:
|
|
2038
2092
|
{
|
|
2039
2093
|
var lazyComponent = type;
|
|
@@ -2069,7 +2123,7 @@ function setCurrentlyValidatingElement(element) {
|
|
|
2069
2123
|
function checkPropTypes(typeSpecs, values, location, componentName, element) {
|
|
2070
2124
|
{
|
|
2071
2125
|
// $FlowFixMe This is okay but Flow doesn't know it.
|
|
2072
|
-
var has = Function.call.bind(
|
|
2126
|
+
var has = Function.call.bind(hasOwnProperty);
|
|
2073
2127
|
|
|
2074
2128
|
for (var typeSpecName in typeSpecs) {
|
|
2075
2129
|
if (has(typeSpecs, typeSpecName)) {
|
|
@@ -2081,6 +2135,7 @@ function checkPropTypes(typeSpecs, values, location, componentName, element) {
|
|
|
2081
2135
|
// This is intentionally an invariant that gets caught. It's the same
|
|
2082
2136
|
// behavior as without this statement except with a better message.
|
|
2083
2137
|
if (typeof typeSpecs[typeSpecName] !== 'function') {
|
|
2138
|
+
// eslint-disable-next-line react-internal/prod-error-codes
|
|
2084
2139
|
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`.');
|
|
2085
2140
|
err.name = 'Invariant Violation';
|
|
2086
2141
|
throw err;
|
|
@@ -2134,7 +2189,7 @@ var propTypesMisspellWarningShown;
|
|
|
2134
2189
|
|
|
2135
2190
|
function getDeclarationErrorAddendum() {
|
|
2136
2191
|
if (ReactCurrentOwner.current) {
|
|
2137
|
-
var name =
|
|
2192
|
+
var name = getComponentNameFromType(ReactCurrentOwner.current.type);
|
|
2138
2193
|
|
|
2139
2194
|
if (name) {
|
|
2140
2195
|
return '\n\nCheck the render method of `' + name + '`.';
|
|
@@ -2216,7 +2271,7 @@ function validateExplicitKey(element, parentType) {
|
|
|
2216
2271
|
|
|
2217
2272
|
if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
|
|
2218
2273
|
// Give the component that originally created this child.
|
|
2219
|
-
childOwner = " It was passed a child from " +
|
|
2274
|
+
childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
|
|
2220
2275
|
}
|
|
2221
2276
|
|
|
2222
2277
|
{
|
|
@@ -2243,7 +2298,7 @@ function validateChildKeys(node, parentType) {
|
|
|
2243
2298
|
return;
|
|
2244
2299
|
}
|
|
2245
2300
|
|
|
2246
|
-
if (
|
|
2301
|
+
if (isArray(node)) {
|
|
2247
2302
|
for (var i = 0; i < node.length; i++) {
|
|
2248
2303
|
var child = node[i];
|
|
2249
2304
|
|
|
@@ -2305,12 +2360,12 @@ function validatePropTypes(element) {
|
|
|
2305
2360
|
|
|
2306
2361
|
if (propTypes) {
|
|
2307
2362
|
// Intentionally inside to avoid triggering lazy initializers:
|
|
2308
|
-
var name =
|
|
2363
|
+
var name = getComponentNameFromType(type);
|
|
2309
2364
|
checkPropTypes(propTypes, element.props, 'prop', name, element);
|
|
2310
2365
|
} else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
|
|
2311
2366
|
propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
|
|
2312
2367
|
|
|
2313
|
-
var _name =
|
|
2368
|
+
var _name = getComponentNameFromType(type);
|
|
2314
2369
|
|
|
2315
2370
|
error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
|
|
2316
2371
|
}
|
|
@@ -2375,10 +2430,10 @@ function createElementWithValidation(type, props, children) {
|
|
|
2375
2430
|
|
|
2376
2431
|
if (type === null) {
|
|
2377
2432
|
typeString = 'null';
|
|
2378
|
-
} else if (
|
|
2433
|
+
} else if (isArray(type)) {
|
|
2379
2434
|
typeString = 'array';
|
|
2380
2435
|
} else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
|
|
2381
|
-
typeString = "<" + (
|
|
2436
|
+
typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
|
|
2382
2437
|
info = ' Did you accidentally export a JSX literal instead of a component?';
|
|
2383
2438
|
} else {
|
|
2384
2439
|
typeString = typeof type;
|
|
@@ -2407,7 +2462,7 @@ function createElementWithValidation(type, props, children) {
|
|
|
2407
2462
|
}
|
|
2408
2463
|
}
|
|
2409
2464
|
|
|
2410
|
-
if (type ===
|
|
2465
|
+
if (type === REACT_FRAGMENT_TYPE) {
|
|
2411
2466
|
validateFragmentProps(element);
|
|
2412
2467
|
} else {
|
|
2413
2468
|
validatePropTypes(element);
|
|
@@ -2454,16 +2509,263 @@ function cloneElementWithValidation(element, props, children) {
|
|
|
2454
2509
|
return newElement;
|
|
2455
2510
|
}
|
|
2456
2511
|
|
|
2457
|
-
{
|
|
2512
|
+
function startTransition(scope, options) {
|
|
2513
|
+
var prevTransition = ReactCurrentBatchConfig.transition;
|
|
2514
|
+
ReactCurrentBatchConfig.transition = {};
|
|
2515
|
+
var currentTransition = ReactCurrentBatchConfig.transition;
|
|
2516
|
+
|
|
2517
|
+
{
|
|
2518
|
+
ReactCurrentBatchConfig.transition._updatedFibers = new Set();
|
|
2519
|
+
}
|
|
2458
2520
|
|
|
2459
2521
|
try {
|
|
2460
|
-
|
|
2461
|
-
|
|
2522
|
+
scope();
|
|
2523
|
+
} finally {
|
|
2524
|
+
ReactCurrentBatchConfig.transition = prevTransition;
|
|
2462
2525
|
|
|
2463
|
-
|
|
2464
|
-
|
|
2465
|
-
|
|
2466
|
-
|
|
2526
|
+
{
|
|
2527
|
+
if (prevTransition === null && currentTransition._updatedFibers) {
|
|
2528
|
+
var updatedFibersCount = currentTransition._updatedFibers.size;
|
|
2529
|
+
|
|
2530
|
+
if (updatedFibersCount > 10) {
|
|
2531
|
+
warn('Detected a large number of updates inside startTransition. ' + 'If this is due to a subscription please re-write it to use React provided hooks. ' + 'Otherwise concurrent mode guarantees are off the table.');
|
|
2532
|
+
}
|
|
2533
|
+
|
|
2534
|
+
currentTransition._updatedFibers.clear();
|
|
2535
|
+
}
|
|
2536
|
+
}
|
|
2537
|
+
}
|
|
2538
|
+
}
|
|
2539
|
+
|
|
2540
|
+
var didWarnAboutMessageChannel = false;
|
|
2541
|
+
var enqueueTaskImpl = null;
|
|
2542
|
+
function enqueueTask(task) {
|
|
2543
|
+
if (enqueueTaskImpl === null) {
|
|
2544
|
+
try {
|
|
2545
|
+
// read require off the module object to get around the bundlers.
|
|
2546
|
+
// we don't want them to detect a require and bundle a Node polyfill.
|
|
2547
|
+
var requireString = ('require' + Math.random()).slice(0, 7);
|
|
2548
|
+
var nodeRequire = module && module[requireString]; // assuming we're in node, let's try to get node's
|
|
2549
|
+
// version of setImmediate, bypassing fake timers if any.
|
|
2550
|
+
|
|
2551
|
+
enqueueTaskImpl = nodeRequire.call(module, 'timers').setImmediate;
|
|
2552
|
+
} catch (_err) {
|
|
2553
|
+
// we're in a browser
|
|
2554
|
+
// we can't use regular timers because they may still be faked
|
|
2555
|
+
// so we try MessageChannel+postMessage instead
|
|
2556
|
+
enqueueTaskImpl = function (callback) {
|
|
2557
|
+
{
|
|
2558
|
+
if (didWarnAboutMessageChannel === false) {
|
|
2559
|
+
didWarnAboutMessageChannel = true;
|
|
2560
|
+
|
|
2561
|
+
if (typeof MessageChannel === 'undefined') {
|
|
2562
|
+
error('This browser does not have a MessageChannel implementation, ' + 'so enqueuing tasks via await act(async () => ...) will fail. ' + 'Please file an issue at https://github.com/facebook/react/issues ' + 'if you encounter this warning.');
|
|
2563
|
+
}
|
|
2564
|
+
}
|
|
2565
|
+
}
|
|
2566
|
+
|
|
2567
|
+
var channel = new MessageChannel();
|
|
2568
|
+
channel.port1.onmessage = callback;
|
|
2569
|
+
channel.port2.postMessage(undefined);
|
|
2570
|
+
};
|
|
2571
|
+
}
|
|
2572
|
+
}
|
|
2573
|
+
|
|
2574
|
+
return enqueueTaskImpl(task);
|
|
2575
|
+
}
|
|
2576
|
+
|
|
2577
|
+
var actScopeDepth = 0;
|
|
2578
|
+
var didWarnNoAwaitAct = false;
|
|
2579
|
+
function act(callback) {
|
|
2580
|
+
{
|
|
2581
|
+
// `act` calls can be nested, so we track the depth. This represents the
|
|
2582
|
+
// number of `act` scopes on the stack.
|
|
2583
|
+
var prevActScopeDepth = actScopeDepth;
|
|
2584
|
+
actScopeDepth++;
|
|
2585
|
+
|
|
2586
|
+
if (ReactCurrentActQueue.current === null) {
|
|
2587
|
+
// This is the outermost `act` scope. Initialize the queue. The reconciler
|
|
2588
|
+
// will detect the queue and use it instead of Scheduler.
|
|
2589
|
+
ReactCurrentActQueue.current = [];
|
|
2590
|
+
}
|
|
2591
|
+
|
|
2592
|
+
var prevIsBatchingLegacy = ReactCurrentActQueue.isBatchingLegacy;
|
|
2593
|
+
var result;
|
|
2594
|
+
|
|
2595
|
+
try {
|
|
2596
|
+
// Used to reproduce behavior of `batchedUpdates` in legacy mode. Only
|
|
2597
|
+
// set to `true` while the given callback is executed, not for updates
|
|
2598
|
+
// triggered during an async event, because this is how the legacy
|
|
2599
|
+
// implementation of `act` behaved.
|
|
2600
|
+
ReactCurrentActQueue.isBatchingLegacy = true;
|
|
2601
|
+
result = callback(); // Replicate behavior of original `act` implementation in legacy mode,
|
|
2602
|
+
// which flushed updates immediately after the scope function exits, even
|
|
2603
|
+
// if it's an async function.
|
|
2604
|
+
|
|
2605
|
+
if (!prevIsBatchingLegacy && ReactCurrentActQueue.didScheduleLegacyUpdate) {
|
|
2606
|
+
var queue = ReactCurrentActQueue.current;
|
|
2607
|
+
|
|
2608
|
+
if (queue !== null) {
|
|
2609
|
+
ReactCurrentActQueue.didScheduleLegacyUpdate = false;
|
|
2610
|
+
flushActQueue(queue);
|
|
2611
|
+
}
|
|
2612
|
+
}
|
|
2613
|
+
} catch (error) {
|
|
2614
|
+
popActScope(prevActScopeDepth);
|
|
2615
|
+
throw error;
|
|
2616
|
+
} finally {
|
|
2617
|
+
ReactCurrentActQueue.isBatchingLegacy = prevIsBatchingLegacy;
|
|
2618
|
+
}
|
|
2619
|
+
|
|
2620
|
+
if (result !== null && typeof result === 'object' && typeof result.then === 'function') {
|
|
2621
|
+
var thenableResult = result; // The callback is an async function (i.e. returned a promise). Wait
|
|
2622
|
+
// for it to resolve before exiting the current scope.
|
|
2623
|
+
|
|
2624
|
+
var wasAwaited = false;
|
|
2625
|
+
var thenable = {
|
|
2626
|
+
then: function (resolve, reject) {
|
|
2627
|
+
wasAwaited = true;
|
|
2628
|
+
thenableResult.then(function (returnValue) {
|
|
2629
|
+
popActScope(prevActScopeDepth);
|
|
2630
|
+
|
|
2631
|
+
if (actScopeDepth === 0) {
|
|
2632
|
+
// We've exited the outermost act scope. Recursively flush the
|
|
2633
|
+
// queue until there's no remaining work.
|
|
2634
|
+
recursivelyFlushAsyncActWork(returnValue, resolve, reject);
|
|
2635
|
+
} else {
|
|
2636
|
+
resolve(returnValue);
|
|
2637
|
+
}
|
|
2638
|
+
}, function (error) {
|
|
2639
|
+
// The callback threw an error.
|
|
2640
|
+
popActScope(prevActScopeDepth);
|
|
2641
|
+
reject(error);
|
|
2642
|
+
});
|
|
2643
|
+
}
|
|
2644
|
+
};
|
|
2645
|
+
|
|
2646
|
+
{
|
|
2647
|
+
if (!didWarnNoAwaitAct && typeof Promise !== 'undefined') {
|
|
2648
|
+
// eslint-disable-next-line no-undef
|
|
2649
|
+
Promise.resolve().then(function () {}).then(function () {
|
|
2650
|
+
if (!wasAwaited) {
|
|
2651
|
+
didWarnNoAwaitAct = true;
|
|
2652
|
+
|
|
2653
|
+
error('You called act(async () => ...) without await. ' + 'This could lead to unexpected testing behaviour, ' + 'interleaving multiple act calls and mixing their ' + 'scopes. ' + 'You should - await act(async () => ...);');
|
|
2654
|
+
}
|
|
2655
|
+
});
|
|
2656
|
+
}
|
|
2657
|
+
}
|
|
2658
|
+
|
|
2659
|
+
return thenable;
|
|
2660
|
+
} else {
|
|
2661
|
+
var returnValue = result; // The callback is not an async function. Exit the current scope
|
|
2662
|
+
// immediately, without awaiting.
|
|
2663
|
+
|
|
2664
|
+
popActScope(prevActScopeDepth);
|
|
2665
|
+
|
|
2666
|
+
if (actScopeDepth === 0) {
|
|
2667
|
+
// Exiting the outermost act scope. Flush the queue.
|
|
2668
|
+
var _queue = ReactCurrentActQueue.current;
|
|
2669
|
+
|
|
2670
|
+
if (_queue !== null) {
|
|
2671
|
+
flushActQueue(_queue);
|
|
2672
|
+
ReactCurrentActQueue.current = null;
|
|
2673
|
+
} // Return a thenable. If the user awaits it, we'll flush again in
|
|
2674
|
+
// case additional work was scheduled by a microtask.
|
|
2675
|
+
|
|
2676
|
+
|
|
2677
|
+
var _thenable = {
|
|
2678
|
+
then: function (resolve, reject) {
|
|
2679
|
+
// Confirm we haven't re-entered another `act` scope, in case
|
|
2680
|
+
// the user does something weird like await the thenable
|
|
2681
|
+
// multiple times.
|
|
2682
|
+
if (ReactCurrentActQueue.current === null) {
|
|
2683
|
+
// Recursively flush the queue until there's no remaining work.
|
|
2684
|
+
ReactCurrentActQueue.current = [];
|
|
2685
|
+
recursivelyFlushAsyncActWork(returnValue, resolve, reject);
|
|
2686
|
+
} else {
|
|
2687
|
+
resolve(returnValue);
|
|
2688
|
+
}
|
|
2689
|
+
}
|
|
2690
|
+
};
|
|
2691
|
+
return _thenable;
|
|
2692
|
+
} else {
|
|
2693
|
+
// Since we're inside a nested `act` scope, the returned thenable
|
|
2694
|
+
// immediately resolves. The outer scope will flush the queue.
|
|
2695
|
+
var _thenable2 = {
|
|
2696
|
+
then: function (resolve, reject) {
|
|
2697
|
+
resolve(returnValue);
|
|
2698
|
+
}
|
|
2699
|
+
};
|
|
2700
|
+
return _thenable2;
|
|
2701
|
+
}
|
|
2702
|
+
}
|
|
2703
|
+
}
|
|
2704
|
+
}
|
|
2705
|
+
|
|
2706
|
+
function popActScope(prevActScopeDepth) {
|
|
2707
|
+
{
|
|
2708
|
+
if (prevActScopeDepth !== actScopeDepth - 1) {
|
|
2709
|
+
error('You seem to have overlapping act() calls, this is not supported. ' + 'Be sure to await previous act() calls before making a new one. ');
|
|
2710
|
+
}
|
|
2711
|
+
|
|
2712
|
+
actScopeDepth = prevActScopeDepth;
|
|
2713
|
+
}
|
|
2714
|
+
}
|
|
2715
|
+
|
|
2716
|
+
function recursivelyFlushAsyncActWork(returnValue, resolve, reject) {
|
|
2717
|
+
{
|
|
2718
|
+
var queue = ReactCurrentActQueue.current;
|
|
2719
|
+
|
|
2720
|
+
if (queue !== null) {
|
|
2721
|
+
try {
|
|
2722
|
+
flushActQueue(queue);
|
|
2723
|
+
enqueueTask(function () {
|
|
2724
|
+
if (queue.length === 0) {
|
|
2725
|
+
// No additional work was scheduled. Finish.
|
|
2726
|
+
ReactCurrentActQueue.current = null;
|
|
2727
|
+
resolve(returnValue);
|
|
2728
|
+
} else {
|
|
2729
|
+
// Keep flushing work until there's none left.
|
|
2730
|
+
recursivelyFlushAsyncActWork(returnValue, resolve, reject);
|
|
2731
|
+
}
|
|
2732
|
+
});
|
|
2733
|
+
} catch (error) {
|
|
2734
|
+
reject(error);
|
|
2735
|
+
}
|
|
2736
|
+
} else {
|
|
2737
|
+
resolve(returnValue);
|
|
2738
|
+
}
|
|
2739
|
+
}
|
|
2740
|
+
}
|
|
2741
|
+
|
|
2742
|
+
var isFlushing = false;
|
|
2743
|
+
|
|
2744
|
+
function flushActQueue(queue) {
|
|
2745
|
+
{
|
|
2746
|
+
if (!isFlushing) {
|
|
2747
|
+
// Prevent re-entrance.
|
|
2748
|
+
isFlushing = true;
|
|
2749
|
+
var i = 0;
|
|
2750
|
+
|
|
2751
|
+
try {
|
|
2752
|
+
for (; i < queue.length; i++) {
|
|
2753
|
+
var callback = queue[i];
|
|
2754
|
+
|
|
2755
|
+
do {
|
|
2756
|
+
callback = callback(true);
|
|
2757
|
+
} while (callback !== null);
|
|
2758
|
+
}
|
|
2759
|
+
|
|
2760
|
+
queue.length = 0;
|
|
2761
|
+
} catch (error) {
|
|
2762
|
+
// If something throws, leave the remaining callbacks on the queue.
|
|
2763
|
+
queue = queue.slice(i + 1);
|
|
2764
|
+
throw error;
|
|
2765
|
+
} finally {
|
|
2766
|
+
isFlushing = false;
|
|
2767
|
+
}
|
|
2768
|
+
}
|
|
2467
2769
|
}
|
|
2468
2770
|
}
|
|
2469
2771
|
|
|
@@ -2480,7 +2782,11 @@ var Children = {
|
|
|
2480
2782
|
|
|
2481
2783
|
exports.Children = Children;
|
|
2482
2784
|
exports.Component = Component;
|
|
2785
|
+
exports.Fragment = REACT_FRAGMENT_TYPE;
|
|
2786
|
+
exports.Profiler = REACT_PROFILER_TYPE;
|
|
2483
2787
|
exports.PureComponent = PureComponent;
|
|
2788
|
+
exports.StrictMode = REACT_STRICT_MODE_TYPE;
|
|
2789
|
+
exports.Suspense = REACT_SUSPENSE_TYPE;
|
|
2484
2790
|
exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactSharedInternals;
|
|
2485
2791
|
exports.cloneElement = cloneElement$1;
|
|
2486
2792
|
exports.createContext = createContext;
|
|
@@ -2491,25 +2797,41 @@ exports.forwardRef = forwardRef;
|
|
|
2491
2797
|
exports.isValidElement = isValidElement;
|
|
2492
2798
|
exports.lazy = lazy;
|
|
2493
2799
|
exports.memo = memo;
|
|
2800
|
+
exports.startTransition = startTransition;
|
|
2801
|
+
exports.unstable_act = act;
|
|
2494
2802
|
exports.useCallback = useCallback;
|
|
2495
2803
|
exports.useContext = useContext;
|
|
2496
2804
|
exports.useDebugValue = useDebugValue;
|
|
2805
|
+
exports.useDeferredValue = useDeferredValue;
|
|
2497
2806
|
exports.useEffect = useEffect;
|
|
2807
|
+
exports.useId = useId;
|
|
2498
2808
|
exports.useImperativeHandle = useImperativeHandle;
|
|
2809
|
+
exports.useInsertionEffect = useInsertionEffect;
|
|
2499
2810
|
exports.useLayoutEffect = useLayoutEffect;
|
|
2500
2811
|
exports.useMemo = useMemo;
|
|
2501
2812
|
exports.useReducer = useReducer;
|
|
2502
2813
|
exports.useRef = useRef;
|
|
2503
2814
|
exports.useState = useState;
|
|
2815
|
+
exports.useSyncExternalStore = useSyncExternalStore;
|
|
2816
|
+
exports.useTransition = useTransition;
|
|
2504
2817
|
exports.version = ReactVersion;
|
|
2818
|
+
/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
|
|
2819
|
+
if (
|
|
2820
|
+
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
|
|
2821
|
+
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop ===
|
|
2822
|
+
'function'
|
|
2823
|
+
) {
|
|
2824
|
+
__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
|
|
2825
|
+
}
|
|
2826
|
+
|
|
2505
2827
|
})();
|
|
2506
2828
|
}
|
|
2507
|
-
}(react_development));
|
|
2829
|
+
}(react_development, react_development.exports));
|
|
2508
2830
|
|
|
2509
2831
|
if (process.env.NODE_ENV === 'production') {
|
|
2510
2832
|
react.exports = react_production_min;
|
|
2511
2833
|
} else {
|
|
2512
|
-
react.exports = react_development;
|
|
2834
|
+
react.exports = react_development.exports;
|
|
2513
2835
|
}
|
|
2514
2836
|
|
|
2515
2837
|
var React = react.exports;
|