react-dom 15.4.0-rc.4 → 15.4.0

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.
@@ -13,19 +13,17 @@
13
13
 
14
14
  var REACT_ELEMENT_TYPE = require('./ReactElementSymbol');
15
15
 
16
- var _require = require('./ReactCoroutine');
17
-
18
- var REACT_COROUTINE_TYPE = _require.REACT_COROUTINE_TYPE;
19
- var REACT_YIELD_TYPE = _require.REACT_YIELD_TYPE;
20
-
16
+ var _require = require('./ReactCoroutine'),
17
+ REACT_COROUTINE_TYPE = _require.REACT_COROUTINE_TYPE,
18
+ REACT_YIELD_TYPE = _require.REACT_YIELD_TYPE;
21
19
 
22
20
  var ReactFiber = require('./ReactFiber');
23
21
  var ReactReifiedYield = require('./ReactReifiedYield');
24
22
 
25
- var cloneFiber = ReactFiber.cloneFiber;
26
- var createFiberFromElement = ReactFiber.createFiberFromElement;
27
- var createFiberFromCoroutine = ReactFiber.createFiberFromCoroutine;
28
- var createFiberFromYield = ReactFiber.createFiberFromYield;
23
+ var cloneFiber = ReactFiber.cloneFiber,
24
+ createFiberFromElement = ReactFiber.createFiberFromElement,
25
+ createFiberFromCoroutine = ReactFiber.createFiberFromCoroutine,
26
+ createFiberFromYield = ReactFiber.createFiberFromYield;
29
27
  var createReifiedYield = ReactReifiedYield.createReifiedYield;
30
28
 
31
29
 
