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