react-dom 18.2.0-next-be229c565-20220613 → 18.2.0

package/cjs/react-dom-server-legacy.browser.development.js

@@ -16,7 +16,7 @@ if (process.env.NODE_ENV !== "production") {
 
 var React = require('react');
 
-var ReactVersion = '18.2.0-next-be229c565-20220613';
+var ReactVersion = '18.2.0';
 
 var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 

package/cjs/react-dom-server-legacy.browser.production.min.js

@@ -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
 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(){}
 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}
 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')};
-exports.version="18.2.0-next-be229c565-20220613";
+exports.version="18.2.0";

package/cjs/react-dom-server-legacy.node.development.js

@@ -17,7 +17,7 @@ if (process.env.NODE_ENV !== "production") {
 var React = require('react');
 var stream = require('stream');
 
-var ReactVersion = '18.2.0-next-be229c565-20220613';
+var ReactVersion = '18.2.0';
 
 var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 

package/cjs/react-dom-server-legacy.node.production.min.js

@@ -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:
 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(){}
 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')};
 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')};
-exports.version="18.2.0-next-be229c565-20220613";
+exports.version="18.2.0";

package/cjs/react-dom-server.browser.development.js

@@ -16,7 +16,7 @@ if (process.env.NODE_ENV !== "production") {
 
 var React = require('react');
 
-var ReactVersion = '18.2.0-next-be229c565-20220613';
+var ReactVersion = '18.2.0';
 
 var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 

package/cjs/react-dom-server.browser.production.min.js

@@ -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(
 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()}}
 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)}}
 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=
-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.2.0-next-be229c565-20220613";
+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.2.0";

package/cjs/react-dom-server.node.development.js

@@ -17,7 +17,7 @@ if (process.env.NODE_ENV !== "production") {
 var React = require('react');
 var util = require('util');
 
-var ReactVersion = '18.2.0-next-be229c565-20220613';
+var ReactVersion = '18.2.0';
 
 var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 

package/cjs/react-dom-server.node.production.min.js

@@ -99,4 +99,4 @@ b.end()}}function jd(a){setImmediate(function(){return Qc(a)})}function kd(a,b){
 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:"),
 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,
 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}
-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,Error("The destination stream errored while writing data.")));a.on("close",nd(c,Error("The destination stream closed early.")));return a},abort:function(a){ld(c,a)}}};exports.version="18.2.0-next-be229c565-20220613";
+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,Error("The destination stream errored while writing data.")));a.on("close",nd(c,Error("The destination stream closed early.")));return a},abort:function(a){ld(c,a)}}};exports.version="18.2.0";

package/cjs/react-dom.development.js

@@ -117,6 +117,8 @@ var CacheComponent = 24;
 var TracingMarkerComponent = 25;
 
 // -----------------------------------------------------------------------------
+
+var enableClientRenderFallbackOnTextMismatch = true; // TODO: Need to review this code one more time before landing
 // the react-reconciler package.
 
 var enableNewReconciler = false; // Support legacy Primer support on internal FB www
@@ -9639,7 +9641,7 @@ function checkForUnmatchedText(serverText, clientText, isConcurrentMode, shouldW
     }
   }
 
