react-dom 18.2.0 → 18.3.0-next-522f47345-20220614
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/cjs/react-dom-server-legacy.browser.development.js +1 -1
- package/cjs/react-dom-server-legacy.browser.production.min.js +1 -1
- package/cjs/react-dom-server-legacy.node.development.js +1 -1
- package/cjs/react-dom-server-legacy.node.production.min.js +1 -1
- package/cjs/react-dom-server.browser.development.js +1 -1
- package/cjs/react-dom-server.browser.production.min.js +1 -1
- package/cjs/react-dom-server.node.development.js +5 -6
- package/cjs/react-dom-server.node.production.min.js +2 -2
- package/cjs/react-dom.development.js +37 -67
- package/cjs/react-dom.production.min.js +158 -158
- package/cjs/react-dom.profiling.min.js +173 -173
- package/package.json +3 -3
- package/umd/react-dom-server-legacy.browser.development.js +1 -1
- package/umd/react-dom-server-legacy.browser.production.min.js +1 -1
- package/umd/react-dom-server.browser.development.js +1 -1
- package/umd/react-dom-server.browser.production.min.js +1 -1
- package/umd/react-dom.development.js +37 -67
- package/umd/react-dom.production.min.js +139 -139
- package/umd/react-dom.profiling.min.js +131 -131
|
@@ -16,7 +16,7 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
16
16
|
|
|
17
17
|
var React = require('react');
|
|
18
18
|
|
|
19
|
-
var ReactVersion = '18.
|
|
19
|
+
var ReactVersion = '18.3.0-next-522f47345-20220614';
|
|
20
20
|
|
|
21
21
|
var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
22
22
|
|
|
@@ -90,4 +90,4 @@ for(h=0;h<da.length;h++)if(!Qb(f,g,mb,da[h])){h++;da.splice(0,h);var nb=!1;break
|
|
|
90
90
|
function Rb(a,b){try{var c=a.abortableTasks;c.forEach(function(c){return Lb(c,a,b)});c.clear();null!==a.destination&&Mb(a,a.destination)}catch(d){V(a,d),W(a,d)}}function Sb(){}
|
|
91
91
|
function Tb(a,b,c,d){var f=!1,e=null,g="",h={push:function(a){null!==a&&(g+=a);return!0},destroy:function(a){f=!0;e=a}},k=!1;a=Ab(a,Ea(c,b?b.identifierPrefix:void 0),{insertionMode:1,selectedValue:null},Infinity,Sb,void 0,function(){k=!0},void 0,void 0);Cb(a);Rb(a,d);if(1===a.status)a.status=2,h.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=h;try{Mb(a,h)}catch(m){V(a,m),W(a,m)}}if(f)throw e;if(!k)throw Error(l(426));return g}
|
|
92
92
|
exports.renderToNodeStream=function(){throw Error(l(207));};exports.renderToStaticMarkup=function(a,b){return Tb(a,b,!0,'The server used "renderToStaticMarkup" which does not support Suspense. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server')};exports.renderToStaticNodeStream=function(){throw Error(l(208));};exports.renderToString=function(a,b){return Tb(a,b,!1,'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server')};
|
|
93
|
-
exports.version="18.
|
|
93
|
+
exports.version="18.3.0-next-522f47345-20220614";
|
|
@@ -17,7 +17,7 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
17
17
|
var React = require('react');
|
|
18
18
|
var stream = require('stream');
|
|
19
19
|
|
|
20
|
-
var ReactVersion = '18.
|
|
20
|
+
var ReactVersion = '18.3.0-next-522f47345-20220614';
|
|
21
21
|
|
|
22
22
|
var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
23
23
|
|
|
@@ -98,4 +98,4 @@ function Vb(a,b,c,d){var f=!1,e=null,g="",h=!1;a=Cb(a,Fa(c,b?b.identifierPrefix:
|
|
|
98
98
|
function Wb(a,b){a.prototype=Object.create(b.prototype);a.prototype.constructor=a;a.__proto__=b}var Xb=function(a){function b(){var b=a.call(this,{})||this;b.request=null;b.startedFlowing=!1;return b}Wb(b,a);var c=b.prototype;c._destroy=function(a,b){Tb(this.request);b(a)};c._read=function(){this.startedFlowing&&Sb(this.request,this)};return b}(fa.Readable);function Yb(){}
|
|
99
99
|
function Zb(a,b){var c=new Xb,d=Cb(a,Fa(!1,b?b.identifierPrefix:void 0),Ga(),Infinity,Yb,function(){c.startedFlowing=!0;Sb(d,c)},void 0,void 0);c.request=d;Eb(d);return c}exports.renderToNodeStream=function(a,b){return Zb(a,b)};exports.renderToStaticMarkup=function(a,b){return Vb(a,b,!0,'The server used "renderToStaticMarkup" which does not support Suspense. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server')};
|
|
100
100
|
exports.renderToStaticNodeStream=function(a,b){return Zb(a,b)};exports.renderToString=function(a,b){return Vb(a,b,!1,'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server')};
|
|
101
|
-
exports.version="18.
|
|
101
|
+
exports.version="18.3.0-next-522f47345-20220614";
|
|
@@ -16,7 +16,7 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
16
16
|
|
|
17
17
|
var React = require('react');
|
|
18
18
|
|
|
19
|
-
var ReactVersion = '18.
|
|
19
|
+
var ReactVersion = '18.3.0-next-522f47345-20220614';
|
|
20
20
|
|
|
21
21
|
var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
22
22
|
|
|
@@ -93,4 +93,4 @@ Mb));if(null===m)throw Error(k(395));p(d,m);p(d,Ob);if(q||r||v)p(d,Qb),p(d,u(Sb(
|
|
|
93
93
|
g,G,ma[h])){h++;ma.splice(0,h);var Fb=!1;break a}ma.splice(0,h);Fb=!0}if(!Fb){a.destination=null;e++;F.splice(0,e);return}}F.splice(0,e);var na=a.completedBoundaries;for(e=0;e<na.length;e++)if(!jd(a,b,na[e])){a.destination=null;e++;na.splice(0,e);return}na.splice(0,e)}finally{ba(b),0===a.allPendingTasks&&0===a.pingedTasks.length&&0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length&&b.close()}}
|
|
94
94
|
function ld(a,b){try{var c=a.abortableTasks;c.forEach(function(c){return ed(c,a,b)});c.clear();null!==a.destination&&fd(a,a.destination)}catch(d){Y(a,d),Vc(a,d)}}
|
|
95
95
|
exports.renderToReadableStream=function(a,b){return new Promise(function(c,d){var f,e,g=new Promise(function(a,b){e=a;f=b}),h=Rc(a,za(b?b.identifierPrefix:void 0,b?b.nonce:void 0,b?b.bootstrapScriptContent:void 0,b?b.bootstrapScripts:void 0,b?b.bootstrapModules:void 0),Aa(b?b.namespaceURI:void 0),b?b.progressiveChunkSize:void 0,b?b.onError:void 0,e,function(){var a=new ReadableStream({type:"bytes",pull:function(a){if(1===h.status)h.status=2,da(a,h.fatalError);else if(2!==h.status&&null===h.destination){h.destination=
|
|
96
|
-
a;try{fd(h,a)}catch(A){Y(h,A),Vc(h,A)}}},cancel:function(){ld(h)}},{highWaterMark:0});a.allReady=g;c(a)},function(a){g.catch(function(){});d(a)},f);if(b&&b.signal){var m=b.signal,q=function(){ld(h,m.reason);m.removeEventListener("abort",q)};m.addEventListener("abort",q)}Uc(h)})};exports.version="18.
|
|
96
|
+
a;try{fd(h,a)}catch(A){Y(h,A),Vc(h,A)}}},cancel:function(){ld(h)}},{highWaterMark:0});a.allReady=g;c(a)},function(a){g.catch(function(){});d(a)},f);if(b&&b.signal){var m=b.signal,q=function(){ld(h,m.reason);m.removeEventListener("abort",q)};m.addEventListener("abort",q)}Uc(h)})};exports.version="18.3.0-next-522f47345-20220614";
|
|
@@ -17,7 +17,7 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
17
17
|
var React = require('react');
|
|
18
18
|
var util = require('util');
|
|
19
19
|
|
|
20
|
-
var ReactVersion = '18.
|
|
20
|
+
var ReactVersion = '18.3.0-next-522f47345-20220614';
|
|
21
21
|
|
|
22
22
|
var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
23
23
|
|
|
@@ -7019,8 +7019,9 @@ function createDrainHandler(destination, request) {
|
|
|
7019
7019
|
}
|
|
7020
7020
|
|
|
7021
7021
|
function createAbortHandler(request, reason) {
|
|
7022
|
+
// eslint-disable-next-line react-internal/prod-error-codes
|
|
7022
7023
|
return function () {
|
|
7023
|
-
return abort(request, reason);
|
|
7024
|
+
return abort(request, new Error(reason));
|
|
7024
7025
|
};
|
|
7025
7026
|
}
|
|
7026
7027
|
|
|
@@ -7041,10 +7042,8 @@ function renderToPipeableStream(children, options) {
|
|
|
7041
7042
|
hasStartedFlowing = true;
|
|
7042
7043
|
startFlowing(request, destination);
|
|
7043
7044
|
destination.on('drain', createDrainHandler(destination, request));
|
|
7044
|
-
destination.on('error', createAbortHandler(request,
|
|
7045
|
-
|
|
7046
|
-
destination.on('close', createAbortHandler(request, // eslint-disable-next-line react-internal/prod-error-codes
|
|
7047
|
-
new Error('The destination stream closed early.')));
|
|
7045
|
+
destination.on('error', createAbortHandler(request, 'The destination stream errored while writing data.'));
|
|
7046
|
+
destination.on('close', createAbortHandler(request, 'The destination stream closed early.'));
|
|
7048
7047
|
return destination;
|
|
7049
7048
|
},
|
|
7050
7049
|
abort: function (reason) {
|
|
@@ -95,8 +95,8 @@ function id(a,b,c,d){if(2===d.status)return!0;var f=d.id;if(-1===f){if(-1===(d.i
|
|
|
95
95
|
function dd(a,b){k=new Uint8Array(2048);l=0;q=!0;try{var c=a.completedRootSegment;if(null!==c&&0===a.pendingRootTasks){fd(a,b,c);a.completedRootSegment=null;var d=a.responseState.bootstrapChunks;for(c=0;c<d.length-1;c++)r(b,d[c]);c<d.length&&w(b,d[c])}var f=a.clientRenderedBoundaries,e;for(e=0;e<f.length;e++){var g=f[e];d=b;var h=a.responseState,m=g.id,n=g.errorDigest,p=g.errorMessage,v=g.errorComponentStack;r(d,h.startInlineScript);h.sentClientRenderFunction?r(d,Kb):(h.sentClientRenderFunction=!0,
|
|
96
96
|
r(d,Jb));if(null===m)throw Error("An ID must have been assigned before we can complete the boundary.");r(d,m);r(d,Lb);if(n||p||v)r(d,Nb),r(d,Pb(n||""));if(p||v)r(d,Nb),r(d,Pb(p||""));v&&(r(d,Nb),r(d,Pb(v)));if(!w(d,Mb)){a.destination=null;e++;f.splice(0,e);return}}f.splice(0,e);var C=a.completedBoundaries;for(e=0;e<C.length;e++)if(!hd(a,b,C[e])){a.destination=null;e++;C.splice(0,e);return}C.splice(0,e);ca(b);k=new Uint8Array(2048);l=0;q=!0;var D=a.partialBoundaries;for(e=0;e<D.length;e++){var E=D[e];
|
|
97
97
|
a:{f=a;g=b;var na=E.completedSegments;for(h=0;h<na.length;h++)if(!id(f,g,E,na[h])){h++;na.splice(0,h);var Eb=!1;break a}na.splice(0,h);Eb=!0}if(!Eb){a.destination=null;e++;D.splice(0,e);return}}D.splice(0,e);var oa=a.completedBoundaries;for(e=0;e<oa.length;e++)if(!hd(a,b,oa[e])){a.destination=null;e++;oa.splice(0,e);return}oa.splice(0,e)}finally{ca(b),"function"===typeof b.flush&&b.flush(),0===a.allPendingTasks&&0===a.pingedTasks.length&&0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length&&
|
|
98
|
-
b.end()}}function jd(a){setImmediate(function(){return Qc(a)})}function kd(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{dd(a,b)}catch(c){Y(a,c),Tc(a,c)}}}function ld(a,b){try{var c=a.abortableTasks;c.forEach(function(c){return cd(c,a,b)});c.clear();null!==a.destination&&dd(a,a.destination)}catch(d){Y(a,d),Tc(a,d)}}function md(a,b){return function(){return kd(b,a)}}function nd(a,b){return function(){return ld(a,b)}}
|
|
98
|
+
b.end()}}function jd(a){setImmediate(function(){return Qc(a)})}function kd(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{dd(a,b)}catch(c){Y(a,c),Tc(a,c)}}}function ld(a,b){try{var c=a.abortableTasks;c.forEach(function(c){return cd(c,a,b)});c.clear();null!==a.destination&&dd(a,a.destination)}catch(d){Y(a,d),Tc(a,d)}}function md(a,b){return function(){return kd(b,a)}}function nd(a,b){return function(){return ld(a,Error(b))}}
|
|
99
99
|
function od(a,b){var c=b?b.identifierPrefix:void 0,d=b?b.nonce:void 0,f=b?b.bootstrapScriptContent:void 0,e=b?b.bootstrapScripts:void 0;var g=b?b.bootstrapModules:void 0;c=void 0===c?"":c;d=void 0===d?ra:x('<script nonce="'+F(d)+'">');var h=[];void 0!==f&&h.push(d,(""+f).replace(wa,xa),sa);if(void 0!==e)for(f=0;f<e.length;f++)h.push(ta,F(e[f]),va);if(void 0!==g)for(e=0;e<g.length;e++)h.push(ua,F(g[e]),va);g={bootstrapChunks:h,startInlineScript:d,placeholderPrefix:x(c+"P:"),segmentPrefix:x(c+"S:"),
|
|
100
100
|
boundaryPrefix:c+"B:",idPrefix:c,nextSuspenseID:0,sentCompleteSegmentFunction:!1,sentCompleteBoundaryFunction:!1,sentClientRenderFunction:!1};e=b?b.namespaceURI:void 0;e=G("http://www.w3.org/2000/svg"===e?2:"http://www.w3.org/1998/Math/MathML"===e?3:0,null);f=b?b.progressiveChunkSize:void 0;d=b?b.onError:void 0;h=b?b.onAllReady:void 0;var m=b?b.onShellReady:void 0,n=b?b.onShellError:void 0;b=[];c=new Set;g={destination:null,responseState:g,progressiveChunkSize:void 0===f?12800:f,status:0,fatalError:null,
|
|
101
101
|
nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:c,pingedTasks:b,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],onError:void 0===d?Oc:d,onAllReady:void 0===h?X:h,onShellReady:void 0===m?X:m,onShellError:void 0===n?X:n,onFatalError:X};e=Sc(g,0,null,e,!1,!1);e.parentFlushed=!0;a=Rc(g,a,null,e,c,hc,null,qc);b.push(a);return g}
|
|
102
|
-
exports.renderToPipeableStream=function(a,b){var c=od(a,b),d=!1;jd(c);return{pipe:function(a){if(d)throw Error("React currently only supports piping to one writable stream.");d=!0;kd(c,a);a.on("drain",md(a,c));a.on("error",nd(c,
|
|
102
|
+
exports.renderToPipeableStream=function(a,b){var c=od(a,b),d=!1;jd(c);return{pipe:function(a){if(d)throw Error("React currently only supports piping to one writable stream.");d=!0;kd(c,a);a.on("drain",md(a,c));a.on("error",nd(c,"The destination stream errored while writing data."));a.on("close",nd(c,"The destination stream closed early."));return a},abort:function(a){ld(c,a)}}};exports.version="18.3.0-next-522f47345-20220614";
|
|
@@ -117,8 +117,6 @@ var CacheComponent = 24;
|
|
|
117
117
|
var TracingMarkerComponent = 25;
|
|
118
118
|
|
|
119
119
|
// -----------------------------------------------------------------------------
|
|
120
|
-
|
|
121
|
-
var enableClientRenderFallbackOnTextMismatch = true; // TODO: Need to review this code one more time before landing
|
|
122
120
|
// the react-reconciler package.
|
|
123
121
|
|
|
124
122
|
var enableNewReconciler = false; // Support legacy Primer support on internal FB www
|
|
@@ -9641,7 +9639,7 @@ function checkForUnmatchedText(serverText, clientText, isConcurrentMode, shouldW
|
|
|
9641
9639
|
}
|
|
9642
9640
|
}
|
|
9643
9641
|
|
|
9644
|
-
if (isConcurrentMode
|
|
9642
|
+
if (isConcurrentMode) {
|
|
9645
9643
|
// In concurrent roots, we throw when there's a text mismatch and revert to
|
|
9646
9644
|
// client rendering, up to the nearest Suspense boundary.
|
|
9647
9645
|
throw new Error('Text content does not match server-rendered HTML.');
|
|
@@ -13383,7 +13381,13 @@ function enqueueConcurrentRenderForLane(fiber, lane) {
|
|
|
13383
13381
|
var unsafe_markUpdateLaneFromFiberToRoot = markUpdateLaneFromFiberToRoot;
|
|
13384
13382
|
|
|
13385
13383
|
function markUpdateLaneFromFiberToRoot(sourceFiber, lane) {
|
|
13386
|
-
//
|
|
13384
|
+
// TODO: We will detect and infinite update loop and throw even if this fiber
|
|
13385
|
+
// has already unmounted. This isn't really necessary but it happens to be the
|
|
13386
|
+
// current behavior we've used for several release cycles. Consider not
|
|
13387
|
+
// performing this check if the updated fiber already unmounted, since it's
|
|
13388
|
+
// not possible for that to cause an infinite update loop.
|
|
13389
|
+
throwIfInfiniteUpdateLoopDetected(); // Update the source fiber's lanes
|
|
13390
|
+
|
|
13387
13391
|
sourceFiber.lanes = mergeLanes(sourceFiber.lanes, lane);
|
|
13388
13392
|
var alternate = sourceFiber.alternate;
|
|
13389
13393
|
|
|
@@ -14502,11 +14506,7 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
|
|
|
14502
14506
|
}
|
|
14503
14507
|
|
|
14504
14508
|
if (typeof instance.componentDidMount === 'function') {
|
|
14505
|
-
var fiberFlags = Update;
|
|
14506
|
-
|
|
14507
|
-
{
|
|
14508
|
-
fiberFlags |= LayoutStatic;
|
|
14509
|
-
}
|
|
14509
|
+
var fiberFlags = Update | LayoutStatic;
|
|
14510
14510
|
|
|
14511
14511
|
if ( (workInProgress.mode & StrictEffectsMode) !== NoMode) {
|
|
14512
14512
|
fiberFlags |= MountLayoutDev;
|
|
@@ -14554,11 +14554,7 @@ function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
|
|
|
14554
14554
|
// If an update was already in progress, we should schedule an Update
|
|
14555
14555
|
// effect even though we're bailing out, so that cWU/cDU are called.
|
|
14556
14556
|
if (typeof instance.componentDidMount === 'function') {
|
|
14557
|
-
var fiberFlags = Update;
|
|
14558
|
-
|
|
14559
|
-
{
|
|
14560
|
-
fiberFlags |= LayoutStatic;
|
|
14561
|
-
}
|
|
14557
|
+
var fiberFlags = Update | LayoutStatic;
|
|
14562
14558
|
|
|
14563
14559
|
if ( (workInProgress.mode & StrictEffectsMode) !== NoMode) {
|
|
14564
14560
|
fiberFlags |= MountLayoutDev;
|
|
@@ -14591,11 +14587,7 @@ function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
|
|
|
14591
14587
|
}
|
|
14592
14588
|
|
|
14593
14589
|
if (typeof instance.componentDidMount === 'function') {
|
|
14594
|
-
var _fiberFlags = Update;
|
|
14595
|
-
|
|
14596
|
-
{
|
|
14597
|
-
_fiberFlags |= LayoutStatic;
|
|
14598
|
-
}
|
|
14590
|
+
var _fiberFlags = Update | LayoutStatic;
|
|
14599
14591
|
|
|
14600
14592
|
if ( (workInProgress.mode & StrictEffectsMode) !== NoMode) {
|
|
14601
14593
|
_fiberFlags |= MountLayoutDev;
|
|
@@ -14607,11 +14599,7 @@ function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
|
|
|
14607
14599
|
// If an update was already in progress, we should schedule an Update
|
|
14608
14600
|
// effect even though we're bailing out, so that cWU/cDU are called.
|
|
14609
14601
|
if (typeof instance.componentDidMount === 'function') {
|
|
14610
|
-
var _fiberFlags2 = Update;
|
|
14611
|
-
|
|
14612
|
-
{
|
|
14613
|
-
_fiberFlags2 |= LayoutStatic;
|
|
14614
|
-
}
|
|
14602
|
+
var _fiberFlags2 = Update | LayoutStatic;
|
|
14615
14603
|
|
|
14616
14604
|
if ( (workInProgress.mode & StrictEffectsMode) !== NoMode) {
|
|
14617
14605
|
_fiberFlags2 |= MountLayoutDev;
|
|
@@ -17107,11 +17095,7 @@ function updateInsertionEffect(create, deps) {
|
|
|
17107
17095
|
}
|
|
17108
17096
|
|
|
17109
17097
|
function mountLayoutEffect(create, deps) {
|
|
17110
|
-
var fiberFlags = Update;
|
|
17111
|
-
|
|
17112
|
-
{
|
|
17113
|
-
fiberFlags |= LayoutStatic;
|
|
17114
|
-
}
|
|
17098
|
+
var fiberFlags = Update | LayoutStatic;
|
|
17115
17099
|
|
|
17116
17100
|
if ( (currentlyRenderingFiber$1.mode & StrictEffectsMode) !== NoMode) {
|
|
17117
17101
|
fiberFlags |= MountLayoutDev;
|
|
@@ -17161,11 +17145,7 @@ function mountImperativeHandle(ref, create, deps) {
|
|
|
17161
17145
|
|
|
17162
17146
|
|
|
17163
17147
|
var effectDeps = deps !== null && deps !== undefined ? deps.concat([ref]) : null;
|
|
17164
|
-
var fiberFlags = Update;
|
|
17165
|
-
|
|
17166
|
-
{
|
|
17167
|
-
fiberFlags |= LayoutStatic;
|
|
17168
|
-
}
|
|
17148
|
+
var fiberFlags = Update | LayoutStatic;
|
|
17169
17149
|
|
|
17170
17150
|
if ( (currentlyRenderingFiber$1.mode & StrictEffectsMode) !== NoMode) {
|
|
17171
17151
|
fiberFlags |= MountLayoutDev;
|
|
@@ -19546,10 +19526,7 @@ function markRef(current, workInProgress) {
|
|
|
19546
19526
|
if (current === null && ref !== null || current !== null && current.ref !== ref) {
|
|
19547
19527
|
// Schedule a Ref effect
|
|
19548
19528
|
workInProgress.flags |= Ref;
|
|
19549
|
-
|
|
19550
|
-
{
|
|
19551
|
-
workInProgress.flags |= RefStatic;
|
|
19552
|
-
}
|
|
19529
|
+
workInProgress.flags |= RefStatic;
|
|
19553
19530
|
}
|
|
19554
19531
|
}
|
|
19555
19532
|
|
|
@@ -21715,11 +21692,7 @@ function markUpdate(workInProgress) {
|
|
|
21715
21692
|
}
|
|
21716
21693
|
|
|
21717
21694
|
function markRef$1(workInProgress) {
|
|
21718
|
-
workInProgress.flags |= Ref;
|
|
21719
|
-
|
|
21720
|
-
{
|
|
21721
|
-
workInProgress.flags |= RefStatic;
|
|
21722
|
-
}
|
|
21695
|
+
workInProgress.flags |= Ref | RefStatic;
|
|
21723
21696
|
}
|
|
21724
21697
|
|
|
21725
21698
|
var appendAllChildren;
|
|
@@ -22749,6 +22722,10 @@ function unwindWork(current, workInProgress, renderLanes) {
|
|
|
22749
22722
|
|
|
22750
22723
|
return null;
|
|
22751
22724
|
|
|
22725
|
+
case TracingMarkerComponent:
|
|
22726
|
+
|
|
22727
|
+
return null;
|
|
22728
|
+
|
|
22752
22729
|
default:
|
|
22753
22730
|
return null;
|
|
22754
22731
|
}
|
|
@@ -22818,7 +22795,6 @@ var didWarnAboutUndefinedSnapshotBeforeUpdate = null;
|
|
|
22818
22795
|
didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
|
|
22819
22796
|
} // Used during the commit phase to track the state of the Offscreen component stack.
|
|
22820
22797
|
// Allows us to avoid traversing the return path to find the nearest Offscreen ancestor.
|
|
22821
|
-
// Only used when enableSuspenseLayoutEffectSemantics is enabled.
|
|
22822
22798
|
|
|
22823
22799
|
|
|
22824
22800
|
var offscreenSubtreeIsHidden = false;
|
|
@@ -23257,7 +23233,7 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork, committe
|
|
|
23257
23233
|
case ForwardRef:
|
|
23258
23234
|
case SimpleMemoComponent:
|
|
23259
23235
|
{
|
|
23260
|
-
if (
|
|
23236
|
+
if (!offscreenSubtreeWasHidden) {
|
|
23261
23237
|
// At this point layout effects have already been destroyed (during mutation phase).
|
|
23262
23238
|
// This is done to prevent sibling component effects from interfering with each other,
|
|
23263
23239
|
// e.g. a destroy function in one component should never override a ref set
|
|
@@ -23497,7 +23473,7 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork, committe
|
|
|
23497
23473
|
}
|
|
23498
23474
|
}
|
|
23499
23475
|
|
|
23500
|
-
if (
|
|
23476
|
+
if (!offscreenSubtreeWasHidden) {
|
|
23501
23477
|
{
|
|
23502
23478
|
if (finishedWork.flags & Ref) {
|
|
23503
23479
|
commitAttachRef(finishedWork);
|
|
@@ -24143,8 +24119,7 @@ function commitDeletionEffectsOnFiber(finishedRoot, nearestMountedAncestor, dele
|
|
|
24143
24119
|
|
|
24144
24120
|
case OffscreenComponent:
|
|
24145
24121
|
{
|
|
24146
|
-
if (
|
|
24147
|
-
deletedFiber.mode & ConcurrentMode) {
|
|
24122
|
+
if (deletedFiber.mode & ConcurrentMode) {
|
|
24148
24123
|
// If this offscreen component is hidden, we already unmounted it. Before
|
|
24149
24124
|
// deleting the children, track that it's already unmounted so that we
|
|
24150
24125
|
// don't attempt to unmount the effects again.
|
|
@@ -24500,8 +24475,7 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) {
|
|
|
24500
24475
|
{
|
|
24501
24476
|
var _wasHidden = current !== null && current.memoizedState !== null;
|
|
24502
24477
|
|
|
24503
|
-
if (
|
|
24504
|
-
finishedWork.mode & ConcurrentMode) {
|
|
24478
|
+
if (finishedWork.mode & ConcurrentMode) {
|
|
24505
24479
|
// Before committing the children, track on the stack whether this
|
|
24506
24480
|
// offscreen subtree was already hidden, so that we don't unmount the
|
|
24507
24481
|
// effects again.
|
|
@@ -24526,18 +24500,16 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) {
|
|
|
24526
24500
|
|
|
24527
24501
|
_offscreenInstance.isHidden = _isHidden;
|
|
24528
24502
|
|
|
24529
|
-
{
|
|
24530
|
-
if (
|
|
24531
|
-
if (
|
|
24532
|
-
|
|
24533
|
-
|
|
24534
|
-
|
|
24535
|
-
|
|
24536
|
-
|
|
24537
|
-
|
|
24538
|
-
|
|
24539
|
-
offscreenChild = offscreenChild.sibling;
|
|
24540
|
-
}
|
|
24503
|
+
if (_isHidden) {
|
|
24504
|
+
if (!_wasHidden) {
|
|
24505
|
+
if ((offscreenBoundary.mode & ConcurrentMode) !== NoMode) {
|
|
24506
|
+
nextEffect = offscreenBoundary;
|
|
24507
|
+
var offscreenChild = offscreenBoundary.child;
|
|
24508
|
+
|
|
24509
|
+
while (offscreenChild !== null) {
|
|
24510
|
+
nextEffect = offscreenChild;
|
|
24511
|
+
disappearLayoutEffects_begin(offscreenChild);
|
|
24512
|
+
offscreenChild = offscreenChild.sibling;
|
|
24541
24513
|
}
|
|
24542
24514
|
}
|
|
24543
24515
|
}
|
|
@@ -24622,7 +24594,7 @@ function commitLayoutEffects_begin(subtreeRoot, root, committedLanes) {
|
|
|
24622
24594
|
var fiber = nextEffect;
|
|
24623
24595
|
var firstChild = fiber.child;
|
|
24624
24596
|
|
|
24625
|
-
if (
|
|
24597
|
+
if (fiber.tag === OffscreenComponent && isModernRoot) {
|
|
24626
24598
|
// Keep track of the current Offscreen stack's state.
|
|
24627
24599
|
var isHidden = fiber.memoizedState !== null;
|
|
24628
24600
|
var newOffscreenSubtreeIsHidden = isHidden || offscreenSubtreeIsHidden;
|
|
@@ -25472,8 +25444,6 @@ function requestRetryLane(fiber) {
|
|
|
25472
25444
|
}
|
|
25473
25445
|
|
|
25474
25446
|
function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
|
|
25475
|
-
checkForNestedUpdates();
|
|
25476
|
-
|
|
25477
25447
|
{
|
|
25478
25448
|
if (isRunningInsertionEffect) {
|
|
25479
25449
|
error('useInsertionEffect must not schedule updates.');
|
|
@@ -27285,7 +27255,7 @@ function jnd(timeElapsed) {
|
|
|
27285
27255
|
return timeElapsed < 120 ? 120 : timeElapsed < 480 ? 480 : timeElapsed < 1080 ? 1080 : timeElapsed < 1920 ? 1920 : timeElapsed < 3000 ? 3000 : timeElapsed < 4320 ? 4320 : ceil(timeElapsed / 1960) * 1960;
|
|
27286
27256
|
}
|
|
27287
27257
|
|
|
27288
|
-
function
|
|
27258
|
+
function throwIfInfiniteUpdateLoopDetected() {
|
|
27289
27259
|
if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
|
|
27290
27260
|
nestedUpdateCount = 0;
|
|
27291
27261
|
rootWithNestedUpdates = null;
|
|
@@ -28682,7 +28652,7 @@ identifierPrefix, onRecoverableError, transitionCallbacks) {
|
|
|
28682
28652
|
return root;
|
|
28683
28653
|
}
|
|
28684
28654
|
|
|
28685
|
-
var ReactVersion = '18.
|
|
28655
|
+
var ReactVersion = '18.3.0-next-522f47345-20220614';
|
|
28686
28656
|
|
|
28687
28657
|
function createPortal(children, containerInfo, // TODO: figure out the API for cross-renderer implementation.
|
|
28688
28658
|
implementation) {
|