react-reconciler 0.20.3 → 0.21.0

package/cjs/react-reconciler-reflection.development.js

@@ -1,4 +1,4 @@
-/** @license React v0.20.3
+/** @license React v0.21.0
  * react-reconciler-reflection.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -19,6 +19,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
+// Do not require this module directly! Use normal `invariant` calls with
+// template literal strings. The messages will be converted to ReactError during
+// build, and in production they will be minified.
+
+// Do not require this module directly! Use normal `invariant` calls with
+// template literal strings. The messages will be converted to ReactError during
+// build, and in production they will be minified.
+
+function ReactError(error) {
+  error.name = 'Invariant Violation';
+  return error;
+}
+
 /**
  * Use invariant() to assert state which your program assumes to be true.
  *
@@ -30,40 +43,6 @@ var React = require('react');
  * will remain to ensure logic does not differ in production.
  */
 
-var validateFormat = function () {};
-
-{
-  validateFormat = function (format) {
-    if (format === undefined) {
-      throw new Error('invariant requires an error message argument');
-    }
-  };
-}
-
-function invariant(condition, format, a, b, c, d, e, f) {
-  validateFormat(format);
-
-  if (!condition) {
-    var error = void 0;
-    if (format === undefined) {
-      error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
-    } else {
-      var args = [a, b, c, d, e, f];
-      var argIndex = 0;
-      error = new Error(format.replace(/%s/g, function () {
-        return args[argIndex++];
-      }));
-      error.name = 'Invariant Violation';
-    }
-
-    error.framesToPop = 1; // we don't care about invariant's own frame
-    throw error;
-  }
-}
-
-// Relying on the `invariant()` implementation lets us
-// preserve the format and params in the www builds.
-
 /**
  * Similar to invariant but only logs a warning if the condition is not met.
  * This can be used to log issues in development environments in critical
@@ -145,6 +124,11 @@ if (!ReactSharedInternals.hasOwnProperty('ReactCurrentDispatcher')) {
     current: null
   };
 }
+if (!ReactSharedInternals.hasOwnProperty('ReactCurrentBatchConfig')) {
+  ReactSharedInternals.ReactCurrentBatchConfig = {
+    suspense: null
+  };
+}
 
 // The Symbol used to tag the ReactElement-like types. If there is no native Symbol
 // nor polyfill, then a plain number is used for performance.
@@ -157,10 +141,13 @@ var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeac
 var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
 var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
 var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace;
+// TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+// (unstable) APIs that have been removed. Can we remove the symbols?
+
 
-var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
 var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
 var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
+var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
 var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
 var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
 
@@ -193,8 +180,6 @@ function getComponentName(type) {
     return type;
   }
   switch (type) {
-    case REACT_CONCURRENT_MODE_TYPE:
-      return 'ConcurrentMode';
     case REACT_FRAGMENT_TYPE:
       return 'Fragment';
     case REACT_PORTAL_TYPE:
@@ -205,6 +190,8 @@ function getComponentName(type) {
       return 'StrictMode';
     case REACT_SUSPENSE_TYPE:
       return 'Suspense';
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
   }
   if (typeof type === 'object') {
     switch (type.$$typeof) {
@@ -223,6 +210,7 @@ function getComponentName(type) {
           if (resolvedThenable) {
             return getComponentName(resolvedThenable);
           }
+          break;
         }
     }
   }
@@ -236,6 +224,20 @@ var HostPortal = 4; // A subtree. Could be an entry point to a different rendere
 var HostComponent = 5;
 var HostText = 6;
 
+
+
+
+
+
+
+
+
+
+
+
+
+var FundamentalComponent = 20;
+
 // Don't change these two values. They're used by React Dev Tools.
 var NoEffect = /*              */0;
 