@@ -841,10 +841,10 @@ var ReactCompositeComponent = {
841
841
  * @final
842
842
  * @private
843
843
  */
844
- attachRef: function (ref, component, transaction) {
844
+ attachRef: function (ref, component) {
845
845
  var inst = this.getPublicInstance();
846
846
  !(inst != null) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'Stateless function components cannot have refs.') : _prodInvariant('110') : void 0;
847
- var publicComponentInstance = component.getPublicInstance(transaction);
847
+ var publicComponentInstance = component.getPublicInstance();
848
848
  if (process.env.NODE_ENV !== 'production') {
849
849
  var componentName = component && component.getName ? component.getName() : 'a component';
850
850
  process.env.NODE_ENV !== 'production' ? warning(publicComponentInstance != null || component._compositeType !== CompositeTypes.StatelessFunctional, 'Stateless function components cannot be given refs ' + '(See ref "%s" in %s created by %s). ' + 'Attempts to access this ref will fail.', ref, componentName, this.getName()) : void 0;
@@ -164,12 +164,11 @@ function pauseCurrentLifeCycleTimer() {
164
164
  }
165
165
 
166
166
  function resumeCurrentLifeCycleTimer() {
167
- var _lifeCycleTimerStack$ = lifeCycleTimerStack.pop();
168
-
169
- var startTime = _lifeCycleTimerStack$.startTime;
170
- var nestedFlushStartTime = _lifeCycleTimerStack$.nestedFlushStartTime;
171
- var debugID = _lifeCycleTimerStack$.debugID;
172
- var timerType = _lifeCycleTimerStack$.timerType;
167
+ var _lifeCycleTimerStack$ = lifeCycleTimerStack.pop(),
168
+ startTime = _lifeCycleTimerStack$.startTime,
169
+ nestedFlushStartTime = _lifeCycleTimerStack$.nestedFlushStartTime,
170
+ debugID = _lifeCycleTimerStack$.debugID,
171
+ timerType = _lifeCycleTimerStack$.timerType;
173
172
 
174
173
  var nestedFlushDuration = performanceNow() - nestedFlushStartTime;
175
174
  currentTimerStartTime = startTime;
package/lib/ReactFiber.js CHANGED
@@ -12,16 +12,15 @@
12
12
  'use strict';
13
13
 
14
14
  var ReactTypeOfWork = require('./ReactTypeOfWork');
15
- var IndeterminateComponent = ReactTypeOfWork.IndeterminateComponent;
16
- var ClassComponent = ReactTypeOfWork.ClassComponent;
17
- var HostContainer = ReactTypeOfWork.HostContainer;
18
- var HostComponent = ReactTypeOfWork.HostComponent;
19
- var CoroutineComponent = ReactTypeOfWork.CoroutineComponent;
20
- var YieldComponent = ReactTypeOfWork.YieldComponent;
15
+ var IndeterminateComponent = ReactTypeOfWork.IndeterminateComponent,
16
+ ClassComponent = ReactTypeOfWork.ClassComponent,
17
+ HostContainer = ReactTypeOfWork.HostContainer,
18
+ HostComponent = ReactTypeOfWork.HostComponent,
19
+ CoroutineComponent = ReactTypeOfWork.CoroutineComponent,
20
+ YieldComponent = ReactTypeOfWork.YieldComponent;
21
21
 
22
- var _require = require('./ReactPriorityLevel');
23
-
24
- var NoWork = _require.NoWork;
22
+ var _require = require('./ReactPriorityLevel'),
23
+ NoWork = _require.NoWork;
25
24
 
26
25
  // An Instance is shared between all versions of a component. We can easily
27
26
  // break this out into a separate object to avoid copying so much to the
@@ -32,6 +31,7 @@ var NoWork = _require.NoWork;
32
31
  // A Fiber is work on a Component that needs to be done or was done. There can
33
32
  // be more than one per component.
34
33
 
34
+
35
35
  // This is a constructor of a POJO instead of a constructor function for a few
36
36
  // reasons:
37
37
  // 1) Nobody should add any instance methods on this. Instance methods can be
@@ -11,37 +11,33 @@
11
11
 
12
12
  'use strict';
13
13
 
14
- var _require = require('./ReactChildFiber');
14
+ var _require = require('./ReactChildFiber'),
15
+ reconcileChildFibers = _require.reconcileChildFibers,
16
+ reconcileChildFibersInPlace = _require.reconcileChildFibersInPlace,
17
+ cloneChildFibers = _require.cloneChildFibers;
15
18
 
16
- var reconcileChildFibers = _require.reconcileChildFibers;
17
- var reconcileChildFibersInPlace = _require.reconcileChildFibersInPlace;
18
- var cloneChildFibers = _require.cloneChildFibers;
19
-
20
- var _require2 = require('./ReactPriorityLevel');
21
-
22
- var LowPriority = _require2.LowPriority;
19
+ var _require2 = require('./ReactPriorityLevel'),
20
+ LowPriority = _require2.LowPriority;
23
21
 
24
22
  var ReactTypeOfWork = require('./ReactTypeOfWork');
25
- var IndeterminateComponent = ReactTypeOfWork.IndeterminateComponent;
26
- var FunctionalComponent = ReactTypeOfWork.FunctionalComponent;
27
- var ClassComponent = ReactTypeOfWork.ClassComponent;
28
- var HostContainer = ReactTypeOfWork.HostContainer;
29
- var HostComponent = ReactTypeOfWork.HostComponent;
30
- var CoroutineComponent = ReactTypeOfWork.CoroutineComponent;
31
- var CoroutineHandlerPhase = ReactTypeOfWork.CoroutineHandlerPhase;
32
- var YieldComponent = ReactTypeOfWork.YieldComponent;
33
-
34
- var _require3 = require('./ReactPriorityLevel');
35
-
36
- var NoWork = _require3.NoWork;
37
- var OffscreenPriority = _require3.OffscreenPriority;
38
-
39
- var _require4 = require('./ReactFiberUpdateQueue');
40
-
41
- var createUpdateQueue = _require4.createUpdateQueue;
42
- var addToQueue = _require4.addToQueue;
43
- var addCallbackToQueue = _require4.addCallbackToQueue;
44
- var mergeUpdateQueue = _require4.mergeUpdateQueue;
23
+ var IndeterminateComponent = ReactTypeOfWork.IndeterminateComponent,
24
+ FunctionalComponent = ReactTypeOfWork.FunctionalComponent,
25
+ ClassComponent = ReactTypeOfWork.ClassComponent,
26
+ HostContainer = ReactTypeOfWork.HostContainer,
27
+ HostComponent = ReactTypeOfWork.HostComponent,
28
+ CoroutineComponent = ReactTypeOfWork.CoroutineComponent,
29
+ CoroutineHandlerPhase = ReactTypeOfWork.CoroutineHandlerPhase,
30
+ YieldComponent = ReactTypeOfWork.YieldComponent;
31
+
32
+ var _require3 = require('./ReactPriorityLevel'),
33
+ NoWork = _require3.NoWork,
34
+ OffscreenPriority = _require3.OffscreenPriority;
35
+
36
+ var _require4 = require('./ReactFiberUpdateQueue'),
37
+ createUpdateQueue = _require4.createUpdateQueue,
38
+ addToQueue = _require4.addToQueue,
39
+ addCallbackToQueue = _require4.addCallbackToQueue,
40
+ mergeUpdateQueue = _require4.mergeUpdateQueue;
45
41
 
46
42
  var ReactInstanceMap = require('./ReactInstanceMap');
47
43
 
@@ -103,9 +99,8 @@ module.exports = function (config, getScheduler) {
103
99
  }
104
100
 
105
101
  function scheduleUpdate(fiber, updateQueue, priorityLevel) {
106
- var _getScheduler = getScheduler();
107
-
108
- var scheduleDeferredWork = _getScheduler.scheduleDeferredWork;
102
+ var _getScheduler = getScheduler(),
103
+ scheduleDeferredWork = _getScheduler.scheduleDeferredWork;
109
104
 
110
105
  fiber.updateQueue = updateQueue;
111
106
  // Schedule update on the alternate as well, since we don't know which tree
@@ -12,14 +12,12 @@
12
12
  'use strict';
13
13
 
14
14
  var ReactTypeOfWork = require('./ReactTypeOfWork');
15
- var ClassComponent = ReactTypeOfWork.ClassComponent;
16
- var HostContainer = ReactTypeOfWork.HostContainer;
17
- var HostComponent = ReactTypeOfWork.HostComponent;
18
-
19
- var _require = require('./ReactFiberUpdateQueue');
20
-
21
- var callCallbacks = _require.callCallbacks;
15
+ var ClassComponent = ReactTypeOfWork.ClassComponent,
16
+ HostContainer = ReactTypeOfWork.HostContainer,
17
+ HostComponent = ReactTypeOfWork.HostComponent;
22
18
 
19
+ var _require = require('./ReactFiberUpdateQueue'),
20
+ callCallbacks = _require.callCallbacks;
23
21
 
24
22
  module.exports = function (config) {
25
23
 
@@ -11,19 +11,18 @@
11
11
 
12
12
  'use strict';
13
13
 
14
- var _require = require('./ReactChildFiber');
15
-
16
- var reconcileChildFibers = _require.reconcileChildFibers;
14
+ var _require = require('./ReactChildFiber'),
15
+ reconcileChildFibers = _require.reconcileChildFibers;
17
16
 
18
17
  var ReactTypeOfWork = require('./ReactTypeOfWork');
19
- var IndeterminateComponent = ReactTypeOfWork.IndeterminateComponent;
20
- var FunctionalComponent = ReactTypeOfWork.FunctionalComponent;
21
- var ClassComponent = ReactTypeOfWork.ClassComponent;
22
- var HostContainer = ReactTypeOfWork.HostContainer;
23
- var HostComponent = ReactTypeOfWork.HostComponent;
24
- var CoroutineComponent = ReactTypeOfWork.CoroutineComponent;
25
- var CoroutineHandlerPhase = ReactTypeOfWork.CoroutineHandlerPhase;
26
- var YieldComponent = ReactTypeOfWork.YieldComponent;
18
+ var IndeterminateComponent = ReactTypeOfWork.IndeterminateComponent,
19
+ FunctionalComponent = ReactTypeOfWork.FunctionalComponent,
20
+ ClassComponent = ReactTypeOfWork.ClassComponent,
21
+ HostContainer = ReactTypeOfWork.HostContainer,
22
+ HostComponent = ReactTypeOfWork.HostComponent,
23
+ CoroutineComponent = ReactTypeOfWork.CoroutineComponent,
24
+ CoroutineHandlerPhase = ReactTypeOfWork.CoroutineHandlerPhase,
25
+ YieldComponent = ReactTypeOfWork.YieldComponent;
27
26
 
28
27
 
29
28
  module.exports = function (config) {
@@ -126,9 +125,9 @@ module.exports = function (config) {
126
125
  // merged it and assigned it to the instance. Transfer it from there.
127
126
  // Also need to transfer the props, because pendingProps will be null
128
127
  // in the case of an update
129
- var _workInProgress$state = workInProgress.stateNode;
130
- var state = _workInProgress$state.state;
131
- var props = _workInProgress$state.props;
128
+ var _workInProgress$state = workInProgress.stateNode,
129
+ state = _workInProgress$state.state,
130
+ props = _workInProgress$state.props;
132
131
 
133
132
  workInProgress.memoizedState = state;
134
133
  workInProgress.memoizedProps = props;
@@ -11,18 +11,15 @@
11
11
 
12
12
  'use strict';
13
13
 
14
- var _require = require('./ReactFiberRoot');
15
-
16
- var createFiberRoot = _require.createFiberRoot;
14
+ var _require = require('./ReactFiberRoot'),
15
+ createFiberRoot = _require.createFiberRoot;
17
16
 
18
17
  var ReactFiberScheduler = require('./ReactFiberScheduler');
19
18
 
20
19
  module.exports = function (config) {
21
- var _ReactFiberScheduler = ReactFiberScheduler(config);
22
-
23
- var scheduleWork = _ReactFiberScheduler.scheduleWork;
24
- var performWithPriority = _ReactFiberScheduler.performWithPriority;
25
-
20
+ var _ReactFiberScheduler = ReactFiberScheduler(config),
21
+ scheduleWork = _ReactFiberScheduler.scheduleWork,
22
+ performWithPriority = _ReactFiberScheduler.performWithPriority;
26
23
 
27
24
  return {
28
25
  mountContainer: function (element, containerInfo) {
@@ -11,10 +11,8 @@
11
11
 
12
12
  'use strict';
13
13
 
14
- var _require = require('./ReactFiber');
15
-
16
- var createHostContainerFiber = _require.createHostContainerFiber;
17
-
14
+ var _require = require('./ReactFiber'),
15
+ createHostContainerFiber = _require.createHostContainerFiber;
18
16
 
19
17
  exports.createFiberRoot = function (containerInfo) {
20
18
  // Cyclic construction. This cheats the type system right now because
@@ -15,17 +15,14 @@ var ReactFiberBeginWork = require('./ReactFiberBeginWork');
15
15
  var ReactFiberCompleteWork = require('./ReactFiberCompleteWork');
16
16
  var ReactFiberCommitWork = require('./ReactFiberCommitWork');
17
17
 
18
- var _require = require('./ReactFiber');
19
-
20
- var cloneFiber = _require.cloneFiber;
21
-
22
- var _require2 = require('./ReactPriorityLevel');
23
-
24
- var NoWork = _require2.NoWork;
25
- var LowPriority = _require2.LowPriority;
26
- var AnimationPriority = _require2.AnimationPriority;
27
- var SynchronousPriority = _require2.SynchronousPriority;
18
+ var _require = require('./ReactFiber'),
19
+ cloneFiber = _require.cloneFiber;
28
20
 
21
+ var _require2 = require('./ReactPriorityLevel'),
22
+ NoWork = _require2.NoWork,
23
+ LowPriority = _require2.LowPriority,
24
+ AnimationPriority = _require2.AnimationPriority,
25
+ SynchronousPriority = _require2.SynchronousPriority;
29
26
 
30
27
  var timeHeuristicForUnitOfWork = 1;
31
28
 
@@ -37,18 +34,14 @@ module.exports = function (config) {
37
34
  return scheduler;
38
35
  }
39
36
 
40
- var _ReactFiberBeginWork = ReactFiberBeginWork(config, getScheduler);
41
-
42
- var beginWork = _ReactFiberBeginWork.beginWork;
43
-
44
- var _ReactFiberCompleteWo = ReactFiberCompleteWork(config);
45
-
46
- var completeWork = _ReactFiberCompleteWo.completeWork;
47
-
48
- var _ReactFiberCommitWork = ReactFiberCommitWork(config);
37
+ var _ReactFiberBeginWork = ReactFiberBeginWork(config, getScheduler),
38
+ beginWork = _ReactFiberBeginWork.beginWork;
49
39
 
50
- var commitWork = _ReactFiberCommitWork.commitWork;
40
+ var _ReactFiberCompleteWo = ReactFiberCompleteWork(config),
41
+ completeWork = _ReactFiberCompleteWo.completeWork;
51
42
 
43
+ var _ReactFiberCommitWork = ReactFiberCommitWork(config),
44
+ commitWork = _ReactFiberCommitWork.commitWork;
52
45
 
53
46
  var scheduleAnimationCallback = config.scheduleAnimationCallback;
54
47
  var scheduleDeferredCallback = config.scheduleDeferredCallback;
package/lib/ReactOwner.js CHANGED
@@ -64,9 +64,9 @@ var ReactOwner = {
64
64
  * @final
65
65
  * @internal
66
66
  */
67
- addComponentAsRefTo: function (component, ref, owner, transaction) {
67
+ addComponentAsRefTo: function (component, ref, owner) {
68
68
  !isValidOwner(owner) ? process.env.NODE_ENV !== 'production' ? invariant(false, 'addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component\'s `render` method, or you have multiple copies of React loaded (details: https://fb.me/react-refs-must-have-owner).') : _prodInvariant('119') : void 0;
69
- owner.attachRef(ref, component, transaction);
69
+ owner.attachRef(ref, component);
70
70
  },
71
71
 
72
72
  /**
package/lib/ReactPerf.js CHANGED
@@ -88,13 +88,13 @@ function getExclusive() {
88
88
  }
89
89
 
90
90
  flushHistory.forEach(function (flush) {
91
- var measurements = flush.measurements;
92
- var treeSnapshot = flush.treeSnapshot;
91
+ var measurements = flush.measurements,
92
+ treeSnapshot = flush.treeSnapshot;
93
93
 
94
94
  measurements.forEach(function (measurement) {
95
- var duration = measurement.duration;
96
- var instanceID = measurement.instanceID;
97
- var timerType = measurement.timerType;
95
+ var duration = measurement.duration,
96
+ instanceID = measurement.instanceID,
97
+ timerType = measurement.timerType;
98
98
 
99
99
  updateAggregatedStats(treeSnapshot, instanceID, timerType, function (stats) {
100
100
  stats.totalDuration += duration;
@@ -125,9 +125,9 @@ function getInclusive() {
125
125
  var affectedIDs = {};
126
126
 
127
127
  function updateAggregatedStats(treeSnapshot, instanceID, applyUpdate) {
128
- var _treeSnapshot$instanc = treeSnapshot[instanceID];
129
- var displayName = _treeSnapshot$instanc.displayName;
130
- var ownerID = _treeSnapshot$instanc.ownerID;
128
+ var _treeSnapshot$instanc = treeSnapshot[instanceID],
129
+ displayName = _treeSnapshot$instanc.displayName,
130
+ ownerID = _treeSnapshot$instanc.ownerID;
131
131
 
132
132
  var owner = treeSnapshot[ownerID];
133
133
  var key = (owner ? owner.displayName + ' > ' : '') + displayName;
@@ -150,8 +150,8 @@ function getInclusive() {
150
150
  var measurements = flush.measurements;
151
151
 
152
152
  measurements.forEach(function (measurement) {
153
- var instanceID = measurement.instanceID;
154
- var timerType = measurement.timerType;
153
+ var instanceID = measurement.instanceID,
154
+ timerType = measurement.timerType;
155
155
 
156
156
  if (timerType !== 'render') {
157
157
  return;
@@ -161,13 +161,13 @@ function getInclusive() {
161
161
  });
162
162
 
163
163
  flushHistory.forEach(function (flush) {
164
- var measurements = flush.measurements;
165
- var treeSnapshot = flush.treeSnapshot;
164
+ var measurements = flush.measurements,
165
+ treeSnapshot = flush.treeSnapshot;
166
166
 
167
167
  measurements.forEach(function (measurement) {
168
- var duration = measurement.duration;
169
- var instanceID = measurement.instanceID;
170
- var timerType = measurement.timerType;
168
+ var duration = measurement.duration,
169
+ instanceID = measurement.instanceID,
170
+ timerType = measurement.timerType;
171
171
 
172
172
  if (timerType !== 'render') {
173
173
  return;
@@ -210,9 +210,9 @@ function getWasted() {
210
210
  var affectedIDs = {};
211
211
 
212
212
  function updateAggregatedStats(treeSnapshot, instanceID, applyUpdate) {
213
- var _treeSnapshot$instanc2 = treeSnapshot[instanceID];
214
- var displayName = _treeSnapshot$instanc2.displayName;
215
- var ownerID = _treeSnapshot$instanc2.ownerID;
213
+ var _treeSnapshot$instanc2 = treeSnapshot[instanceID],
214
+ displayName = _treeSnapshot$instanc2.displayName,
215
+ ownerID = _treeSnapshot$instanc2.ownerID;
216
216
 
217
217
  var owner = treeSnapshot[ownerID];
218
218
  var key = (owner ? owner.displayName + ' > ' : '') + displayName;
@@ -231,9 +231,9 @@ function getWasted() {
231
231
  }
232
232
 
233
233
  flushHistory.forEach(function (flush) {
234
- var measurements = flush.measurements;
235
- var treeSnapshot = flush.treeSnapshot;
236
- var operations = flush.operations;
234
+ var measurements = flush.measurements,
235
+ treeSnapshot = flush.treeSnapshot,
236
+ operations = flush.operations;
237
237
 
238
238
  var isDefinitelyNotWastedByID = {};
239
239
 
@@ -253,8 +253,8 @@ function getWasted() {
253
253
  // These are potential candidates for being wasted renders.
254
254
  var renderedCompositeIDs = {};
255
255
  measurements.forEach(function (measurement) {
256
- var instanceID = measurement.instanceID;
257
- var timerType = measurement.timerType;
256
+ var instanceID = measurement.instanceID,
257
+ timerType = measurement.timerType;
258
258
 
259
259
  if (timerType !== 'render') {
260
260
  return;
@@ -263,9 +263,9 @@ function getWasted() {
263
263
  });
264
264
 
265
265
  measurements.forEach(function (measurement) {
266
- var duration = measurement.duration;
267
- var instanceID = measurement.instanceID;
268
- var timerType = measurement.timerType;
266
+ var duration = measurement.duration,
267
+ instanceID = measurement.instanceID,
268
+ timerType = measurement.timerType;
269
269
 
270
270
  if (timerType !== 'render') {
271
271
  return;
@@ -318,16 +318,16 @@ function getOperations() {
318
318
 
319
319
  var stats = [];
320
320
  flushHistory.forEach(function (flush, flushIndex) {
321
- var operations = flush.operations;
322
- var treeSnapshot = flush.treeSnapshot;
321
+ var operations = flush.operations,
322
+ treeSnapshot = flush.treeSnapshot;
323
323
 
324
324
  operations.forEach(function (operation) {
325
- var instanceID = operation.instanceID;
326
- var type = operation.type;
327
- var payload = operation.payload;
328
- var _treeSnapshot$instanc3 = treeSnapshot[instanceID];
329
- var displayName = _treeSnapshot$instanc3.displayName;
330
- var ownerID = _treeSnapshot$instanc3.ownerID;
325
+ var instanceID = operation.instanceID,
326
+ type = operation.type,
327
+ payload = operation.payload;
328
+ var _treeSnapshot$instanc3 = treeSnapshot[instanceID],
329
+ displayName = _treeSnapshot$instanc3.displayName,
330
+ ownerID = _treeSnapshot$instanc3.ownerID;
331
331
 
332
332
  var owner = treeSnapshot[ownerID];
333
333
  var key = (owner ? owner.displayName + ' > ' : '') + displayName;
@@ -353,9 +353,9 @@ function printExclusive(flushHistory) {
353
353
 
354
354
  var stats = getExclusive(flushHistory);
355
355
  var table = stats.map(function (item) {
356
- var key = item.key;
357
- var instanceCount = item.instanceCount;
358
- var totalDuration = item.totalDuration;
356
+ var key = item.key,
357
+ instanceCount = item.instanceCount,
358
+ totalDuration = item.totalDuration;
359
359
 
360
360
  var renderCount = item.counts.render || 0;
361
361
  var renderDuration = item.durations.render || 0;
@@ -380,10 +380,10 @@ function printInclusive(flushHistory) {
380
380
 
381
381
  var stats = getInclusive(flushHistory);
382
382
  var table = stats.map(function (item) {
383
- var key = item.key;
384
- var instanceCount = item.instanceCount;
385
- var inclusiveRenderDuration = item.inclusiveRenderDuration;
386
- var renderCount = item.renderCount;
383
+ var key = item.key,
384
+ instanceCount = item.instanceCount,
385
+ inclusiveRenderDuration = item.inclusiveRenderDuration,
386
+ renderCount = item.renderCount;
387
387
 
388
388
  return {
389
389
  'Owner > Component': key,
@@ -403,10 +403,10 @@ function printWasted(flushHistory) {
403
403
 
404
404
  var stats = getWasted(flushHistory);
405
405
  var table = stats.map(function (item) {
406
- var key = item.key;
407
- var instanceCount = item.instanceCount;
408
- var inclusiveRenderDuration = item.inclusiveRenderDuration;
409
- var renderCount = item.renderCount;
406
+ var key = item.key,
407
+ instanceCount = item.instanceCount,
408
+ inclusiveRenderDuration = item.inclusiveRenderDuration,
409
+ renderCount = item.renderCount;
410
410
 
411
411
  return {
412
412
  'Owner > Component': key,
@@ -19,8 +19,8 @@ var warning = require('fbjs/lib/warning');
19
19
  * Helper to call ReactRef.attachRefs with this composite component, split out
20
20
  * to avoid allocations in the transaction mount-ready queue.
21
21
  */
22
- function attachRefs(transaction) {
23
- ReactRef.attachRefs(this, this._currentElement, transaction);
22
+ function attachRefs() {
23
+ ReactRef.attachRefs(this, this._currentElement);
24
24
  }
25
25
 
26
26
  var ReactReconciler = {
package/lib/ReactRef.js CHANGED
@@ -15,12 +15,12 @@ var ReactOwner = require('./ReactOwner');
15
15
 
16
16
  var ReactRef = {};
17
17
 
18
- function attachRef(ref, component, owner, transaction) {
18
+ function attachRef(ref, component, owner) {
19
19
  if (typeof ref === 'function') {
20
- ref(component.getPublicInstance(transaction));
20
+ ref(component.getPublicInstance());
21
21
  } else {
22
22
  // Legacy ref
23
- ReactOwner.addComponentAsRefTo(component, ref, owner, transaction);
23
+ ReactOwner.addComponentAsRefTo(component, ref, owner);
24
24
  }
25
25
  }
26
26
 
@@ -33,13 +33,13 @@ function detachRef(ref, component, owner) {
33
33
  }
34
34
  }
35
35
 
36
- ReactRef.attachRefs = function (instance, element, transaction) {
36
+ ReactRef.attachRefs = function (instance, element) {
37
37
  if (element === null || typeof element !== 'object') {
38
38
  return;
39
39
  }
40
40
  var ref = element.ref;
41
41
  if (ref != null) {
42
- attachRef(ref, instance, element._owner, transaction);
42
+ attachRef(ref, instance, element._owner);
43
43
  }
44
44
  };
45
45
 
@@ -11,10 +11,8 @@
11
11
 
12
12
  'use strict';
13
13
 
14
- var _require = require('./ReactFiber');
15
-
16
- var createFiberFromElementType = _require.createFiberFromElementType;
17
-
14
+ var _require = require('./ReactFiber'),
15
+ createFiberFromElementType = _require.createFiberFromElementType;
18
16
 
19
17
  exports.createReifiedYield = function (yieldNode) {
20
18
  var fiber = createFiberFromElementType(yieldNode.continuation, yieldNode.key);
@@ -22,10 +22,9 @@ var ReactReconciler = require('./ReactReconciler');
22
22
  var ReactUpdates = require('./ReactUpdates');
23
23
 
24
24
  var emptyObject = require('fbjs/lib/emptyObject');
25
+ var getNextDebugID = require('./getNextDebugID');
25
26
  var invariant = require('fbjs/lib/invariant');
26
27
 
27
- var nextDebugID = 1;
28
-
29
28
  var NoopInternalComponent = function () {
30
29
  function NoopInternalComponent(element) {
31
30
  _classCallCheck(this, NoopInternalComponent);
@@ -34,7 +33,7 @@ var NoopInternalComponent = function () {
34
33
  this._currentElement = element;
35
34
 
36
35
  if (process.env.NODE_ENV !== 'production') {
37
- this._debugID = nextDebugID++;
36
+ this._debugID = getNextDebugID();
38
37
  }
39
38
  }
40
39
 
@@ -61,7 +60,7 @@ var NoopInternalComponent = function () {
61
60
  var ShallowComponentWrapper = function (element) {
62
61
  // TODO: Consolidate with instantiateReactComponent
63
62
  if (process.env.NODE_ENV !== 'production') {
64
- this._debugID = nextDebugID++;
63
+ this._debugID = getNextDebugID();
65
64
  }
66
65
 
67
66
  this.construct(element);
@@ -69,14 +69,14 @@ function findAllInRenderedTreeInternal(inst, test) {
69
69
  * @lends ReactTestUtils
70
70
  */
71
71
  var ReactTestUtils = {
72
- renderIntoDocument: function (instance) {
72
+ renderIntoDocument: function (element) {
73
73
  var div = document.createElement('div');
74
74
  // None of our tests actually require attaching the container to the
75
75
  // DOM, and doing so creates a mess that we rely on test isolation to
76
76
  // clean up, so we're going to stop honoring the name of this method
77
77
  // (and probably rename it eventually) if no problems arise.
78
78
  // document.documentElement.appendChild(div);
79
- return ReactDOM.render(instance, div);
79
+ return ReactDOM.render(element, div);
80
80
  },
81
81
 
82
82
  isElement: function (element) {
@@ -10,4 +10,4 @@
10
10
 
11
11
  'use strict';
12
12
 
13
- module.exports = '15.4.0-rc.4';
13
+ module.exports = '15.4.0';
@@ -18,9 +18,9 @@ var EventPluginUtils = require('./EventPluginUtils');
18
18
  var invariant = require('fbjs/lib/invariant');
19
19
  var warning = require('fbjs/lib/warning');
20
20
 
21
- var isEndish = EventPluginUtils.isEndish;
22
- var isMoveish = EventPluginUtils.isMoveish;
23
- var isStartish = EventPluginUtils.isStartish;
21
+ var isEndish = EventPluginUtils.isEndish,
22
+ isMoveish = EventPluginUtils.isMoveish,
23
+ isStartish = EventPluginUtils.isStartish;
24
24
 
25
25
  /**
26
26
  * Tracks the position and time of each active touch by `touch.identifier`. We