-  if (isConcurrentMode) {
+  if (isConcurrentMode && enableClientRenderFallbackOnTextMismatch) {
     // In concurrent roots, we throw when there's a text mismatch and revert to
     // client rendering, up to the nearest Suspense boundary.
     throw new Error('Text content does not match server-rendered HTML.');
@@ -13381,13 +13383,7 @@ function enqueueConcurrentRenderForLane(fiber, lane) {
 var unsafe_markUpdateLaneFromFiberToRoot = markUpdateLaneFromFiberToRoot;
 
 function markUpdateLaneFromFiberToRoot(sourceFiber, lane) {
-  // TODO: We will detect and infinite update loop and throw even if this fiber
-  // has already unmounted. This isn't really necessary but it happens to be the
-  // current behavior we've used for several release cycles. Consider not
-  // performing this check if the updated fiber already unmounted, since it's
-  // not possible for that to cause an infinite update loop.
-  throwIfInfiniteUpdateLoopDetected(); // Update the source fiber's lanes
-
+  // Update the source fiber's lanes
   sourceFiber.lanes = mergeLanes(sourceFiber.lanes, lane);
   var alternate = sourceFiber.alternate;
 
@@ -14506,7 +14502,11 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
   }
 
   if (typeof instance.componentDidMount === 'function') {
-    var fiberFlags = Update | LayoutStatic;
+    var fiberFlags = Update;
+
+    {
+      fiberFlags |= LayoutStatic;
+    }
 
     if ( (workInProgress.mode & StrictEffectsMode) !== NoMode) {
       fiberFlags |= MountLayoutDev;
@@ -14554,7 +14554,11 @@ function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
     // If an update was already in progress, we should schedule an Update
     // effect even though we're bailing out, so that cWU/cDU are called.
     if (typeof instance.componentDidMount === 'function') {
-      var fiberFlags = Update | LayoutStatic;
+      var fiberFlags = Update;
+
+      {
+        fiberFlags |= LayoutStatic;
+      }
 
       if ( (workInProgress.mode & StrictEffectsMode) !== NoMode) {
         fiberFlags |= MountLayoutDev;
@@ -14587,7 +14591,11 @@ function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
     }
 
     if (typeof instance.componentDidMount === 'function') {
-      var _fiberFlags = Update | LayoutStatic;
+      var _fiberFlags = Update;
+
+      {
+        _fiberFlags |= LayoutStatic;
+      }
 
       if ( (workInProgress.mode & StrictEffectsMode) !== NoMode) {
         _fiberFlags |= MountLayoutDev;
@@ -14599,7 +14607,11 @@ function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
     // If an update was already in progress, we should schedule an Update
     // effect even though we're bailing out, so that cWU/cDU are called.
     if (typeof instance.componentDidMount === 'function') {
-      var _fiberFlags2 = Update | LayoutStatic;
+      var _fiberFlags2 = Update;
+
+      {
+        _fiberFlags2 |= LayoutStatic;
+      }
 
       if ( (workInProgress.mode & StrictEffectsMode) !== NoMode) {
         _fiberFlags2 |= MountLayoutDev;
@@ -17095,7 +17107,11 @@ function updateInsertionEffect(create, deps) {
 }
 
 function mountLayoutEffect(create, deps) {
-  var fiberFlags = Update | LayoutStatic;
+  var fiberFlags = Update;
+
+  {
+    fiberFlags |= LayoutStatic;
+  }
 
   if ( (currentlyRenderingFiber$1.mode & StrictEffectsMode) !== NoMode) {
     fiberFlags |= MountLayoutDev;
@@ -17145,7 +17161,11 @@ function mountImperativeHandle(ref, create, deps) {
 
 
   var effectDeps = deps !== null && deps !== undefined ? deps.concat([ref]) : null;
-  var fiberFlags = Update | LayoutStatic;
+  var fiberFlags = Update;
+
+  {
+    fiberFlags |= LayoutStatic;
+  }
 
   if ( (currentlyRenderingFiber$1.mode & StrictEffectsMode) !== NoMode) {
     fiberFlags |= MountLayoutDev;
@@ -19526,7 +19546,10 @@ function markRef(current, workInProgress) {
   if (current === null && ref !== null || current !== null && current.ref !== ref) {
     // Schedule a Ref effect
     workInProgress.flags |= Ref;
-    workInProgress.flags |= RefStatic;
+
+    {
+      workInProgress.flags |= RefStatic;
+    }
   }
 }
 
@@ -21692,7 +21715,11 @@ function markUpdate(workInProgress) {
 }
 
 function markRef$1(workInProgress) {
-  workInProgress.flags |= Ref | RefStatic;
+  workInProgress.flags |= Ref;
+
+  {
+    workInProgress.flags |= RefStatic;
+  }
 }
 
 var appendAllChildren;
@@ -22722,10 +22749,6 @@ function unwindWork(current, workInProgress, renderLanes) {
 
       return null;
 
-    case TracingMarkerComponent:
-
-      return null;
-
     default:
       return null;
   }
@@ -22795,6 +22818,7 @@ var didWarnAboutUndefinedSnapshotBeforeUpdate = null;
   didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
 } // Used during the commit phase to track the state of the Offscreen component stack.
 // Allows us to avoid traversing the return path to find the nearest Offscreen ancestor.
+// Only used when enableSuspenseLayoutEffectSemantics is enabled.
 
 
 var offscreenSubtreeIsHidden = false;
@@ -23233,7 +23257,7 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork, committe
       case ForwardRef:
       case SimpleMemoComponent:
         {
-          if (!offscreenSubtreeWasHidden) {
+          if ( !offscreenSubtreeWasHidden) {
             // At this point layout effects have already been destroyed (during mutation phase).
             // This is done to prevent sibling component effects from interfering with each other,
             // e.g. a destroy function in one component should never override a ref set
@@ -23473,7 +23497,7 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork, committe
     }
   }
 
-  if (!offscreenSubtreeWasHidden) {
+  if ( !offscreenSubtreeWasHidden) {
     {
       if (finishedWork.flags & Ref) {
         commitAttachRef(finishedWork);
@@ -24119,7 +24143,8 @@ function commitDeletionEffectsOnFiber(finishedRoot, nearestMountedAncestor, dele
 
     case OffscreenComponent:
       {
-        if (deletedFiber.mode & ConcurrentMode) {
+        if ( // TODO: Remove this dead flag
+         deletedFiber.mode & ConcurrentMode) {
           // If this offscreen component is hidden, we already unmounted it. Before
           // deleting the children, track that it's already unmounted so that we
           // don't attempt to unmount the effects again.
@@ -24475,7 +24500,8 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) {
       {
         var _wasHidden = current !== null && current.memoizedState !== null;
 
-        if (finishedWork.mode & ConcurrentMode) {
+        if ( // TODO: Remove this dead flag
+         finishedWork.mode & ConcurrentMode) {
           // Before committing the children, track on the stack whether this
           // offscreen subtree was already hidden, so that we don't unmount the
           // effects again.
@@ -24500,16 +24526,18 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) {
 
           _offscreenInstance.isHidden = _isHidden;
 
-          if (_isHidden) {
-            if (!_wasHidden) {
-              if ((offscreenBoundary.mode & ConcurrentMode) !== NoMode) {
-                nextEffect = offscreenBoundary;
-                var offscreenChild = offscreenBoundary.child;
-
-                while (offscreenChild !== null) {
-                  nextEffect = offscreenChild;
-                  disappearLayoutEffects_begin(offscreenChild);
-                  offscreenChild = offscreenChild.sibling;
+          {
+            if (_isHidden) {
+              if (!_wasHidden) {
+                if ((offscreenBoundary.mode & ConcurrentMode) !== NoMode) {
+                  nextEffect = offscreenBoundary;
+                  var offscreenChild = offscreenBoundary.child;
+
+                  while (offscreenChild !== null) {
+                    nextEffect = offscreenChild;
+                    disappearLayoutEffects_begin(offscreenChild);
+                    offscreenChild = offscreenChild.sibling;
+                  }
                 }
               }
             }
@@ -24594,7 +24622,7 @@ function commitLayoutEffects_begin(subtreeRoot, root, committedLanes) {
     var fiber = nextEffect;
     var firstChild = fiber.child;
 
-    if (fiber.tag === OffscreenComponent && isModernRoot) {
+    if ( fiber.tag === OffscreenComponent && isModernRoot) {
       // Keep track of the current Offscreen stack's state.
       var isHidden = fiber.memoizedState !== null;
       var newOffscreenSubtreeIsHidden = isHidden || offscreenSubtreeIsHidden;
@@ -25444,6 +25472,8 @@ function requestRetryLane(fiber) {
 }
 
 function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
+  checkForNestedUpdates();
+
   {
     if (isRunningInsertionEffect) {
       error('useInsertionEffect must not schedule updates.');
@@ -27255,7 +27285,7 @@ function jnd(timeElapsed) {
   return timeElapsed < 120 ? 120 : timeElapsed < 480 ? 480 : timeElapsed < 1080 ? 1080 : timeElapsed < 1920 ? 1920 : timeElapsed < 3000 ? 3000 : timeElapsed < 4320 ? 4320 : ceil(timeElapsed / 1960) * 1960;
 }
 
-function throwIfInfiniteUpdateLoopDetected() {
+function checkForNestedUpdates() {
   if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
     nestedUpdateCount = 0;
     rootWithNestedUpdates = null;
@@ -28652,7 +28682,7 @@ identifierPrefix, onRecoverableError, transitionCallbacks) {
   return root;
 }
 
-var ReactVersion = '18.2.0-next-be229c565-20220613';
+var ReactVersion = '18.2.0';
 
 function createPortal(children, containerInfo, // TODO: figure out the API for cross-renderer implementation.
 implementation) {