react 15.6.0 → 16.0.0-alpha

package/lib/ReactPureComponent.js

@@ -0,0 +1,41 @@
+/**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ */
+
+'use strict';
+
+var _assign = require('object-assign');
+
+var ReactComponent = require('./ReactComponent');
+var ReactNoopUpdateQueue = require('./ReactNoopUpdateQueue');
+
+var emptyObject = require('fbjs/lib/emptyObject');
+
+/**
+ * Base class helpers for the updating state of a component.
+ */
+function ReactPureComponent(props, context, updater) {
+  // Duplicated from ReactComponent.
+  this.props = props;
+  this.context = context;
+  this.refs = emptyObject;
+  // We initialize the default updater but the real one gets injected by the
+  // renderer.
+  this.updater = updater || ReactNoopUpdateQueue;
+}
+
+function ComponentDummy() {}
+ComponentDummy.prototype = ReactComponent.prototype;
+ReactPureComponent.prototype = new ComponentDummy();
+ReactPureComponent.prototype.constructor = ReactPureComponent;
+// Avoid an extra prototype jump for these methods.
+_assign(ReactPureComponent.prototype, ReactComponent.prototype);
+ReactPureComponent.prototype.isPureReactComponent = true;
+
+module.exports = ReactPureComponent;

package/lib/ReactTransitionGroup.js

@@ -21,9 +21,6 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 var React = require('./React');
 var ReactTransitionChildMapping = require('./ReactTransitionChildMapping');
 
-var propTypesFactory = require('prop-types/factory');
-var PropTypes = propTypesFactory(React.isValidElement);
-
 var emptyFunction = require('fbjs/lib/emptyFunction');
 
 /**
@@ -195,10 +192,7 @@ var ReactTransitionGroup = function (_React$Component) {
         // already been removed. In case you need this behavior you can provide
         // a childFactory function to wrap every child, even the ones that are
         // leaving.
-        childrenToRender.push(React.cloneElement(this.props.childFactory(child), {
-          ref: key,
-          key: key
-        }));
+        childrenToRender.push(React.cloneElement(this.props.childFactory(child), { ref: key, key: key }));
       }
     }
 
@@ -222,8 +216,8 @@ var ReactTransitionGroup = function (_React$Component) {
 
 ReactTransitionGroup.displayName = 'ReactTransitionGroup';
 ReactTransitionGroup.propTypes = {
-  component: PropTypes.any,
-  childFactory: PropTypes.func
+  component: React.PropTypes.any,
+  childFactory: React.PropTypes.func
 };
 ReactTransitionGroup.defaultProps = {
   component: 'span',

package/lib/ReactTypeOfWork.js

@@ -0,0 +1,26 @@
+/**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * 
+ */
+
+'use strict';
+
+module.exports = {
+  IndeterminateComponent: 0, // Before we know whether it is functional or class
+  FunctionalComponent: 1,
+  ClassComponent: 2,
+  HostRoot: 3, // Root of a host tree. Could be nested inside another node.
+  HostPortal: 4, // A subtree. Could be an entry point to a different renderer.
+  HostComponent: 5,
+  HostText: 6,
+  CoroutineComponent: 7,
+  CoroutineHandlerPhase: 8,
+  YieldComponent: 9,
+  Fragment: 10
+};

package/lib/ReactUMDEntry.js

@@ -15,17 +15,16 @@ var _assign = require('object-assign');
 var React = require('./React');
 
 // `version` will be added here by the React module.
-var ReactUMDEntry = _assign(React, {
+var ReactUMDEntry = _assign({
   __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
     ReactCurrentOwner: require('./ReactCurrentOwner')
   }
-});
+}, React);
 
 if (process.env.NODE_ENV !== 'production') {
   _assign(ReactUMDEntry.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, {
     // ReactComponentTreeHook should not be included in production.
-    ReactComponentTreeHook: require('./ReactComponentTreeHook'),
-    getNextDebugID: require('./getNextDebugID')
+    ReactComponentTreeHook: require('./ReactComponentTreeHook')
   });
 }
 

