react-dom 16.10.0 → 16.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-dom",
-  "version": "16.10.0",
+  "version": "16.12.0",
   "description": "React package for working with the DOM.",
   "main": "index.js",
   "repository": {
@@ -20,7 +20,7 @@
     "loose-envify": "^1.1.0",
     "object-assign": "^4.1.1",
     "prop-types": "^15.6.2",
-    "scheduler": "^0.16.0"
+    "scheduler": "^0.18.0"
   },
   "peerDependencies": {
     "react": "^16.0.0"
@@ -39,13 +39,18 @@
     "unstable-fizz.js",
     "unstable-fizz.browser.js",
     "unstable-fizz.node.js",
+    "unstable-flight-client.js",
+    "unstable-flight-server.js",
+    "unstable-flight-server.browser.js",
+    "unstable-flight-server.node.js",
     "unstable-native-dependencies.js",
     "cjs/",
     "umd/"
   ],
   "browser": {
     "./server.js": "./server.browser.js",
-    "./unstable-fizz.js": "./unstable-fizz.browser.js"
+    "./unstable-fizz.js": "./unstable-fizz.browser.js",
+    "./unstable-flight-server.js": "./unstable-flight-server.browser.js"
   },
   "browserify": {
     "transform": [

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

@@ -1,4 +1,4 @@
-/** @license React v16.10.0
+/** @license React v16.12.0
  * react-dom-server.browser.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -16,20 +16,12 @@
 }(this, (function (React) { 'use strict';
 
 // 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;
-}
+// template literal strings. The messages will be replaced with error codes
+// during build.
 
 // TODO: this is special because it gets imported during build.
 
-var ReactVersion = '16.10.0';
+var ReactVersion = '16.12.0';
 
 /**
  * Use invariant() to assert state which your program assumes to be true.
@@ -363,12 +355,8 @@ var describeComponentFrame = function (name, source, ownerName) {
   return '\n    in ' + (name || 'Unknown') + sourceInfo;
 };
 
-// Helps identify side effects in begin-phase lifecycle hooks and setState reducers:
-
- // In some cases, StrictMode should also double-render lifecycles.
-// This can be confusing for tests though,
-// And it can be bad for performance in production.
-// This feature flag can be used to control the behavior:
+// Helps identify side effects in render-phase lifecycle hooks and setState
+// reducers by double invoking them in Strict Mode.
 
  // To preserve the "Pause on caught exceptions" behavior of the debugger, we
 // replay the begin phase of a failed component inside invokeGuardedCallback.
@@ -379,10 +367,9 @@ var warnAboutDeprecatedLifecycles = true; // Gather advanced timing metrics for
 
  // Trace which interactions trigger each commit.
 
- // Only used in www builds.
-
-var enableSuspenseServerRenderer = false; // TODO: true? Here it might just be false.
+ // SSR experiments
 
+var enableSuspenseServerRenderer = false;
  // Only used in www builds.
 
  // Only used in www builds.
@@ -396,9 +383,6 @@ var disableJavaScriptURLs = false; // React Fire: prevent the value and checked
 // Control this behavior with a flag to support 16.6 minor releases in the meanwhile.
 
 
- // See https://github.com/react-native-community/discussions-and-proposals/issues/72 for more information
-// This is a flag so we can fix warnings in RN core before turning it on
-
  // Experimental React Flare event system and event components support.
 
 var enableFlareAPI = false; // Experimental Host Component support.
@@ -408,15 +392,11 @@ var enableFundamentalAPI = false; // Experimental Scope support.
 var enableScopeAPI = false; // New API for JSX transforms to target - https://github.com/reactjs/rfcs/pull/107
 
  // We will enforce mocking scheduler with scheduler/unstable_mock at some point. (v17?)
-// Till then, we warn about the missing mock, but still fallback to a sync mode compatible version
+// Till then, we warn about the missing mock, but still fallback to a legacy mode compatible version
 
  // For tests, we flush suspense fallbacks in an act scope;
 // *except* in some of our own tests, where we test incremental loading states.
 
- // Changes priority of some events like mousemove to user-blocking priority,
-// but without making them discrete. The flag exists in case it causes
-// starvation problems.
-
  // Add a callback property to suspense to notify which promises are currently
 // in the update queue. This allows reporting and tracing of what is causing
 // the user to see a loading state.
@@ -431,6 +411,8 @@ var enableScopeAPI = false; // New API for JSX transforms to target - https://gi
 
 var disableLegacyContext = false;
 
+ // Flag to turn event.target and event.currentTarget in ReactNative from a reactTag to a component instance
+
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
  *
@@ -690,13 +672,11 @@ function growThreadCountAndReturnNextAvailable() {
   var oldSize = oldArray.length;
   var newSize = oldSize * 2;
 
-  (function () {
-    if (!(newSize <= 0x10000)) {
-      {
-        throw ReactError(Error("Maximum number of concurrent React renderers exceeded. This can happen if you are not properly destroying the Readable provided by React. Ensure that you call .destroy() on it if you no longer want to read from it, and did not read to the end. If you use .pipe() this should be automatic."));
-      }
+  if (!(newSize <= 0x10000)) {
+    {
+      throw Error("Maximum number of concurrent React renderers exceeded. This can happen if you are not properly destroying the Readable provided by React. Ensure that you call .destroy() on it if you no longer want to read from it, and did not read to the end. If you use .pipe() this should be automatic.");
     }
-  })();
+  }
 
   var newArray = new Uint16Array(newSize);
   newArray.set(oldArray);
@@ -1032,13 +1012,11 @@ var didWarn = false;
 
 function sanitizeURL(url) {
   if (disableJavaScriptURLs) {
-    (function () {
-      if (!!isJavaScriptProtocol.test(url)) {
-        {
-          throw ReactError(Error("React has blocked a javascript: URL as a security precaution." + (ReactDebugCurrentFrame$2.getStackAddendum())));
-        }
+    if (!!isJavaScriptProtocol.test(url)) {
+      {
+        throw Error("React has blocked a javascript: URL as a security precaution." + (ReactDebugCurrentFrame$2.getStackAddendum()));
       }
-    })();
+    }
   } else if (true && !didWarn && isJavaScriptProtocol.test(url)) {
     didWarn = true;
     warning$1(false, 'A future version of React will block javascript: URLs as a security precaution. ' + 'Use event handlers instead if you can. If you need to generate unsafe HTML try ' + 'using dangerouslySetInnerHTML instead. React was passed %s.', JSON.stringify(url));
@@ -1244,13 +1222,11 @@ var isInHookUserCodeInDev = false; // In DEV, this is the name of the currently
 var currentHookNameInDev;
 
 function resolveCurrentlyRenderingComponent() {
-  (function () {
-    if (!(currentlyRenderingComponent !== null)) {
-      {
-        throw ReactError(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:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."));
-      }
+  if (!(currentlyRenderingComponent !== null)) {
+    {
+      throw 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:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.");
     }
-  })();
+  }
 
   {
     !!isInHookUserCodeInDev ? warning$1(false, 'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. ' + 'You can only call Hooks at the top level of your React function. ' + 'For more information, see ' + 'https://fb.me/rules-of-hooks') : void 0;
@@ -1289,13 +1265,11 @@ function areHookInputsEqual(nextDeps, prevDeps) {
 
 function createHook() {
   if (numberOfReRenders > 0) {
-    (function () {
+    {
       {
-        {
-          throw ReactError(Error("Rendered more hooks than during the previous render"));
-        }
+        throw Error("Rendered more hooks than during the previous render");
       }
-    })();
+    }
   }
 
   return {
@@ -1557,13 +1531,11 @@ function useLayoutEffect(create, inputs) {
 }
 
 function dispatchAction(componentIdentity, queue, action) {
-  (function () {
-    if (!(numberOfReRenders < RE_RENDER_LIMIT)) {
-      {
-        throw ReactError(Error("Too many re-renders. React limits the number of renders to prevent an infinite loop."));
-      }
+  if (!(numberOfReRenders < RE_RENDER_LIMIT)) {
+    {
+      throw Error("Too many re-renders. React limits the number of renders to prevent an infinite loop.");
     }
-  })();
+  }
 
   if (componentIdentity === currentlyRenderingComponent) {
     // This is a render phase update. Stash it in a lazily-created map of
@@ -1611,6 +1583,21 @@ function useResponder(responder, props) {
   };
 }
 
+function useDeferredValue(value, config) {
+  resolveCurrentlyRenderingComponent();
+  return value;
+}
+
+function useTransition(config) {
+  resolveCurrentlyRenderingComponent();
+
+  var startTransition = function (callback) {
+    callback();
+  };
+
+  return [startTransition, false];
+}
+
 function noop() {}
 
 var currentThreadID = 0;
@@ -1632,7 +1619,9 @@ var Dispatcher = {
   useEffect: noop,
   // Debugging effect
   useDebugValue: noop,
-  useResponder: useResponder
+  useResponder: useResponder,
+  useDeferredValue: useDeferredValue,
+  useTransition: useTransition
 };
 
 var HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';
@@ -1756,44 +1745,36 @@ function assertValidProps(tag, props) {
 
 
   if (voidElementTags[tag]) {
-    (function () {
-      if (!(props.children == null && props.dangerouslySetInnerHTML == null)) {
-        {
-          throw ReactError(Error(tag + " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`." + (ReactDebugCurrentFrame$4.getStackAddendum())));
-        }
+    if (!(props.children == null && props.dangerouslySetInnerHTML == null)) {
+      {
+        throw Error(tag + " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`." + (ReactDebugCurrentFrame$4.getStackAddendum()));
       }
-    })();
+    }
   }
 
   if (props.dangerouslySetInnerHTML != null) {
-    (function () {
-      if (!(props.children == null)) {
-        {
-          throw ReactError(Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`."));
-        }
+    if (!(props.children == null)) {
+      {
+        throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");
       }
-    })();
+    }
 
-    (function () {
-      if (!(typeof props.dangerouslySetInnerHTML === 'object' && HTML in props.dangerouslySetInnerHTML)) {
-        {
-          throw ReactError(Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://fb.me/react-invariant-dangerously-set-inner-html for more information."));
-        }
+    if (!(typeof props.dangerouslySetInnerHTML === 'object' && HTML in props.dangerouslySetInnerHTML)) {
+      {
+        throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://fb.me/react-invariant-dangerously-set-inner-html for more information.");
       }
-    })();
+    }
   }
 
   {
     !(props.suppressContentEditableWarning || !props.contentEditable || props.children == null) ? warning$1(false, 'A component is `contentEditable` and contains `children` managed by ' + 'React. It is now your responsibility to guarantee that none of ' + 'those nodes are unexpectedly modified or duplicated. This is ' + 'probably not intentional.') : void 0;
   }
 
-  (function () {
-    if (!(props.style == null || typeof props.style === 'object')) {
-      {
-        throw ReactError(Error("The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX." + (ReactDebugCurrentFrame$4.getStackAddendum())));
-      }
+  if (!(props.style == null || typeof props.style === 'object')) {
+    {
+      throw Error("The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX." + (ReactDebugCurrentFrame$4.getStackAddendum()));
     }
-  })();
+  }
 }
 
 /**
@@ -3038,13 +3019,11 @@ var validatedTagCache = {};
 
 function validateDangerousTag(tag) {
   if (!validatedTagCache.hasOwnProperty(tag)) {
-    (function () {
-      if (!VALID_TAG_REGEX.test(tag)) {
-        {
-          throw ReactError(Error("Invalid tag: " + tag));
-        }
+    if (!VALID_TAG_REGEX.test(tag)) {
+      {
+        throw Error("Invalid tag: " + tag);
       }
-    })();
+    }
 
     validatedTagCache[tag] = true;
   }
@@ -3234,13 +3213,11 @@ function createOpenTagMarkup(tagVerbatim, tagLowercase, props, namespace, makeSt
 
 function validateRenderResult(child, type) {
   if (child === undefined) {
-    (function () {
+    {
       {
-        {
-          throw ReactError(Error((getComponentName(type) || 'Component') + "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null."));
-        }
+        throw Error((getComponentName(type) || 'Component') + "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.");
       }
-    })();
+    }
   }
 }
 
@@ -3456,13 +3433,11 @@ function resolve(child, context, threadID) {
           childContext = inst.getChildContext();
 
           for (var contextKey in childContext) {
-            (function () {
-              if (!(contextKey in _childContextTypes)) {
-                {
-                  throw ReactError(Error((getComponentName(Component) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes."));
-                }
+            if (!(contextKey in _childContextTypes)) {
+              {
+                throw Error((getComponentName(Component) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
               }
-            })();
+            }
           }
         } else {
           warningWithoutStack$1(false, '%s.getChildContext(): childContextTypes must be defined in order to ' + 'use getChildContext().', getComponentName(Component) || 'Unknown');
@@ -3595,8 +3570,6 @@ function () {
   };
 
   _proto.read = function read(bytes) {
-    var _this = this;
-
     if (this.exhausted) {
       return null;
     }
@@ -3644,13 +3617,11 @@ function () {
 
               var fallbackFrame = frame.fallbackFrame;
 
-              (function () {
-                if (!fallbackFrame) {
-                  {
-                    throw ReactError(Error("ReactDOMServer did not find an internal fallback frame for Suspense. This is a bug in React. Please file an issue."));
-                  }
+              if (!fallbackFrame) {
+                {
+                  throw Error("ReactDOMServer did not find an internal fallback frame for Suspense. This is a bug in React. Please file an issue.");
                 }
-              })();
+              }
 
               this.stack.push(fallbackFrame);
               out[this.suspenseDepth] += '<!--$!-->'; // Skip flushing output since we're switching to the fallback
@@ -3680,23 +3651,19 @@ function () {
         } catch (err) {
           if (err != null && typeof err.then === 'function') {
             if (enableSuspenseServerRenderer) {
-              (function () {
-                if (!(_this.suspenseDepth > 0)) {
-                  {
-                    throw ReactError(Error("A React component suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display."));
-                  }
+              if (!(this.suspenseDepth > 0)) {
+                {
+                  throw Error("A React component suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display.");
                 }
-              })();
+              }
 
               suspended = true;
             } else {
-              (function () {
+              {
                 {
-                  {
-                    throw ReactError(Error("ReactDOMServer does not yet support Suspense."));
-                  }
+                  throw Error("ReactDOMServer does not yet support Suspense.");
                 }
-              })();
+              }
             }
           } else {
             throw err;
@@ -3754,22 +3721,18 @@ function () {
           // Catch unexpected special types early.
           var $$typeof = nextChild.$$typeof;
 
-          (function () {
-            if (!($$typeof !== REACT_PORTAL_TYPE)) {
-              {
-                throw ReactError(Error("Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render."));
-              }
+          if (!($$typeof !== REACT_PORTAL_TYPE)) {
+            {
+              throw Error("Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render.");
             }
-          })(); // Catch-all to prevent an infinite loop if React.Children.toArray() supports some new type.
+          } // Catch-all to prevent an infinite loop if React.Children.toArray() supports some new type.
 
 
-          (function () {
+          {
             {
-              {
-                throw ReactError(Error("Unknown element-like object type: " + $$typeof.toString() + ". This is likely a bug in React. Please file an issue."));
-              }
+              throw Error("Unknown element-like object type: " + $$typeof.toString() + ". This is likely a bug in React. Please file an issue.");
             }
-          })();
+          }
         }
 
         var nextChildren = toArray(nextChild);
@@ -3881,13 +3844,11 @@ function () {
               this.suspenseDepth++;
               return '<!--$-->';
             } else {
-              (function () {
+              {
                 {
-                  {
-                    throw ReactError(Error("ReactDOMServer does not yet support Suspense."));
-                  }
+                  throw Error("ReactDOMServer does not yet support Suspense.");
                 }
-              })();
+              }
             }
           }
         // eslint-disable-next-line-no-fallthrough
@@ -4052,13 +4013,11 @@ function () {
                 return open;
               }
 
-              (function () {
+              {
                 {
-                  {
-                    throw ReactError(Error("ReactDOMServer does not yet support the fundamental API."));
-                  }
+                  throw Error("ReactDOMServer does not yet support the fundamental API.");
                 }
-              })();
+              }
             }
           // eslint-disable-next-line-no-fallthrough
 
@@ -4099,13 +4058,11 @@ function () {
 
                 case Pending:
                 default:
-                  (function () {
+                  {
                     {
-                      {
-                        throw ReactError(Error("ReactDOMServer does not yet support lazy-loaded components."));
-                      }
+                      throw Error("ReactDOMServer does not yet support lazy-loaded components.");
                     }
-                  })();
+                  }
 
               }
             }
@@ -4133,13 +4090,11 @@ function () {
                 return '';
               }
 
-              (function () {
+              {
                 {
-                  {
-                    throw ReactError(Error("ReactDOMServer does not yet support scope components."));
-                  }
+                  throw Error("ReactDOMServer does not yet support scope components.");
                 }
-              })();
+              }
             }
         }
       }
@@ -4160,13 +4115,11 @@ function () {
         }
       }
 
-      (function () {
+      {
         {
-          {
-            throw ReactError(Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " + (elementType == null ? elementType : typeof elementType) + "." + info));
-          }
+          throw Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " + (elementType == null ? elementType : typeof elementType) + "." + info);
         }
-      })();
+      }
     }
   };
 
@@ -4234,22 +4187,18 @@ function () {
             warning$1(false, 'Use the `defaultValue` or `value` props instead of setting ' + 'children on <textarea>.');
           }
 
-          (function () {
-            if (!(defaultValue == null)) {
-              {
-                throw ReactError(Error("If you supply `defaultValue` on a <textarea>, do not pass children."));
-              }
+          if (!(defaultValue == null)) {
+            {
+              throw Error("If you supply `defaultValue` on a <textarea>, do not pass children.");
             }
-          })();
+          }
 
           if (Array.isArray(textareaChildren)) {
-            (function () {
-              if (!(textareaChildren.length <= 1)) {
-                {
-                  throw ReactError(Error("<textarea> can only have at most one child."));
-                }
+            if (!(textareaChildren.length <= 1)) {
+              {
+                throw Error("<textarea> can only have at most one child.");
               }
-            })();
+            }
 
             textareaChildren = textareaChildren[0];
           }
@@ -4431,23 +4380,19 @@ function renderToStaticMarkup(element) {
 }
 
 function renderToNodeStream() {
-  (function () {
+  {
     {
-      {
-        throw ReactError(Error("ReactDOMServer.renderToNodeStream(): The streaming API is not available in the browser. Use ReactDOMServer.renderToString() instead."));
-      }
+      throw Error("ReactDOMServer.renderToNodeStream(): The streaming API is not available in the browser. Use ReactDOMServer.renderToString() instead.");
     }
-  })();
+  }
 }
 
 function renderToStaticNodeStream() {
-  (function () {
+  {
     {
-      {
-        throw ReactError(Error("ReactDOMServer.renderToStaticNodeStream(): The streaming API is not available in the browser. Use ReactDOMServer.renderToStaticMarkup() instead."));
-      }
+      throw Error("ReactDOMServer.renderToStaticNodeStream(): The streaming API is not available in the browser. Use ReactDOMServer.renderToStaticMarkup() instead.");
     }
-  })();
+  }
 } // Note: when changing this, also consider https://github.com/facebook/react/issues/11526