@@ -315,7 +317,13 @@ function isMounted(component) {
 }
 
 function assertIsMounted(fiber) {
-  !(isFiberMountedImpl(fiber) === MOUNTED) ? invariant(false, 'Unable to find node on an unmounted component.') : void 0;
+  (function () {
+    if (!(isFiberMountedImpl(fiber) === MOUNTED)) {
+      {
+        throw ReactError(Error('Unable to find node on an unmounted component.'));
+      }
+    }
+  })();
 }
 
 function findCurrentFiberUsingSlowPath(fiber) {
@@ -323,7 +331,13 @@ function findCurrentFiberUsingSlowPath(fiber) {
   if (!alternate) {
     // If there is no alternate, then we only need to check if it is mounted.
     var state = isFiberMountedImpl(fiber);
-    !(state !== UNMOUNTED) ? invariant(false, 'Unable to find node on an unmounted component.') : void 0;
+    (function () {
+      if (!(state !== UNMOUNTED)) {
+        {
+          throw ReactError(Error('Unable to find node on an unmounted component.'));
+        }
+      }
+    })();
     if (state === MOUNTING) {
       return null;
     }
@@ -336,11 +350,24 @@ function findCurrentFiberUsingSlowPath(fiber) {
   var b = alternate;
   while (true) {
     var parentA = a.return;
-    var parentB = parentA ? parentA.alternate : null;
-    if (!parentA || !parentB) {
+    if (parentA === null) {
       // We're at the root.
       break;
     }
+    var parentB = parentA.alternate;
+    if (parentB === null) {
+      // There is no alternate. This is an unusual case. Currently, it only
+      // happens when a Suspense component is hidden. An extra fragment fiber
+      // is inserted in between the Suspense fiber and its children. Skip
+      // over this extra fragment fiber and proceed to the next parent.
+      var nextParent = parentA.return;
+      if (nextParent !== null) {
+        a = b = nextParent;
+        continue;
+      }
+      // If there's no parent, we're at the root.
+      break;
+    }
 
     // If both copies of the parent fiber point to the same child, we can
     // assume that the child is current. This happens when we bailout on low
@@ -362,7 +389,13 @@ function findCurrentFiberUsingSlowPath(fiber) {
       }
       // We should never have an alternate for any mounting node. So the only
       // way this could possibly happen is if this was unmounted, if at all.
-      invariant(false, 'Unable to find node on an unmounted component.');
+      (function () {
+        {
+          {
+            throw ReactError(Error('Unable to find node on an unmounted component.'));
+          }
+        }
+      })();
     }
 
     if (a.return !== b.return) {
@@ -413,15 +446,33 @@ function findCurrentFiberUsingSlowPath(fiber) {
           }
           _child = _child.sibling;
         }
-        !didFindChild ? invariant(false, 'Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue.') : void 0;
+        (function () {
+          if (!didFindChild) {
+            {
+              throw ReactError(Error('Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue.'));
+            }
+          }
+        })();
       }
     }
 
-    !(a.alternate === b) ? invariant(false, 'Return fibers should always be each others\' alternates. This error is likely caused by a bug in React. Please file an issue.') : void 0;
+    (function () {
+      if (!(a.alternate === b)) {
+        {
+          throw ReactError(Error('Return fibers should always be each others\' alternates. This error is likely caused by a bug in React. Please file an issue.'));
+        }
+      }
+    })();
   }
   // If the root is not a host container, we're in a disconnected tree. I.e.
   // unmounted.
-  !(a.tag === HostRoot) ? invariant(false, 'Unable to find node on an unmounted component.') : void 0;
+  (function () {
+    if (!(a.tag === HostRoot)) {
+      {
+        throw ReactError(Error('Unable to find node on an unmounted component.'));
+      }
+    }
+  })();
   if (a.stateNode.current === a) {
     // We've determined that A is the current branch.
     return fiber;
@@ -472,7 +523,7 @@ function findCurrentHostFiberWithNoPortals(parent) {
   // Next we'll drill down this component to find the first HostComponent/Text.
   var node = currentParent;
   while (true) {
-    if (node.tag === HostComponent || node.tag === HostText) {
+    if (node.tag === HostComponent || node.tag === HostText || node.tag === FundamentalComponent) {
       return node;
     } else if (node.child && node.tag !== HostPortal) {
       node.child.return = node;

package/cjs/react-reconciler-reflection.production.min.js

@@ -1,4 +1,4 @@
-/** @license React v0.20.3
+/** @license React v0.21.0
  * react-reconciler-reflection.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -7,10 +7,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';Object.defineProperty(exports,"__esModule",{value:!0});function k(b,a,c,d,e,h,f,g){if(!b){b=void 0;if(void 0===a)b=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var r=[c,d,e,h,f,g],t=0;b=Error(a.replace(/%s/g,function(){return r[t++]}));b.name="Invariant Violation"}b.framesToPop=1;throw b;}}
-function l(b){for(var a=arguments.length-1,c="https://reactjs.org/docs/error-decoder.html?invariant="+b,d=0;d<a;d++)c+="&args[]="+encodeURIComponent(arguments[d+1]);k(!1,"Minified React error #"+b+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",c)}var m=require("react").__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;m.hasOwnProperty("ReactCurrentDispatcher")||(m.ReactCurrentDispatcher={current:null});
-function n(b){var a=b;if(b.alternate)for(;a.return;)a=a.return;else{if(0!==(a.effectTag&2))return 1;for(;a.return;)if(a=a.return,0!==(a.effectTag&2))return 1}return 3===a.tag?2:3}function p(b){2!==n(b)?l("188"):void 0}
-function q(b){var a=b.alternate;if(!a)return a=n(b),3===a?l("188"):void 0,1===a?null:b;for(var c=b,d=a;;){var e=c.return,h=e?e.alternate:null;if(!e||!h)break;if(e.child===h.child){for(var f=e.child;f;){if(f===c)return p(e),b;if(f===d)return p(e),a;f=f.sibling}l("188")}if(c.return!==d.return)c=e,d=h;else{f=!1;for(var g=e.child;g;){if(g===c){f=!0;c=e;d=h;break}if(g===d){f=!0;d=e;c=h;break}g=g.sibling}if(!f){for(g=h.child;g;){if(g===c){f=!0;c=h;d=e;break}if(g===d){f=!0;d=h;c=e;break}g=g.sibling}f?void 0:
-l("189")}}c.alternate!==d?l("190"):void 0}3!==c.tag?l("188"):void 0;return c.stateNode.current===c?b:a}exports.isFiberMounted=function(b){return 2===n(b)};exports.isMounted=function(b){return(b=b._reactInternalFiber)?2===n(b):!1};exports.findCurrentFiberUsingSlowPath=q;
-exports.findCurrentHostFiber=function(b){b=q(b);if(!b)return null;for(var a=b;;){if(5===a.tag||6===a.tag)return a;if(a.child)a.child.return=a,a=a.child;else{if(a===b)break;for(;!a.sibling;){if(!a.return||a.return===b)return null;a=a.return}a.sibling.return=a.return;a=a.sibling}}return null};
-exports.findCurrentHostFiberWithNoPortals=function(b){b=q(b);if(!b)return null;for(var a=b;;){if(5===a.tag||6===a.tag)return a;if(a.child&&4!==a.tag)a.child.return=a,a=a.child;else{if(a===b)break;for(;!a.sibling;){if(!a.return||a.return===b)return null;a=a.return}a.sibling.return=a.return;a=a.sibling}}return null};
+'use strict';Object.defineProperty(exports,"__esModule",{value:!0});function h(b){for(var a=b.message,c="https://reactjs.org/docs/error-decoder.html?invariant="+a,d=1;d<arguments.length;d++)c+="&args[]="+encodeURIComponent(arguments[d]);b.message="Minified React error #"+a+"; visit "+c+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ";return b}var l=require("react").__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+l.hasOwnProperty("ReactCurrentDispatcher")||(l.ReactCurrentDispatcher={current:null});l.hasOwnProperty("ReactCurrentBatchConfig")||(l.ReactCurrentBatchConfig={suspense:null});function m(b){var a=b;if(b.alternate)for(;a.return;)a=a.return;else{if(0!==(a.effectTag&2))return 1;for(;a.return;)if(a=a.return,0!==(a.effectTag&2))return 1}return 3===a.tag?2:3}function n(b){if(2!==m(b))throw h(Error(188));}
+function p(b){var a=b.alternate;if(!a){a=m(b);if(3===a)throw h(Error(188));return 1===a?null:b}for(var c=b,d=a;;){var f=c.return;if(null===f)break;var e=f.alternate;if(null===e){d=f.return;if(null!==d){c=d;continue}break}if(f.child===e.child){for(e=f.child;e;){if(e===c)return n(f),b;if(e===d)return n(f),a;e=e.sibling}throw h(Error(188));}if(c.return!==d.return)c=f,d=e;else{for(var k=!1,g=f.child;g;){if(g===c){k=!0;c=f;d=e;break}if(g===d){k=!0;d=f;c=e;break}g=g.sibling}if(!k){for(g=e.child;g;){if(g===
+c){k=!0;c=e;d=f;break}if(g===d){k=!0;d=e;c=f;break}g=g.sibling}if(!k)throw h(Error(189));}}if(c.alternate!==d)throw h(Error(190));}if(3!==c.tag)throw h(Error(188));return c.stateNode.current===c?b:a}exports.isFiberMounted=function(b){return 2===m(b)};exports.isMounted=function(b){return(b=b._reactInternalFiber)?2===m(b):!1};exports.findCurrentFiberUsingSlowPath=p;
+exports.findCurrentHostFiber=function(b){b=p(b);if(!b)return null;for(var a=b;;){if(5===a.tag||6===a.tag)return a;if(a.child)a.child.return=a,a=a.child;else{if(a===b)break;for(;!a.sibling;){if(!a.return||a.return===b)return null;a=a.return}a.sibling.return=a.return;a=a.sibling}}return null};
+exports.findCurrentHostFiberWithNoPortals=function(b){b=p(b);if(!b)return null;for(var a=b;;){if(5===a.tag||6===a.tag||20===a.tag)return a;if(a.child&&4!==a.tag)a.child.return=a,a=a.child;else{if(a===b)break;for(;!a.sibling;){if(!a.return||a.return===b)return null;a=a.return}a.sibling.return=a.return;a=a.sibling}}return null};