package/lib/ReactVersion.js

@@ -10,4 +10,4 @@
 
 'use strict';
 
-module.exports = '15.6.0';
+module.exports = '16.0.0-alpha';

package/lib/ReactWithAddons.js

@@ -10,7 +10,6 @@
 
 'use strict';
 
-var LinkedStateMixin = require('./LinkedStateMixin');
 var React = require('./React');
 var ReactAddonsDOMDependencies = require('./ReactAddonsDOMDependencies');
 var ReactComponentWithPureRenderMixin = require('./ReactComponentWithPureRenderMixin');
@@ -23,7 +22,6 @@ var update = require('./update');
 
 React.addons = {
   CSSTransitionGroup: ReactCSSTransitionGroup,
-  LinkedStateMixin: LinkedStateMixin,
   PureRenderMixin: ReactComponentWithPureRenderMixin,
   TransitionGroup: ReactTransitionGroup,
 

package/lib/ReactWithAddonsUMDEntry.js

@@ -15,18 +15,17 @@ var _assign = require('object-assign');
 var ReactWithAddons = require('./ReactWithAddons');
 
 // `version` will be added here by the React module.
-var ReactWithAddonsUMDEntry = _assign(ReactWithAddons, {
+var ReactWithAddonsUMDEntry = _assign({
   __SECRET_INJECTED_REACT_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: null, // Will be injected by ReactDOM UMD build.
   __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
     ReactCurrentOwner: require('./ReactCurrentOwner')
   }
-});
+}, ReactWithAddons);
 
 if (process.env.NODE_ENV !== 'production') {
   _assign(ReactWithAddonsUMDEntry.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, {
     // ReactComponentTreeHook should not be included in production.
-    ReactComponentTreeHook: require('./ReactComponentTreeHook'),
-    getNextDebugID: require('./getNextDebugID')
+    ReactComponentTreeHook: require('./ReactComponentTreeHook')
   });
 }
 

package/lib/checkReactTypeSpec.js

@@ -13,7 +13,6 @@
 var _prodInvariant = require('./reactProdInvariant');
 
 var ReactPropTypeLocationNames = require('./ReactPropTypeLocationNames');
-var ReactPropTypesSecret = require('./ReactPropTypesSecret');
 
 var invariant = require('fbjs/lib/invariant');
 var warning = require('fbjs/lib/warning');
@@ -40,10 +39,12 @@ var loggedTypeFailures = {};
  * @param {string} location e.g. "prop", "context", "child context"
  * @param {string} componentName Name of the component for error messages.
  * @param {?object} element The React element that is being type-checked
- * @param {?number} debugID The React component instance that is being type-checked
+ * @param {?number} workInProgressOrDebugID The React component instance that is being type-checked
  * @private
  */
-function checkReactTypeSpec(typeSpecs, values, location, componentName, element, debugID) {
+function checkReactTypeSpec(typeSpecs, values, location, componentName, element,
+// It is only safe to pass fiber if it is the work-in-progress version, and
+workInProgressOrDebugID) {
   for (var typeSpecName in typeSpecs) {
     if (typeSpecs.hasOwnProperty(typeSpecName)) {
       var error;
@@ -54,7 +55,7 @@ function checkReactTypeSpec(typeSpecs, values, location, componentName, element,
         // This is intentionally an invariant that gets caught. It's the same
         // behavior as without this statement except with a better message.
         !(typeof typeSpecs[typeSpecName] === 'function') ? process.env.NODE_ENV !== 'production' ? invariant(false, '%s: %s type `%s` is invalid; it must be a function, usually from React.PropTypes.', componentName || 'React class', ReactPropTypeLocationNames[location], typeSpecName) : _prodInvariant('84', componentName || 'React class', ReactPropTypeLocationNames[location], typeSpecName) : void 0;
-        error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
+        error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location);
       } catch (ex) {
         error = ex;
       }
@@ -70,8 +71,18 @@ function checkReactTypeSpec(typeSpecs, values, location, componentName, element,
           if (!ReactComponentTreeHook) {
             ReactComponentTreeHook = require('./ReactComponentTreeHook');
           }
-          if (debugID !== null) {
-            componentStackInfo = ReactComponentTreeHook.getStackAddendumByID(debugID);
+          if (workInProgressOrDebugID != null) {
+            if (typeof workInProgressOrDebugID === 'number') {
+              // DebugID from Stack.
+              var debugID = workInProgressOrDebugID;
+              componentStackInfo = ReactComponentTreeHook.getStackAddendumByID(debugID);
+            } else if (typeof workInProgressOrDebugID.tag === 'number') {
+              // This is a Fiber.
+              // The stack will only be correct if this is a work in progress
+              // version and we're calling it during reconciliation.
+              var workInProgress = workInProgressOrDebugID;
+              componentStackInfo = ReactComponentTreeHook.getStackAddendumByWorkInProgressFiber(workInProgress);
+            }
           } else if (element !== null) {
             componentStackInfo = ReactComponentTreeHook.getCurrentStackAddendum(element);
           }

package/lib/deprecated.js

@@ -13,7 +13,7 @@
 
 var _assign = require('object-assign');
 
-var lowPriorityWarning = require('./lowPriorityWarning');
+var warning = require('fbjs/lib/warning');
 
 /**
  * This will log a single deprecation notice per function and forward the call
@@ -30,12 +30,12 @@ function deprecated(fnName, newModule, newPackage, ctx, fn) {
   var warned = false;
   if (process.env.NODE_ENV !== 'production') {
     var newFn = function () {
-      lowPriorityWarning(warned,
+      process.env.NODE_ENV !== 'production' ? warning(warned,
       /* eslint-disable no-useless-concat */
       // Require examples in this string must be split to prevent React's
       // build tools from mistaking them for real requires.
       // Otherwise the build tools will attempt to build a '%s' module.
-      'React.%s is deprecated. Please use %s.%s from require' + "('%s') " + 'instead.', fnName, newModule, fnName, newPackage);
+      'React.%s is deprecated. Please use %s.%s from require' + '(\'%s\') ' + 'instead.', fnName, newModule, fnName, newPackage) : void 0;
       /* eslint-enable no-useless-concat */
       warned = true;
       return fn.apply(ctx, arguments);

package/lib/getComponentName.js

@@ -0,0 +1,37 @@
+/**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * 
+ */
+
+'use strict';
+
+function getComponentName(instanceOrFiber) {
+  if (process.env.NODE_ENV !== 'production') {
+    if (typeof instanceOrFiber.getName === 'function') {
+      // Stack reconciler
+      var instance = instanceOrFiber;
+      return instance.getName() || 'Component';
+    }
+    if (typeof instanceOrFiber.tag === 'number') {
+      // Fiber reconciler
+      var fiber = instanceOrFiber;
+      var type = fiber.type;
+
+      if (typeof type === 'string') {
+        return type;
+      }
+      if (typeof type === 'function') {
+        return type.displayName || type.name || null;
+      }
+    }
+  }
+  return null;
+}
+
+module.exports = getComponentName;

package/lib/onlyChild.js

@@ -19,7 +19,7 @@ var invariant = require('fbjs/lib/invariant');
  * Returns the first child in a collection of children and verifies that there
  * is only one child in the collection.
  *
- * See https://facebook.github.io/react/docs/top-level-api.html#react.children.only
+ * See https://facebook.github.io/react/docs/react-api.html#react.children.only
  *
  * The current implementation of this function assumes that a single child gets
  * passed without a wrapper, but the purpose of this helper function is to

package/lib/traverseAllChildren.js

@@ -131,7 +131,7 @@ function traverseAllChildrenImpl(children, nameSoFar, callback, traverseContext)
       if (process.env.NODE_ENV !== 'production') {
         addendum = ' If you meant to render a collection of children, use an array ' + 'instead or wrap the object using createFragment(object) from the ' + 'React add-ons.';
         if (children._isReactElement) {
-          addendum = " It looks like you're using an element created by a different " + 'version of React. Make sure to use only one copy of React.';
+          addendum = ' It looks like you\'re using an element created by a different ' + 'version of React. Make sure to use only one copy of React.';
         }
         if (ReactCurrentOwner.current) {
           var name = ReactCurrentOwner.current.getName();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react",
   "description": "React is a JavaScript library for building user interfaces.",
-  "version": "15.6.0",
+  "version": "16.0.0-alpha",
   "keywords": [
     "react"
   ],
@@ -23,11 +23,9 @@
     "node": ">=0.10.0"
   },
   "dependencies": {
-    "create-react-class": "^15.5.2",
-    "fbjs": "^0.8.9",
+    "fbjs": "^0.8.4",
     "loose-envify": "^1.1.0",
-    "object-assign": "^4.1.0",
-    "prop-types": "^15.5.7"
+    "object-assign": "^4.1.0"
   },
   "browserify": {
     "transform": [

package/lib/LinkedStateMixin.js

@@ -1,34 +0,0 @@
-/**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- */
-
-'use strict';
-
-var ReactLink = require('./ReactLink');
-var ReactStateSetters = require('./ReactStateSetters');
-
-/**
- * A simple mixin around ReactLink.forState().
- * See https://facebook.github.io/react/docs/two-way-binding-helpers.html
- */
-var LinkedStateMixin = {
-  /**
-   * Create a ReactLink that's linked to part of this component's state. The
-   * ReactLink will have the current value of this.state[key] and will call
-   * setState() when a change is requested.
-   *
-   * @param {string} key state key to update.
-   * @return {ReactLink} ReactLink instance linking to the state.
-   */
-  linkState: function (key) {
-    return new ReactLink(this.state[key], ReactStateSetters.createStateKeySetter(this, key));
-  }
-};
-
-module.exports = LinkedStateMixin;

package/lib/ReactComponentTreeDevtool.js

@@ -1,14 +0,0 @@
-/**
- * Copyright 2016-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- */
-'use strict';
-
-// TODO remove this proxy when RN/www gets updated
-
-module.exports = require('./ReactComponentTreeHook');

package/lib/ReactLink.js

@@ -1,50 +0,0 @@
-/**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- */
-
-'use strict';
-
-/**
- * ReactLink encapsulates a common pattern in which a component wants to modify
- * a prop received from its parent. ReactLink allows the parent to pass down a
- * value coupled with a callback that, when invoked, expresses an intent to
- * modify that value. For example:
- *
- * React.createClass({
- *   getInitialState: function() {
- *     return {value: ''};
- *   },
- *   render: function() {
- *     var valueLink = new ReactLink(this.state.value, this._handleValueChange);
- *     return <input valueLink={valueLink} />;
- *   },
- *   _handleValueChange: function(newValue) {
- *     this.setState({value: newValue});
- *   }
- * });
- *
- * We have provided some sugary mixins to make the creation and
- * consumption of ReactLink easier; see LinkedValueUtils and LinkedStateMixin.
- */
-
-var React = require('./React');
-
-/**
- * Deprecated: An an easy way to express two-way binding with React. 
- * See https://facebook.github.io/react/docs/two-way-binding-helpers.html
- *
- * @param {*} value current value of the link
- * @param {function} requestChange callback to request a change
- */
-function ReactLink(value, requestChange) {
-  this.value = value;
-  this.requestChange = requestChange;
-}
-
-module.exports = ReactLink;

package/lib/ReactPropTypesSecret.js

@@ -1,16 +0,0 @@
-/**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * 
- */
-
-'use strict';
-
-var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-
-module.exports = ReactPropTypesSecret;