diff --git a/Libraries/Renderer/REVISION b/Libraries/Renderer/REVISION
index 1caaa5f39..75daa905d 100644
--- a/Libraries/Renderer/REVISION
+++ b/Libraries/Renderer/REVISION
@@ -1 +1 @@
-589c0a25dfa18c2090549cc6f5b626d69ea53c2a
\ No newline at end of file
+2d23a4563ef2bec7d90c4a7edff2657c890b4334
\ No newline at end of file
diff --git a/Libraries/Renderer/ReactNativeFiber-dev.js b/Libraries/Renderer/ReactNativeFiber-dev.js
deleted file mode 100644
index 7de81ef95..000000000
--- a/Libraries/Renderer/ReactNativeFiber-dev.js
+++ /dev/null
@@ -1,3997 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @noflow
- * @providesModule ReactNativeFiber-dev
- */
-"use strict";
-
-__DEV__ && function() {
- var invariant = require("fbjs/lib/invariant"), require$$0 = require("fbjs/lib/warning"), ExceptionsManager = require("ExceptionsManager"), emptyObject = require("fbjs/lib/emptyObject"), react = require("react"), checkPropTypes = require("prop-types/checkPropTypes"), shallowEqual = require("fbjs/lib/shallowEqual"), deepDiffer = require("deepDiffer"), flattenStyle = require("flattenStyle"), TextInputState = require("TextInputState"), UIManager = require("UIManager"), deepFreezeAndThrowOnMutationInDev = require("deepFreezeAndThrowOnMutationInDev");
- require("InitializeCore");
- var RCTEventEmitter = require("RCTEventEmitter"), emptyFunction = require("fbjs/lib/emptyFunction"), defaultShowDialog = function(capturedError) {
- return !0;
- }, showDialog = defaultShowDialog;
- function logCapturedError(capturedError) {
- if (!1 !== showDialog(capturedError)) {
- var componentName = (capturedError.error, capturedError.componentName), componentStack = capturedError.componentStack, errorBoundaryName = capturedError.errorBoundaryName, errorBoundaryFound = capturedError.errorBoundaryFound, willRetry = capturedError.willRetry, componentNameMessage = componentName ? "The above error occurred in the <" + componentName + "> component:" : "The above error occurred in one of your React components:", errorBoundaryMessage = void 0;
- errorBoundaryMessage = errorBoundaryFound && errorBoundaryName ? willRetry ? "React will try to recreate this component tree from scratch " + "using the error boundary you provided, " + errorBoundaryName + "." : "This error was initially handled by the error boundary " + errorBoundaryName + ".\n" + "Recreating the tree from scratch failed so React will unmount the tree." : "Consider adding an error boundary to your tree to customize error handling behavior.\n" + "You can learn more about error boundaries at https://fb.me/react-error-boundaries.";
- var combinedMessage = "" + componentNameMessage + componentStack + "\n\n" + errorBoundaryMessage;
- console.error(combinedMessage);
- }
- }
- var injection = {
- injectDialog: function(fn) {
- invariant(showDialog === defaultShowDialog, "The custom dialog was already injected."),
- invariant("function" == typeof fn, "Injected showDialog() must be a function."),
- showDialog = fn;
- }
- }, logCapturedError_1 = logCapturedError, ReactFiberErrorLogger = {
- injection: injection,
- logCapturedError: logCapturedError_1
- }, ReactErrorUtils = {
- _caughtError: null,
- _hasCaughtError: !1,
- _rethrowError: null,
- _hasRethrowError: !1,
- injection: {
- injectErrorUtils: function(injectedErrorUtils) {
- invariant("function" == typeof injectedErrorUtils.invokeGuardedCallback, "Injected invokeGuardedCallback() must be a function."),
- invokeGuardedCallback = injectedErrorUtils.invokeGuardedCallback;
- }
- },
- invokeGuardedCallback: function(name, func, context, a, b, c, d, e, f) {
- invokeGuardedCallback.apply(ReactErrorUtils, arguments);
- },
- invokeGuardedCallbackAndCatchFirstError: function(name, func, context, a, b, c, d, e, f) {
- if (ReactErrorUtils.invokeGuardedCallback.apply(this, arguments), ReactErrorUtils.hasCaughtError()) {
- var error = ReactErrorUtils.clearCaughtError();
- ReactErrorUtils._hasRethrowError || (ReactErrorUtils._hasRethrowError = !0, ReactErrorUtils._rethrowError = error);
- }
- },
- rethrowCaughtError: function() {
- return rethrowCaughtError.apply(ReactErrorUtils, arguments);
- },
- hasCaughtError: function() {
- return ReactErrorUtils._hasCaughtError;
- },
- clearCaughtError: function() {
- if (ReactErrorUtils._hasCaughtError) {
- var error = ReactErrorUtils._caughtError;
- return ReactErrorUtils._caughtError = null, ReactErrorUtils._hasCaughtError = !1,
- error;
- }
- invariant(!1, "clearCaughtError was called but no error was captured. This error " + "is likely caused by a bug in React. Please file an issue.");
- }
- }, invokeGuardedCallback = function(name, func, context, a, b, c, d, e, f) {
- ReactErrorUtils._hasCaughtError = !1, ReactErrorUtils._caughtError = null;
- var funcArgs = Array.prototype.slice.call(arguments, 3);
- try {
- func.apply(context, funcArgs);
- } catch (error) {
- ReactErrorUtils._caughtError = error, ReactErrorUtils._hasCaughtError = !0;
- }
- };
- if ("undefined" != typeof window && "function" == typeof window.dispatchEvent && "undefined" != typeof document && "function" == typeof document.createEvent) {
- var fakeNode = document.createElement("react");
- invokeGuardedCallback = function(name, func, context, a, b, c, d, e, f) {
- var didError = !0, funcArgs = Array.prototype.slice.call(arguments, 3);
- function callCallback() {
- fakeNode.removeEventListener(evtType, callCallback, !1), func.apply(context, funcArgs),
- didError = !1;
- }
- var error = void 0, didSetError = !1, isCrossOriginError = !1;
- function onError(event) {
- error = event.error, didSetError = !0, null === error && 0 === event.colno && 0 === event.lineno && (isCrossOriginError = !0);
- }
- var evtType = "react-" + (name || "invokeguardedcallback");
- window.addEventListener("error", onError), fakeNode.addEventListener(evtType, callCallback, !1);
- var evt = document.createEvent("Event");
- evt.initEvent(evtType, !1, !1), fakeNode.dispatchEvent(evt), didError ? (didSetError ? isCrossOriginError && (error = new Error("A cross-origin error was thrown. React doesn't have access to " + "the actual error object in development. " + "See https://fb.me/react-crossorigin-error for more information.")) : error = new Error("An error was thrown inside one of your components, but React " + "doesn't know what it was. This is likely due to browser " + 'flakiness. React does its best to preserve the "Pause on ' + 'exceptions" behavior of the DevTools, which requires some ' + "DEV-mode only tricks. It's possible that these don't work in " + "your browser. Try triggering the error in production mode, " + "or switching to a modern browser. If you suspect that this is " + "actually an issue with React, please file an issue."),
- ReactErrorUtils._hasCaughtError = !0, ReactErrorUtils._caughtError = error) : (ReactErrorUtils._hasCaughtError = !1,
- ReactErrorUtils._caughtError = null), window.removeEventListener("error", onError);
- };
- }
- var ComponentTree, rethrowCaughtError = function() {
- if (ReactErrorUtils._hasRethrowError) {
- var error = ReactErrorUtils._rethrowError;
- throw ReactErrorUtils._rethrowError = null, ReactErrorUtils._hasRethrowError = !1,
- error;
- }
- }, ReactErrorUtils_1 = ReactErrorUtils, warning = require$$0, injection$1 = {
- injectComponentTree: function(Injected) {
- ComponentTree = Injected, warning(Injected && Injected.getNodeFromInstance && Injected.getInstanceFromNode, "EventPluginUtils.injection.injectComponentTree(...): Injected " + "module is missing getNodeFromInstance or getInstanceFromNode.");
- }
- };
- function isEndish(topLevelType) {
- return "topMouseUp" === topLevelType || "topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType;
- }
- function isMoveish(topLevelType) {
- return "topMouseMove" === topLevelType || "topTouchMove" === topLevelType;
- }
- function isStartish(topLevelType) {
- return "topMouseDown" === topLevelType || "topTouchStart" === topLevelType;
- }
- var validateEventDispatches;
- validateEventDispatches = function(event) {
- var dispatchListeners = event._dispatchListeners, dispatchInstances = event._dispatchInstances, listenersIsArr = Array.isArray(dispatchListeners), listenersLen = listenersIsArr ? dispatchListeners.length : dispatchListeners ? 1 : 0, instancesIsArr = Array.isArray(dispatchInstances), instancesLen = instancesIsArr ? dispatchInstances.length : dispatchInstances ? 1 : 0;
- warning(instancesIsArr === listenersIsArr && instancesLen === listenersLen, "EventPluginUtils: Invalid `event`.");
- };
- function executeDispatch(event, simulated, listener, inst) {
- var type = event.type || "unknown-event";
- event.currentTarget = EventPluginUtils.getNodeFromInstance(inst), ReactErrorUtils_1.invokeGuardedCallbackAndCatchFirstError(type, listener, void 0, event),
- event.currentTarget = null;
- }
- function executeDispatchesInOrder(event, simulated) {
- var dispatchListeners = event._dispatchListeners, dispatchInstances = event._dispatchInstances;
- if (validateEventDispatches(event), Array.isArray(dispatchListeners)) for (var i = 0; i < dispatchListeners.length && !event.isPropagationStopped(); i++) executeDispatch(event, simulated, dispatchListeners[i], dispatchInstances[i]); else dispatchListeners && executeDispatch(event, simulated, dispatchListeners, dispatchInstances);
- event._dispatchListeners = null, event._dispatchInstances = null;
- }
- function executeDispatchesInOrderStopAtTrueImpl(event) {
- var dispatchListeners = event._dispatchListeners, dispatchInstances = event._dispatchInstances;
- if (validateEventDispatches(event), Array.isArray(dispatchListeners)) {
- for (var i = 0; i < dispatchListeners.length && !event.isPropagationStopped(); i++) if (dispatchListeners[i](event, dispatchInstances[i])) return dispatchInstances[i];
- } else if (dispatchListeners && dispatchListeners(event, dispatchInstances)) return dispatchInstances;
- return null;
- }
- function executeDispatchesInOrderStopAtTrue(event) {
- var ret = executeDispatchesInOrderStopAtTrueImpl(event);
- return event._dispatchInstances = null, event._dispatchListeners = null, ret;
- }
- function executeDirectDispatch(event) {
- validateEventDispatches(event);
- var dispatchListener = event._dispatchListeners, dispatchInstance = event._dispatchInstances;
- invariant(!Array.isArray(dispatchListener), "executeDirectDispatch(...): Invalid `event`."),
- event.currentTarget = dispatchListener ? EventPluginUtils.getNodeFromInstance(dispatchInstance) : null;
- var res = dispatchListener ? dispatchListener(event) : null;
- return event.currentTarget = null, event._dispatchListeners = null, event._dispatchInstances = null,
- res;
- }
- function hasDispatches(event) {
- return !!event._dispatchListeners;
- }
- var EventPluginUtils = {
- isEndish: isEndish,
- isMoveish: isMoveish,
- isStartish: isStartish,
- executeDirectDispatch: executeDirectDispatch,
- executeDispatchesInOrder: executeDispatchesInOrder,
- executeDispatchesInOrderStopAtTrue: executeDispatchesInOrderStopAtTrue,
- hasDispatches: hasDispatches,
- getFiberCurrentPropsFromNode: function(node) {
- return ComponentTree.getFiberCurrentPropsFromNode(node);
- },
- getInstanceFromNode: function(node) {
- return ComponentTree.getInstanceFromNode(node);
- },
- getNodeFromInstance: function(node) {
- return ComponentTree.getNodeFromInstance(node);
- },
- injection: injection$1
- }, EventPluginUtils_1 = EventPluginUtils, fiberHostComponent = null, ReactControlledComponentInjection = {
- injectFiberControlledHostComponent: function(hostComponentImpl) {
- fiberHostComponent = hostComponentImpl;
- }
- }, restoreTarget = null, restoreQueue = null;
- function restoreStateOfTarget(target) {
- var internalInstance = EventPluginUtils_1.getInstanceFromNode(target);
- if (internalInstance) {
- invariant(fiberHostComponent && "function" == typeof fiberHostComponent.restoreControlledState, "Fiber needs to be injected to handle a fiber target for controlled " + "events. This error is likely caused by a bug in React. Please file an issue.");
- var props = EventPluginUtils_1.getFiberCurrentPropsFromNode(internalInstance.stateNode);
- fiberHostComponent.restoreControlledState(internalInstance.stateNode, internalInstance.type, props);
- }
- }
- var ReactControlledComponent = {
- injection: ReactControlledComponentInjection,
- enqueueStateRestore: function(target) {
- restoreTarget ? restoreQueue ? restoreQueue.push(target) : restoreQueue = [ target ] : restoreTarget = target;
- },
- restoreStateIfNeeded: function() {
- if (restoreTarget) {
- var target = restoreTarget, queuedTargets = restoreQueue;
- if (restoreTarget = null, restoreQueue = null, restoreStateOfTarget(target), queuedTargets) for (var i = 0; i < queuedTargets.length; i++) restoreStateOfTarget(queuedTargets[i]);
- }
- }
- }, ReactControlledComponent_1 = ReactControlledComponent, fiberBatchedUpdates = function(fn, bookkeeping) {
- return fn(bookkeeping);
- };
- function batchedUpdates(fn, bookkeeping) {
- return fiberBatchedUpdates(fn, bookkeeping);
- }
- var isNestingBatched = !1;
- function batchedUpdatesWithControlledComponents(fn, bookkeeping) {
- if (isNestingBatched) return batchedUpdates(fn, bookkeeping);
- isNestingBatched = !0;
- try {
- return batchedUpdates(fn, bookkeeping);
- } finally {
- isNestingBatched = !1, ReactControlledComponent_1.restoreStateIfNeeded();
- }
- }
- var ReactGenericBatchingInjection = {
- injectFiberBatchedUpdates: function(_batchedUpdates) {
- fiberBatchedUpdates = _batchedUpdates;
- }
- }, ReactGenericBatching = {
- batchedUpdates: batchedUpdatesWithControlledComponents,
- injection: ReactGenericBatchingInjection
- }, ReactGenericBatching_1 = ReactGenericBatching;
- function ReactNativeFiberErrorDialog(capturedError) {
- var componentStack = capturedError.componentStack, error = capturedError.error, errorToHandle = void 0;
- if (error instanceof Error) {
- var message = error.message, name = error.name, summary = message ? name + ": " + message : name;
- errorToHandle = error;
- try {
- errorToHandle.message = summary + "\n\nThis error is located at:" + componentStack;
- } catch (e) {}
- } else errorToHandle = "string" == typeof error ? new Error(error + "\n\nThis error is located at:" + componentStack) : new Error("Unspecified error at:" + componentStack);
- return ExceptionsManager.handleException(errorToHandle, !1), !1;
- }
- var showDialog$1 = ReactNativeFiberErrorDialog, ReactNativeFiberErrorDialog_1 = {
- showDialog: showDialog$1
- }, REACT_PORTAL_TYPE = "function" == typeof Symbol && Symbol.for && Symbol.for("react.portal") || 60106, createPortal = function(children, containerInfo, implementation) {
- var key = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : null;
- return {
- $$typeof: REACT_PORTAL_TYPE,
- key: null == key ? null : "" + key,
- children: children,
- containerInfo: containerInfo,
- implementation: implementation
- };
- }, isPortal = function(object) {
- return "object" == typeof object && null !== object && object.$$typeof === REACT_PORTAL_TYPE;
- }, REACT_PORTAL_TYPE_1 = REACT_PORTAL_TYPE, ReactPortal = {
- createPortal: createPortal,
- isPortal: isPortal,
- REACT_PORTAL_TYPE: REACT_PORTAL_TYPE_1
- }, instanceCache = {}, instanceProps = {};
- function precacheFiberNode(hostInst, tag) {
- instanceCache[tag] = hostInst;
- }
- function uncacheFiberNode(tag) {
- delete instanceCache[tag], delete instanceProps[tag];
- }
- function getInstanceFromTag(tag) {
- return instanceCache[tag] || null;
- }
- function getTagFromInstance(inst) {
- var tag = inst.stateNode._nativeTag;
- return invariant(tag, "All native instances should have a tag."), tag;
- }
- function getFiberCurrentPropsFromNode(stateNode) {
- return instanceProps[stateNode._nativeTag] || null;
- }
- function updateFiberProps(tag, props) {
- instanceProps[tag] = props;
- }
- var ReactNativeComponentTree = {
- getClosestInstanceFromNode: getInstanceFromTag,
- getInstanceFromNode: getInstanceFromTag,
- getNodeFromInstance: getTagFromInstance,
- precacheFiberNode: precacheFiberNode,
- uncacheFiberNode: uncacheFiberNode,
- getFiberCurrentPropsFromNode: getFiberCurrentPropsFromNode,
- updateFiberProps: updateFiberProps
- }, ReactNativeComponentTree_1 = ReactNativeComponentTree, commonjsGlobal = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self ? self : {}, ReactFeatureFlags = {
- enableAsyncSubtreeAPI: !0
- }, ReactFeatureFlags_1 = ReactFeatureFlags, ReactTypeOfSideEffect = {
- NoEffect: 0,
- PerformedWork: 1,
- Placement: 2,
- Update: 4,
- PlacementAndUpdate: 6,
- Deletion: 8,
- ContentReset: 16,
- Callback: 32,
- Err: 64,
- Ref: 128
- }, ReactPriorityLevel = {
- NoWork: 0,
- SynchronousPriority: 1,
- TaskPriority: 2,
- HighPriority: 3,
- LowPriority: 4,
- OffscreenPriority: 5
- }, ReactTypeOfWork = {
- IndeterminateComponent: 0,
- FunctionalComponent: 1,
- ClassComponent: 2,
- HostRoot: 3,
- HostPortal: 4,
- HostComponent: 5,
- HostText: 6,
- CoroutineComponent: 7,
- CoroutineHandlerPhase: 8,
- YieldComponent: 9,
- Fragment: 10
- }, CallbackEffect = ReactTypeOfSideEffect.Callback, NoWork = ReactPriorityLevel.NoWork, SynchronousPriority = ReactPriorityLevel.SynchronousPriority, TaskPriority = ReactPriorityLevel.TaskPriority, ClassComponent = ReactTypeOfWork.ClassComponent, HostRoot = ReactTypeOfWork.HostRoot, warning$2 = require$$0, _queue1 = void 0, _queue2 = void 0;
- function comparePriority(a, b) {
- return a !== TaskPriority && a !== SynchronousPriority || b !== TaskPriority && b !== SynchronousPriority ? a === NoWork && b !== NoWork ? -255 : a !== NoWork && b === NoWork ? 255 : a - b : 0;
- }
- function createUpdateQueue() {
- var queue = {
- first: null,
- last: null,
- hasForceUpdate: !1,
- callbackList: null
- };
- return queue.isProcessing = !1, queue;
- }
- function cloneUpdate(update) {
- return {
- priorityLevel: update.priorityLevel,
- partialState: update.partialState,
- callback: update.callback,
- isReplace: update.isReplace,
- isForced: update.isForced,
- isTopLevelUnmount: update.isTopLevelUnmount,
- next: null
- };
- }
- function insertUpdateIntoQueue(queue, update, insertAfter, insertBefore) {
- null !== insertAfter ? insertAfter.next = update : (update.next = queue.first, queue.first = update),
- null !== insertBefore ? update.next = insertBefore : queue.last = update;
- }
- function findInsertionPosition(queue, update) {
- var priorityLevel = update.priorityLevel, insertAfter = null, insertBefore = null;
- if (null !== queue.last && comparePriority(queue.last.priorityLevel, priorityLevel) <= 0) insertAfter = queue.last; else for (insertBefore = queue.first; null !== insertBefore && comparePriority(insertBefore.priorityLevel, priorityLevel) <= 0; ) insertAfter = insertBefore,
- insertBefore = insertBefore.next;
- return insertAfter;
- }
- function ensureUpdateQueues(fiber) {
- var alternateFiber = fiber.alternate, queue1 = fiber.updateQueue;
- null === queue1 && (queue1 = fiber.updateQueue = createUpdateQueue());
- var queue2 = void 0;
- null !== alternateFiber ? null === (queue2 = alternateFiber.updateQueue) && (queue2 = alternateFiber.updateQueue = createUpdateQueue()) : queue2 = null,
- _queue1 = queue1, _queue2 = queue2 !== queue1 ? queue2 : null;
- }
- function insertUpdate(fiber, update) {
- ensureUpdateQueues(fiber);
- var queue1 = _queue1, queue2 = _queue2;
- (queue1.isProcessing || null !== queue2 && queue2.isProcessing) && warning$2(!1, "An update (setState, replaceState, or forceUpdate) was scheduled " + "from inside an update function. Update functions should be pure, " + "with zero side-effects. Consider using componentDidUpdate or a " + "callback.");
- var insertAfter1 = findInsertionPosition(queue1, update), insertBefore1 = null !== insertAfter1 ? insertAfter1.next : queue1.first;
- if (null === queue2) return insertUpdateIntoQueue(queue1, update, insertAfter1, insertBefore1),
- null;
- var insertAfter2 = findInsertionPosition(queue2, update), insertBefore2 = null !== insertAfter2 ? insertAfter2.next : queue2.first;
- if (insertUpdateIntoQueue(queue1, update, insertAfter1, insertBefore1), insertBefore1 === insertBefore2 && null !== insertBefore1 || insertAfter1 === insertAfter2 && null !== insertAfter1) return null === insertAfter2 && (queue2.first = update),
- null === insertBefore2 && (queue2.last = null), null;
- var update2 = cloneUpdate(update);
- return insertUpdateIntoQueue(queue2, update2, insertAfter2, insertBefore2), update2;
- }
- function addUpdate(fiber, partialState, callback, priorityLevel) {
- insertUpdate(fiber, {
- priorityLevel: priorityLevel,
- partialState: partialState,
- callback: callback,
- isReplace: !1,
- isForced: !1,
- isTopLevelUnmount: !1,
- next: null
- });
- }
- var addUpdate_1 = addUpdate;
- function addReplaceUpdate(fiber, state, callback, priorityLevel) {
- insertUpdate(fiber, {
- priorityLevel: priorityLevel,
- partialState: state,
- callback: callback,
- isReplace: !0,
- isForced: !1,
- isTopLevelUnmount: !1,
- next: null
- });
- }
- var addReplaceUpdate_1 = addReplaceUpdate;
- function addForceUpdate(fiber, callback, priorityLevel) {
- insertUpdate(fiber, {
- priorityLevel: priorityLevel,
- partialState: null,
- callback: callback,
- isReplace: !1,
- isForced: !0,
- isTopLevelUnmount: !1,
- next: null
- });
- }
- var addForceUpdate_1 = addForceUpdate;
- function getUpdatePriority(fiber) {
- var updateQueue = fiber.updateQueue;
- return null === updateQueue ? NoWork : fiber.tag !== ClassComponent && fiber.tag !== HostRoot ? NoWork : null !== updateQueue.first ? updateQueue.first.priorityLevel : NoWork;
- }
- var getUpdatePriority_1 = getUpdatePriority;
- function addTopLevelUpdate$1(fiber, partialState, callback, priorityLevel) {
- var isTopLevelUnmount = null === partialState.element, update = {
- priorityLevel: priorityLevel,
- partialState: partialState,
- callback: callback,
- isReplace: !1,
- isForced: !1,
- isTopLevelUnmount: isTopLevelUnmount,
- next: null
- }, update2 = insertUpdate(fiber, update);
- if (isTopLevelUnmount) {
- var queue1 = _queue1, queue2 = _queue2;
- null !== queue1 && null !== update.next && (update.next = null, queue1.last = update),
- null !== queue2 && null !== update2 && null !== update2.next && (update2.next = null,
- queue2.last = update);
- }
- }
- var addTopLevelUpdate_1 = addTopLevelUpdate$1;
- function getStateFromUpdate(update, instance, prevState, props) {
- var partialState = update.partialState;
- if ("function" == typeof partialState) {
- return partialState.call(instance, prevState, props);
- }
- return partialState;
- }
- function beginUpdateQueue(current, workInProgress, queue, instance, prevState, props, priorityLevel) {
- if (null !== current && current.updateQueue === queue) {
- var currentQueue = queue;
- queue = workInProgress.updateQueue = {
- first: currentQueue.first,
- last: currentQueue.last,
- callbackList: null,
- hasForceUpdate: !1
- };
- }
- queue.isProcessing = !0;
- for (var callbackList = queue.callbackList, hasForceUpdate = queue.hasForceUpdate, state = prevState, dontMutatePrevState = !0, update = queue.first; null !== update && comparePriority(update.priorityLevel, priorityLevel) <= 0; ) {
- queue.first = update.next, null === queue.first && (queue.last = null);
- var _partialState = void 0;
- update.isReplace ? (state = getStateFromUpdate(update, instance, state, props),
- dontMutatePrevState = !0) : (_partialState = getStateFromUpdate(update, instance, state, props)) && (state = dontMutatePrevState ? Object.assign({}, state, _partialState) : Object.assign(state, _partialState),
- dontMutatePrevState = !1), update.isForced && (hasForceUpdate = !0), null === update.callback || update.isTopLevelUnmount && null !== update.next || (callbackList = null !== callbackList ? callbackList : [],
- callbackList.push(update.callback), workInProgress.effectTag |= CallbackEffect),
- update = update.next;
- }
- return queue.callbackList = callbackList, queue.hasForceUpdate = hasForceUpdate,
- null !== queue.first || null !== callbackList || hasForceUpdate || (workInProgress.updateQueue = null),
- queue.isProcessing = !1, state;
- }
- var beginUpdateQueue_1 = beginUpdateQueue;
- function commitCallbacks(finishedWork, queue, context) {
- var callbackList = queue.callbackList;
- if (null !== callbackList) {
- queue.callbackList = null;
- for (var i = 0; i < callbackList.length; i++) {
- var _callback = callbackList[i];
- invariant("function" == typeof _callback, "Invalid argument passed as callback. Expected a function. Instead " + "received: %s", _callback),
- _callback.call(context);
- }
- }
- }
- var commitCallbacks_1 = commitCallbacks, ReactFiberUpdateQueue = {
- addUpdate: addUpdate_1,
- addReplaceUpdate: addReplaceUpdate_1,
- addForceUpdate: addForceUpdate_1,
- getUpdatePriority: getUpdatePriority_1,
- addTopLevelUpdate: addTopLevelUpdate_1,
- beginUpdateQueue: beginUpdateQueue_1,
- commitCallbacks: commitCallbacks_1
- };
- function getComponentName$1(fiber) {
- var type = fiber.type;
- return "string" == typeof type ? type : "function" == typeof type ? type.displayName || type.name : null;
- }
- var getComponentName_1 = getComponentName$1, ReactInstanceMap = {
- remove: function(key) {
- key._reactInternalFiber = void 0;
- },
- get: function(key) {
- return key._reactInternalFiber;
- },
- has: function(key) {
- return void 0 !== key._reactInternalFiber;
- },
- set: function(key, value) {
- key._reactInternalFiber = value;
- }
- }, ReactInstanceMap_1 = ReactInstanceMap, ReactInternals = react.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, ReactGlobalSharedState = {
- ReactCurrentOwner: ReactInternals.ReactCurrentOwner
- };
- Object.assign(ReactGlobalSharedState, {
- ReactDebugCurrentFrame: ReactInternals.ReactDebugCurrentFrame
- });
- var ReactGlobalSharedState_1 = ReactGlobalSharedState, ReactCurrentOwner = ReactGlobalSharedState_1.ReactCurrentOwner, warning$4 = require$$0, ClassComponent$2 = ReactTypeOfWork.ClassComponent, HostComponent$1 = ReactTypeOfWork.HostComponent, HostRoot$2 = ReactTypeOfWork.HostRoot, HostPortal = ReactTypeOfWork.HostPortal, HostText = ReactTypeOfWork.HostText, NoEffect = ReactTypeOfSideEffect.NoEffect, Placement = ReactTypeOfSideEffect.Placement, MOUNTING = 1, MOUNTED = 2, UNMOUNTED = 3;
- function isFiberMountedImpl(fiber) {
- var node = fiber;
- if (fiber.alternate) for (;node.return; ) node = node.return; else {
- if ((node.effectTag & Placement) !== NoEffect) return MOUNTING;
- for (;node.return; ) if (node = node.return, (node.effectTag & Placement) !== NoEffect) return MOUNTING;
- }
- return node.tag === HostRoot$2 ? MOUNTED : UNMOUNTED;
- }
- var isFiberMounted$1 = function(fiber) {
- return isFiberMountedImpl(fiber) === MOUNTED;
- }, isMounted = function(component) {
- var owner = ReactCurrentOwner.current;
- if (null !== owner && owner.tag === ClassComponent$2) {
- var ownerFiber = owner, instance = ownerFiber.stateNode;
- warning$4(instance._warnedAboutRefsInRender, "%s is accessing isMounted inside its render() function. " + "render() should be a pure function of props and state. It should " + "never access something that requires stale data from the previous " + "render, such as refs. Move this logic to componentDidMount and " + "componentDidUpdate instead.", getComponentName_1(ownerFiber) || "A component"),
- instance._warnedAboutRefsInRender = !0;
- }
- var fiber = ReactInstanceMap_1.get(component);
- return !!fiber && isFiberMountedImpl(fiber) === MOUNTED;
- };
- function assertIsMounted(fiber) {
- invariant(isFiberMountedImpl(fiber) === MOUNTED, "Unable to find node on an unmounted component.");
- }
- function findCurrentFiberUsingSlowPath(fiber) {
- var alternate = fiber.alternate;
- if (!alternate) {
- var state = isFiberMountedImpl(fiber);
- return invariant(state !== UNMOUNTED, "Unable to find node on an unmounted component."),
- state === MOUNTING ? null : fiber;
- }
- for (var a = fiber, b = alternate; !0; ) {
- var parentA = a.return, parentB = parentA ? parentA.alternate : null;
- if (!parentA || !parentB) break;
- if (parentA.child === parentB.child) {
- for (var child = parentA.child; child; ) {
- if (child === a) return assertIsMounted(parentA), fiber;
- if (child === b) return assertIsMounted(parentA), alternate;
- child = child.sibling;
- }
- invariant(!1, "Unable to find node on an unmounted component.");
- }
- if (a.return !== b.return) a = parentA, b = parentB; else {
- for (var didFindChild = !1, _child = parentA.child; _child; ) {
- if (_child === a) {
- didFindChild = !0, a = parentA, b = parentB;
- break;
- }
- if (_child === b) {
- didFindChild = !0, b = parentA, a = parentB;
- break;
- }
- _child = _child.sibling;
- }
- if (!didFindChild) {
- for (_child = parentB.child; _child; ) {
- if (_child === a) {
- didFindChild = !0, a = parentB, b = parentA;
- break;
- }
- if (_child === b) {
- didFindChild = !0, b = parentB, a = parentA;
- break;
- }
- _child = _child.sibling;
- }
- invariant(didFindChild, "Child was not found in either parent set. This indicates a bug " + "in React related to the return pointer. Please file an issue.");
- }
- }
- invariant(a.alternate === b, "Return fibers should always be each others' alternates. " + "This error is likely caused by a bug in React. Please file an issue.");
- }
- return invariant(a.tag === HostRoot$2, "Unable to find node on an unmounted component."),
- a.stateNode.current === a ? fiber : alternate;
- }
- var findCurrentFiberUsingSlowPath_1 = findCurrentFiberUsingSlowPath, findCurrentHostFiber$1 = function(parent) {
- var currentParent = findCurrentFiberUsingSlowPath(parent);
- if (!currentParent) return null;
- for (var node = currentParent; !0; ) {
- if (node.tag === HostComponent$1 || node.tag === HostText) return node;
- if (node.child) node.child.return = node, node = node.child; else {
- if (node === currentParent) return null;
- for (;!node.sibling; ) {
- if (!node.return || node.return === currentParent) return null;
- node = node.return;
- }
- node.sibling.return = node.return, node = node.sibling;
- }
- }
- return null;
- }, findCurrentHostFiberWithNoPortals$1 = function(parent) {
- var currentParent = findCurrentFiberUsingSlowPath(parent);
- if (!currentParent) return null;
- for (var node = currentParent; !0; ) {
- if (node.tag === HostComponent$1 || node.tag === HostText) return node;
- if (node.child && node.tag !== HostPortal) node.child.return = node, node = node.child; else {
- if (node === currentParent) return null;
- for (;!node.sibling; ) {
- if (!node.return || node.return === currentParent) return null;
- node = node.return;
- }
- node.sibling.return = node.return, node = node.sibling;
- }
- }
- return null;
- }, ReactFiberTreeReflection = {
- isFiberMounted: isFiberMounted$1,
- isMounted: isMounted,
- findCurrentFiberUsingSlowPath: findCurrentFiberUsingSlowPath_1,
- findCurrentHostFiber: findCurrentHostFiber$1,
- findCurrentHostFiberWithNoPortals: findCurrentHostFiberWithNoPortals$1
- }, warning$5 = require$$0, valueStack = [], fiberStack = [], index = -1, createCursor$1 = function(defaultValue) {
- return {
- current: defaultValue
- };
- }, isEmpty = function() {
- return -1 === index;
- }, pop$1 = function(cursor, fiber) {
- if (index < 0) return void warning$5(!1, "Unexpected pop.");
- fiber !== fiberStack[index] && warning$5(!1, "Unexpected Fiber popped."), cursor.current = valueStack[index],
- valueStack[index] = null, fiberStack[index] = null, index--;
- }, push$1 = function(cursor, value, fiber) {
- index++, valueStack[index] = cursor.current, fiberStack[index] = fiber, cursor.current = value;
- }, reset = function() {
- for (;index > -1; ) valueStack[index] = null, fiberStack[index] = null, index--;
- }, ReactFiberStack = {
- createCursor: createCursor$1,
- isEmpty: isEmpty,
- pop: pop$1,
- push: push$1,
- reset: reset
- }, describeComponentFrame = function(name, source, ownerName) {
- return "\n in " + (name || "Unknown") + (source ? " (at " + source.fileName.replace(/^.*[\\\/]/, "") + ":" + source.lineNumber + ")" : ownerName ? " (created by " + ownerName + ")" : "");
- }, IndeterminateComponent = ReactTypeOfWork.IndeterminateComponent, FunctionalComponent = ReactTypeOfWork.FunctionalComponent, ClassComponent$3 = ReactTypeOfWork.ClassComponent, HostComponent$2 = ReactTypeOfWork.HostComponent;
- function describeFiber(fiber) {
- switch (fiber.tag) {
- case IndeterminateComponent:
- case FunctionalComponent:
- case ClassComponent$3:
- case HostComponent$2:
- var owner = fiber._debugOwner, source = fiber._debugSource, name = getComponentName_1(fiber), ownerName = null;
- return owner && (ownerName = getComponentName_1(owner)), describeComponentFrame(name, source, ownerName);
-
- default:
- return "";
- }
- }
- function getStackAddendumByWorkInProgressFiber$1(workInProgress) {
- var info = "", node = workInProgress;
- do {
- info += describeFiber(node), node = node.return;
- } while (node);
- return info;
- }
- var ReactFiberComponentTreeHook = {
- getStackAddendumByWorkInProgressFiber: getStackAddendumByWorkInProgressFiber$1
- }, ReactDebugCurrentFrame = ReactGlobalSharedState_1.ReactDebugCurrentFrame, getComponentName$3 = getComponentName_1, _require2$1 = ReactFiberComponentTreeHook, getStackAddendumByWorkInProgressFiber = _require2$1.getStackAddendumByWorkInProgressFiber;
- function getCurrentFiberOwnerName() {
- var fiber = ReactDebugCurrentFiber$2.current;
- if (null === fiber) return null;
- var owner = fiber._debugOwner;
- return null !== owner && void 0 !== owner ? getComponentName$3(owner) : null;
- }
- function getCurrentFiberStackAddendum() {
- var fiber = ReactDebugCurrentFiber$2.current;
- return null === fiber ? null : getStackAddendumByWorkInProgressFiber(fiber);
- }
- function resetCurrentFiber() {
- ReactDebugCurrentFrame.getCurrentStack = null, ReactDebugCurrentFiber$2.current = null,
- ReactDebugCurrentFiber$2.phase = null;
- }
- function setCurrentFiber(fiber) {
- ReactDebugCurrentFrame.getCurrentStack = getCurrentFiberStackAddendum, ReactDebugCurrentFiber$2.current = fiber,
- ReactDebugCurrentFiber$2.phase = null;
- }
- function setCurrentPhase(phase) {
- ReactDebugCurrentFiber$2.phase = phase;
- }
- var ReactDebugCurrentFiber$2 = {
- current: null,
- phase: null,
- resetCurrentFiber: resetCurrentFiber,
- setCurrentFiber: setCurrentFiber,
- setCurrentPhase: setCurrentPhase,
- getCurrentFiberOwnerName: getCurrentFiberOwnerName,
- getCurrentFiberStackAddendum: getCurrentFiberStackAddendum
- }, ReactDebugCurrentFiber_1 = ReactDebugCurrentFiber$2, ReactDebugFiberPerf = null, _require$2 = ReactTypeOfWork, HostRoot$3 = _require$2.HostRoot, HostComponent$3 = _require$2.HostComponent, HostText$1 = _require$2.HostText, HostPortal$1 = _require$2.HostPortal, YieldComponent = _require$2.YieldComponent, Fragment = _require$2.Fragment, getComponentName$4 = getComponentName_1, reactEmoji = "⚛", warningEmoji = "⛔", supportsUserTiming = "undefined" != typeof performance && "function" == typeof performance.mark && "function" == typeof performance.clearMarks && "function" == typeof performance.measure && "function" == typeof performance.clearMeasures, currentFiber = null, currentPhase = null, currentPhaseFiber = null, isCommitting = !1, hasScheduledUpdateInCurrentCommit = !1, hasScheduledUpdateInCurrentPhase = !1, commitCountInCurrentWorkLoop = 0, effectCountInCurrentCommit = 0, labelsInCurrentCommit = new Set(), formatMarkName = function(markName) {
- return reactEmoji + " " + markName;
- }, formatLabel = function(label, warning) {
- return (warning ? warningEmoji + " " : reactEmoji + " ") + label + (warning ? " Warning: " + warning : "");
- }, beginMark = function(markName) {
- performance.mark(formatMarkName(markName));
- }, clearMark = function(markName) {
- performance.clearMarks(formatMarkName(markName));
- }, endMark = function(label, markName, warning) {
- var formattedMarkName = formatMarkName(markName), formattedLabel = formatLabel(label, warning);
- try {
- performance.measure(formattedLabel, formattedMarkName);
- } catch (err) {}
- performance.clearMarks(formattedMarkName), performance.clearMeasures(formattedLabel);
- }, getFiberMarkName = function(label, debugID) {
- return label + " (#" + debugID + ")";
- }, getFiberLabel = function(componentName, isMounted, phase) {
- return null === phase ? componentName + " [" + (isMounted ? "update" : "mount") + "]" : componentName + "." + phase;
- }, beginFiberMark = function(fiber, phase) {
- var componentName = getComponentName$4(fiber) || "Unknown", debugID = fiber._debugID, isMounted = null !== fiber.alternate, label = getFiberLabel(componentName, isMounted, phase);
- if (isCommitting && labelsInCurrentCommit.has(label)) return !1;
- labelsInCurrentCommit.add(label);
- var markName = getFiberMarkName(label, debugID);
- return beginMark(markName), !0;
- }, clearFiberMark = function(fiber, phase) {
- var componentName = getComponentName$4(fiber) || "Unknown", debugID = fiber._debugID, isMounted = null !== fiber.alternate, label = getFiberLabel(componentName, isMounted, phase), markName = getFiberMarkName(label, debugID);
- clearMark(markName);
- }, endFiberMark = function(fiber, phase, warning) {
- var componentName = getComponentName$4(fiber) || "Unknown", debugID = fiber._debugID, isMounted = null !== fiber.alternate, label = getFiberLabel(componentName, isMounted, phase), markName = getFiberMarkName(label, debugID);
- endMark(label, markName, warning);
- }, shouldIgnoreFiber = function(fiber) {
- switch (fiber.tag) {
- case HostRoot$3:
- case HostComponent$3:
- case HostText$1:
- case HostPortal$1:
- case YieldComponent:
- case Fragment:
- return !0;
-
- default:
- return !1;
- }
- }, clearPendingPhaseMeasurement = function() {
- null !== currentPhase && null !== currentPhaseFiber && clearFiberMark(currentPhaseFiber, currentPhase),
- currentPhaseFiber = null, currentPhase = null, hasScheduledUpdateInCurrentPhase = !1;
- }, pauseTimers = function() {
- for (var fiber = currentFiber; fiber; ) fiber._debugIsCurrentlyTiming && endFiberMark(fiber, null, null),
- fiber = fiber.return;
- }, resumeTimersRecursively = function(fiber) {
- null !== fiber.return && resumeTimersRecursively(fiber.return), fiber._debugIsCurrentlyTiming && beginFiberMark(fiber, null);
- }, resumeTimers = function() {
- null !== currentFiber && resumeTimersRecursively(currentFiber);
- };
- ReactDebugFiberPerf = {
- recordEffect: function() {
- effectCountInCurrentCommit++;
- },
- recordScheduleUpdate: function() {
- isCommitting && (hasScheduledUpdateInCurrentCommit = !0), null !== currentPhase && "componentWillMount" !== currentPhase && "componentWillReceiveProps" !== currentPhase && (hasScheduledUpdateInCurrentPhase = !0);
- },
- startWorkTimer: function(fiber) {
- supportsUserTiming && !shouldIgnoreFiber(fiber) && (currentFiber = fiber, beginFiberMark(fiber, null) && (fiber._debugIsCurrentlyTiming = !0));
- },
- cancelWorkTimer: function(fiber) {
- supportsUserTiming && !shouldIgnoreFiber(fiber) && (fiber._debugIsCurrentlyTiming = !1,
- clearFiberMark(fiber, null));
- },
- stopWorkTimer: function(fiber) {
- supportsUserTiming && !shouldIgnoreFiber(fiber) && (currentFiber = fiber.return,
- fiber._debugIsCurrentlyTiming && (fiber._debugIsCurrentlyTiming = !1, endFiberMark(fiber, null, null)));
- },
- stopFailedWorkTimer: function(fiber) {
- if (supportsUserTiming && !shouldIgnoreFiber(fiber) && (currentFiber = fiber.return,
- fiber._debugIsCurrentlyTiming)) {
- fiber._debugIsCurrentlyTiming = !1;
- endFiberMark(fiber, null, "An error was thrown inside this error boundary");
- }
- },
- startPhaseTimer: function(fiber, phase) {
- supportsUserTiming && (clearPendingPhaseMeasurement(), beginFiberMark(fiber, phase) && (currentPhaseFiber = fiber,
- currentPhase = phase));
- },
- stopPhaseTimer: function() {
- if (supportsUserTiming) {
- if (null !== currentPhase && null !== currentPhaseFiber) {
- endFiberMark(currentPhaseFiber, currentPhase, hasScheduledUpdateInCurrentPhase ? "Scheduled a cascading update" : null);
- }
- currentPhase = null, currentPhaseFiber = null;
- }
- },
- startWorkLoopTimer: function() {
- supportsUserTiming && (commitCountInCurrentWorkLoop = 0, beginMark("(React Tree Reconciliation)"),
- resumeTimers());
- },
- stopWorkLoopTimer: function() {
- if (supportsUserTiming) {
- var warning = commitCountInCurrentWorkLoop > 1 ? "There were cascading updates" : null;
- commitCountInCurrentWorkLoop = 0, pauseTimers(), endMark("(React Tree Reconciliation)", "(React Tree Reconciliation)", warning);
- }
- },
- startCommitTimer: function() {
- supportsUserTiming && (isCommitting = !0, hasScheduledUpdateInCurrentCommit = !1,
- labelsInCurrentCommit.clear(), beginMark("(Committing Changes)"));
- },
- stopCommitTimer: function() {
- if (supportsUserTiming) {
- var warning = null;
- hasScheduledUpdateInCurrentCommit ? warning = "Lifecycle hook scheduled a cascading update" : commitCountInCurrentWorkLoop > 0 && (warning = "Caused by a cascading update in earlier commit"),
- hasScheduledUpdateInCurrentCommit = !1, commitCountInCurrentWorkLoop++, isCommitting = !1,
- labelsInCurrentCommit.clear(), endMark("(Committing Changes)", "(Committing Changes)", warning);
- }
- },
- startCommitHostEffectsTimer: function() {
- supportsUserTiming && (effectCountInCurrentCommit = 0, beginMark("(Committing Host Effects)"));
- },
- stopCommitHostEffectsTimer: function() {
- if (supportsUserTiming) {
- var count = effectCountInCurrentCommit;
- effectCountInCurrentCommit = 0, endMark("(Committing Host Effects: " + count + " Total)", "(Committing Host Effects)", null);
- }
- },
- startCommitLifeCyclesTimer: function() {
- supportsUserTiming && (effectCountInCurrentCommit = 0, beginMark("(Calling Lifecycle Methods)"));
- },
- stopCommitLifeCyclesTimer: function() {
- if (supportsUserTiming) {
- var count = effectCountInCurrentCommit;
- effectCountInCurrentCommit = 0, endMark("(Calling Lifecycle Methods: " + count + " Total)", "(Calling Lifecycle Methods)", null);
- }
- }
- };
- var ReactDebugFiberPerf_1 = ReactDebugFiberPerf, isFiberMounted = ReactFiberTreeReflection.isFiberMounted, ClassComponent$1 = ReactTypeOfWork.ClassComponent, HostRoot$1 = ReactTypeOfWork.HostRoot, createCursor = ReactFiberStack.createCursor, pop = ReactFiberStack.pop, push = ReactFiberStack.push, warning$3 = require$$0, checkPropTypes$1 = checkPropTypes, ReactDebugCurrentFiber$1 = ReactDebugCurrentFiber_1, _require4 = ReactDebugFiberPerf_1, startPhaseTimer = _require4.startPhaseTimer, stopPhaseTimer = _require4.stopPhaseTimer, warnedAboutMissingGetChildContext = {}, contextStackCursor = createCursor(emptyObject), didPerformWorkStackCursor = createCursor(!1), previousContext = emptyObject;
- function getUnmaskedContext(workInProgress) {
- return isContextProvider$1(workInProgress) ? previousContext : contextStackCursor.current;
- }
- var getUnmaskedContext_1 = getUnmaskedContext;
- function cacheContext(workInProgress, unmaskedContext, maskedContext) {
- var instance = workInProgress.stateNode;
- instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext, instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
- }
- var cacheContext_1 = cacheContext, getMaskedContext = function(workInProgress, unmaskedContext) {
- var type = workInProgress.type, contextTypes = type.contextTypes;
- if (!contextTypes) return emptyObject;
- var instance = workInProgress.stateNode;
- if (instance && instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext) return instance.__reactInternalMemoizedMaskedChildContext;
- var context = {};
- for (var key in contextTypes) context[key] = unmaskedContext[key];
- var name = getComponentName_1(workInProgress) || "Unknown";
- return checkPropTypes$1(contextTypes, context, "context", name, ReactDebugCurrentFiber$1.getCurrentFiberStackAddendum),
- instance && cacheContext(workInProgress, unmaskedContext, context), context;
- }, hasContextChanged = function() {
- return didPerformWorkStackCursor.current;
- };
- function isContextConsumer(fiber) {
- return fiber.tag === ClassComponent$1 && null != fiber.type.contextTypes;
- }
- var isContextConsumer_1 = isContextConsumer;
- function isContextProvider$1(fiber) {
- return fiber.tag === ClassComponent$1 && null != fiber.type.childContextTypes;
- }
- var isContextProvider_1 = isContextProvider$1;
- function popContextProvider(fiber) {
- isContextProvider$1(fiber) && (pop(didPerformWorkStackCursor, fiber), pop(contextStackCursor, fiber));
- }
- var popContextProvider_1 = popContextProvider, popTopLevelContextObject = function(fiber) {
- pop(didPerformWorkStackCursor, fiber), pop(contextStackCursor, fiber);
- }, pushTopLevelContextObject = function(fiber, context, didChange) {
- invariant(null == contextStackCursor.cursor, "Unexpected context found on stack. " + "This error is likely caused by a bug in React. Please file an issue."),
- push(contextStackCursor, context, fiber), push(didPerformWorkStackCursor, didChange, fiber);
- };
- function processChildContext$1(fiber, parentContext) {
- var instance = fiber.stateNode, childContextTypes = fiber.type.childContextTypes;
- if ("function" != typeof instance.getChildContext) {
- var componentName = getComponentName_1(fiber) || "Unknown";
- return warnedAboutMissingGetChildContext[componentName] || (warnedAboutMissingGetChildContext[componentName] = !0,
- warning$3(!1, "%s.childContextTypes is specified but there is no getChildContext() method " + "on the instance. You can either define getChildContext() on %s or remove " + "childContextTypes from it.", componentName, componentName)),
- parentContext;
- }
- var childContext = void 0;
- ReactDebugCurrentFiber$1.setCurrentPhase("getChildContext"), startPhaseTimer(fiber, "getChildContext"),
- childContext = instance.getChildContext(), stopPhaseTimer(), ReactDebugCurrentFiber$1.setCurrentPhase(null);
- for (var contextKey in childContext) invariant(contextKey in childContextTypes, '%s.getChildContext(): key "%s" is not defined in childContextTypes.', getComponentName_1(fiber) || "Unknown", contextKey);
- var name = getComponentName_1(fiber) || "Unknown";
- return checkPropTypes$1(childContextTypes, childContext, "child context", name, ReactDebugCurrentFiber$1.getCurrentFiberStackAddendum),
- Object.assign({}, parentContext, childContext);
- }
- var processChildContext_1 = processChildContext$1, pushContextProvider = function(workInProgress) {
- if (!isContextProvider$1(workInProgress)) return !1;
- var instance = workInProgress.stateNode, memoizedMergedChildContext = instance && instance.__reactInternalMemoizedMergedChildContext || emptyObject;
- return previousContext = contextStackCursor.current, push(contextStackCursor, memoizedMergedChildContext, workInProgress),
- push(didPerformWorkStackCursor, didPerformWorkStackCursor.current, workInProgress),
- !0;
- }, invalidateContextProvider = function(workInProgress, didChange) {
- var instance = workInProgress.stateNode;
- if (invariant(instance, "Expected to have an instance by this point. " + "This error is likely caused by a bug in React. Please file an issue."),
- didChange) {
- var mergedContext = processChildContext$1(workInProgress, previousContext);
- instance.__reactInternalMemoizedMergedChildContext = mergedContext, pop(didPerformWorkStackCursor, workInProgress),
- pop(contextStackCursor, workInProgress), push(contextStackCursor, mergedContext, workInProgress),
- push(didPerformWorkStackCursor, didChange, workInProgress);
- } else pop(didPerformWorkStackCursor, workInProgress), push(didPerformWorkStackCursor, didChange, workInProgress);
- }, resetContext = function() {
- previousContext = emptyObject, contextStackCursor.current = emptyObject, didPerformWorkStackCursor.current = !1;
- }, findCurrentUnmaskedContext$1 = function(fiber) {
- invariant(isFiberMounted(fiber) && fiber.tag === ClassComponent$1, "Expected subtree parent to be a mounted class component. " + "This error is likely caused by a bug in React. Please file an issue.");
- for (var node = fiber; node.tag !== HostRoot$1; ) {
- if (isContextProvider$1(node)) return node.stateNode.__reactInternalMemoizedMergedChildContext;
- var parent = node.return;
- invariant(parent, "Found unexpected detached subtree parent. " + "This error is likely caused by a bug in React. Please file an issue."),
- node = parent;
- }
- return node.stateNode.context;
- }, ReactFiberContext = {
- getUnmaskedContext: getUnmaskedContext_1,
- cacheContext: cacheContext_1,
- getMaskedContext: getMaskedContext,
- hasContextChanged: hasContextChanged,
- isContextConsumer: isContextConsumer_1,
- isContextProvider: isContextProvider_1,
- popContextProvider: popContextProvider_1,
- popTopLevelContextObject: popTopLevelContextObject,
- pushTopLevelContextObject: pushTopLevelContextObject,
- processChildContext: processChildContext_1,
- pushContextProvider: pushContextProvider,
- invalidateContextProvider: invalidateContextProvider,
- resetContext: resetContext,
- findCurrentUnmaskedContext: findCurrentUnmaskedContext$1
- }, ReactTypeOfInternalContext = {
- NoContext: 0,
- AsyncUpdates: 1
- }, IndeterminateComponent$1 = ReactTypeOfWork.IndeterminateComponent, ClassComponent$4 = ReactTypeOfWork.ClassComponent, HostRoot$4 = ReactTypeOfWork.HostRoot, HostComponent$4 = ReactTypeOfWork.HostComponent, HostText$2 = ReactTypeOfWork.HostText, HostPortal$2 = ReactTypeOfWork.HostPortal, CoroutineComponent = ReactTypeOfWork.CoroutineComponent, YieldComponent$1 = ReactTypeOfWork.YieldComponent, Fragment$1 = ReactTypeOfWork.Fragment, NoWork$1 = ReactPriorityLevel.NoWork, NoContext = ReactTypeOfInternalContext.NoContext, NoEffect$1 = ReactTypeOfSideEffect.NoEffect, getComponentName$5 = getComponentName_1, hasBadMapPolyfill = !1;
- try {
- var nonExtensibleObject = Object.preventExtensions({});
- new Map([ [ nonExtensibleObject, null ] ]), new Set([ nonExtensibleObject ]);
- } catch (e) {
- hasBadMapPolyfill = !0;
- }
- var debugCounter = 1;
- function FiberNode(tag, key, internalContextTag) {
- this.tag = tag, this.key = key, this.type = null, this.stateNode = null, this.return = null,
- this.child = null, this.sibling = null, this.index = 0, this.ref = null, this.pendingProps = null,
- this.memoizedProps = null, this.updateQueue = null, this.memoizedState = null, this.internalContextTag = internalContextTag,
- this.effectTag = NoEffect$1, this.nextEffect = null, this.firstEffect = null, this.lastEffect = null,
- this.pendingWorkPriority = NoWork$1, this.alternate = null, this._debugID = debugCounter++,
- this._debugSource = null, this._debugOwner = null, this._debugIsCurrentlyTiming = !1,
- hasBadMapPolyfill || "function" != typeof Object.preventExtensions || Object.preventExtensions(this);
- }
- var createFiber = function(tag, key, internalContextTag) {
- return new FiberNode(tag, key, internalContextTag);
- };
- function shouldConstruct(Component) {
- return !(!Component.prototype || !Component.prototype.isReactComponent);
- }
- var createWorkInProgress = function(current, renderPriority) {
- var workInProgress = current.alternate;
- return null === workInProgress ? (workInProgress = createFiber(current.tag, current.key, current.internalContextTag),
- workInProgress.type = current.type, workInProgress.stateNode = current.stateNode,
- workInProgress._debugID = current._debugID, workInProgress._debugSource = current._debugSource,
- workInProgress._debugOwner = current._debugOwner, workInProgress.alternate = current,
- current.alternate = workInProgress) : (workInProgress.effectTag = NoEffect$1, workInProgress.nextEffect = null,
- workInProgress.firstEffect = null, workInProgress.lastEffect = null), workInProgress.pendingWorkPriority = renderPriority,
- workInProgress.child = current.child, workInProgress.memoizedProps = current.memoizedProps,
- workInProgress.memoizedState = current.memoizedState, workInProgress.updateQueue = current.updateQueue,
- workInProgress.sibling = current.sibling, workInProgress.index = current.index,
- workInProgress.ref = current.ref, workInProgress;
- }, createHostRootFiber$1 = function() {
- return createFiber(HostRoot$4, null, NoContext);
- }, createFiberFromElement = function(element, internalContextTag, priorityLevel) {
- var owner = null;
- owner = element._owner;
- var fiber = createFiberFromElementType(element.type, element.key, internalContextTag, owner);
- return fiber.pendingProps = element.props, fiber.pendingWorkPriority = priorityLevel,
- fiber._debugSource = element._source, fiber._debugOwner = element._owner, fiber;
- }, createFiberFromFragment = function(elements, internalContextTag, priorityLevel) {
- var fiber = createFiber(Fragment$1, null, internalContextTag);
- return fiber.pendingProps = elements, fiber.pendingWorkPriority = priorityLevel,
- fiber;
- }, createFiberFromText = function(content, internalContextTag, priorityLevel) {
- var fiber = createFiber(HostText$2, null, internalContextTag);
- return fiber.pendingProps = content, fiber.pendingWorkPriority = priorityLevel,
- fiber;
- };
- function createFiberFromElementType(type, key, internalContextTag, debugOwner) {
- var fiber = void 0;
- if ("function" == typeof type) fiber = shouldConstruct(type) ? createFiber(ClassComponent$4, key, internalContextTag) : createFiber(IndeterminateComponent$1, key, internalContextTag),
- fiber.type = type; else if ("string" == typeof type) fiber = createFiber(HostComponent$4, key, internalContextTag),
- fiber.type = type; else if ("object" == typeof type && null !== type && "number" == typeof type.tag) fiber = type; else {
- var info = "";
- (void 0 === type || "object" == typeof type && null !== type && 0 === Object.keys(type).length) && (info += " You likely forgot to export your component from the file " + "it's defined in.");
- var ownerName = debugOwner ? getComponentName$5(debugOwner) : null;
- ownerName && (info += "\n\nCheck the render method of `" + ownerName + "`."), invariant(!1, "Element type is invalid: expected a string (for built-in components) " + "or a class/function (for composite components) but got: %s.%s", null == type ? type : typeof type, info);
- }
- return fiber;
- }
- var REACT_COROUTINE_TYPE$1, REACT_YIELD_TYPE$1, createFiberFromElementType_1 = createFiberFromElementType, createFiberFromHostInstanceForDeletion = function() {
- var fiber = createFiber(HostComponent$4, null, NoContext);
- return fiber.type = "DELETED", fiber;
- }, createFiberFromCoroutine = function(coroutine, internalContextTag, priorityLevel) {
- var fiber = createFiber(CoroutineComponent, coroutine.key, internalContextTag);
- return fiber.type = coroutine.handler, fiber.pendingProps = coroutine, fiber.pendingWorkPriority = priorityLevel,
- fiber;
- }, createFiberFromYield = function(yieldNode, internalContextTag, priorityLevel) {
- return createFiber(YieldComponent$1, null, internalContextTag);
- }, createFiberFromPortal = function(portal, internalContextTag, priorityLevel) {
- var fiber = createFiber(HostPortal$2, portal.key, internalContextTag);
- return fiber.pendingProps = portal.children || [], fiber.pendingWorkPriority = priorityLevel,
- fiber.stateNode = {
- containerInfo: portal.containerInfo,
- implementation: portal.implementation
- }, fiber;
- }, largerPriority = function(p1, p2) {
- return p1 !== NoWork$1 && (p2 === NoWork$1 || p2 > p1) ? p1 : p2;
- }, ReactFiber = {
- createWorkInProgress: createWorkInProgress,
- createHostRootFiber: createHostRootFiber$1,
- createFiberFromElement: createFiberFromElement,
- createFiberFromFragment: createFiberFromFragment,
- createFiberFromText: createFiberFromText,
- createFiberFromElementType: createFiberFromElementType_1,
- createFiberFromHostInstanceForDeletion: createFiberFromHostInstanceForDeletion,
- createFiberFromCoroutine: createFiberFromCoroutine,
- createFiberFromYield: createFiberFromYield,
- createFiberFromPortal: createFiberFromPortal,
- largerPriority: largerPriority
- }, createHostRootFiber = ReactFiber.createHostRootFiber, createFiberRoot$1 = function(containerInfo) {
- var uninitializedFiber = createHostRootFiber(), root = {
- current: uninitializedFiber,
- containerInfo: containerInfo,
- isScheduled: !1,
- nextScheduledRoot: null,
- context: null,
- pendingContext: null
- };
- return uninitializedFiber.stateNode = root, root;
- }, ReactFiberRoot = {
- createFiberRoot: createFiberRoot$1
- };
- "function" == typeof Symbol && Symbol.for ? (REACT_COROUTINE_TYPE$1 = Symbol.for("react.coroutine"),
- REACT_YIELD_TYPE$1 = Symbol.for("react.yield")) : (REACT_COROUTINE_TYPE$1 = 60104,
- REACT_YIELD_TYPE$1 = 60105);
- var createCoroutine = function(children, handler, props) {
- var key = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : null, coroutine = {
- $$typeof: REACT_COROUTINE_TYPE$1,
- key: null == key ? null : "" + key,
- children: children,
- handler: handler,
- props: props
- };
- return Object.freeze && (Object.freeze(coroutine.props), Object.freeze(coroutine)),
- coroutine;
- }, createYield = function(value) {
- var yieldNode = {
- $$typeof: REACT_YIELD_TYPE$1,
- value: value
- };
- return Object.freeze && Object.freeze(yieldNode), yieldNode;
- }, isCoroutine = function(object) {
- return "object" == typeof object && null !== object && object.$$typeof === REACT_COROUTINE_TYPE$1;
- }, isYield = function(object) {
- return "object" == typeof object && null !== object && object.$$typeof === REACT_YIELD_TYPE$1;
- }, REACT_YIELD_TYPE_1 = REACT_YIELD_TYPE$1, REACT_COROUTINE_TYPE_1 = REACT_COROUTINE_TYPE$1, ReactCoroutine = {
- createCoroutine: createCoroutine,
- createYield: createYield,
- isCoroutine: isCoroutine,
- isYield: isYield,
- REACT_YIELD_TYPE: REACT_YIELD_TYPE_1,
- REACT_COROUTINE_TYPE: REACT_COROUTINE_TYPE_1
- }, REACT_COROUTINE_TYPE = ReactCoroutine.REACT_COROUTINE_TYPE, REACT_YIELD_TYPE = ReactCoroutine.REACT_YIELD_TYPE, REACT_PORTAL_TYPE$1 = ReactPortal.REACT_PORTAL_TYPE, _require3$2 = ReactDebugCurrentFiber_1, getCurrentFiberStackAddendum$1 = _require3$2.getCurrentFiberStackAddendum, warning$8 = require$$0, didWarnAboutMaps = !1, ownerHasKeyUseWarning = {}, warnForMissingKey = function(child) {
- if (null !== child && "object" == typeof child && child._store && !child._store.validated && null == child.key) {
- invariant("object" == typeof child._store, "React Component in warnForMissingKey should have a _store. " + "This error is likely caused by a bug in React. Please file an issue."),
- child._store.validated = !0;
- var currentComponentErrorInfo = "Each child in an array or iterator should have a unique " + '"key" prop. See https://fb.me/react-warning-keys for ' + "more information." + (getCurrentFiberStackAddendum$1() || "");
- ownerHasKeyUseWarning[currentComponentErrorInfo] || (ownerHasKeyUseWarning[currentComponentErrorInfo] = !0,
- warning$8(!1, "Each child in an array or iterator should have a unique " + '"key" prop. See https://fb.me/react-warning-keys for ' + "more information.%s", getCurrentFiberStackAddendum$1()));
- }
- }, createWorkInProgress$2 = ReactFiber.createWorkInProgress, createFiberFromElement$1 = ReactFiber.createFiberFromElement, createFiberFromFragment$1 = ReactFiber.createFiberFromFragment, createFiberFromText$1 = ReactFiber.createFiberFromText, createFiberFromCoroutine$1 = ReactFiber.createFiberFromCoroutine, createFiberFromYield$1 = ReactFiber.createFiberFromYield, createFiberFromPortal$1 = ReactFiber.createFiberFromPortal, isArray = Array.isArray, FunctionalComponent$2 = ReactTypeOfWork.FunctionalComponent, ClassComponent$7 = ReactTypeOfWork.ClassComponent, HostText$4 = ReactTypeOfWork.HostText, HostPortal$5 = ReactTypeOfWork.HostPortal, CoroutineComponent$2 = ReactTypeOfWork.CoroutineComponent, YieldComponent$3 = ReactTypeOfWork.YieldComponent, Fragment$3 = ReactTypeOfWork.Fragment, NoEffect$2 = ReactTypeOfSideEffect.NoEffect, Placement$3 = ReactTypeOfSideEffect.Placement, Deletion$1 = ReactTypeOfSideEffect.Deletion, ITERATOR_SYMBOL = "function" == typeof Symbol && Symbol.iterator, REACT_ELEMENT_TYPE = "function" == typeof Symbol && Symbol.for && Symbol.for("react.element") || 60103;
- function getIteratorFn(maybeIterable) {
- if (null === maybeIterable || void 0 === maybeIterable) return null;
- var iteratorFn = ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable["@@iterator"];
- return "function" == typeof iteratorFn ? iteratorFn : null;
- }
- function coerceRef(current, element) {
- var mixedRef = element.ref;
- if (null !== mixedRef && "function" != typeof mixedRef) {
- if (element._owner) {
- var owner = element._owner, inst = void 0;
- if (owner) {
- var ownerFiber = owner;
- invariant(ownerFiber.tag === ClassComponent$7, "Stateless function components cannot have refs."),
- inst = ownerFiber.stateNode;
- }
- invariant(inst, "Missing owner for string ref %s. This error is likely caused by a " + "bug in React. Please file an issue.", mixedRef);
- var stringRef = "" + mixedRef;
- if (null !== current && null !== current.ref && current.ref._stringRef === stringRef) return current.ref;
- var ref = function(value) {
- var refs = inst.refs === emptyObject ? inst.refs = {} : inst.refs;
- null === value ? delete refs[stringRef] : refs[stringRef] = value;
- };
- return ref._stringRef = stringRef, ref;
- }
- invariant("string" == typeof mixedRef, "Expected ref to be a function or a string."),
- invariant(element._owner, "Element ref was specified as a string (%s) but no owner was " + "set. You may have multiple copies of React loaded. " + "(details: https://fb.me/react-refs-must-have-owner).", mixedRef);
- }
- return mixedRef;
- }
- function throwOnInvalidObjectType(returnFiber, newChild) {
- if ("textarea" !== returnFiber.type) {
- var addendum = "";
- addendum = " If you meant to render a collection of children, use an array " + "instead." + (getCurrentFiberStackAddendum$1() || ""),
- invariant(!1, "Objects are not valid as a React child (found: %s).%s", "[object Object]" === Object.prototype.toString.call(newChild) ? "object with keys {" + Object.keys(newChild).join(", ") + "}" : newChild, addendum);
- }
- }
- function warnOnFunctionType() {
- warning$8(!1, "Functions are not valid as a React child. This may happen if " + "you return a Component instead of from render. " + "Or maybe you meant to call this function rather than return it.%s", getCurrentFiberStackAddendum$1() || "");
- }
- function ChildReconciler(shouldClone, shouldTrackSideEffects) {
- function deleteChild(returnFiber, childToDelete) {
- if (shouldTrackSideEffects) {
- if (!shouldClone) {
- if (null === childToDelete.alternate) return;
- childToDelete = childToDelete.alternate;
- }
- var last = returnFiber.lastEffect;
- null !== last ? (last.nextEffect = childToDelete, returnFiber.lastEffect = childToDelete) : returnFiber.firstEffect = returnFiber.lastEffect = childToDelete,
- childToDelete.nextEffect = null, childToDelete.effectTag = Deletion$1;
- }
- }
- function deleteRemainingChildren(returnFiber, currentFirstChild) {
- if (!shouldTrackSideEffects) return null;
- for (var childToDelete = currentFirstChild; null !== childToDelete; ) deleteChild(returnFiber, childToDelete),
- childToDelete = childToDelete.sibling;
- return null;
- }
- function mapRemainingChildren(returnFiber, currentFirstChild) {
- for (var existingChildren = new Map(), existingChild = currentFirstChild; null !== existingChild; ) null !== existingChild.key ? existingChildren.set(existingChild.key, existingChild) : existingChildren.set(existingChild.index, existingChild),
- existingChild = existingChild.sibling;
- return existingChildren;
- }
- function useFiber(fiber, priority) {
- if (shouldClone) {
- var clone = createWorkInProgress$2(fiber, priority);
- return clone.index = 0, clone.sibling = null, clone;
- }
- return fiber.pendingWorkPriority = priority, fiber.effectTag = NoEffect$2, fiber.index = 0,
- fiber.sibling = null, fiber;
- }
- function placeChild(newFiber, lastPlacedIndex, newIndex) {
- if (newFiber.index = newIndex, !shouldTrackSideEffects) return lastPlacedIndex;
- var current = newFiber.alternate;
- if (null !== current) {
- var oldIndex = current.index;
- return oldIndex < lastPlacedIndex ? (newFiber.effectTag = Placement$3, lastPlacedIndex) : oldIndex;
- }
- return newFiber.effectTag = Placement$3, lastPlacedIndex;
- }
- function placeSingleChild(newFiber) {
- return shouldTrackSideEffects && null === newFiber.alternate && (newFiber.effectTag = Placement$3),
- newFiber;
- }
- function updateTextNode(returnFiber, current, textContent, priority) {
- if (null === current || current.tag !== HostText$4) {
- var created = createFiberFromText$1(textContent, returnFiber.internalContextTag, priority);
- return created.return = returnFiber, created;
- }
- var existing = useFiber(current, priority);
- return existing.pendingProps = textContent, existing.return = returnFiber, existing;
- }
- function updateElement(returnFiber, current, element, priority) {
- if (null === current || current.type !== element.type) {
- var created = createFiberFromElement$1(element, returnFiber.internalContextTag, priority);
- return created.ref = coerceRef(current, element), created.return = returnFiber,
- created;
- }
- var existing = useFiber(current, priority);
- return existing.ref = coerceRef(current, element), existing.pendingProps = element.props,
- existing.return = returnFiber, existing._debugSource = element._source, existing._debugOwner = element._owner,
- existing;
- }
- function updateCoroutine(returnFiber, current, coroutine, priority) {
- if (null === current || current.tag !== CoroutineComponent$2) {
- var created = createFiberFromCoroutine$1(coroutine, returnFiber.internalContextTag, priority);
- return created.return = returnFiber, created;
- }
- var existing = useFiber(current, priority);
- return existing.pendingProps = coroutine, existing.return = returnFiber, existing;
- }
- function updateYield(returnFiber, current, yieldNode, priority) {
- if (null === current || current.tag !== YieldComponent$3) {
- var created = createFiberFromYield$1(yieldNode, returnFiber.internalContextTag, priority);
- return created.type = yieldNode.value, created.return = returnFiber, created;
- }
- var existing = useFiber(current, priority);
- return existing.type = yieldNode.value, existing.return = returnFiber, existing;
- }
- function updatePortal(returnFiber, current, portal, priority) {
- if (null === current || current.tag !== HostPortal$5 || current.stateNode.containerInfo !== portal.containerInfo || current.stateNode.implementation !== portal.implementation) {
- var created = createFiberFromPortal$1(portal, returnFiber.internalContextTag, priority);
- return created.return = returnFiber, created;
- }
- var existing = useFiber(current, priority);
- return existing.pendingProps = portal.children || [], existing.return = returnFiber,
- existing;
- }
- function updateFragment(returnFiber, current, fragment, priority) {
- if (null === current || current.tag !== Fragment$3) {
- var created = createFiberFromFragment$1(fragment, returnFiber.internalContextTag, priority);
- return created.return = returnFiber, created;
- }
- var existing = useFiber(current, priority);
- return existing.pendingProps = fragment, existing.return = returnFiber, existing;
- }
- function createChild(returnFiber, newChild, priority) {
- if ("string" == typeof newChild || "number" == typeof newChild) {
- var created = createFiberFromText$1("" + newChild, returnFiber.internalContextTag, priority);
- return created.return = returnFiber, created;
- }
- if ("object" == typeof newChild && null !== newChild) {
- switch (newChild.$$typeof) {
- case REACT_ELEMENT_TYPE:
- var _created = createFiberFromElement$1(newChild, returnFiber.internalContextTag, priority);
- return _created.ref = coerceRef(null, newChild), _created.return = returnFiber,
- _created;
-
- case REACT_COROUTINE_TYPE:
- var _created2 = createFiberFromCoroutine$1(newChild, returnFiber.internalContextTag, priority);
- return _created2.return = returnFiber, _created2;
-
- case REACT_YIELD_TYPE:
- var _created3 = createFiberFromYield$1(newChild, returnFiber.internalContextTag, priority);
- return _created3.type = newChild.value, _created3.return = returnFiber, _created3;
-
- case REACT_PORTAL_TYPE$1:
- var _created4 = createFiberFromPortal$1(newChild, returnFiber.internalContextTag, priority);
- return _created4.return = returnFiber, _created4;
- }
- if (isArray(newChild) || getIteratorFn(newChild)) {
- var _created5 = createFiberFromFragment$1(newChild, returnFiber.internalContextTag, priority);
- return _created5.return = returnFiber, _created5;
- }
- throwOnInvalidObjectType(returnFiber, newChild);
- }
- return "function" == typeof newChild && warnOnFunctionType(), null;
- }
- function updateSlot(returnFiber, oldFiber, newChild, priority) {
- var key = null !== oldFiber ? oldFiber.key : null;
- if ("string" == typeof newChild || "number" == typeof newChild) return null !== key ? null : updateTextNode(returnFiber, oldFiber, "" + newChild, priority);
- if ("object" == typeof newChild && null !== newChild) {
- switch (newChild.$$typeof) {
- case REACT_ELEMENT_TYPE:
- return newChild.key === key ? updateElement(returnFiber, oldFiber, newChild, priority) : null;
-
- case REACT_COROUTINE_TYPE:
- return newChild.key === key ? updateCoroutine(returnFiber, oldFiber, newChild, priority) : null;
-
- case REACT_YIELD_TYPE:
- return null === key ? updateYield(returnFiber, oldFiber, newChild, priority) : null;
-
- case REACT_PORTAL_TYPE$1:
- return newChild.key === key ? updatePortal(returnFiber, oldFiber, newChild, priority) : null;
- }
- if (isArray(newChild) || getIteratorFn(newChild)) return null !== key ? null : updateFragment(returnFiber, oldFiber, newChild, priority);
- throwOnInvalidObjectType(returnFiber, newChild);
- }
- return "function" == typeof newChild && warnOnFunctionType(), null;
- }
- function updateFromMap(existingChildren, returnFiber, newIdx, newChild, priority) {
- if ("string" == typeof newChild || "number" == typeof newChild) {
- return updateTextNode(returnFiber, existingChildren.get(newIdx) || null, "" + newChild, priority);
- }
- if ("object" == typeof newChild && null !== newChild) {
- switch (newChild.$$typeof) {
- case REACT_ELEMENT_TYPE:
- return updateElement(returnFiber, existingChildren.get(null === newChild.key ? newIdx : newChild.key) || null, newChild, priority);
-
- case REACT_COROUTINE_TYPE:
- return updateCoroutine(returnFiber, existingChildren.get(null === newChild.key ? newIdx : newChild.key) || null, newChild, priority);
-
- case REACT_YIELD_TYPE:
- return updateYield(returnFiber, existingChildren.get(newIdx) || null, newChild, priority);
-
- case REACT_PORTAL_TYPE$1:
- return updatePortal(returnFiber, existingChildren.get(null === newChild.key ? newIdx : newChild.key) || null, newChild, priority);
- }
- if (isArray(newChild) || getIteratorFn(newChild)) {
- return updateFragment(returnFiber, existingChildren.get(newIdx) || null, newChild, priority);
- }
- throwOnInvalidObjectType(returnFiber, newChild);
- }
- return "function" == typeof newChild && warnOnFunctionType(), null;
- }
- function warnOnInvalidKey(child, knownKeys) {
- if ("object" != typeof child || null === child) return knownKeys;
- switch (child.$$typeof) {
- case REACT_ELEMENT_TYPE:
- case REACT_COROUTINE_TYPE:
- case REACT_PORTAL_TYPE$1:
- warnForMissingKey(child);
- var key = child.key;
- if ("string" != typeof key) break;
- if (null === knownKeys) {
- knownKeys = new Set(), knownKeys.add(key);
- break;
- }
- if (!knownKeys.has(key)) {
- knownKeys.add(key);
- break;
- }
- warning$8(!1, "Encountered two children with the same key, `%s`. " + "Keys should be unique so that components maintain their identity " + "across updates. Non-unique keys may cause children to be " + "duplicated and/or omitted — the behavior is unsupported and " + "could change in a future version.%s", key, getCurrentFiberStackAddendum$1());
- }
- return knownKeys;
- }
- function reconcileChildrenArray(returnFiber, currentFirstChild, newChildren, priority) {
- for (var knownKeys = null, i = 0; i < newChildren.length; i++) {
- knownKeys = warnOnInvalidKey(newChildren[i], knownKeys);
- }
- for (var resultingFirstChild = null, previousNewFiber = null, oldFiber = currentFirstChild, lastPlacedIndex = 0, newIdx = 0, nextOldFiber = null; null !== oldFiber && newIdx < newChildren.length; newIdx++) {
- oldFiber.index > newIdx ? (nextOldFiber = oldFiber, oldFiber = null) : nextOldFiber = oldFiber.sibling;
- var newFiber = updateSlot(returnFiber, oldFiber, newChildren[newIdx], priority);
- if (null === newFiber) {
- null === oldFiber && (oldFiber = nextOldFiber);
- break;
- }
- shouldTrackSideEffects && oldFiber && null === newFiber.alternate && deleteChild(returnFiber, oldFiber),
- lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx), null === previousNewFiber ? resultingFirstChild = newFiber : previousNewFiber.sibling = newFiber,
- previousNewFiber = newFiber, oldFiber = nextOldFiber;
- }
- if (newIdx === newChildren.length) return deleteRemainingChildren(returnFiber, oldFiber),
- resultingFirstChild;
- if (null === oldFiber) {
- for (;newIdx < newChildren.length; newIdx++) {
- var _newFiber = createChild(returnFiber, newChildren[newIdx], priority);
- _newFiber && (lastPlacedIndex = placeChild(_newFiber, lastPlacedIndex, newIdx),
- null === previousNewFiber ? resultingFirstChild = _newFiber : previousNewFiber.sibling = _newFiber,
- previousNewFiber = _newFiber);
- }
- return resultingFirstChild;
- }
- for (var existingChildren = mapRemainingChildren(returnFiber, oldFiber); newIdx < newChildren.length; newIdx++) {
- var _newFiber2 = updateFromMap(existingChildren, returnFiber, newIdx, newChildren[newIdx], priority);
- _newFiber2 && (shouldTrackSideEffects && null !== _newFiber2.alternate && existingChildren.delete(null === _newFiber2.key ? newIdx : _newFiber2.key),
- lastPlacedIndex = placeChild(_newFiber2, lastPlacedIndex, newIdx), null === previousNewFiber ? resultingFirstChild = _newFiber2 : previousNewFiber.sibling = _newFiber2,
- previousNewFiber = _newFiber2);
- }
- return shouldTrackSideEffects && existingChildren.forEach(function(child) {
- return deleteChild(returnFiber, child);
- }), resultingFirstChild;
- }
- function reconcileChildrenIterator(returnFiber, currentFirstChild, newChildrenIterable, priority) {
- var iteratorFn = getIteratorFn(newChildrenIterable);
- if (invariant("function" == typeof iteratorFn, "An object is not an iterable. This error is likely caused by a bug in " + "React. Please file an issue."),
- "function" == typeof newChildrenIterable.entries) {
- newChildrenIterable.entries === iteratorFn && (warning$8(didWarnAboutMaps, "Using Maps as children is unsupported and will likely yield " + "unexpected results. Convert it to a sequence/iterable of keyed " + "ReactElements instead.%s", getCurrentFiberStackAddendum$1()),
- didWarnAboutMaps = !0);
- }
- var _newChildren = iteratorFn.call(newChildrenIterable);
- if (_newChildren) for (var knownKeys = null, _step = _newChildren.next(); !_step.done; _step = _newChildren.next()) {
- var child = _step.value;
- knownKeys = warnOnInvalidKey(child, knownKeys);
- }
- var newChildren = iteratorFn.call(newChildrenIterable);
- invariant(null != newChildren, "An iterable object provided no iterator.");
- for (var resultingFirstChild = null, previousNewFiber = null, oldFiber = currentFirstChild, lastPlacedIndex = 0, newIdx = 0, nextOldFiber = null, step = newChildren.next(); null !== oldFiber && !step.done; newIdx++,
- step = newChildren.next()) {
- oldFiber.index > newIdx ? (nextOldFiber = oldFiber, oldFiber = null) : nextOldFiber = oldFiber.sibling;
- var newFiber = updateSlot(returnFiber, oldFiber, step.value, priority);
- if (null === newFiber) {
- oldFiber || (oldFiber = nextOldFiber);
- break;
- }
- shouldTrackSideEffects && oldFiber && null === newFiber.alternate && deleteChild(returnFiber, oldFiber),
- lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx), null === previousNewFiber ? resultingFirstChild = newFiber : previousNewFiber.sibling = newFiber,
- previousNewFiber = newFiber, oldFiber = nextOldFiber;
- }
- if (step.done) return deleteRemainingChildren(returnFiber, oldFiber), resultingFirstChild;
- if (null === oldFiber) {
- for (;!step.done; newIdx++, step = newChildren.next()) {
- var _newFiber3 = createChild(returnFiber, step.value, priority);
- null !== _newFiber3 && (lastPlacedIndex = placeChild(_newFiber3, lastPlacedIndex, newIdx),
- null === previousNewFiber ? resultingFirstChild = _newFiber3 : previousNewFiber.sibling = _newFiber3,
- previousNewFiber = _newFiber3);
- }
- return resultingFirstChild;
- }
- for (var existingChildren = mapRemainingChildren(returnFiber, oldFiber); !step.done; newIdx++,
- step = newChildren.next()) {
- var _newFiber4 = updateFromMap(existingChildren, returnFiber, newIdx, step.value, priority);
- null !== _newFiber4 && (shouldTrackSideEffects && null !== _newFiber4.alternate && existingChildren.delete(null === _newFiber4.key ? newIdx : _newFiber4.key),
- lastPlacedIndex = placeChild(_newFiber4, lastPlacedIndex, newIdx), null === previousNewFiber ? resultingFirstChild = _newFiber4 : previousNewFiber.sibling = _newFiber4,
- previousNewFiber = _newFiber4);
- }
- return shouldTrackSideEffects && existingChildren.forEach(function(child) {
- return deleteChild(returnFiber, child);
- }), resultingFirstChild;
- }
- function reconcileSingleTextNode(returnFiber, currentFirstChild, textContent, priority) {
- if (null !== currentFirstChild && currentFirstChild.tag === HostText$4) {
- deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
- var existing = useFiber(currentFirstChild, priority);
- return existing.pendingProps = textContent, existing.return = returnFiber, existing;
- }
- deleteRemainingChildren(returnFiber, currentFirstChild);
- var created = createFiberFromText$1(textContent, returnFiber.internalContextTag, priority);
- return created.return = returnFiber, created;
- }
- function reconcileSingleElement(returnFiber, currentFirstChild, element, priority) {
- for (var key = element.key, child = currentFirstChild; null !== child; ) {
- if (child.key === key) {
- if (child.type === element.type) {
- deleteRemainingChildren(returnFiber, child.sibling);
- var existing = useFiber(child, priority);
- return existing.ref = coerceRef(child, element), existing.pendingProps = element.props,
- existing.return = returnFiber, existing._debugSource = element._source, existing._debugOwner = element._owner,
- existing;
- }
- deleteRemainingChildren(returnFiber, child);
- break;
- }
- deleteChild(returnFiber, child), child = child.sibling;
- }
- var created = createFiberFromElement$1(element, returnFiber.internalContextTag, priority);
- return created.ref = coerceRef(currentFirstChild, element), created.return = returnFiber,
- created;
- }
- function reconcileSingleCoroutine(returnFiber, currentFirstChild, coroutine, priority) {
- for (var key = coroutine.key, child = currentFirstChild; null !== child; ) {
- if (child.key === key) {
- if (child.tag === CoroutineComponent$2) {
- deleteRemainingChildren(returnFiber, child.sibling);
- var existing = useFiber(child, priority);
- return existing.pendingProps = coroutine, existing.return = returnFiber, existing;
- }
- deleteRemainingChildren(returnFiber, child);
- break;
- }
- deleteChild(returnFiber, child), child = child.sibling;
- }
- var created = createFiberFromCoroutine$1(coroutine, returnFiber.internalContextTag, priority);
- return created.return = returnFiber, created;
- }
- function reconcileSingleYield(returnFiber, currentFirstChild, yieldNode, priority) {
- var child = currentFirstChild;
- if (null !== child) {
- if (child.tag === YieldComponent$3) {
- deleteRemainingChildren(returnFiber, child.sibling);
- var existing = useFiber(child, priority);
- return existing.type = yieldNode.value, existing.return = returnFiber, existing;
- }
- deleteRemainingChildren(returnFiber, child);
- }
- var created = createFiberFromYield$1(yieldNode, returnFiber.internalContextTag, priority);
- return created.type = yieldNode.value, created.return = returnFiber, created;
- }
- function reconcileSinglePortal(returnFiber, currentFirstChild, portal, priority) {
- for (var key = portal.key, child = currentFirstChild; null !== child; ) {
- if (child.key === key) {
- if (child.tag === HostPortal$5 && child.stateNode.containerInfo === portal.containerInfo && child.stateNode.implementation === portal.implementation) {
- deleteRemainingChildren(returnFiber, child.sibling);
- var existing = useFiber(child, priority);
- return existing.pendingProps = portal.children || [], existing.return = returnFiber,
- existing;
- }
- deleteRemainingChildren(returnFiber, child);
- break;
- }
- deleteChild(returnFiber, child), child = child.sibling;
- }
- var created = createFiberFromPortal$1(portal, returnFiber.internalContextTag, priority);
- return created.return = returnFiber, created;
- }
- function reconcileChildFibers(returnFiber, currentFirstChild, newChild, priority) {
- var isObject = "object" == typeof newChild && null !== newChild;
- if (isObject) switch (newChild.$$typeof) {
- case REACT_ELEMENT_TYPE:
- return placeSingleChild(reconcileSingleElement(returnFiber, currentFirstChild, newChild, priority));
-
- case REACT_COROUTINE_TYPE:
- return placeSingleChild(reconcileSingleCoroutine(returnFiber, currentFirstChild, newChild, priority));
-
- case REACT_YIELD_TYPE:
- return placeSingleChild(reconcileSingleYield(returnFiber, currentFirstChild, newChild, priority));
-
- case REACT_PORTAL_TYPE$1:
- return placeSingleChild(reconcileSinglePortal(returnFiber, currentFirstChild, newChild, priority));
- }
- if ("string" == typeof newChild || "number" == typeof newChild) return placeSingleChild(reconcileSingleTextNode(returnFiber, currentFirstChild, "" + newChild, priority));
- if (isArray(newChild)) return reconcileChildrenArray(returnFiber, currentFirstChild, newChild, priority);
- if (getIteratorFn(newChild)) return reconcileChildrenIterator(returnFiber, currentFirstChild, newChild, priority);
- if (isObject && throwOnInvalidObjectType(returnFiber, newChild), "function" == typeof newChild && warnOnFunctionType(),
- void 0 === newChild) switch (returnFiber.tag) {
- case ClassComponent$7:
- if (returnFiber.stateNode.render._isMockFunction) break;
-
- case FunctionalComponent$2:
- var Component = returnFiber.type;
- invariant(!1, "%s(...): Nothing was returned from render. This usually means a " + "return statement is missing. Or, to render nothing, " + "return null.", Component.displayName || Component.name || "Component");
- }
- return deleteRemainingChildren(returnFiber, currentFirstChild);
- }
- return reconcileChildFibers;
- }
- var reconcileChildFibers$1 = ChildReconciler(!0, !0), reconcileChildFibersInPlace$1 = ChildReconciler(!1, !0), mountChildFibersInPlace$1 = ChildReconciler(!1, !1), cloneChildFibers$1 = function(current, workInProgress) {
- if (invariant(null === current || workInProgress.child === current.child, "Resuming work not yet implemented."),
- null !== workInProgress.child) {
- var currentChild = workInProgress.child, newChild = createWorkInProgress$2(currentChild, currentChild.pendingWorkPriority);
- for (newChild.pendingProps = currentChild.pendingProps, workInProgress.child = newChild,
- newChild.return = workInProgress; null !== currentChild.sibling; ) currentChild = currentChild.sibling,
- newChild = newChild.sibling = createWorkInProgress$2(currentChild, currentChild.pendingWorkPriority),
- newChild.pendingProps = currentChild.pendingProps, newChild.return = workInProgress;
- newChild.sibling = null;
- }
- }, ReactChildFiber = {
- reconcileChildFibers: reconcileChildFibers$1,
- reconcileChildFibersInPlace: reconcileChildFibersInPlace$1,
- mountChildFibersInPlace: mountChildFibersInPlace$1,
- cloneChildFibers: cloneChildFibers$1
- }, Update$1 = ReactTypeOfSideEffect.Update, AsyncUpdates$1 = ReactTypeOfInternalContext.AsyncUpdates, cacheContext$1 = ReactFiberContext.cacheContext, getMaskedContext$2 = ReactFiberContext.getMaskedContext, getUnmaskedContext$2 = ReactFiberContext.getUnmaskedContext, isContextConsumer$1 = ReactFiberContext.isContextConsumer, addUpdate$1 = ReactFiberUpdateQueue.addUpdate, addReplaceUpdate$1 = ReactFiberUpdateQueue.addReplaceUpdate, addForceUpdate$1 = ReactFiberUpdateQueue.addForceUpdate, beginUpdateQueue$2 = ReactFiberUpdateQueue.beginUpdateQueue, _require5 = ReactFiberContext, hasContextChanged$2 = _require5.hasContextChanged, isMounted$1 = ReactFiberTreeReflection.isMounted, fakeInternalInstance = {}, isArray$1 = Array.isArray, _require7$1 = ReactDebugFiberPerf_1, startPhaseTimer$1 = _require7$1.startPhaseTimer, stopPhaseTimer$1 = _require7$1.stopPhaseTimer, warning$9 = require$$0, warnOnInvalidCallback = function(callback, callerName) {
- warning$9(null === callback || "function" == typeof callback, "%s(...): Expected the last optional `callback` argument to be a " + "function. Instead received: %s.", callerName, callback);
- };
- Object.defineProperty(fakeInternalInstance, "_processChildContext", {
- enumerable: !1,
- value: function() {
- invariant(!1, "_processChildContext is not available in React 16+. This likely " + "means you have multiple copies of React and are attempting to nest " + "a React 15 tree inside a React 16 tree using " + "unstable_renderSubtreeIntoContainer, which isn't supported. Try " + "to make sure you have only one copy of React (and ideally, switch " + "to ReactDOM.createPortal).");
- }
- }), Object.freeze(fakeInternalInstance);
- var ReactFiberClassComponent = function(scheduleUpdate, getPriorityContext, memoizeProps, memoizeState) {
- var updater = {
- isMounted: isMounted$1,
- enqueueSetState: function(instance, partialState, callback) {
- var fiber = ReactInstanceMap_1.get(instance), priorityLevel = getPriorityContext(fiber, !1);
- callback = void 0 === callback ? null : callback, warnOnInvalidCallback(callback, "setState"),
- addUpdate$1(fiber, partialState, callback, priorityLevel), scheduleUpdate(fiber, priorityLevel);
- },
- enqueueReplaceState: function(instance, state, callback) {
- var fiber = ReactInstanceMap_1.get(instance), priorityLevel = getPriorityContext(fiber, !1);
- callback = void 0 === callback ? null : callback, warnOnInvalidCallback(callback, "replaceState"),
- addReplaceUpdate$1(fiber, state, callback, priorityLevel), scheduleUpdate(fiber, priorityLevel);
- },
- enqueueForceUpdate: function(instance, callback) {
- var fiber = ReactInstanceMap_1.get(instance), priorityLevel = getPriorityContext(fiber, !1);
- callback = void 0 === callback ? null : callback, warnOnInvalidCallback(callback, "forceUpdate"),
- addForceUpdate$1(fiber, callback, priorityLevel), scheduleUpdate(fiber, priorityLevel);
- }
- };
- function checkShouldComponentUpdate(workInProgress, oldProps, newProps, oldState, newState, newContext) {
- if (null === oldProps || null !== workInProgress.updateQueue && workInProgress.updateQueue.hasForceUpdate) return !0;
- var instance = workInProgress.stateNode, type = workInProgress.type;
- if ("function" == typeof instance.shouldComponentUpdate) {
- startPhaseTimer$1(workInProgress, "shouldComponentUpdate");
- var shouldUpdate = instance.shouldComponentUpdate(newProps, newState, newContext);
- return stopPhaseTimer$1(), warning$9(void 0 !== shouldUpdate, "%s.shouldComponentUpdate(): Returned undefined instead of a " + "boolean value. Make sure to return true or false.", getComponentName_1(workInProgress) || "Unknown"),
- shouldUpdate;
- }
- return !type.prototype || !type.prototype.isPureReactComponent || (!shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState));
- }
- function checkClassInstance(workInProgress) {
- var instance = workInProgress.stateNode, type = workInProgress.type, name = getComponentName_1(workInProgress), renderPresent = instance.render;
- warning$9(renderPresent, "%s(...): No `render` method found on the returned component " + "instance: you may have forgotten to define `render`.", name);
- var noGetInitialStateOnES6 = !instance.getInitialState || instance.getInitialState.isReactClassApproved || instance.state;
- warning$9(noGetInitialStateOnES6, "getInitialState was defined on %s, a plain JavaScript class. " + "This is only supported for classes created using React.createClass. " + "Did you mean to define a state property instead?", name);
- var noGetDefaultPropsOnES6 = !instance.getDefaultProps || instance.getDefaultProps.isReactClassApproved;
- warning$9(noGetDefaultPropsOnES6, "getDefaultProps was defined on %s, a plain JavaScript class. " + "This is only supported for classes created using React.createClass. " + "Use a static property to define defaultProps instead.", name);
- var noInstancePropTypes = !instance.propTypes;
- warning$9(noInstancePropTypes, "propTypes was defined as an instance property on %s. Use a static " + "property to define propTypes instead.", name);
- var noInstanceContextTypes = !instance.contextTypes;
- warning$9(noInstanceContextTypes, "contextTypes was defined as an instance property on %s. Use a static " + "property to define contextTypes instead.", name);
- var noComponentShouldUpdate = "function" != typeof instance.componentShouldUpdate;
- warning$9(noComponentShouldUpdate, "%s has a method called " + "componentShouldUpdate(). Did you mean shouldComponentUpdate()? " + "The name is phrased as a question because the function is " + "expected to return a value.", name),
- type.prototype && type.prototype.isPureReactComponent && void 0 !== instance.shouldComponentUpdate && warning$9(!1, "%s has a method called shouldComponentUpdate(). " + "shouldComponentUpdate should not be used when extending React.PureComponent. " + "Please extend React.Component if shouldComponentUpdate is used.", getComponentName_1(workInProgress) || "A pure component");
- var noComponentDidUnmount = "function" != typeof instance.componentDidUnmount;
- warning$9(noComponentDidUnmount, "%s has a method called " + "componentDidUnmount(). But there is no such lifecycle method. " + "Did you mean componentWillUnmount()?", name);
- var noComponentWillRecieveProps = "function" != typeof instance.componentWillRecieveProps;
- warning$9(noComponentWillRecieveProps, "%s has a method called " + "componentWillRecieveProps(). Did you mean componentWillReceiveProps()?", name);
- var hasMutatedProps = instance.props !== workInProgress.pendingProps;
- warning$9(void 0 === instance.props || !hasMutatedProps, "%s(...): When calling super() in `%s`, make sure to pass " + "up the same props that your component's constructor was passed.", name, name);
- var noInstanceDefaultProps = !instance.defaultProps;
- warning$9(noInstanceDefaultProps, "Setting defaultProps as an instance property on %s is not supported and will be ignored." + " Instead, define defaultProps as a static property on %s.", name, name);
- var state = instance.state;
- state && ("object" != typeof state || isArray$1(state)) && invariant(!1, "%s.state: must be set to an object or null", getComponentName_1(workInProgress)),
- "function" == typeof instance.getChildContext && invariant("object" == typeof workInProgress.type.childContextTypes, "%s.getChildContext(): childContextTypes must be defined in order to " + "use getChildContext().", getComponentName_1(workInProgress));
- }
- function resetInputPointers(workInProgress, instance) {
- instance.props = workInProgress.memoizedProps, instance.state = workInProgress.memoizedState;
- }
- function adoptClassInstance(workInProgress, instance) {
- instance.updater = updater, workInProgress.stateNode = instance, ReactInstanceMap_1.set(instance, workInProgress),
- instance._reactInternalInstance = fakeInternalInstance;
- }
- function constructClassInstance(workInProgress, props) {
- var ctor = workInProgress.type, unmaskedContext = getUnmaskedContext$2(workInProgress), needsContext = isContextConsumer$1(workInProgress), context = needsContext ? getMaskedContext$2(workInProgress, unmaskedContext) : emptyObject, instance = new ctor(props, context);
- return adoptClassInstance(workInProgress, instance), needsContext && cacheContext$1(workInProgress, unmaskedContext, context),
- instance;
- }
- function callComponentWillMount(workInProgress, instance) {
- startPhaseTimer$1(workInProgress, "componentWillMount");
- var oldState = instance.state;
- instance.componentWillMount(), stopPhaseTimer$1(), oldState !== instance.state && (warning$9(!1, "%s.componentWillMount(): Assigning directly to this.state is " + "deprecated (except inside a component's " + "constructor). Use setState instead.", getComponentName_1(workInProgress)),
- updater.enqueueReplaceState(instance, instance.state, null));
- }
- function callComponentWillReceiveProps(workInProgress, instance, newProps, newContext) {
- startPhaseTimer$1(workInProgress, "componentWillReceiveProps");
- var oldState = instance.state;
- instance.componentWillReceiveProps(newProps, newContext), stopPhaseTimer$1(), instance.state !== oldState && (warning$9(!1, "%s.componentWillReceiveProps(): Assigning directly to " + "this.state is deprecated (except inside a component's " + "constructor). Use setState instead.", getComponentName_1(workInProgress)),
- updater.enqueueReplaceState(instance, instance.state, null));
- }
- function mountClassInstance(workInProgress, priorityLevel) {
- var current = workInProgress.alternate;
- checkClassInstance(workInProgress);
- var instance = workInProgress.stateNode, state = instance.state || null, props = workInProgress.pendingProps;
- invariant(props, "There must be pending props for an initial mount. This error is " + "likely caused by a bug in React. Please file an issue.");
- var unmaskedContext = getUnmaskedContext$2(workInProgress);
- if (instance.props = props, instance.state = state, instance.refs = emptyObject,
- instance.context = getMaskedContext$2(workInProgress, unmaskedContext), ReactFeatureFlags_1.enableAsyncSubtreeAPI && null != workInProgress.type && null != workInProgress.type.prototype && !0 === workInProgress.type.prototype.unstable_isAsyncReactComponent && (workInProgress.internalContextTag |= AsyncUpdates$1),
- "function" == typeof instance.componentWillMount) {
- callComponentWillMount(workInProgress, instance);
- var updateQueue = workInProgress.updateQueue;
- null !== updateQueue && (instance.state = beginUpdateQueue$2(current, workInProgress, updateQueue, instance, state, props, priorityLevel));
- }
- "function" == typeof instance.componentDidMount && (workInProgress.effectTag |= Update$1);
- }
- function updateClassInstance(current, workInProgress, priorityLevel) {
- var instance = workInProgress.stateNode;
- resetInputPointers(workInProgress, instance);
- var oldProps = workInProgress.memoizedProps, newProps = workInProgress.pendingProps;
- newProps || (newProps = oldProps, invariant(null != newProps, "There should always be pending or memoized props. This error is " + "likely caused by a bug in React. Please file an issue."));
- var oldContext = instance.context, newUnmaskedContext = getUnmaskedContext$2(workInProgress), newContext = getMaskedContext$2(workInProgress, newUnmaskedContext);
- "function" != typeof instance.componentWillReceiveProps || oldProps === newProps && oldContext === newContext || callComponentWillReceiveProps(workInProgress, instance, newProps, newContext);
- var oldState = workInProgress.memoizedState, newState = void 0;
- if (newState = null !== workInProgress.updateQueue ? beginUpdateQueue$2(current, workInProgress, workInProgress.updateQueue, instance, oldState, newProps, priorityLevel) : oldState,
- !(oldProps !== newProps || oldState !== newState || hasContextChanged$2() || null !== workInProgress.updateQueue && workInProgress.updateQueue.hasForceUpdate)) return "function" == typeof instance.componentDidUpdate && (oldProps === current.memoizedProps && oldState === current.memoizedState || (workInProgress.effectTag |= Update$1)),
- !1;
- var shouldUpdate = checkShouldComponentUpdate(workInProgress, oldProps, newProps, oldState, newState, newContext);
- return shouldUpdate ? ("function" == typeof instance.componentWillUpdate && (startPhaseTimer$1(workInProgress, "componentWillUpdate"),
- instance.componentWillUpdate(newProps, newState, newContext), stopPhaseTimer$1()),
- "function" == typeof instance.componentDidUpdate && (workInProgress.effectTag |= Update$1)) : ("function" == typeof instance.componentDidUpdate && (oldProps === current.memoizedProps && oldState === current.memoizedState || (workInProgress.effectTag |= Update$1)),
- memoizeProps(workInProgress, newProps), memoizeState(workInProgress, newState)),
- instance.props = newProps, instance.state = newState, instance.context = newContext,
- shouldUpdate;
- }
- return {
- adoptClassInstance: adoptClassInstance,
- constructClassInstance: constructClassInstance,
- mountClassInstance: mountClassInstance,
- updateClassInstance: updateClassInstance
- };
- }, mountChildFibersInPlace = ReactChildFiber.mountChildFibersInPlace, reconcileChildFibers = ReactChildFiber.reconcileChildFibers, reconcileChildFibersInPlace = ReactChildFiber.reconcileChildFibersInPlace, cloneChildFibers = ReactChildFiber.cloneChildFibers, beginUpdateQueue$1 = ReactFiberUpdateQueue.beginUpdateQueue, getMaskedContext$1 = ReactFiberContext.getMaskedContext, getUnmaskedContext$1 = ReactFiberContext.getUnmaskedContext, hasContextChanged$1 = ReactFiberContext.hasContextChanged, pushContextProvider$1 = ReactFiberContext.pushContextProvider, pushTopLevelContextObject$1 = ReactFiberContext.pushTopLevelContextObject, invalidateContextProvider$1 = ReactFiberContext.invalidateContextProvider, IndeterminateComponent$2 = ReactTypeOfWork.IndeterminateComponent, FunctionalComponent$1 = ReactTypeOfWork.FunctionalComponent, ClassComponent$6 = ReactTypeOfWork.ClassComponent, HostRoot$6 = ReactTypeOfWork.HostRoot, HostComponent$6 = ReactTypeOfWork.HostComponent, HostText$3 = ReactTypeOfWork.HostText, HostPortal$4 = ReactTypeOfWork.HostPortal, CoroutineComponent$1 = ReactTypeOfWork.CoroutineComponent, CoroutineHandlerPhase = ReactTypeOfWork.CoroutineHandlerPhase, YieldComponent$2 = ReactTypeOfWork.YieldComponent, Fragment$2 = ReactTypeOfWork.Fragment, NoWork$3 = ReactPriorityLevel.NoWork, OffscreenPriority$1 = ReactPriorityLevel.OffscreenPriority, PerformedWork$1 = ReactTypeOfSideEffect.PerformedWork, Placement$2 = ReactTypeOfSideEffect.Placement, ContentReset$1 = ReactTypeOfSideEffect.ContentReset, Err$1 = ReactTypeOfSideEffect.Err, Ref$1 = ReactTypeOfSideEffect.Ref, ReactCurrentOwner$2 = ReactGlobalSharedState_1.ReactCurrentOwner, ReactDebugCurrentFiber$4 = ReactDebugCurrentFiber_1, _require7 = ReactDebugFiberPerf_1, cancelWorkTimer = _require7.cancelWorkTimer, warning$7 = require$$0, warnedAboutStatelessRefs = {}, ReactFiberBeginWork = function(config, hostContext, hydrationContext, scheduleUpdate, getPriorityContext) {
- var shouldSetTextContent = config.shouldSetTextContent, useSyncScheduling = config.useSyncScheduling, shouldDeprioritizeSubtree = config.shouldDeprioritizeSubtree, pushHostContext = hostContext.pushHostContext, pushHostContainer = hostContext.pushHostContainer, enterHydrationState = hydrationContext.enterHydrationState, resetHydrationState = hydrationContext.resetHydrationState, tryToClaimNextHydratableInstance = hydrationContext.tryToClaimNextHydratableInstance, _ReactFiberClassCompo = ReactFiberClassComponent(scheduleUpdate, getPriorityContext, memoizeProps, memoizeState), adoptClassInstance = _ReactFiberClassCompo.adoptClassInstance, constructClassInstance = _ReactFiberClassCompo.constructClassInstance, mountClassInstance = _ReactFiberClassCompo.mountClassInstance, updateClassInstance = _ReactFiberClassCompo.updateClassInstance;
- function reconcileChildren(current, workInProgress, nextChildren) {
- reconcileChildrenAtPriority(current, workInProgress, nextChildren, workInProgress.pendingWorkPriority);
- }
- function reconcileChildrenAtPriority(current, workInProgress, nextChildren, priorityLevel) {
- null === current ? workInProgress.child = mountChildFibersInPlace(workInProgress, workInProgress.child, nextChildren, priorityLevel) : current.child === workInProgress.child ? workInProgress.child = reconcileChildFibers(workInProgress, workInProgress.child, nextChildren, priorityLevel) : workInProgress.child = reconcileChildFibersInPlace(workInProgress, workInProgress.child, nextChildren, priorityLevel);
- }
- function updateFragment(current, workInProgress) {
- var nextChildren = workInProgress.pendingProps;
- if (hasContextChanged$1()) null === nextChildren && (nextChildren = workInProgress.memoizedProps); else if (null === nextChildren || workInProgress.memoizedProps === nextChildren) return bailoutOnAlreadyFinishedWork(current, workInProgress);
- return reconcileChildren(current, workInProgress, nextChildren), memoizeProps(workInProgress, nextChildren),
- workInProgress.child;
- }
- function markRef(current, workInProgress) {
- var ref = workInProgress.ref;
- null === ref || current && current.ref === ref || (workInProgress.effectTag |= Ref$1);
- }
- function updateFunctionalComponent(current, workInProgress) {
- var fn = workInProgress.type, nextProps = workInProgress.pendingProps, memoizedProps = workInProgress.memoizedProps;
- if (hasContextChanged$1()) null === nextProps && (nextProps = memoizedProps); else if (null === nextProps || memoizedProps === nextProps) return bailoutOnAlreadyFinishedWork(current, workInProgress);
- var nextChildren, unmaskedContext = getUnmaskedContext$1(workInProgress), context = getMaskedContext$1(workInProgress, unmaskedContext);
- return ReactCurrentOwner$2.current = workInProgress, ReactDebugCurrentFiber$4.setCurrentPhase("render"),
- nextChildren = fn(nextProps, context), ReactDebugCurrentFiber$4.setCurrentPhase(null),
- workInProgress.effectTag |= PerformedWork$1, reconcileChildren(current, workInProgress, nextChildren),
- memoizeProps(workInProgress, nextProps), workInProgress.child;
- }
- function updateClassComponent(current, workInProgress, priorityLevel) {
- var hasContext = pushContextProvider$1(workInProgress), shouldUpdate = void 0;
- return null === current ? workInProgress.stateNode ? invariant(!1, "Resuming work not yet implemented.") : (constructClassInstance(workInProgress, workInProgress.pendingProps),
- mountClassInstance(workInProgress, priorityLevel), shouldUpdate = !0) : shouldUpdate = updateClassInstance(current, workInProgress, priorityLevel),
- finishClassComponent(current, workInProgress, shouldUpdate, hasContext);
- }
- function finishClassComponent(current, workInProgress, shouldUpdate, hasContext) {
- if (markRef(current, workInProgress), !shouldUpdate) return hasContext && invalidateContextProvider$1(workInProgress, !1),
- bailoutOnAlreadyFinishedWork(current, workInProgress);
- var instance = workInProgress.stateNode;
- ReactCurrentOwner$2.current = workInProgress;
- var nextChildren = void 0;
- return ReactDebugCurrentFiber$4.setCurrentPhase("render"), nextChildren = instance.render(),
- ReactDebugCurrentFiber$4.setCurrentPhase(null), workInProgress.effectTag |= PerformedWork$1,
- reconcileChildren(current, workInProgress, nextChildren), memoizeState(workInProgress, instance.state),
- memoizeProps(workInProgress, instance.props), hasContext && invalidateContextProvider$1(workInProgress, !0),
- workInProgress.child;
- }
- function pushHostRootContext(workInProgress) {
- var root = workInProgress.stateNode;
- root.pendingContext ? pushTopLevelContextObject$1(workInProgress, root.pendingContext, root.pendingContext !== root.context) : root.context && pushTopLevelContextObject$1(workInProgress, root.context, !1),
- pushHostContainer(workInProgress, root.containerInfo);
- }
- function updateHostRoot(current, workInProgress, priorityLevel) {
- pushHostRootContext(workInProgress);
- var updateQueue = workInProgress.updateQueue;
- if (null !== updateQueue) {
- var prevState = workInProgress.memoizedState, state = beginUpdateQueue$1(current, workInProgress, updateQueue, null, prevState, null, priorityLevel);
- if (prevState === state) return resetHydrationState(), bailoutOnAlreadyFinishedWork(current, workInProgress);
- var element = state.element;
- return null !== current && null !== current.child || !enterHydrationState(workInProgress) ? (resetHydrationState(),
- reconcileChildren(current, workInProgress, element)) : (workInProgress.effectTag |= Placement$2,
- workInProgress.child = mountChildFibersInPlace(workInProgress, workInProgress.child, element, priorityLevel)),
- memoizeState(workInProgress, state), workInProgress.child;
- }
- return resetHydrationState(), bailoutOnAlreadyFinishedWork(current, workInProgress);
- }
- function updateHostComponent(current, workInProgress, renderPriority) {
- pushHostContext(workInProgress), null === current && tryToClaimNextHydratableInstance(workInProgress);
- var type = workInProgress.type, memoizedProps = workInProgress.memoizedProps, nextProps = workInProgress.pendingProps;
- null === nextProps && (nextProps = memoizedProps, invariant(null !== nextProps, "We should always have pending or current props. This error is " + "likely caused by a bug in React. Please file an issue."));
- var prevProps = null !== current ? current.memoizedProps : null;
- if (hasContextChanged$1()) ; else if (null === nextProps || memoizedProps === nextProps) return bailoutOnAlreadyFinishedWork(current, workInProgress);
- var nextChildren = nextProps.children;
- return shouldSetTextContent(type, nextProps) ? nextChildren = null : prevProps && shouldSetTextContent(type, prevProps) && (workInProgress.effectTag |= ContentReset$1),
- markRef(current, workInProgress), renderPriority !== OffscreenPriority$1 && !useSyncScheduling && shouldDeprioritizeSubtree(type, nextProps) ? (workInProgress.pendingWorkPriority = OffscreenPriority$1,
- null) : (reconcileChildren(current, workInProgress, nextChildren), memoizeProps(workInProgress, nextProps),
- workInProgress.child);
- }
- function updateHostText(current, workInProgress) {
- null === current && tryToClaimNextHydratableInstance(workInProgress);
- var nextProps = workInProgress.pendingProps;
- return null === nextProps && (nextProps = workInProgress.memoizedProps), memoizeProps(workInProgress, nextProps),
- null;
- }
- function mountIndeterminateComponent(current, workInProgress, priorityLevel) {
- invariant(null === current, "An indeterminate component should never have mounted. This error is " + "likely caused by a bug in React. Please file an issue.");
- var value, fn = workInProgress.type, props = workInProgress.pendingProps, unmaskedContext = getUnmaskedContext$1(workInProgress), context = getMaskedContext$1(workInProgress, unmaskedContext);
- if (ReactCurrentOwner$2.current = workInProgress, value = fn(props, context), workInProgress.effectTag |= PerformedWork$1,
- "object" == typeof value && null !== value && "function" == typeof value.render) {
- workInProgress.tag = ClassComponent$6;
- var hasContext = pushContextProvider$1(workInProgress);
- return adoptClassInstance(workInProgress, value), mountClassInstance(workInProgress, priorityLevel),
- finishClassComponent(current, workInProgress, !0, hasContext);
- }
- workInProgress.tag = FunctionalComponent$1;
- var Component = workInProgress.type;
- if (Component && warning$7(!Component.childContextTypes, "%s(...): childContextTypes cannot be defined on a functional component.", Component.displayName || Component.name || "Component"),
- null !== workInProgress.ref) {
- var info = "", ownerName = ReactDebugCurrentFiber$4.getCurrentFiberOwnerName();
- ownerName && (info += "\n\nCheck the render method of `" + ownerName + "`.");
- var warningKey = ownerName || workInProgress._debugID || "", debugSource = workInProgress._debugSource;
- debugSource && (warningKey = debugSource.fileName + ":" + debugSource.lineNumber),
- warnedAboutStatelessRefs[warningKey] || (warnedAboutStatelessRefs[warningKey] = !0,
- warning$7(!1, "Stateless function components cannot be given refs. " + "Attempts to access this ref will fail.%s%s", info, ReactDebugCurrentFiber$4.getCurrentFiberStackAddendum()));
- }
- return reconcileChildren(current, workInProgress, value), memoizeProps(workInProgress, props),
- workInProgress.child;
- }
- function updateCoroutineComponent(current, workInProgress) {
- var nextCoroutine = workInProgress.pendingProps;
- hasContextChanged$1() ? null === nextCoroutine && (nextCoroutine = current && current.memoizedProps,
- invariant(null !== nextCoroutine, "We should always have pending or current props. This error is " + "likely caused by a bug in React. Please file an issue.")) : null !== nextCoroutine && workInProgress.memoizedProps !== nextCoroutine || (nextCoroutine = workInProgress.memoizedProps);
- var nextChildren = nextCoroutine.children, priorityLevel = workInProgress.pendingWorkPriority;
- return null === current ? workInProgress.stateNode = mountChildFibersInPlace(workInProgress, workInProgress.stateNode, nextChildren, priorityLevel) : current.child === workInProgress.child ? workInProgress.stateNode = reconcileChildFibers(workInProgress, workInProgress.stateNode, nextChildren, priorityLevel) : workInProgress.stateNode = reconcileChildFibersInPlace(workInProgress, workInProgress.stateNode, nextChildren, priorityLevel),
- memoizeProps(workInProgress, nextCoroutine), workInProgress.stateNode;
- }
- function updatePortalComponent(current, workInProgress) {
- pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
- var priorityLevel = workInProgress.pendingWorkPriority, nextChildren = workInProgress.pendingProps;
- if (hasContextChanged$1()) null === nextChildren && (nextChildren = current && current.memoizedProps,
- invariant(null != nextChildren, "We should always have pending or current props. This error is " + "likely caused by a bug in React. Please file an issue.")); else if (null === nextChildren || workInProgress.memoizedProps === nextChildren) return bailoutOnAlreadyFinishedWork(current, workInProgress);
- return null === current ? (workInProgress.child = reconcileChildFibersInPlace(workInProgress, workInProgress.child, nextChildren, priorityLevel),
- memoizeProps(workInProgress, nextChildren)) : (reconcileChildren(current, workInProgress, nextChildren),
- memoizeProps(workInProgress, nextChildren)), workInProgress.child;
- }
- function bailoutOnAlreadyFinishedWork(current, workInProgress) {
- return cancelWorkTimer(workInProgress), cloneChildFibers(current, workInProgress),
- workInProgress.child;
- }
- function bailoutOnLowPriority(current, workInProgress) {
- switch (cancelWorkTimer(workInProgress), workInProgress.tag) {
- case HostRoot$6:
- pushHostRootContext(workInProgress);
- break;
-
- case ClassComponent$6:
- pushContextProvider$1(workInProgress);
- break;
-
- case HostPortal$4:
- pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
- }
- return null;
- }
- function memoizeProps(workInProgress, nextProps) {
- workInProgress.memoizedProps = nextProps;
- }
- function memoizeState(workInProgress, nextState) {
- workInProgress.memoizedState = nextState;
- }
- function beginWork(current, workInProgress, priorityLevel) {
- if (workInProgress.pendingWorkPriority === NoWork$3 || workInProgress.pendingWorkPriority > priorityLevel) return bailoutOnLowPriority(current, workInProgress);
- switch (workInProgress.tag) {
- case IndeterminateComponent$2:
- return mountIndeterminateComponent(current, workInProgress, priorityLevel);
-
- case FunctionalComponent$1:
- return updateFunctionalComponent(current, workInProgress);
-
- case ClassComponent$6:
- return updateClassComponent(current, workInProgress, priorityLevel);
-
- case HostRoot$6:
- return updateHostRoot(current, workInProgress, priorityLevel);
-
- case HostComponent$6:
- return updateHostComponent(current, workInProgress, priorityLevel);
-
- case HostText$3:
- return updateHostText(current, workInProgress);
-
- case CoroutineHandlerPhase:
- workInProgress.tag = CoroutineComponent$1;
-
- case CoroutineComponent$1:
- return updateCoroutineComponent(current, workInProgress);
-
- case YieldComponent$2:
- return null;
-
- case HostPortal$4:
- return updatePortalComponent(current, workInProgress);
-
- case Fragment$2:
- return updateFragment(current, workInProgress);
-
- default:
- invariant(!1, "Unknown unit of work tag. This error is likely caused by a bug in " + "React. Please file an issue.");
- }
- }
- function beginFailedWork(current, workInProgress, priorityLevel) {
- switch (workInProgress.tag) {
- case ClassComponent$6:
- pushContextProvider$1(workInProgress);
- break;
-
- case HostRoot$6:
- pushHostRootContext(workInProgress);
- break;
-
- default:
- invariant(!1, "Invalid type of work. This error is likely caused by a bug in React. " + "Please file an issue.");
- }
- if (workInProgress.effectTag |= Err$1, null === current ? workInProgress.child = null : workInProgress.child !== current.child && (workInProgress.child = current.child),
- workInProgress.pendingWorkPriority === NoWork$3 || workInProgress.pendingWorkPriority > priorityLevel) return bailoutOnLowPriority(current, workInProgress);
- if (workInProgress.firstEffect = null, workInProgress.lastEffect = null, reconcileChildrenAtPriority(current, workInProgress, null, priorityLevel),
- workInProgress.tag === ClassComponent$6) {
- var instance = workInProgress.stateNode;
- workInProgress.memoizedProps = instance.props, workInProgress.memoizedState = instance.state;
- }
- return workInProgress.child;
- }
- return {
- beginWork: beginWork,
- beginFailedWork: beginFailedWork
- };
- }, reconcileChildFibers$2 = ReactChildFiber.reconcileChildFibers, popContextProvider$2 = ReactFiberContext.popContextProvider, popTopLevelContextObject$1 = ReactFiberContext.popTopLevelContextObject, IndeterminateComponent$3 = ReactTypeOfWork.IndeterminateComponent, FunctionalComponent$3 = ReactTypeOfWork.FunctionalComponent, ClassComponent$8 = ReactTypeOfWork.ClassComponent, HostRoot$7 = ReactTypeOfWork.HostRoot, HostComponent$7 = ReactTypeOfWork.HostComponent, HostText$5 = ReactTypeOfWork.HostText, HostPortal$6 = ReactTypeOfWork.HostPortal, CoroutineComponent$3 = ReactTypeOfWork.CoroutineComponent, CoroutineHandlerPhase$1 = ReactTypeOfWork.CoroutineHandlerPhase, YieldComponent$4 = ReactTypeOfWork.YieldComponent, Fragment$4 = ReactTypeOfWork.Fragment, Placement$4 = ReactTypeOfSideEffect.Placement, Ref$2 = ReactTypeOfSideEffect.Ref, Update$2 = ReactTypeOfSideEffect.Update, OffscreenPriority$2 = ReactPriorityLevel.OffscreenPriority, ReactFiberCompleteWork = function(config, hostContext, hydrationContext) {
- var createInstance = config.createInstance, createTextInstance = config.createTextInstance, appendInitialChild = config.appendInitialChild, finalizeInitialChildren = config.finalizeInitialChildren, prepareUpdate = config.prepareUpdate, getRootHostContainer = hostContext.getRootHostContainer, popHostContext = hostContext.popHostContext, getHostContext = hostContext.getHostContext, popHostContainer = hostContext.popHostContainer, prepareToHydrateHostInstance = hydrationContext.prepareToHydrateHostInstance, prepareToHydrateHostTextInstance = hydrationContext.prepareToHydrateHostTextInstance, popHydrationState = hydrationContext.popHydrationState;
- function markUpdate(workInProgress) {
- workInProgress.effectTag |= Update$2;
- }
- function markRef(workInProgress) {
- workInProgress.effectTag |= Ref$2;
- }
- function appendAllYields(yields, workInProgress) {
- var node = workInProgress.stateNode;
- for (node && (node.return = workInProgress); null !== node; ) {
- if (node.tag === HostComponent$7 || node.tag === HostText$5 || node.tag === HostPortal$6) invariant(!1, "A coroutine cannot have host component children."); else if (node.tag === YieldComponent$4) yields.push(node.type); else if (null !== node.child) {
- node.child.return = node, node = node.child;
- continue;
- }
- for (;null === node.sibling; ) {
- if (null === node.return || node.return === workInProgress) return;
- node = node.return;
- }
- node.sibling.return = node.return, node = node.sibling;
- }
- }
- function moveCoroutineToHandlerPhase(current, workInProgress) {
- var coroutine = workInProgress.memoizedProps;
- invariant(coroutine, "Should be resolved by now. This error is likely caused by a bug in " + "React. Please file an issue."),
- workInProgress.tag = CoroutineHandlerPhase$1;
- var yields = [];
- appendAllYields(yields, workInProgress);
- var fn = coroutine.handler, props = coroutine.props, nextChildren = fn(props, yields), currentFirstChild = null !== current ? current.child : null, priority = workInProgress.pendingWorkPriority;
- return workInProgress.child = reconcileChildFibers$2(workInProgress, currentFirstChild, nextChildren, priority),
- workInProgress.child;
- }
- function appendAllChildren(parent, workInProgress) {
- for (var node = workInProgress.child; null !== node; ) {
- if (node.tag === HostComponent$7 || node.tag === HostText$5) appendInitialChild(parent, node.stateNode); else if (node.tag === HostPortal$6) ; else if (null !== node.child) {
- node = node.child;
- continue;
- }
- if (node === workInProgress) return;
- for (;null === node.sibling; ) {
- if (null === node.return || node.return === workInProgress) return;
- node = node.return;
- }
- node = node.sibling;
- }
- }
- function completeWork(current, workInProgress, renderPriority) {
- var newProps = workInProgress.pendingProps;
- switch (null === newProps ? newProps = workInProgress.memoizedProps : workInProgress.pendingWorkPriority === OffscreenPriority$2 && renderPriority !== OffscreenPriority$2 || (workInProgress.pendingProps = null),
- workInProgress.tag) {
- case FunctionalComponent$3:
- return null;
-
- case ClassComponent$8:
- return popContextProvider$2(workInProgress), null;
-
- case HostRoot$7:
- popHostContainer(workInProgress), popTopLevelContextObject$1(workInProgress);
- var fiberRoot = workInProgress.stateNode;
- return fiberRoot.pendingContext && (fiberRoot.context = fiberRoot.pendingContext,
- fiberRoot.pendingContext = null), null !== current && null !== current.child || (popHydrationState(workInProgress),
- workInProgress.effectTag &= ~Placement$4), null;
-
- case HostComponent$7:
- popHostContext(workInProgress);
- var rootContainerInstance = getRootHostContainer(), type = workInProgress.type;
- if (null !== current && null != workInProgress.stateNode) {
- var oldProps = current.memoizedProps, instance = workInProgress.stateNode, currentHostContext = getHostContext(), updatePayload = prepareUpdate(instance, type, oldProps, newProps, rootContainerInstance, currentHostContext);
- workInProgress.updateQueue = updatePayload, updatePayload && markUpdate(workInProgress),
- current.ref !== workInProgress.ref && markRef(workInProgress);
- } else {
- if (!newProps) return invariant(null !== workInProgress.stateNode, "We must have new props for new mounts. This error is likely " + "caused by a bug in React. Please file an issue."),
- null;
- var _currentHostContext = getHostContext();
- if (popHydrationState(workInProgress)) prepareToHydrateHostInstance(workInProgress, rootContainerInstance, _currentHostContext) && markUpdate(workInProgress); else {
- var _instance = createInstance(type, newProps, rootContainerInstance, _currentHostContext, workInProgress);
- appendAllChildren(_instance, workInProgress), finalizeInitialChildren(_instance, type, newProps, rootContainerInstance) && markUpdate(workInProgress),
- workInProgress.stateNode = _instance;
- }
- null !== workInProgress.ref && markRef(workInProgress);
- }
- return null;
-
- case HostText$5:
- var newText = newProps;
- if (current && null != workInProgress.stateNode) {
- current.memoizedProps !== newText && markUpdate(workInProgress);
- } else {
- if ("string" != typeof newText) return invariant(null !== workInProgress.stateNode, "We must have new props for new mounts. This error is likely " + "caused by a bug in React. Please file an issue."),
- null;
- var _rootContainerInstance = getRootHostContainer(), _currentHostContext2 = getHostContext();
- popHydrationState(workInProgress) ? prepareToHydrateHostTextInstance(workInProgress) && markUpdate(workInProgress) : workInProgress.stateNode = createTextInstance(newText, _rootContainerInstance, _currentHostContext2, workInProgress);
- }
- return null;
-
- case CoroutineComponent$3:
- return moveCoroutineToHandlerPhase(current, workInProgress);
-
- case CoroutineHandlerPhase$1:
- return workInProgress.tag = CoroutineComponent$3, null;
-
- case YieldComponent$4:
- case Fragment$4:
- return null;
-
- case HostPortal$6:
- return markUpdate(workInProgress), popHostContainer(workInProgress), null;
-
- case IndeterminateComponent$3:
- invariant(!1, "An indeterminate component should have become determinate before " + "completing. This error is likely caused by a bug in React. Please " + "file an issue.");
-
- default:
- invariant(!1, "Unknown unit of work tag. This error is likely caused by a bug in " + "React. Please file an issue.");
- }
- }
- return {
- completeWork: completeWork
- };
- }, warning$10 = require$$0, onCommitFiberRoot = null, onCommitFiberUnmount = null, hasLoggedError = !1;
- function catchErrors(fn) {
- return function(arg) {
- try {
- return fn(arg);
- } catch (err) {
- 0 || hasLoggedError || (hasLoggedError = !0, warning$10(!1, "React DevTools encountered an error: %s", err));
- }
- };
- }
- function injectInternals$1(internals) {
- if ("undefined" == typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
- var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
- if (!hook.supportsFiber) return warning$10(!1, "The installed version of React DevTools is too old and will not work " + "with the current version of React. Please update React DevTools. " + "https://fb.me/react-devtools"),
- !0;
- try {
- var rendererID = hook.inject(internals);
- onCommitFiberRoot = catchErrors(function(root) {
- return hook.onCommitFiberRoot(rendererID, root);
- }), onCommitFiberUnmount = catchErrors(function(fiber) {
- return hook.onCommitFiberUnmount(rendererID, fiber);
- });
- } catch (err) {
- warning$10(!1, "React DevTools encountered an error: %s.", err);
- }
- return !0;
- }
- function onCommitRoot$1(root) {
- "function" == typeof onCommitFiberRoot && onCommitFiberRoot(root);
- }
- function onCommitUnmount$1(fiber) {
- "function" == typeof onCommitFiberUnmount && onCommitFiberUnmount(fiber);
- }
- var injectInternals_1 = injectInternals$1, onCommitRoot_1 = onCommitRoot$1, onCommitUnmount_1 = onCommitUnmount$1, ReactFiberDevToolsHook = {
- injectInternals: injectInternals_1,
- onCommitRoot: onCommitRoot_1,
- onCommitUnmount: onCommitUnmount_1
- }, ClassComponent$9 = ReactTypeOfWork.ClassComponent, HostRoot$8 = ReactTypeOfWork.HostRoot, HostComponent$8 = ReactTypeOfWork.HostComponent, HostText$6 = ReactTypeOfWork.HostText, HostPortal$7 = ReactTypeOfWork.HostPortal, CoroutineComponent$4 = ReactTypeOfWork.CoroutineComponent, commitCallbacks$1 = ReactFiberUpdateQueue.commitCallbacks, onCommitUnmount = ReactFiberDevToolsHook.onCommitUnmount, invokeGuardedCallback$2 = ReactErrorUtils_1.invokeGuardedCallback, hasCaughtError$1 = ReactErrorUtils_1.hasCaughtError, clearCaughtError$1 = ReactErrorUtils_1.clearCaughtError, Placement$5 = ReactTypeOfSideEffect.Placement, Update$3 = ReactTypeOfSideEffect.Update, Callback$1 = ReactTypeOfSideEffect.Callback, ContentReset$2 = ReactTypeOfSideEffect.ContentReset, _require5$1 = ReactDebugFiberPerf_1, startPhaseTimer$2 = _require5$1.startPhaseTimer, stopPhaseTimer$2 = _require5$1.stopPhaseTimer, ReactFiberCommitWork = function(config, captureError) {
- var commitMount = config.commitMount, commitUpdate = config.commitUpdate, resetTextContent = config.resetTextContent, commitTextUpdate = config.commitTextUpdate, appendChild = config.appendChild, appendChildToContainer = config.appendChildToContainer, insertBefore = config.insertBefore, insertInContainerBefore = config.insertInContainerBefore, removeChild = config.removeChild, removeChildFromContainer = config.removeChildFromContainer, getPublicInstance = config.getPublicInstance, callComponentWillUnmountWithTimerInDev = function(current, instance) {
- startPhaseTimer$2(current, "componentWillUnmount"), instance.props = current.memoizedProps,
- instance.state = current.memoizedState, instance.componentWillUnmount(), stopPhaseTimer$2();
- };
- function safelyCallComponentWillUnmount(current, instance) {
- if (invokeGuardedCallback$2(null, callComponentWillUnmountWithTimerInDev, null, current, instance),
- hasCaughtError$1()) {
- var unmountError = clearCaughtError$1();
- captureError(current, unmountError);
- }
- }
- function safelyDetachRef(current) {
- var ref = current.ref;
- if (null !== ref && (invokeGuardedCallback$2(null, ref, null, null), hasCaughtError$1())) {
- var refError = clearCaughtError$1();
- captureError(current, refError);
- }
- }
- function getHostParentFiber(fiber) {
- for (var parent = fiber.return; null !== parent; ) {
- if (isHostParent(parent)) return parent;
- parent = parent.return;
- }
- invariant(!1, "Expected to find a host parent. This error is likely caused by a bug " + "in React. Please file an issue.");
- }
- function isHostParent(fiber) {
- return fiber.tag === HostComponent$8 || fiber.tag === HostRoot$8 || fiber.tag === HostPortal$7;
- }
- function getHostSibling(fiber) {
- var node = fiber;
- siblings: for (;!0; ) {
- for (;null === node.sibling; ) {
- if (null === node.return || isHostParent(node.return)) return null;
- node = node.return;
- }
- for (node.sibling.return = node.return, node = node.sibling; node.tag !== HostComponent$8 && node.tag !== HostText$6; ) {
- if (node.effectTag & Placement$5) continue siblings;
- if (null === node.child || node.tag === HostPortal$7) continue siblings;
- node.child.return = node, node = node.child;
- }
- if (!(node.effectTag & Placement$5)) return node.stateNode;
- }
- }
- function commitPlacement(finishedWork) {
- var parentFiber = getHostParentFiber(finishedWork), parent = void 0, isContainer = void 0;
- switch (parentFiber.tag) {
- case HostComponent$8:
- parent = parentFiber.stateNode, isContainer = !1;
- break;
-
- case HostRoot$8:
- case HostPortal$7:
- parent = parentFiber.stateNode.containerInfo, isContainer = !0;
- break;
-
- default:
- invariant(!1, "Invalid host parent fiber. This error is likely caused by a bug " + "in React. Please file an issue.");
- }
- parentFiber.effectTag & ContentReset$2 && (resetTextContent(parent), parentFiber.effectTag &= ~ContentReset$2);
- for (var before = getHostSibling(finishedWork), node = finishedWork; !0; ) {
- if (node.tag === HostComponent$8 || node.tag === HostText$6) before ? isContainer ? insertInContainerBefore(parent, node.stateNode, before) : insertBefore(parent, node.stateNode, before) : isContainer ? appendChildToContainer(parent, node.stateNode) : appendChild(parent, node.stateNode); else if (node.tag === HostPortal$7) ; else if (null !== node.child) {
- node.child.return = node, node = node.child;
- continue;
- }
- if (node === finishedWork) return;
- for (;null === node.sibling; ) {
- if (null === node.return || node.return === finishedWork) return;
- node = node.return;
- }
- node.sibling.return = node.return, node = node.sibling;
- }
- }
- function commitNestedUnmounts(root) {
- for (var node = root; !0; ) if (commitUnmount(node), null === node.child || node.tag === HostPortal$7) {
- if (node === root) return;
- for (;null === node.sibling; ) {
- if (null === node.return || node.return === root) return;
- node = node.return;
- }
- node.sibling.return = node.return, node = node.sibling;
- } else node.child.return = node, node = node.child;
- }
- function unmountHostComponents(current) {
- for (var node = current, currentParentIsValid = !1, currentParent = void 0, currentParentIsContainer = void 0; !0; ) {
- if (!currentParentIsValid) {
- var parent = node.return;
- findParent: for (;!0; ) {
- switch (invariant(null !== parent, "Expected to find a host parent. This error is likely caused by " + "a bug in React. Please file an issue."),
- parent.tag) {
- case HostComponent$8:
- currentParent = parent.stateNode, currentParentIsContainer = !1;
- break findParent;
-
- case HostRoot$8:
- case HostPortal$7:
- currentParent = parent.stateNode.containerInfo, currentParentIsContainer = !0;
- break findParent;
- }
- parent = parent.return;
- }
- currentParentIsValid = !0;
- }
- if (node.tag === HostComponent$8 || node.tag === HostText$6) commitNestedUnmounts(node),
- currentParentIsContainer ? removeChildFromContainer(currentParent, node.stateNode) : removeChild(currentParent, node.stateNode); else if (node.tag === HostPortal$7) {
- if (currentParent = node.stateNode.containerInfo, null !== node.child) {
- node.child.return = node, node = node.child;
- continue;
- }
- } else if (commitUnmount(node), null !== node.child) {
- node.child.return = node, node = node.child;
- continue;
- }
- if (node === current) return;
- for (;null === node.sibling; ) {
- if (null === node.return || node.return === current) return;
- node = node.return, node.tag === HostPortal$7 && (currentParentIsValid = !1);
- }
- node.sibling.return = node.return, node = node.sibling;
- }
- }
- function commitDeletion(current) {
- unmountHostComponents(current), current.return = null, current.child = null, current.alternate && (current.alternate.child = null,
- current.alternate.return = null);
- }
- function commitUnmount(current) {
- switch ("function" == typeof onCommitUnmount && onCommitUnmount(current), current.tag) {
- case ClassComponent$9:
- safelyDetachRef(current);
- var instance = current.stateNode;
- return void ("function" == typeof instance.componentWillUnmount && safelyCallComponentWillUnmount(current, instance));
-
- case HostComponent$8:
- return void safelyDetachRef(current);
-
- case CoroutineComponent$4:
- return void commitNestedUnmounts(current.stateNode);
-
- case HostPortal$7:
- return void unmountHostComponents(current);
- }
- }
- function commitWork(current, finishedWork) {
- switch (finishedWork.tag) {
- case ClassComponent$9:
- return;
-
- case HostComponent$8:
- var instance = finishedWork.stateNode;
- if (null != instance) {
- var newProps = finishedWork.memoizedProps, oldProps = null !== current ? current.memoizedProps : newProps, type = finishedWork.type, updatePayload = finishedWork.updateQueue;
- finishedWork.updateQueue = null, null !== updatePayload && commitUpdate(instance, updatePayload, type, oldProps, newProps, finishedWork);
- }
- return;
-
- case HostText$6:
- invariant(null !== finishedWork.stateNode, "This should have a text node initialized. This error is likely " + "caused by a bug in React. Please file an issue.");
- var textInstance = finishedWork.stateNode, newText = finishedWork.memoizedProps, oldText = null !== current ? current.memoizedProps : newText;
- return void commitTextUpdate(textInstance, oldText, newText);
-
- case HostRoot$8:
- case HostPortal$7:
- return;
-
- default:
- invariant(!1, "This unit of work tag should not have side-effects. This error is " + "likely caused by a bug in React. Please file an issue.");
- }
- }
- function commitLifeCycles(current, finishedWork) {
- switch (finishedWork.tag) {
- case ClassComponent$9:
- var instance = finishedWork.stateNode;
- if (finishedWork.effectTag & Update$3) if (null === current) startPhaseTimer$2(finishedWork, "componentDidMount"),
- instance.props = finishedWork.memoizedProps, instance.state = finishedWork.memoizedState,
- instance.componentDidMount(), stopPhaseTimer$2(); else {
- var prevProps = current.memoizedProps, prevState = current.memoizedState;
- startPhaseTimer$2(finishedWork, "componentDidUpdate"), instance.props = finishedWork.memoizedProps,
- instance.state = finishedWork.memoizedState, instance.componentDidUpdate(prevProps, prevState),
- stopPhaseTimer$2();
- }
- return void (finishedWork.effectTag & Callback$1 && null !== finishedWork.updateQueue && commitCallbacks$1(finishedWork, finishedWork.updateQueue, instance));
-
- case HostRoot$8:
- var updateQueue = finishedWork.updateQueue;
- if (null !== updateQueue) {
- var _instance = finishedWork.child && finishedWork.child.stateNode;
- commitCallbacks$1(finishedWork, updateQueue, _instance);
- }
- return;
-
- case HostComponent$8:
- var _instance2 = finishedWork.stateNode;
- if (null === current && finishedWork.effectTag & Update$3) {
- var type = finishedWork.type, props = finishedWork.memoizedProps;
- commitMount(_instance2, type, props, finishedWork);
- }
- return;
-
- case HostText$6:
- case HostPortal$7:
- return;
-
- default:
- invariant(!1, "This unit of work tag should not have side-effects. This error is " + "likely caused by a bug in React. Please file an issue.");
- }
- }
- function commitAttachRef(finishedWork) {
- var ref = finishedWork.ref;
- if (null !== ref) {
- var instance = finishedWork.stateNode;
- switch (finishedWork.tag) {
- case HostComponent$8:
- ref(getPublicInstance(instance));
- break;
-
- default:
- ref(instance);
- }
- }
- }
- function commitDetachRef(current) {
- var currentRef = current.ref;
- null !== currentRef && currentRef(null);
- }
- return {
- commitPlacement: commitPlacement,
- commitDeletion: commitDeletion,
- commitWork: commitWork,
- commitLifeCycles: commitLifeCycles,
- commitAttachRef: commitAttachRef,
- commitDetachRef: commitDetachRef
- };
- }, createCursor$2 = ReactFiberStack.createCursor, pop$2 = ReactFiberStack.pop, push$2 = ReactFiberStack.push, NO_CONTEXT = {}, ReactFiberHostContext = function(config) {
- var getChildHostContext = config.getChildHostContext, getRootHostContext = config.getRootHostContext, contextStackCursor = createCursor$2(NO_CONTEXT), contextFiberStackCursor = createCursor$2(NO_CONTEXT), rootInstanceStackCursor = createCursor$2(NO_CONTEXT);
- function requiredContext(c) {
- return invariant(c !== NO_CONTEXT, "Expected host context to exist. This error is likely caused by a bug " + "in React. Please file an issue."),
- c;
- }
- function getRootHostContainer() {
- return requiredContext(rootInstanceStackCursor.current);
- }
- function pushHostContainer(fiber, nextRootInstance) {
- push$2(rootInstanceStackCursor, nextRootInstance, fiber);
- var nextRootContext = getRootHostContext(nextRootInstance);
- push$2(contextFiberStackCursor, fiber, fiber), push$2(contextStackCursor, nextRootContext, fiber);
- }
- function popHostContainer(fiber) {
- pop$2(contextStackCursor, fiber), pop$2(contextFiberStackCursor, fiber), pop$2(rootInstanceStackCursor, fiber);
- }
- function getHostContext() {
- return requiredContext(contextStackCursor.current);
- }
- function pushHostContext(fiber) {
- var rootInstance = requiredContext(rootInstanceStackCursor.current), context = requiredContext(contextStackCursor.current), nextContext = getChildHostContext(context, fiber.type, rootInstance);
- context !== nextContext && (push$2(contextFiberStackCursor, fiber, fiber), push$2(contextStackCursor, nextContext, fiber));
- }
- function popHostContext(fiber) {
- contextFiberStackCursor.current === fiber && (pop$2(contextStackCursor, fiber),
- pop$2(contextFiberStackCursor, fiber));
- }
- function resetHostContainer() {
- contextStackCursor.current = NO_CONTEXT, rootInstanceStackCursor.current = NO_CONTEXT;
- }
- return {
- getHostContext: getHostContext,
- getRootHostContainer: getRootHostContainer,
- popHostContainer: popHostContainer,
- popHostContext: popHostContext,
- pushHostContainer: pushHostContainer,
- pushHostContext: pushHostContext,
- resetHostContainer: resetHostContainer
- };
- }, HostComponent$9 = ReactTypeOfWork.HostComponent, HostText$7 = ReactTypeOfWork.HostText, HostRoot$9 = ReactTypeOfWork.HostRoot, Deletion$2 = ReactTypeOfSideEffect.Deletion, Placement$6 = ReactTypeOfSideEffect.Placement, createFiberFromHostInstanceForDeletion$1 = ReactFiber.createFiberFromHostInstanceForDeletion, ReactFiberHydrationContext = function(config) {
- var shouldSetTextContent = config.shouldSetTextContent, canHydrateInstance = config.canHydrateInstance, canHydrateTextInstance = config.canHydrateTextInstance, getNextHydratableSibling = config.getNextHydratableSibling, getFirstHydratableChild = config.getFirstHydratableChild, hydrateInstance = config.hydrateInstance, hydrateTextInstance = config.hydrateTextInstance, didNotHydrateInstance = config.didNotHydrateInstance, didNotFindHydratableInstance = config.didNotFindHydratableInstance, didNotFindHydratableTextInstance = config.didNotFindHydratableTextInstance;
- if (!(canHydrateInstance && canHydrateTextInstance && getNextHydratableSibling && getFirstHydratableChild && hydrateInstance && hydrateTextInstance && didNotHydrateInstance && didNotFindHydratableInstance && didNotFindHydratableTextInstance)) return {
- enterHydrationState: function() {
- return !1;
- },
- resetHydrationState: function() {},
- tryToClaimNextHydratableInstance: function() {},
- prepareToHydrateHostInstance: function() {
- invariant(!1, "Expected prepareToHydrateHostInstance() to never be called. " + "This error is likely caused by a bug in React. Please file an issue.");
- },
- prepareToHydrateHostTextInstance: function() {
- invariant(!1, "Expected prepareToHydrateHostTextInstance() to never be called. " + "This error is likely caused by a bug in React. Please file an issue.");
- },
- popHydrationState: function(fiber) {
- return !1;
- }
- };
- var hydrationParentFiber = null, nextHydratableInstance = null, isHydrating = !1;
- function enterHydrationState(fiber) {
- var parentInstance = fiber.stateNode.containerInfo;
- return nextHydratableInstance = getFirstHydratableChild(parentInstance), hydrationParentFiber = fiber,
- isHydrating = !0, !0;
- }
- function deleteHydratableInstance(returnFiber, instance) {
- switch (returnFiber.tag) {
- case HostRoot$9:
- didNotHydrateInstance(returnFiber.stateNode.containerInfo, instance);
- break;
-
- case HostComponent$9:
- didNotHydrateInstance(returnFiber.stateNode, instance);
- }
- var childToDelete = createFiberFromHostInstanceForDeletion$1();
- childToDelete.stateNode = instance, childToDelete.return = returnFiber, childToDelete.effectTag = Deletion$2,
- null !== returnFiber.lastEffect ? (returnFiber.lastEffect.nextEffect = childToDelete,
- returnFiber.lastEffect = childToDelete) : returnFiber.firstEffect = returnFiber.lastEffect = childToDelete;
- }
- function insertNonHydratedInstance(returnFiber, fiber) {
- fiber.effectTag |= Placement$6;
- var parentInstance;
- switch (returnFiber.tag) {
- case HostComponent$9:
- parentInstance = returnFiber.stateNode;
- break;
-
- default:
- return;
- }
- switch (fiber.tag) {
- case HostComponent$9:
- var type = fiber.type, props = fiber.pendingProps;
- didNotFindHydratableInstance(parentInstance, type, props);
- break;
-
- case HostText$7:
- var text = fiber.pendingProps;
- didNotFindHydratableTextInstance(parentInstance, text);
- }
- }
- function canHydrate(fiber, nextInstance) {
- switch (fiber.tag) {
- case HostComponent$9:
- var type = fiber.type, props = fiber.pendingProps;
- return canHydrateInstance(nextInstance, type, props);
-
- case HostText$7:
- var text = fiber.pendingProps;
- return canHydrateTextInstance(nextInstance, text);
-
- default:
- return !1;
- }
- }
- function tryToClaimNextHydratableInstance(fiber) {
- if (isHydrating) {
- var nextInstance = nextHydratableInstance;
- if (!nextInstance) return insertNonHydratedInstance(hydrationParentFiber, fiber),
- isHydrating = !1, void (hydrationParentFiber = fiber);
- if (!canHydrate(fiber, nextInstance)) {
- if (!(nextInstance = getNextHydratableSibling(nextInstance)) || !canHydrate(fiber, nextInstance)) return insertNonHydratedInstance(hydrationParentFiber, fiber),
- isHydrating = !1, void (hydrationParentFiber = fiber);
- deleteHydratableInstance(hydrationParentFiber, nextHydratableInstance);
- }
- fiber.stateNode = nextInstance, hydrationParentFiber = fiber, nextHydratableInstance = getFirstHydratableChild(nextInstance);
- }
- }
- function prepareToHydrateHostInstance(fiber, rootContainerInstance, hostContext) {
- var instance = fiber.stateNode, updatePayload = hydrateInstance(instance, fiber.type, fiber.memoizedProps, rootContainerInstance, hostContext, fiber);
- return fiber.updateQueue = updatePayload, null !== updatePayload;
- }
- function prepareToHydrateHostTextInstance(fiber) {
- var textInstance = fiber.stateNode;
- return hydrateTextInstance(textInstance, fiber.memoizedProps, fiber);
- }
- function popToNextHostParent(fiber) {
- for (var parent = fiber.return; null !== parent && parent.tag !== HostComponent$9 && parent.tag !== HostRoot$9; ) parent = parent.return;
- hydrationParentFiber = parent;
- }
- function popHydrationState(fiber) {
- if (fiber !== hydrationParentFiber) return !1;
- if (!isHydrating) return popToNextHostParent(fiber), isHydrating = !0, !1;
- var type = fiber.type;
- if (fiber.tag !== HostComponent$9 || "head" !== type && "body" !== type && !shouldSetTextContent(type, fiber.memoizedProps)) for (var nextInstance = nextHydratableInstance; nextInstance; ) deleteHydratableInstance(fiber, nextInstance),
- nextInstance = getNextHydratableSibling(nextInstance);
- return popToNextHostParent(fiber), nextHydratableInstance = hydrationParentFiber ? getNextHydratableSibling(fiber.stateNode) : null,
- !0;
- }
- function resetHydrationState() {
- hydrationParentFiber = null, nextHydratableInstance = null, isHydrating = !1;
- }
- return {
- enterHydrationState: enterHydrationState,
- resetHydrationState: resetHydrationState,
- tryToClaimNextHydratableInstance: tryToClaimNextHydratableInstance,
- prepareToHydrateHostInstance: prepareToHydrateHostInstance,
- prepareToHydrateHostTextInstance: prepareToHydrateHostTextInstance,
- popHydrationState: popHydrationState
- };
- }, ReactFiberInstrumentation$2 = {
- debugTool: null
- }, ReactFiberInstrumentation_1 = ReactFiberInstrumentation$2, popContextProvider$1 = ReactFiberContext.popContextProvider, reset$1 = ReactFiberStack.reset, getStackAddendumByWorkInProgressFiber$2 = ReactFiberComponentTreeHook.getStackAddendumByWorkInProgressFiber, logCapturedError$1 = ReactFiberErrorLogger.logCapturedError, invokeGuardedCallback$1 = ReactErrorUtils_1.invokeGuardedCallback, hasCaughtError = ReactErrorUtils_1.hasCaughtError, clearCaughtError = ReactErrorUtils_1.clearCaughtError, ReactCurrentOwner$1 = ReactGlobalSharedState_1.ReactCurrentOwner, createWorkInProgress$1 = ReactFiber.createWorkInProgress, largerPriority$1 = ReactFiber.largerPriority, onCommitRoot = ReactFiberDevToolsHook.onCommitRoot, NoWork$2 = ReactPriorityLevel.NoWork, SynchronousPriority$1 = ReactPriorityLevel.SynchronousPriority, TaskPriority$1 = ReactPriorityLevel.TaskPriority, HighPriority = ReactPriorityLevel.HighPriority, LowPriority = ReactPriorityLevel.LowPriority, OffscreenPriority = ReactPriorityLevel.OffscreenPriority, AsyncUpdates = ReactTypeOfInternalContext.AsyncUpdates, PerformedWork = ReactTypeOfSideEffect.PerformedWork, Placement$1 = ReactTypeOfSideEffect.Placement, Update = ReactTypeOfSideEffect.Update, PlacementAndUpdate = ReactTypeOfSideEffect.PlacementAndUpdate, Deletion = ReactTypeOfSideEffect.Deletion, ContentReset = ReactTypeOfSideEffect.ContentReset, Callback = ReactTypeOfSideEffect.Callback, Err = ReactTypeOfSideEffect.Err, Ref = ReactTypeOfSideEffect.Ref, HostRoot$5 = ReactTypeOfWork.HostRoot, HostComponent$5 = ReactTypeOfWork.HostComponent, HostPortal$3 = ReactTypeOfWork.HostPortal, ClassComponent$5 = ReactTypeOfWork.ClassComponent, getUpdatePriority$1 = ReactFiberUpdateQueue.getUpdatePriority, _require14 = ReactFiberContext, resetContext$1 = _require14.resetContext, warning$6 = require$$0, ReactFiberInstrumentation$1 = ReactFiberInstrumentation_1, ReactDebugCurrentFiber$3 = ReactDebugCurrentFiber_1, _require15 = ReactDebugFiberPerf_1, recordEffect = _require15.recordEffect, recordScheduleUpdate = _require15.recordScheduleUpdate, startWorkTimer = _require15.startWorkTimer, stopWorkTimer = _require15.stopWorkTimer, stopFailedWorkTimer = _require15.stopFailedWorkTimer, startWorkLoopTimer = _require15.startWorkLoopTimer, stopWorkLoopTimer = _require15.stopWorkLoopTimer, startCommitTimer = _require15.startCommitTimer, stopCommitTimer = _require15.stopCommitTimer, startCommitHostEffectsTimer = _require15.startCommitHostEffectsTimer, stopCommitHostEffectsTimer = _require15.stopCommitHostEffectsTimer, startCommitLifeCyclesTimer = _require15.startCommitLifeCyclesTimer, stopCommitLifeCyclesTimer = _require15.stopCommitLifeCyclesTimer, warnAboutUpdateOnUnmounted = function(instance) {
- var ctor = instance.constructor;
- warning$6(!1, "Can only update a mounted or mounting component. This usually means " + "you called setState, replaceState, or forceUpdate on an unmounted " + "component. This is a no-op.\n\nPlease check the code for the " + "%s component.", ctor && (ctor.displayName || ctor.name) || "ReactClass");
- }, warnAboutInvalidUpdates = function(instance) {
- switch (ReactDebugCurrentFiber$3.phase) {
- case "getChildContext":
- warning$6(!1, "setState(...): Cannot call setState() inside getChildContext()");
- break;
-
- case "render":
- warning$6(!1, "Cannot update during an existing state transition (such as within " + "`render` or another component's constructor). Render methods should " + "be a pure function of props and state; constructor side-effects are " + "an anti-pattern, but can be moved to `componentWillMount`.");
- }
- }, timeHeuristicForUnitOfWork = 1, ReactFiberScheduler = function(config) {
- var hostContext = ReactFiberHostContext(config), hydrationContext = ReactFiberHydrationContext(config), popHostContainer = hostContext.popHostContainer, popHostContext = hostContext.popHostContext, resetHostContainer = hostContext.resetHostContainer, _ReactFiberBeginWork = ReactFiberBeginWork(config, hostContext, hydrationContext, scheduleUpdate, getPriorityContext), beginWork = _ReactFiberBeginWork.beginWork, beginFailedWork = _ReactFiberBeginWork.beginFailedWork, _ReactFiberCompleteWo = ReactFiberCompleteWork(config, hostContext, hydrationContext), completeWork = _ReactFiberCompleteWo.completeWork, _ReactFiberCommitWork = ReactFiberCommitWork(config, captureError), commitPlacement = _ReactFiberCommitWork.commitPlacement, commitDeletion = _ReactFiberCommitWork.commitDeletion, commitWork = _ReactFiberCommitWork.commitWork, commitLifeCycles = _ReactFiberCommitWork.commitLifeCycles, commitAttachRef = _ReactFiberCommitWork.commitAttachRef, commitDetachRef = _ReactFiberCommitWork.commitDetachRef, scheduleDeferredCallback = config.scheduleDeferredCallback, useSyncScheduling = config.useSyncScheduling, prepareForCommit = config.prepareForCommit, resetAfterCommit = config.resetAfterCommit, priorityContext = NoWork$2, isPerformingWork = !1, deadlineHasExpired = !1, isBatchingUpdates = !1, isUnbatchingUpdates = !1, nextUnitOfWork = null, nextPriorityLevel = NoWork$2, nextEffect = null, pendingCommit = null, nextScheduledRoot = null, lastScheduledRoot = null, isCallbackScheduled = !1, capturedErrors = null, failedBoundaries = null, commitPhaseBoundaries = null, firstUncaughtError = null, didFatal = !1, isCommitting = !1, isUnmounting = !1, NESTED_UPDATE_LIMIT = 1e3, nestedUpdateCount = 0, nextRenderedTree = null;
- function resetContextStack() {
- reset$1(), resetContext$1(), resetHostContainer();
- }
- function resetNextUnitOfWork() {
- for (;null !== nextScheduledRoot && nextScheduledRoot.current.pendingWorkPriority === NoWork$2; ) {
- nextScheduledRoot.isScheduled = !1;
- var next = nextScheduledRoot.nextScheduledRoot;
- if (nextScheduledRoot.nextScheduledRoot = null, nextScheduledRoot === lastScheduledRoot) return nextScheduledRoot = null,
- lastScheduledRoot = null, nextPriorityLevel = NoWork$2, null;
- nextScheduledRoot = next;
- }
- for (var root = nextScheduledRoot, highestPriorityRoot = null, highestPriorityLevel = NoWork$2; null !== root; ) root.current.pendingWorkPriority !== NoWork$2 && (highestPriorityLevel === NoWork$2 || highestPriorityLevel > root.current.pendingWorkPriority) && (highestPriorityLevel = root.current.pendingWorkPriority,
- highestPriorityRoot = root), root = root.nextScheduledRoot;
- if (null !== highestPriorityRoot) return nextPriorityLevel = highestPriorityLevel,
- resetContextStack(), nextUnitOfWork = createWorkInProgress$1(highestPriorityRoot.current, highestPriorityLevel),
- void (highestPriorityRoot !== nextRenderedTree && (nestedUpdateCount = 0, nextRenderedTree = highestPriorityRoot));
- nextPriorityLevel = NoWork$2, nextUnitOfWork = null, nextRenderedTree = null;
- }
- function commitAllHostEffects() {
- for (;null !== nextEffect; ) {
- ReactDebugCurrentFiber$3.setCurrentFiber(nextEffect), recordEffect();
- var effectTag = nextEffect.effectTag;
- if (effectTag & ContentReset && config.resetTextContent(nextEffect.stateNode), effectTag & Ref) {
- var current = nextEffect.alternate;
- null !== current && commitDetachRef(current);
- }
- switch (effectTag & ~(Callback | Err | ContentReset | Ref | PerformedWork)) {
- case Placement$1:
- commitPlacement(nextEffect), nextEffect.effectTag &= ~Placement$1;
- break;
-
- case PlacementAndUpdate:
- commitPlacement(nextEffect), nextEffect.effectTag &= ~Placement$1;
- var _current = nextEffect.alternate;
- commitWork(_current, nextEffect);
- break;
-
- case Update:
- var _current2 = nextEffect.alternate;
- commitWork(_current2, nextEffect);
- break;
-
- case Deletion:
- isUnmounting = !0, commitDeletion(nextEffect), isUnmounting = !1;
- }
- nextEffect = nextEffect.nextEffect;
- }
- ReactDebugCurrentFiber$3.resetCurrentFiber();
- }
- function commitAllLifeCycles() {
- for (;null !== nextEffect; ) {
- var effectTag = nextEffect.effectTag;
- if (effectTag & (Update | Callback)) {
- recordEffect();
- var current = nextEffect.alternate;
- commitLifeCycles(current, nextEffect);
- }
- effectTag & Ref && (recordEffect(), commitAttachRef(nextEffect)), effectTag & Err && (recordEffect(),
- commitErrorHandling(nextEffect));
- var next = nextEffect.nextEffect;
- nextEffect.nextEffect = null, nextEffect = next;
- }
- }
- function commitAllWork(finishedWork) {
- isCommitting = !0, startCommitTimer(), pendingCommit = null;
- var root = finishedWork.stateNode;
- invariant(root.current !== finishedWork, "Cannot commit the same tree as before. This is probably a bug " + "related to the return field. This error is likely caused by a bug " + "in React. Please file an issue."),
- nextPriorityLevel !== SynchronousPriority$1 && nextPriorityLevel !== TaskPriority$1 || nestedUpdateCount++,
- ReactCurrentOwner$1.current = null;
- var firstEffect = void 0;
- for (finishedWork.effectTag > PerformedWork ? null !== finishedWork.lastEffect ? (finishedWork.lastEffect.nextEffect = finishedWork,
- firstEffect = finishedWork.firstEffect) : firstEffect = finishedWork : firstEffect = finishedWork.firstEffect,
- prepareForCommit(), nextEffect = firstEffect, startCommitHostEffectsTimer(); null !== nextEffect; ) {
- var didError = !1, _error = void 0;
- invokeGuardedCallback$1(null, commitAllHostEffects, null), hasCaughtError() && (didError = !0,
- _error = clearCaughtError()), didError && (invariant(null !== nextEffect, "Should have next effect. This error is likely caused by a bug " + "in React. Please file an issue."),
- captureError(nextEffect, _error), null !== nextEffect && (nextEffect = nextEffect.nextEffect));
- }
- for (stopCommitHostEffectsTimer(), resetAfterCommit(), root.current = finishedWork,
- nextEffect = firstEffect, startCommitLifeCyclesTimer(); null !== nextEffect; ) {
- var _didError = !1, _error2 = void 0;
- invokeGuardedCallback$1(null, commitAllLifeCycles, null), hasCaughtError() && (_didError = !0,
- _error2 = clearCaughtError()), _didError && (invariant(null !== nextEffect, "Should have next effect. This error is likely caused by a bug " + "in React. Please file an issue."),
- captureError(nextEffect, _error2), null !== nextEffect && (nextEffect = nextEffect.nextEffect));
- }
- isCommitting = !1, stopCommitLifeCyclesTimer(), stopCommitTimer(), "function" == typeof onCommitRoot && onCommitRoot(finishedWork.stateNode),
- !0 && ReactFiberInstrumentation$1.debugTool && ReactFiberInstrumentation$1.debugTool.onCommitWork(finishedWork),
- commitPhaseBoundaries && (commitPhaseBoundaries.forEach(scheduleErrorRecovery),
- commitPhaseBoundaries = null), resetNextUnitOfWork();
- }
- function resetWorkPriority(workInProgress, renderPriority) {
- if (!(workInProgress.pendingWorkPriority !== NoWork$2 && workInProgress.pendingWorkPriority > renderPriority)) {
- for (var newPriority = getUpdatePriority$1(workInProgress), child = workInProgress.child; null !== child; ) newPriority = largerPriority$1(newPriority, child.pendingWorkPriority),
- child = child.sibling;
- workInProgress.pendingWorkPriority = newPriority;
- }
- }
- function completeUnitOfWork(workInProgress) {
- for (;!0; ) {
- var current = workInProgress.alternate;
- ReactDebugCurrentFiber$3.setCurrentFiber(workInProgress);
- var next = completeWork(current, workInProgress, nextPriorityLevel);
- ReactDebugCurrentFiber$3.resetCurrentFiber();
- var returnFiber = workInProgress.return, siblingFiber = workInProgress.sibling;
- if (resetWorkPriority(workInProgress, nextPriorityLevel), null !== next) return stopWorkTimer(workInProgress),
- !0 && ReactFiberInstrumentation$1.debugTool && ReactFiberInstrumentation$1.debugTool.onCompleteWork(workInProgress),
- next;
- if (null !== returnFiber) {
- null === returnFiber.firstEffect && (returnFiber.firstEffect = workInProgress.firstEffect),
- null !== workInProgress.lastEffect && (null !== returnFiber.lastEffect && (returnFiber.lastEffect.nextEffect = workInProgress.firstEffect),
- returnFiber.lastEffect = workInProgress.lastEffect);
- workInProgress.effectTag > PerformedWork && (null !== returnFiber.lastEffect ? returnFiber.lastEffect.nextEffect = workInProgress : returnFiber.firstEffect = workInProgress,
- returnFiber.lastEffect = workInProgress);
- }
- if (stopWorkTimer(workInProgress), !0 && ReactFiberInstrumentation$1.debugTool && ReactFiberInstrumentation$1.debugTool.onCompleteWork(workInProgress),
- null !== siblingFiber) return siblingFiber;
- if (null === returnFiber) return pendingCommit = workInProgress, null;
- workInProgress = returnFiber;
- }
- return null;
- }
- function performUnitOfWork(workInProgress) {
- var current = workInProgress.alternate;
- startWorkTimer(workInProgress), ReactDebugCurrentFiber$3.setCurrentFiber(workInProgress);
- var next = beginWork(current, workInProgress, nextPriorityLevel);
- return ReactDebugCurrentFiber$3.resetCurrentFiber(), !0 && ReactFiberInstrumentation$1.debugTool && ReactFiberInstrumentation$1.debugTool.onBeginWork(workInProgress),
- null === next && (next = completeUnitOfWork(workInProgress)), ReactCurrentOwner$1.current = null,
- next;
- }
- function performFailedUnitOfWork(workInProgress) {
- var current = workInProgress.alternate;
- startWorkTimer(workInProgress), ReactDebugCurrentFiber$3.setCurrentFiber(workInProgress);
- var next = beginFailedWork(current, workInProgress, nextPriorityLevel);
- return ReactDebugCurrentFiber$3.resetCurrentFiber(), !0 && ReactFiberInstrumentation$1.debugTool && ReactFiberInstrumentation$1.debugTool.onBeginWork(workInProgress),
- null === next && (next = completeUnitOfWork(workInProgress)), ReactCurrentOwner$1.current = null,
- next;
- }
- function performDeferredWork(deadline) {
- performWork(OffscreenPriority, deadline);
- }
- function handleCommitPhaseErrors() {
- if (null !== capturedErrors && capturedErrors.size > 0 && nextPriorityLevel === TaskPriority$1) for (;null !== nextUnitOfWork && (null !== (nextUnitOfWork = hasCapturedError(nextUnitOfWork) ? performFailedUnitOfWork(nextUnitOfWork) : performUnitOfWork(nextUnitOfWork)) || (invariant(null !== pendingCommit, "Should have a pending commit. This error is likely caused by " + "a bug in React. Please file an issue."),
- priorityContext = TaskPriority$1, commitAllWork(pendingCommit), priorityContext = nextPriorityLevel,
- null !== capturedErrors && 0 !== capturedErrors.size && nextPriorityLevel === TaskPriority$1)); ) ;
- }
- function workLoop(minPriorityLevel, deadline) {
- if (null !== pendingCommit ? (priorityContext = TaskPriority$1, commitAllWork(pendingCommit),
- handleCommitPhaseErrors()) : null === nextUnitOfWork && resetNextUnitOfWork(), !(nextPriorityLevel === NoWork$2 || nextPriorityLevel > minPriorityLevel)) {
- priorityContext = nextPriorityLevel;
- loop: do {
- if (nextPriorityLevel <= TaskPriority$1) for (;null !== nextUnitOfWork && !(null === (nextUnitOfWork = performUnitOfWork(nextUnitOfWork)) && (invariant(null !== pendingCommit, "Should have a pending commit. This error is likely caused by " + "a bug in React. Please file an issue."),
- priorityContext = TaskPriority$1, commitAllWork(pendingCommit), priorityContext = nextPriorityLevel,
- handleCommitPhaseErrors(), nextPriorityLevel === NoWork$2 || nextPriorityLevel > minPriorityLevel || nextPriorityLevel > TaskPriority$1)); ) ; else if (null !== deadline) for (;null !== nextUnitOfWork && !deadlineHasExpired; ) if (deadline.timeRemaining() > timeHeuristicForUnitOfWork) {
- if (null === (nextUnitOfWork = performUnitOfWork(nextUnitOfWork))) if (invariant(null !== pendingCommit, "Should have a pending commit. This error is likely caused by " + "a bug in React. Please file an issue."),
- deadline.timeRemaining() > timeHeuristicForUnitOfWork) {
- if (priorityContext = TaskPriority$1, commitAllWork(pendingCommit), priorityContext = nextPriorityLevel,
- handleCommitPhaseErrors(), nextPriorityLevel === NoWork$2 || nextPriorityLevel > minPriorityLevel || nextPriorityLevel < HighPriority) break;
- } else deadlineHasExpired = !0;
- } else deadlineHasExpired = !0;
- switch (nextPriorityLevel) {
- case SynchronousPriority$1:
- case TaskPriority$1:
- if (nextPriorityLevel <= minPriorityLevel) continue loop;
- break loop;
-
- case HighPriority:
- case LowPriority:
- case OffscreenPriority:
- if (null === deadline) break loop;
- if (!deadlineHasExpired && nextPriorityLevel <= minPriorityLevel) continue loop;
- break loop;
-
- case NoWork$2:
- break loop;
-
- default:
- invariant(!1, "Switch statement should be exhuastive. " + "This error is likely caused by a bug in React. Please file an issue.");
- }
- } while (!0);
- }
- }
- function performWorkCatchBlock(failedWork, boundary, minPriorityLevel, deadline) {
- unwindContexts(failedWork, boundary), nextUnitOfWork = performFailedUnitOfWork(boundary),
- workLoop(minPriorityLevel, deadline);
- }
- function performWork(minPriorityLevel, deadline) {
- startWorkLoopTimer(), invariant(!isPerformingWork, "performWork was called recursively. This error is likely caused " + "by a bug in React. Please file an issue."),
- isPerformingWork = !0;
- var previousPriorityContext = priorityContext, didError = !1, error = null;
- for (invokeGuardedCallback$1(null, workLoop, null, minPriorityLevel, deadline),
- hasCaughtError() && (didError = !0, error = clearCaughtError()); didError; ) {
- if (didFatal) {
- firstUncaughtError = error;
- break;
- }
- var failedWork = nextUnitOfWork;
- if (null !== failedWork) {
- var boundary = captureError(failedWork, error);
- if (invariant(null !== boundary, "Should have found an error boundary. This error is likely " + "caused by a bug in React. Please file an issue."),
- !didFatal) {
- if (didError = !1, error = null, invokeGuardedCallback$1(null, performWorkCatchBlock, null, failedWork, boundary, minPriorityLevel, deadline),
- !hasCaughtError()) break;
- didError = !0, error = clearCaughtError();
- }
- } else didFatal = !0;
- }
- priorityContext = previousPriorityContext, null !== deadline && (isCallbackScheduled = !1),
- nextPriorityLevel > TaskPriority$1 && !isCallbackScheduled && (scheduleDeferredCallback(performDeferredWork),
- isCallbackScheduled = !0);
- var errorToThrow = firstUncaughtError;
- if (isPerformingWork = !1, deadlineHasExpired = !1, didFatal = !1, firstUncaughtError = null,
- capturedErrors = null, failedBoundaries = null, nextRenderedTree = null, nestedUpdateCount = 0,
- stopWorkLoopTimer(), null !== errorToThrow) throw errorToThrow;
- }
- function captureError(failedWork, error) {
- ReactCurrentOwner$1.current = null, ReactDebugCurrentFiber$3.resetCurrentFiber();
- var boundary = null, errorBoundaryFound = !1, willRetry = !1, errorBoundaryName = null;
- if (failedWork.tag === HostRoot$5) boundary = failedWork, isFailedBoundary(failedWork) && (didFatal = !0); else for (var node = failedWork.return; null !== node && null === boundary; ) {
- if (node.tag === ClassComponent$5) {
- var instance = node.stateNode;
- "function" == typeof instance.componentDidCatch && (errorBoundaryFound = !0, errorBoundaryName = getComponentName_1(node),
- boundary = node, willRetry = !0);
- } else node.tag === HostRoot$5 && (boundary = node);
- if (isFailedBoundary(node)) {
- if (isUnmounting) return null;
- if (null !== commitPhaseBoundaries && (commitPhaseBoundaries.has(node) || null !== node.alternate && commitPhaseBoundaries.has(node.alternate))) return null;
- boundary = null, willRetry = !1;
- }
- node = node.return;
- }
- if (null !== boundary) {
- null === failedBoundaries && (failedBoundaries = new Set()), failedBoundaries.add(boundary);
- var _componentStack = getStackAddendumByWorkInProgressFiber$2(failedWork), _componentName = getComponentName_1(failedWork);
- null === capturedErrors && (capturedErrors = new Map());
- var capturedError = {
- componentName: _componentName,
- componentStack: _componentStack,
- error: error,
- errorBoundary: errorBoundaryFound ? boundary.stateNode : null,
- errorBoundaryFound: errorBoundaryFound,
- errorBoundaryName: errorBoundaryName,
- willRetry: willRetry
- };
- capturedErrors.set(boundary, capturedError);
- try {
- logCapturedError$1(capturedError);
- } catch (e) {
- console.error(e);
- }
- return isCommitting ? (null === commitPhaseBoundaries && (commitPhaseBoundaries = new Set()),
- commitPhaseBoundaries.add(boundary)) : scheduleErrorRecovery(boundary), boundary;
- }
- return null === firstUncaughtError && (firstUncaughtError = error), null;
- }
- function hasCapturedError(fiber) {
- return null !== capturedErrors && (capturedErrors.has(fiber) || null !== fiber.alternate && capturedErrors.has(fiber.alternate));
- }
- function isFailedBoundary(fiber) {
- return null !== failedBoundaries && (failedBoundaries.has(fiber) || null !== fiber.alternate && failedBoundaries.has(fiber.alternate));
- }
- function commitErrorHandling(effectfulFiber) {
- var capturedError = void 0;
- switch (null !== capturedErrors && (capturedError = capturedErrors.get(effectfulFiber),
- capturedErrors.delete(effectfulFiber), null == capturedError && null !== effectfulFiber.alternate && (effectfulFiber = effectfulFiber.alternate,
- capturedError = capturedErrors.get(effectfulFiber), capturedErrors.delete(effectfulFiber))),
- invariant(null != capturedError, "No error for given unit of work. This error is likely caused by a " + "bug in React. Please file an issue."),
- effectfulFiber.tag) {
- case ClassComponent$5:
- var instance = effectfulFiber.stateNode, info = {
- componentStack: capturedError.componentStack
- };
- return void instance.componentDidCatch(capturedError.error, info);
-
- case HostRoot$5:
- return void (null === firstUncaughtError && (firstUncaughtError = capturedError.error));
-
- default:
- invariant(!1, "Invalid type of work. This error is likely caused by a bug in " + "React. Please file an issue.");
- }
- }
- function unwindContexts(from, to) {
- for (var node = from; null !== node; ) {
- switch (node.tag) {
- case ClassComponent$5:
- popContextProvider$1(node);
- break;
-
- case HostComponent$5:
- popHostContext(node);
- break;
-
- case HostRoot$5:
- case HostPortal$3:
- popHostContainer(node);
- }
- if (node === to || node.alternate === to) {
- stopFailedWorkTimer(node);
- break;
- }
- stopWorkTimer(node), node = node.return;
- }
- }
- function scheduleRoot(root, priorityLevel) {
- priorityLevel !== NoWork$2 && (root.isScheduled || (root.isScheduled = !0, lastScheduledRoot ? (lastScheduledRoot.nextScheduledRoot = root,
- lastScheduledRoot = root) : (nextScheduledRoot = root, lastScheduledRoot = root)));
- }
- function scheduleUpdate(fiber, priorityLevel) {
- return scheduleUpdateImpl(fiber, priorityLevel, !1);
- }
- function scheduleUpdateImpl(fiber, priorityLevel, isErrorRecovery) {
- if (recordScheduleUpdate(), nestedUpdateCount > NESTED_UPDATE_LIMIT && (didFatal = !0,
- invariant(!1, "Maximum update depth exceeded. This can happen when a " + "component repeatedly calls setState inside componentWillUpdate or " + "componentDidUpdate. React limits the number of nested updates to " + "prevent infinite loops.")),
- !isPerformingWork && priorityLevel <= nextPriorityLevel && (nextUnitOfWork = null),
- !isErrorRecovery && fiber.tag === ClassComponent$5) {
- var instance = fiber.stateNode;
- warnAboutInvalidUpdates(instance);
- }
- for (var node = fiber, shouldContinue = !0; null !== node && shouldContinue; ) {
- if (shouldContinue = !1, (node.pendingWorkPriority === NoWork$2 || node.pendingWorkPriority > priorityLevel) && (shouldContinue = !0,
- node.pendingWorkPriority = priorityLevel), null !== node.alternate && (node.alternate.pendingWorkPriority === NoWork$2 || node.alternate.pendingWorkPriority > priorityLevel) && (shouldContinue = !0,
- node.alternate.pendingWorkPriority = priorityLevel), null === node.return) {
- if (node.tag !== HostRoot$5) return void (isErrorRecovery || fiber.tag !== ClassComponent$5 || warnAboutUpdateOnUnmounted(fiber.stateNode));
- if (scheduleRoot(node.stateNode, priorityLevel), !isPerformingWork) switch (priorityLevel) {
- case SynchronousPriority$1:
- isUnbatchingUpdates ? performWork(SynchronousPriority$1, null) : performWork(TaskPriority$1, null);
- break;
-
- case TaskPriority$1:
- invariant(isBatchingUpdates, "Task updates can only be scheduled as a nested update or " + "inside batchedUpdates.");
- break;
-
- default:
- isCallbackScheduled || (scheduleDeferredCallback(performDeferredWork), isCallbackScheduled = !0);
- }
- }
- node = node.return;
- }
- }
- function getPriorityContext(fiber, forceAsync) {
- var priorityLevel = priorityContext;
- return priorityLevel === NoWork$2 && (priorityLevel = !useSyncScheduling || fiber.internalContextTag & AsyncUpdates || forceAsync ? LowPriority : SynchronousPriority$1),
- priorityLevel === SynchronousPriority$1 && (isPerformingWork || isBatchingUpdates) ? TaskPriority$1 : priorityLevel;
- }
- function scheduleErrorRecovery(fiber) {
- scheduleUpdateImpl(fiber, TaskPriority$1, !0);
- }
- function batchedUpdates(fn, a) {
- var previousIsBatchingUpdates = isBatchingUpdates;
- isBatchingUpdates = !0;
- try {
- return fn(a);
- } finally {
- isBatchingUpdates = previousIsBatchingUpdates, isPerformingWork || isBatchingUpdates || performWork(TaskPriority$1, null);
- }
- }
- function unbatchedUpdates(fn) {
- var previousIsUnbatchingUpdates = isUnbatchingUpdates, previousIsBatchingUpdates = isBatchingUpdates;
- isUnbatchingUpdates = isBatchingUpdates, isBatchingUpdates = !1;
- try {
- return fn();
- } finally {
- isBatchingUpdates = previousIsBatchingUpdates, isUnbatchingUpdates = previousIsUnbatchingUpdates;
- }
- }
- function flushSync(batch) {
- var previousIsBatchingUpdates = isBatchingUpdates, previousPriorityContext = priorityContext;
- isBatchingUpdates = !0, priorityContext = SynchronousPriority$1;
- try {
- return batch();
- } finally {
- isBatchingUpdates = previousIsBatchingUpdates, priorityContext = previousPriorityContext,
- invariant(!isPerformingWork, "flushSync was called from inside a lifecycle method. It cannot be " + "called when React is already rendering."),
- performWork(TaskPriority$1, null);
- }
- }
- function deferredUpdates(fn) {
- var previousPriorityContext = priorityContext;
- priorityContext = LowPriority;
- try {
- return fn();
- } finally {
- priorityContext = previousPriorityContext;
- }
- }
- return {
- scheduleUpdate: scheduleUpdate,
- getPriorityContext: getPriorityContext,
- batchedUpdates: batchedUpdates,
- unbatchedUpdates: unbatchedUpdates,
- flushSync: flushSync,
- deferredUpdates: deferredUpdates
- };
- }, addTopLevelUpdate = ReactFiberUpdateQueue.addTopLevelUpdate, findCurrentUnmaskedContext = ReactFiberContext.findCurrentUnmaskedContext, isContextProvider = ReactFiberContext.isContextProvider, processChildContext = ReactFiberContext.processChildContext, createFiberRoot = ReactFiberRoot.createFiberRoot, HostComponent = ReactTypeOfWork.HostComponent, warning$1 = require$$0, ReactFiberInstrumentation = ReactFiberInstrumentation_1, ReactDebugCurrentFiber = ReactDebugCurrentFiber_1, getComponentName = getComponentName_1, findCurrentHostFiber = ReactFiberTreeReflection.findCurrentHostFiber, findCurrentHostFiberWithNoPortals = ReactFiberTreeReflection.findCurrentHostFiberWithNoPortals;
- function getContextForSubtree(parentComponent) {
- if (!parentComponent) return emptyObject;
- var fiber = ReactInstanceMap_1.get(parentComponent), parentContext = findCurrentUnmaskedContext(fiber);
- return isContextProvider(fiber) ? processChildContext(fiber, parentContext) : parentContext;
- }
- function _classCallCheck(instance, Constructor) {
- if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
- }
- var objects = {}, uniqueID = 1, emptyObject$3 = {}, ReactNativePropRegistry = function() {
- function ReactNativePropRegistry() {
- _classCallCheck(this, ReactNativePropRegistry);
- }
- return ReactNativePropRegistry.register = function(object) {
- var id = ++uniqueID;
- return Object.freeze(object), objects[id] = object, id;
- }, ReactNativePropRegistry.getByID = function(id) {
- if (!id) return emptyObject$3;
- var object = objects[id];
- return object || (console.warn("Invalid style with id `" + id + "`. Skipping ..."),
- emptyObject$3);
- }, ReactNativePropRegistry;
- }(), ReactNativePropRegistry_1 = ReactNativePropRegistry, emptyObject$2 = {}, removedKeys = null, removedKeyCount = 0;
- function defaultDiffer(prevProp, nextProp) {
- return "object" != typeof nextProp || null === nextProp || deepDiffer(prevProp, nextProp);
- }
- function resolveObject(idOrObject) {
- return "number" == typeof idOrObject ? ReactNativePropRegistry_1.getByID(idOrObject) : idOrObject;
- }
- function restoreDeletedValuesInNestedArray(updatePayload, node, validAttributes) {
- if (Array.isArray(node)) for (var i = node.length; i-- && removedKeyCount > 0; ) restoreDeletedValuesInNestedArray(updatePayload, node[i], validAttributes); else if (node && removedKeyCount > 0) {
- var obj = resolveObject(node);
- for (var propKey in removedKeys) if (removedKeys[propKey]) {
- var nextProp = obj[propKey];
- if (void 0 !== nextProp) {
- var attributeConfig = validAttributes[propKey];
- if (attributeConfig) {
- if ("function" == typeof nextProp && (nextProp = !0), void 0 === nextProp && (nextProp = null),
- "object" != typeof attributeConfig) updatePayload[propKey] = nextProp; else if ("function" == typeof attributeConfig.diff || "function" == typeof attributeConfig.process) {
- var nextValue = "function" == typeof attributeConfig.process ? attributeConfig.process(nextProp) : nextProp;
- updatePayload[propKey] = nextValue;
- }
- removedKeys[propKey] = !1, removedKeyCount--;
- }
- }
- }
- }
- }
- function diffNestedArrayProperty(updatePayload, prevArray, nextArray, validAttributes) {
- var i, minLength = prevArray.length < nextArray.length ? prevArray.length : nextArray.length;
- for (i = 0; i < minLength; i++) updatePayload = diffNestedProperty(updatePayload, prevArray[i], nextArray[i], validAttributes);
- for (;i < prevArray.length; i++) updatePayload = clearNestedProperty(updatePayload, prevArray[i], validAttributes);
- for (;i < nextArray.length; i++) updatePayload = addNestedProperty(updatePayload, nextArray[i], validAttributes);
- return updatePayload;
- }
- function diffNestedProperty(updatePayload, prevProp, nextProp, validAttributes) {
- return updatePayload || prevProp !== nextProp ? prevProp && nextProp ? Array.isArray(prevProp) || Array.isArray(nextProp) ? Array.isArray(prevProp) && Array.isArray(nextProp) ? diffNestedArrayProperty(updatePayload, prevProp, nextProp, validAttributes) : Array.isArray(prevProp) ? diffProperties(updatePayload, flattenStyle(prevProp), resolveObject(nextProp), validAttributes) : diffProperties(updatePayload, resolveObject(prevProp), flattenStyle(nextProp), validAttributes) : diffProperties(updatePayload, resolveObject(prevProp), resolveObject(nextProp), validAttributes) : nextProp ? addNestedProperty(updatePayload, nextProp, validAttributes) : prevProp ? clearNestedProperty(updatePayload, prevProp, validAttributes) : updatePayload : updatePayload;
- }
- function addNestedProperty(updatePayload, nextProp, validAttributes) {
- if (!nextProp) return updatePayload;
- if (!Array.isArray(nextProp)) return addProperties(updatePayload, resolveObject(nextProp), validAttributes);
- for (var i = 0; i < nextProp.length; i++) updatePayload = addNestedProperty(updatePayload, nextProp[i], validAttributes);
- return updatePayload;
- }
- function clearNestedProperty(updatePayload, prevProp, validAttributes) {
- if (!prevProp) return updatePayload;
- if (!Array.isArray(prevProp)) return clearProperties(updatePayload, resolveObject(prevProp), validAttributes);
- for (var i = 0; i < prevProp.length; i++) updatePayload = clearNestedProperty(updatePayload, prevProp[i], validAttributes);
- return updatePayload;
- }
- function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
- var attributeConfig, nextProp, prevProp;
- for (var propKey in nextProps) if (attributeConfig = validAttributes[propKey]) if (prevProp = prevProps[propKey],
- nextProp = nextProps[propKey], "function" == typeof nextProp && (nextProp = !0,
- "function" == typeof prevProp && (prevProp = !0)), void 0 === nextProp && (nextProp = null,
- void 0 === prevProp && (prevProp = null)), removedKeys && (removedKeys[propKey] = !1),
- updatePayload && void 0 !== updatePayload[propKey]) {
- if ("object" != typeof attributeConfig) updatePayload[propKey] = nextProp; else if ("function" == typeof attributeConfig.diff || "function" == typeof attributeConfig.process) {
- var nextValue = "function" == typeof attributeConfig.process ? attributeConfig.process(nextProp) : nextProp;
- updatePayload[propKey] = nextValue;
- }
- } else if (prevProp !== nextProp) if ("object" != typeof attributeConfig) defaultDiffer(prevProp, nextProp) && ((updatePayload || (updatePayload = {}))[propKey] = nextProp); else if ("function" == typeof attributeConfig.diff || "function" == typeof attributeConfig.process) {
- var shouldUpdate = void 0 === prevProp || ("function" == typeof attributeConfig.diff ? attributeConfig.diff(prevProp, nextProp) : defaultDiffer(prevProp, nextProp));
- shouldUpdate && (nextValue = "function" == typeof attributeConfig.process ? attributeConfig.process(nextProp) : nextProp,
- (updatePayload || (updatePayload = {}))[propKey] = nextValue);
- } else removedKeys = null, removedKeyCount = 0, updatePayload = diffNestedProperty(updatePayload, prevProp, nextProp, attributeConfig),
- removedKeyCount > 0 && updatePayload && (restoreDeletedValuesInNestedArray(updatePayload, nextProp, attributeConfig),
- removedKeys = null);
- for (propKey in prevProps) void 0 === nextProps[propKey] && (attributeConfig = validAttributes[propKey]) && (updatePayload && void 0 !== updatePayload[propKey] || void 0 !== (prevProp = prevProps[propKey]) && ("object" != typeof attributeConfig || "function" == typeof attributeConfig.diff || "function" == typeof attributeConfig.process ? ((updatePayload || (updatePayload = {}))[propKey] = null,
- removedKeys || (removedKeys = {}), removedKeys[propKey] || (removedKeys[propKey] = !0,
- removedKeyCount++)) : updatePayload = clearNestedProperty(updatePayload, prevProp, attributeConfig)));
- return updatePayload;
- }
- function addProperties(updatePayload, props, validAttributes) {
- return diffProperties(updatePayload, emptyObject$2, props, validAttributes);
- }
- function clearProperties(updatePayload, prevProps, validAttributes) {
- return diffProperties(updatePayload, prevProps, emptyObject$2, validAttributes);
- }
- var ReactNativeAttributePayload = {
- create: function(props, validAttributes) {
- return addProperties(null, props, validAttributes);
- },
- diff: function(prevProps, nextProps, validAttributes) {
- return diffProperties(null, prevProps, nextProps, validAttributes);
- }
- }, ReactNativeAttributePayload_1 = ReactNativeAttributePayload;
- function mountSafeCallback$1(context, callback) {
- return function() {
- if (callback) {
- if ("boolean" == typeof context.__isMounted) {
- if (!context.__isMounted) return;
- } else if ("function" == typeof context.isMounted && !context.isMounted()) return;
- return callback.apply(context, arguments);
- }
- };
- }
- function throwOnStylesProp(component, props) {
- if (void 0 !== props.styles) {
- var owner = component._owner || null, name = component.constructor.displayName, msg = "`styles` is not a supported property of `" + name + "`, did " + "you mean `style` (singular)?";
- throw owner && owner.constructor && owner.constructor.displayName && (msg += "\n\nCheck the `" + owner.constructor.displayName + "` parent " + " component."),
- new Error(msg);
- }
- }
- function warnForStyleProps$1(props, validAttributes) {
- for (var key in validAttributes.style) validAttributes[key] || void 0 === props[key] || console.error("You are setting the style `{ " + key + ": ... }` as a prop. You " + "should nest it in a style object. " + "E.g. `{ style: { " + key + ": ... } }`");
- }
- var NativeMethodsMixinUtils = {
- mountSafeCallback: mountSafeCallback$1,
- throwOnStylesProp: throwOnStylesProp,
- warnForStyleProps: warnForStyleProps$1
- };
- function _classCallCheck$1(instance, Constructor) {
- if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
- }
- var mountSafeCallback = NativeMethodsMixinUtils.mountSafeCallback, warnForStyleProps = NativeMethodsMixinUtils.warnForStyleProps, ReactNativeFiberHostComponent = function() {
- function ReactNativeFiberHostComponent(tag, viewConfig) {
- _classCallCheck$1(this, ReactNativeFiberHostComponent), this._nativeTag = tag, this._children = [],
- this.viewConfig = viewConfig;
- }
- return ReactNativeFiberHostComponent.prototype.blur = function() {
- TextInputState.blurTextInput(this._nativeTag);
- }, ReactNativeFiberHostComponent.prototype.focus = function() {
- TextInputState.focusTextInput(this._nativeTag);
- }, ReactNativeFiberHostComponent.prototype.measure = function(callback) {
- UIManager.measure(this._nativeTag, mountSafeCallback(this, callback));
- }, ReactNativeFiberHostComponent.prototype.measureInWindow = function(callback) {
- UIManager.measureInWindow(this._nativeTag, mountSafeCallback(this, callback));
- }, ReactNativeFiberHostComponent.prototype.measureLayout = function(relativeToNativeNode, onSuccess, onFail) {
- UIManager.measureLayout(this._nativeTag, relativeToNativeNode, mountSafeCallback(this, onFail), mountSafeCallback(this, onSuccess));
- }, ReactNativeFiberHostComponent.prototype.setNativeProps = function(nativeProps) {
- warnForStyleProps(nativeProps, this.viewConfig.validAttributes);
- var updatePayload = ReactNativeAttributePayload_1.create(nativeProps, this.viewConfig.validAttributes);
- null != updatePayload && UIManager.updateView(this._nativeTag, this.viewConfig.uiViewClassName, updatePayload);
- }, ReactNativeFiberHostComponent;
- }(), ReactNativeFiberHostComponent_1 = ReactNativeFiberHostComponent, INITIAL_TAG_COUNT = 1, ReactNativeTagHandles = {
- tagsStartAt: INITIAL_TAG_COUNT,
- tagCount: INITIAL_TAG_COUNT,
- allocateTag: function() {
- for (;this.reactTagIsNativeTopRootID(ReactNativeTagHandles.tagCount); ) ReactNativeTagHandles.tagCount++;
- var tag = ReactNativeTagHandles.tagCount;
- return ReactNativeTagHandles.tagCount++, tag;
- },
- assertRootTag: function(tag) {
- invariant(this.reactTagIsNativeTopRootID(tag), "Expect a native root tag, instead got %s", tag);
- },
- reactTagIsNativeTopRootID: function(reactTag) {
- return reactTag % 10 == 1;
- }
- }, ReactNativeTagHandles_1 = ReactNativeTagHandles, viewConfigCallbacks = new Map(), viewConfigs = new Map(), ReactNativeViewConfigRegistry = {
- register: function(name, callback) {
- return invariant(!viewConfigCallbacks.has(name), "Tried to register two views with the same name %s", name),
- viewConfigCallbacks.set(name, callback), name;
- },
- get: function(name) {
- var viewConfig = void 0;
- if (viewConfigs.has(name)) viewConfig = viewConfigs.get(name); else {
- var callback = viewConfigCallbacks.get(name);
- invariant("function" == typeof callback, "View config not found for name %s", name),
- viewConfigCallbacks.set(name, null), viewConfig = callback(), viewConfigs.set(name, viewConfig);
- }
- return invariant(viewConfig, "View config not found for name %s", name), viewConfig;
- }
- }, ReactNativeViewConfigRegistry_1 = ReactNativeViewConfigRegistry, precacheFiberNode$1 = ReactNativeComponentTree_1.precacheFiberNode, uncacheFiberNode$1 = ReactNativeComponentTree_1.uncacheFiberNode, updateFiberProps$1 = ReactNativeComponentTree_1.updateFiberProps;
- function recursivelyUncacheFiberNode(node) {
- "number" == typeof node ? uncacheFiberNode$1(node) : (uncacheFiberNode$1(node._nativeTag),
- node._children.forEach(recursivelyUncacheFiberNode));
- }
- var NativeRenderer = function(config) {
- var getPublicInstance = config.getPublicInstance, _ReactFiberScheduler = ReactFiberScheduler(config), scheduleUpdate = _ReactFiberScheduler.scheduleUpdate, getPriorityContext = _ReactFiberScheduler.getPriorityContext, batchedUpdates = _ReactFiberScheduler.batchedUpdates, unbatchedUpdates = _ReactFiberScheduler.unbatchedUpdates, flushSync = _ReactFiberScheduler.flushSync, deferredUpdates = _ReactFiberScheduler.deferredUpdates;
- function scheduleTopLevelUpdate(current, element, callback) {
- "render" === ReactDebugCurrentFiber.phase && null !== ReactDebugCurrentFiber.current && warning$1(!1, "Render methods should be a pure function of props and state; " + "triggering nested component updates from render is not allowed. " + "If necessary, trigger nested updates in componentDidUpdate.\n\n" + "Check the render method of %s.", getComponentName(ReactDebugCurrentFiber.current) || "Unknown");
- var forceAsync = ReactFeatureFlags_1.enableAsyncSubtreeAPI && null != element && null != element.type && null != element.type.prototype && !0 === element.type.prototype.unstable_isAsyncReactComponent, priorityLevel = getPriorityContext(current, forceAsync), nextState = {
- element: element
- };
- callback = void 0 === callback ? null : callback, warning$1(null === callback || "function" == typeof callback, "render(...): Expected the last optional `callback` argument to be a " + "function. Instead received: %s.", callback),
- addTopLevelUpdate(current, nextState, callback, priorityLevel), scheduleUpdate(current, priorityLevel);
- }
- return {
- createContainer: function(containerInfo) {
- return createFiberRoot(containerInfo);
- },
- updateContainer: function(element, container, parentComponent, callback) {
- var current = container.current;
- ReactFiberInstrumentation.debugTool && (null === current.alternate ? ReactFiberInstrumentation.debugTool.onMountContainer(container) : null === element ? ReactFiberInstrumentation.debugTool.onUnmountContainer(container) : ReactFiberInstrumentation.debugTool.onUpdateContainer(container));
- var context = getContextForSubtree(parentComponent);
- null === container.context ? container.context = context : container.pendingContext = context,
- scheduleTopLevelUpdate(current, element, callback);
- },
- batchedUpdates: batchedUpdates,
- unbatchedUpdates: unbatchedUpdates,
- deferredUpdates: deferredUpdates,
- flushSync: flushSync,
- getPublicRootInstance: function(container) {
- var containerFiber = container.current;
- if (!containerFiber.child) return null;
- switch (containerFiber.child.tag) {
- case HostComponent:
- return getPublicInstance(containerFiber.child.stateNode);
-
- default:
- return containerFiber.child.stateNode;
- }
- },
- findHostInstance: function(fiber) {
- var hostFiber = findCurrentHostFiber(fiber);
- return null === hostFiber ? null : hostFiber.stateNode;
- },
- findHostInstanceWithNoPortals: function(fiber) {
- var hostFiber = findCurrentHostFiberWithNoPortals(fiber);
- return null === hostFiber ? null : hostFiber.stateNode;
- }
- };
- }({
- appendChild: function(parentInstance, child) {
- var childTag = "number" == typeof child ? child : child._nativeTag, children = parentInstance._children, index = children.indexOf(child);
- index >= 0 ? (children.splice(index, 1), children.push(child), UIManager.manageChildren(parentInstance._nativeTag, [ index ], [ children.length - 1 ], [], [], [])) : (children.push(child),
- UIManager.manageChildren(parentInstance._nativeTag, [], [], [ childTag ], [ children.length - 1 ], []));
- },
- appendChildToContainer: function(parentInstance, child) {
- var childTag = "number" == typeof child ? child : child._nativeTag;
- UIManager.setChildren(parentInstance, [ childTag ]);
- },
- appendInitialChild: function(parentInstance, child) {
- parentInstance._children.push(child);
- },
- commitTextUpdate: function(textInstance, oldText, newText) {
- UIManager.updateView(textInstance, "RCTRawText", {
- text: newText
- });
- },
- commitMount: function(instance, type, newProps, internalInstanceHandle) {},
- commitUpdate: function(instance, updatePayloadTODO, type, oldProps, newProps, internalInstanceHandle) {
- var viewConfig = instance.viewConfig;
- updateFiberProps$1(instance._nativeTag, newProps);
- var updatePayload = ReactNativeAttributePayload_1.diff(oldProps, newProps, viewConfig.validAttributes);
- null != updatePayload && UIManager.updateView(instance._nativeTag, viewConfig.uiViewClassName, updatePayload);
- },
- createInstance: function(type, props, rootContainerInstance, hostContext, internalInstanceHandle) {
- var tag = ReactNativeTagHandles_1.allocateTag(), viewConfig = ReactNativeViewConfigRegistry_1.get(type);
- for (var key in viewConfig.validAttributes) props.hasOwnProperty(key) && deepFreezeAndThrowOnMutationInDev(props[key]);
- var updatePayload = ReactNativeAttributePayload_1.create(props, viewConfig.validAttributes);
- UIManager.createView(tag, viewConfig.uiViewClassName, rootContainerInstance, updatePayload);
- var component = new ReactNativeFiberHostComponent_1(tag, viewConfig);
- return precacheFiberNode$1(internalInstanceHandle, tag), updateFiberProps$1(tag, props),
- component;
- },
- createTextInstance: function(text, rootContainerInstance, hostContext, internalInstanceHandle) {
- var tag = ReactNativeTagHandles_1.allocateTag();
- return UIManager.createView(tag, "RCTRawText", rootContainerInstance, {
- text: text
- }), precacheFiberNode$1(internalInstanceHandle, tag), tag;
- },
- finalizeInitialChildren: function(parentInstance, type, props, rootContainerInstance) {
- if (0 === parentInstance._children.length) return !1;
- var nativeTags = parentInstance._children.map(function(child) {
- return "number" == typeof child ? child : child._nativeTag;
- });
- return UIManager.setChildren(parentInstance._nativeTag, nativeTags), !1;
- },
- getRootHostContext: function() {
- return emptyObject;
- },
- getChildHostContext: function() {
- return emptyObject;
- },
- getPublicInstance: function(instance) {
- return instance;
- },
- insertBefore: function(parentInstance, child, beforeChild) {
- var children = parentInstance._children, index = children.indexOf(child);
- if (index >= 0) {
- children.splice(index, 1);
- var beforeChildIndex = children.indexOf(beforeChild);
- children.splice(beforeChildIndex, 0, child), UIManager.manageChildren(parentInstance._nativeTag, [ index ], [ beforeChildIndex ], [], [], []);
- } else {
- var _beforeChildIndex = children.indexOf(beforeChild);
- children.splice(_beforeChildIndex, 0, child);
- var childTag = "number" == typeof child ? child : child._nativeTag;
- UIManager.manageChildren(parentInstance._nativeTag, [], [], [ childTag ], [ _beforeChildIndex ], []);
- }
- },
- insertInContainerBefore: function(parentInstance, child, beforeChild) {
- invariant("number" != typeof parentInstance, "Container does not support insertBefore operation");
- },
- prepareForCommit: function() {},
- prepareUpdate: function(instance, type, oldProps, newProps, rootContainerInstance, hostContext) {
- return emptyObject;
- },
- removeChild: function(parentInstance, child) {
- recursivelyUncacheFiberNode(child);
- var children = parentInstance._children, index = children.indexOf(child);
- children.splice(index, 1), UIManager.manageChildren(parentInstance._nativeTag, [], [], [], [], [ index ]);
- },
- removeChildFromContainer: function(parentInstance, child) {
- recursivelyUncacheFiberNode(child), UIManager.manageChildren(parentInstance, [], [], [], [], [ 0 ]);
- },
- resetAfterCommit: function() {},
- resetTextContent: function(instance) {},
- shouldDeprioritizeSubtree: function(type, props) {
- return !1;
- },
- scheduleDeferredCallback: commonjsGlobal.requestIdleCallback,
- shouldSetTextContent: function(type, props) {
- return !1;
- },
- useSyncScheduling: !0
- }), ReactNativeFiberRenderer = NativeRenderer, getClosestInstanceFromNode = ReactNativeComponentTree_1.getClosestInstanceFromNode, findCurrentFiberUsingSlowPath$1 = ReactFiberTreeReflection.findCurrentFiberUsingSlowPath, HostComponent$10 = ReactTypeOfWork.HostComponent, getInspectorDataForViewTag = void 0, traverseOwnerTreeUp = function(hierarchy, instance) {
- instance && (hierarchy.unshift(instance), traverseOwnerTreeUp(hierarchy, instance._debugOwner));
- }, getOwnerHierarchy = function(instance) {
- var hierarchy = [];
- return traverseOwnerTreeUp(hierarchy, instance), hierarchy;
- }, lastNonHostInstance = function(hierarchy) {
- for (var i = hierarchy.length - 1; i > 1; i--) {
- var instance = hierarchy[i];
- if (instance.tag !== HostComponent$10) return instance;
- }
- return hierarchy[0];
- }, getHostProps = function(fiber) {
- var host = ReactFiberTreeReflection.findCurrentHostFiber(fiber);
- return host ? host.memoizedProps || emptyObject : emptyObject;
- }, getHostNode = function(fiber, findNodeHandle) {
- for (var hostNode = void 0; fiber; ) {
- if (null !== fiber.stateNode && fiber.tag === HostComponent$10 && (hostNode = findNodeHandle(fiber.stateNode)),
- hostNode) return hostNode;
- fiber = fiber.child;
- }
- return null;
- }, createHierarchy = function(fiberHierarchy) {
- return fiberHierarchy.map(function(fiber) {
- return {
- name: getComponentName_1(fiber),
- getInspectorData: function(findNodeHandle) {
- return {
- measure: function(callback) {
- return UIManager.measure(getHostNode(fiber, findNodeHandle), callback);
- },
- props: getHostProps(fiber),
- source: fiber._debugSource
- };
- }
- };
- });
- };
- getInspectorDataForViewTag = function(viewTag) {
- var closestInstance = getClosestInstanceFromNode(viewTag);
- if (!closestInstance) return {
- hierarchy: [],
- props: emptyObject,
- selection: null,
- source: null
- };
- var fiber = findCurrentFiberUsingSlowPath$1(closestInstance), fiberHierarchy = getOwnerHierarchy(fiber), instance = lastNonHostInstance(fiberHierarchy), hierarchy = createHierarchy(fiberHierarchy), props = getHostProps(instance), source = instance._debugSource;
- return {
- hierarchy: hierarchy,
- props: props,
- selection: fiberHierarchy.indexOf(instance),
- source: source
- };
- };
- var ReactNativeFiberInspector = {
- getInspectorDataForViewTag: getInspectorDataForViewTag
- }, ReactVersion = "16.0.0", ReactCurrentOwner$3 = ReactGlobalSharedState_1.ReactCurrentOwner, warning$11 = require$$0;
- function findNodeHandle(componentOrHandle) {
- var owner = ReactCurrentOwner$3.current;
- if (null !== owner && null !== owner.stateNode && (warning$11(owner.stateNode._warnedAboutRefsInRender, "%s is accessing findNodeHandle inside its render(). " + "render() should be a pure function of props and state. It should " + "never access something that requires stale data from the previous " + "render, such as refs. Move this logic to componentDidMount and " + "componentDidUpdate instead.", getComponentName_1(owner) || "A component"),
- owner.stateNode._warnedAboutRefsInRender = !0), null == componentOrHandle) return null;
- if ("number" == typeof componentOrHandle) return componentOrHandle;
- var component = componentOrHandle, internalInstance = ReactInstanceMap_1.get(component);
- return internalInstance ? ReactNativeFiberRenderer.findHostInstance(internalInstance) : component || (invariant("object" == typeof component && "_nativeTag" in component || null != component.render && "function" == typeof component.render, "findNodeHandle(...): Argument is not a component " + "(type: %s, keys: %s)", typeof component, Object.keys(component)),
- void invariant(!1, "findNodeHandle(...): Unable to find node handle for unmounted " + "component."));
- }
- var findNodeHandle_1 = findNodeHandle, findNumericNodeHandle = function(componentOrHandle) {
- var instance = findNodeHandle_1(componentOrHandle);
- return null == instance || "number" == typeof instance ? instance : instance._nativeTag;
- }, eventPluginOrder = null, namesToPlugins = {};
- function recomputePluginOrdering() {
- if (eventPluginOrder) for (var pluginName in namesToPlugins) {
- var pluginModule = namesToPlugins[pluginName], pluginIndex = eventPluginOrder.indexOf(pluginName);
- if (invariant(pluginIndex > -1, "EventPluginRegistry: Cannot inject event plugins that do not exist in " + "the plugin ordering, `%s`.", pluginName),
- !EventPluginRegistry.plugins[pluginIndex]) {
- invariant(pluginModule.extractEvents, "EventPluginRegistry: Event plugins must implement an `extractEvents` " + "method, but `%s` does not.", pluginName),
- EventPluginRegistry.plugins[pluginIndex] = pluginModule;
- var publishedEvents = pluginModule.eventTypes;
- for (var eventName in publishedEvents) invariant(publishEventForPlugin(publishedEvents[eventName], pluginModule, eventName), "EventPluginRegistry: Failed to publish event `%s` for plugin `%s`.", eventName, pluginName);
- }
- }
- }
- function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
- invariant(!EventPluginRegistry.eventNameDispatchConfigs.hasOwnProperty(eventName), "EventPluginHub: More than one plugin attempted to publish the same " + "event name, `%s`.", eventName),
- EventPluginRegistry.eventNameDispatchConfigs[eventName] = dispatchConfig;
- var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
- if (phasedRegistrationNames) {
- for (var phaseName in phasedRegistrationNames) if (phasedRegistrationNames.hasOwnProperty(phaseName)) {
- var phasedRegistrationName = phasedRegistrationNames[phaseName];
- publishRegistrationName(phasedRegistrationName, pluginModule, eventName);
- }
- return !0;
- }
- return !!dispatchConfig.registrationName && (publishRegistrationName(dispatchConfig.registrationName, pluginModule, eventName),
- !0);
- }
- function publishRegistrationName(registrationName, pluginModule, eventName) {
- invariant(!EventPluginRegistry.registrationNameModules[registrationName], "EventPluginHub: More than one plugin attempted to publish the same " + "registration name, `%s`.", registrationName),
- EventPluginRegistry.registrationNameModules[registrationName] = pluginModule, EventPluginRegistry.registrationNameDependencies[registrationName] = pluginModule.eventTypes[eventName].dependencies;
- var lowerCasedName = registrationName.toLowerCase();
- EventPluginRegistry.possibleRegistrationNames[lowerCasedName] = registrationName,
- "onDoubleClick" === registrationName && (EventPluginRegistry.possibleRegistrationNames.ondblclick = registrationName);
- }
- var EventPluginRegistry = {
- plugins: [],
- eventNameDispatchConfigs: {},
- registrationNameModules: {},
- registrationNameDependencies: {},
- possibleRegistrationNames: {},
- injectEventPluginOrder: function(injectedEventPluginOrder) {
- invariant(!eventPluginOrder, "EventPluginRegistry: Cannot inject event plugin ordering more than " + "once. You are likely trying to load more than one copy of React."),
- eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder), recomputePluginOrdering();
- },
- injectEventPluginsByName: function(injectedNamesToPlugins) {
- var isOrderingDirty = !1;
- for (var pluginName in injectedNamesToPlugins) if (injectedNamesToPlugins.hasOwnProperty(pluginName)) {
- var pluginModule = injectedNamesToPlugins[pluginName];
- namesToPlugins.hasOwnProperty(pluginName) && namesToPlugins[pluginName] === pluginModule || (invariant(!namesToPlugins[pluginName], "EventPluginRegistry: Cannot inject two different event plugins " + "using the same name, `%s`.", pluginName),
- namesToPlugins[pluginName] = pluginModule, isOrderingDirty = !0);
- }
- isOrderingDirty && recomputePluginOrdering();
- }
- }, EventPluginRegistry_1 = EventPluginRegistry;
- function accumulateInto(current, next) {
- return invariant(null != next, "accumulateInto(...): Accumulated items must not be null or undefined."),
- null == current ? next : Array.isArray(current) ? Array.isArray(next) ? (current.push.apply(current, next),
- current) : (current.push(next), current) : Array.isArray(next) ? [ current ].concat(next) : [ current, next ];
- }
- var accumulateInto_1 = accumulateInto;
- function forEachAccumulated(arr, cb, scope) {
- Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
- }
- var forEachAccumulated_1 = forEachAccumulated, eventQueue = null, executeDispatchesAndRelease = function(event, simulated) {
- event && (EventPluginUtils_1.executeDispatchesInOrder(event, simulated), event.isPersistent() || event.constructor.release(event));
- }, executeDispatchesAndReleaseSimulated = function(e) {
- return executeDispatchesAndRelease(e, !0);
- }, executeDispatchesAndReleaseTopLevel = function(e) {
- return executeDispatchesAndRelease(e, !1);
- };
- function isInteractive(tag) {
- return "button" === tag || "input" === tag || "select" === tag || "textarea" === tag;
- }
- function shouldPreventMouseEvent(name, type, props) {
- switch (name) {
- case "onClick":
- case "onClickCapture":
- case "onDoubleClick":
- case "onDoubleClickCapture":
- case "onMouseDown":
- case "onMouseDownCapture":
- case "onMouseMove":
- case "onMouseMoveCapture":
- case "onMouseUp":
- case "onMouseUpCapture":
- return !(!props.disabled || !isInteractive(type));
-
- default:
- return !1;
- }
- }
- var EventPluginHub = {
- injection: {
- injectEventPluginOrder: EventPluginRegistry_1.injectEventPluginOrder,
- injectEventPluginsByName: EventPluginRegistry_1.injectEventPluginsByName
- },
- getListener: function(inst, registrationName) {
- var listener, stateNode = inst.stateNode;
- if (!stateNode) return null;
- var props = EventPluginUtils_1.getFiberCurrentPropsFromNode(stateNode);
- return props ? (listener = props[registrationName], shouldPreventMouseEvent(registrationName, inst.type, props) ? null : (invariant(!listener || "function" == typeof listener, "Expected `%s` listener to be a function, instead got a value of `%s` type.", registrationName, typeof listener),
- listener)) : null;
- },
- extractEvents: function(topLevelType, targetInst, nativeEvent, nativeEventTarget) {
- for (var events, plugins = EventPluginRegistry_1.plugins, i = 0; i < plugins.length; i++) {
- var possiblePlugin = plugins[i];
- if (possiblePlugin) {
- var extractedEvents = possiblePlugin.extractEvents(topLevelType, targetInst, nativeEvent, nativeEventTarget);
- extractedEvents && (events = accumulateInto_1(events, extractedEvents));
- }
- }
- return events;
- },
- enqueueEvents: function(events) {
- events && (eventQueue = accumulateInto_1(eventQueue, events));
- },
- processEventQueue: function(simulated) {
- var processingEventQueue = eventQueue;
- eventQueue = null, simulated ? forEachAccumulated_1(processingEventQueue, executeDispatchesAndReleaseSimulated) : forEachAccumulated_1(processingEventQueue, executeDispatchesAndReleaseTopLevel),
- invariant(!eventQueue, "processEventQueue(): Additional events were enqueued while processing " + "an event queue. Support for this has not yet been implemented."),
- ReactErrorUtils_1.rethrowCaughtError();
- }
- }, EventPluginHub_1 = EventPluginHub, HostComponent$11 = ReactTypeOfWork.HostComponent;
- function getParent(inst) {
- do {
- inst = inst.return;
- } while (inst && inst.tag !== HostComponent$11);
- return inst || null;
- }
- function getLowestCommonAncestor(instA, instB) {
- for (var depthA = 0, tempA = instA; tempA; tempA = getParent(tempA)) depthA++;
- for (var depthB = 0, tempB = instB; tempB; tempB = getParent(tempB)) depthB++;
- for (;depthA - depthB > 0; ) instA = getParent(instA), depthA--;
- for (;depthB - depthA > 0; ) instB = getParent(instB), depthB--;
- for (var depth = depthA; depth--; ) {
- if (instA === instB || instA === instB.alternate) return instA;
- instA = getParent(instA), instB = getParent(instB);
- }
- return null;
- }
- function isAncestor(instA, instB) {
- for (;instB; ) {
- if (instA === instB || instA === instB.alternate) return !0;
- instB = getParent(instB);
- }
- return !1;
- }
- function getParentInstance(inst) {
- return getParent(inst);
- }
- function traverseTwoPhase(inst, fn, arg) {
- for (var path = []; inst; ) path.push(inst), inst = getParent(inst);
- var i;
- for (i = path.length; i-- > 0; ) fn(path[i], "captured", arg);
- for (i = 0; i < path.length; i++) fn(path[i], "bubbled", arg);
- }
- function traverseEnterLeave(from, to, fn, argFrom, argTo) {
- for (var common = from && to ? getLowestCommonAncestor(from, to) : null, pathFrom = []; from && from !== common; ) pathFrom.push(from),
- from = getParent(from);
- for (var pathTo = []; to && to !== common; ) pathTo.push(to), to = getParent(to);
- var i;
- for (i = 0; i < pathFrom.length; i++) fn(pathFrom[i], "bubbled", argFrom);
- for (i = pathTo.length; i-- > 0; ) fn(pathTo[i], "captured", argTo);
- }
- var ReactTreeTraversal = {
- isAncestor: isAncestor,
- getLowestCommonAncestor: getLowestCommonAncestor,
- getParentInstance: getParentInstance,
- traverseTwoPhase: traverseTwoPhase,
- traverseEnterLeave: traverseEnterLeave
- }, getListener = EventPluginHub_1.getListener, warning$12 = require$$0;
- function listenerAtPhase(inst, event, propagationPhase) {
- var registrationName = event.dispatchConfig.phasedRegistrationNames[propagationPhase];
- return getListener(inst, registrationName);
- }
- function accumulateDirectionalDispatches(inst, phase, event) {
- warning$12(inst, "Dispatching inst must not be null");
- var listener = listenerAtPhase(inst, event, phase);
- listener && (event._dispatchListeners = accumulateInto_1(event._dispatchListeners, listener),
- event._dispatchInstances = accumulateInto_1(event._dispatchInstances, inst));
- }
- function accumulateTwoPhaseDispatchesSingle(event) {
- event && event.dispatchConfig.phasedRegistrationNames && ReactTreeTraversal.traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
- }
- function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
- if (event && event.dispatchConfig.phasedRegistrationNames) {
- var targetInst = event._targetInst, parentInst = targetInst ? ReactTreeTraversal.getParentInstance(targetInst) : null;
- ReactTreeTraversal.traverseTwoPhase(parentInst, accumulateDirectionalDispatches, event);
- }
- }
- function accumulateDispatches(inst, ignoredDirection, event) {
- if (inst && event && event.dispatchConfig.registrationName) {
- var registrationName = event.dispatchConfig.registrationName, listener = getListener(inst, registrationName);
- listener && (event._dispatchListeners = accumulateInto_1(event._dispatchListeners, listener),
- event._dispatchInstances = accumulateInto_1(event._dispatchInstances, inst));
- }
- }
- function accumulateDirectDispatchesSingle(event) {
- event && event.dispatchConfig.registrationName && accumulateDispatches(event._targetInst, null, event);
- }
- function accumulateTwoPhaseDispatches(events) {
- forEachAccumulated_1(events, accumulateTwoPhaseDispatchesSingle);
- }
- function accumulateTwoPhaseDispatchesSkipTarget(events) {
- forEachAccumulated_1(events, accumulateTwoPhaseDispatchesSingleSkipTarget);
- }
- function accumulateEnterLeaveDispatches(leave, enter, from, to) {
- ReactTreeTraversal.traverseEnterLeave(from, to, accumulateDispatches, leave, enter);
- }
- function accumulateDirectDispatches(events) {
- forEachAccumulated_1(events, accumulateDirectDispatchesSingle);
- }
- var EventPropagators = {
- accumulateTwoPhaseDispatches: accumulateTwoPhaseDispatches,
- accumulateTwoPhaseDispatchesSkipTarget: accumulateTwoPhaseDispatchesSkipTarget,
- accumulateDirectDispatches: accumulateDirectDispatches,
- accumulateEnterLeaveDispatches: accumulateEnterLeaveDispatches
- }, EventPropagators_1 = EventPropagators, didWarnForAddedNewProperty = !1, isProxySupported = "function" == typeof Proxy, EVENT_POOL_SIZE = 10, warning$13 = require$$0, shouldBeReleasedProperties = [ "dispatchConfig", "_targetInst", "nativeEvent", "isDefaultPrevented", "isPropagationStopped", "_dispatchListeners", "_dispatchInstances" ], EventInterface = {
- type: null,
- target: null,
- currentTarget: emptyFunction.thatReturnsNull,
- eventPhase: null,
- bubbles: null,
- cancelable: null,
- timeStamp: function(event) {
- return event.timeStamp || Date.now();
- },
- defaultPrevented: null,
- isTrusted: null
- };
- function SyntheticEvent(dispatchConfig, targetInst, nativeEvent, nativeEventTarget) {
- delete this.nativeEvent, delete this.preventDefault, delete this.stopPropagation,
- this.dispatchConfig = dispatchConfig, this._targetInst = targetInst, this.nativeEvent = nativeEvent;
- var Interface = this.constructor.Interface;
- for (var propName in Interface) if (Interface.hasOwnProperty(propName)) {
- delete this[propName];
- var normalize = Interface[propName];
- normalize ? this[propName] = normalize(nativeEvent) : "target" === propName ? this.target = nativeEventTarget : this[propName] = nativeEvent[propName];
- }
- var defaultPrevented = null != nativeEvent.defaultPrevented ? nativeEvent.defaultPrevented : !1 === nativeEvent.returnValue;
- return this.isDefaultPrevented = defaultPrevented ? emptyFunction.thatReturnsTrue : emptyFunction.thatReturnsFalse,
- this.isPropagationStopped = emptyFunction.thatReturnsFalse, this;
- }
- Object.assign(SyntheticEvent.prototype, {
- preventDefault: function() {
- this.defaultPrevented = !0;
- var event = this.nativeEvent;
- event && (event.preventDefault ? event.preventDefault() : "unknown" != typeof event.returnValue && (event.returnValue = !1),
- this.isDefaultPrevented = emptyFunction.thatReturnsTrue);
- },
- stopPropagation: function() {
- var event = this.nativeEvent;
- event && (event.stopPropagation ? event.stopPropagation() : "unknown" != typeof event.cancelBubble && (event.cancelBubble = !0),
- this.isPropagationStopped = emptyFunction.thatReturnsTrue);
- },
- persist: function() {
- this.isPersistent = emptyFunction.thatReturnsTrue;
- },
- isPersistent: emptyFunction.thatReturnsFalse,
- destructor: function() {
- var Interface = this.constructor.Interface;
- for (var propName in Interface) Object.defineProperty(this, propName, getPooledWarningPropertyDefinition(propName, Interface[propName]));
- for (var i = 0; i < shouldBeReleasedProperties.length; i++) this[shouldBeReleasedProperties[i]] = null;
- Object.defineProperty(this, "nativeEvent", getPooledWarningPropertyDefinition("nativeEvent", null)),
- Object.defineProperty(this, "preventDefault", getPooledWarningPropertyDefinition("preventDefault", emptyFunction)),
- Object.defineProperty(this, "stopPropagation", getPooledWarningPropertyDefinition("stopPropagation", emptyFunction));
- }
- }), SyntheticEvent.Interface = EventInterface, SyntheticEvent.augmentClass = function(Class, Interface) {
- var Super = this, E = function() {};
- E.prototype = Super.prototype;
- var prototype = new E();
- Object.assign(prototype, Class.prototype), Class.prototype = prototype, Class.prototype.constructor = Class,
- Class.Interface = Object.assign({}, Super.Interface, Interface), Class.augmentClass = Super.augmentClass,
- addEventPoolingTo(Class);
- }, isProxySupported && (SyntheticEvent = new Proxy(SyntheticEvent, {
- construct: function(target, args) {
- return this.apply(target, Object.create(target.prototype), args);
- },
- apply: function(constructor, that, args) {
- return new Proxy(constructor.apply(that, args), {
- set: function(target, prop, value) {
- return "isPersistent" === prop || target.constructor.Interface.hasOwnProperty(prop) || -1 !== shouldBeReleasedProperties.indexOf(prop) || (warning$13(didWarnForAddedNewProperty || target.isPersistent(), "This synthetic event is reused for performance reasons. If you're " + "seeing this, you're adding a new property in the synthetic event object. " + "The property is never released. See " + "https://fb.me/react-event-pooling for more information."),
- didWarnForAddedNewProperty = !0), target[prop] = value, !0;
- }
- });
- }
- })), addEventPoolingTo(SyntheticEvent);
- var SyntheticEvent_1 = SyntheticEvent;
- function getPooledWarningPropertyDefinition(propName, getVal) {
- var isFunction = "function" == typeof getVal;
- return {
- configurable: !0,
- set: set,
- get: get
- };
- function set(val) {
- return warn(isFunction ? "setting the method" : "setting the property", "This is effectively a no-op"),
- val;
- }
- function get() {
- return warn(isFunction ? "accessing the method" : "accessing the property", isFunction ? "This is a no-op function" : "This is set to null"),
- getVal;
- }
- function warn(action, result) {
- warning$13(!1, "This synthetic event is reused for performance reasons. If you're seeing this, " + "you're %s `%s` on a released/nullified synthetic event. %s. " + "If you must keep the original synthetic event around, use event.persist(). " + "See https://fb.me/react-event-pooling for more information.", action, propName, result);
- }
- }
- function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
- var EventConstructor = this;
- if (EventConstructor.eventPool.length) {
- var instance = EventConstructor.eventPool.pop();
- return EventConstructor.call(instance, dispatchConfig, targetInst, nativeEvent, nativeInst),
- instance;
- }
- return new EventConstructor(dispatchConfig, targetInst, nativeEvent, nativeInst);
- }
- function releasePooledEvent(event) {
- var EventConstructor = this;
- invariant(event instanceof EventConstructor, "Trying to release an event instance into a pool of a different type."),
- event.destructor(), EventConstructor.eventPool.length < EVENT_POOL_SIZE && EventConstructor.eventPool.push(event);
- }
- function addEventPoolingTo(EventConstructor) {
- EventConstructor.eventPool = [], EventConstructor.getPooled = getPooledEvent, EventConstructor.release = releasePooledEvent;
- }
- var customBubblingEventTypes = {}, customDirectEventTypes = {}, ReactNativeBridgeEventPlugin = {
- eventTypes: {},
- extractEvents: function(topLevelType, targetInst, nativeEvent, nativeEventTarget) {
- var bubbleDispatchConfig = customBubblingEventTypes[topLevelType], directDispatchConfig = customDirectEventTypes[topLevelType];
- invariant(bubbleDispatchConfig || directDispatchConfig, 'Unsupported top level event type "%s" dispatched', topLevelType);
- var event = SyntheticEvent_1.getPooled(bubbleDispatchConfig || directDispatchConfig, targetInst, nativeEvent, nativeEventTarget);
- if (bubbleDispatchConfig) EventPropagators_1.accumulateTwoPhaseDispatches(event); else {
- if (!directDispatchConfig) return null;
- EventPropagators_1.accumulateDirectDispatches(event);
- }
- return event;
- },
- processEventTypes: function(viewConfig) {
- var bubblingEventTypes = viewConfig.bubblingEventTypes, directEventTypes = viewConfig.directEventTypes;
- if (null != bubblingEventTypes && null != directEventTypes) for (var topLevelType in directEventTypes) invariant(null == bubblingEventTypes[topLevelType], "Event cannot be both direct and bubbling: %s", topLevelType);
- if (null != bubblingEventTypes) for (var _topLevelType in bubblingEventTypes) null == customBubblingEventTypes[_topLevelType] && (ReactNativeBridgeEventPlugin.eventTypes[_topLevelType] = customBubblingEventTypes[_topLevelType] = bubblingEventTypes[_topLevelType]);
- if (null != directEventTypes) for (var _topLevelType2 in directEventTypes) null == customDirectEventTypes[_topLevelType2] && (ReactNativeBridgeEventPlugin.eventTypes[_topLevelType2] = customDirectEventTypes[_topLevelType2] = directEventTypes[_topLevelType2]);
- }
- }, ReactNativeBridgeEventPlugin_1 = ReactNativeBridgeEventPlugin;
- function runEventQueueInBatch(events) {
- EventPluginHub_1.enqueueEvents(events), EventPluginHub_1.processEventQueue(!1);
- }
- var ReactEventEmitterMixin = {
- handleTopLevel: function(topLevelType, targetInst, nativeEvent, nativeEventTarget) {
- runEventQueueInBatch(EventPluginHub_1.extractEvents(topLevelType, targetInst, nativeEvent, nativeEventTarget));
- }
- }, ReactEventEmitterMixin_1 = ReactEventEmitterMixin, warning$14 = require$$0, EMPTY_NATIVE_EVENT = {}, touchSubsequence = function(touches, indices) {
- for (var ret = [], i = 0; i < indices.length; i++) ret.push(touches[indices[i]]);
- return ret;
- }, removeTouchesAtIndices = function(touches, indices) {
- for (var rippedOut = [], temp = touches, i = 0; i < indices.length; i++) {
- var index = indices[i];
- rippedOut.push(touches[index]), temp[index] = null;
- }
- for (var fillAt = 0, j = 0; j < temp.length; j++) {
- var cur = temp[j];
- null !== cur && (temp[fillAt++] = cur);
- }
- return temp.length = fillAt, rippedOut;
- }, ReactNativeEventEmitter = Object.assign({}, ReactEventEmitterMixin_1, {
- registrationNames: EventPluginRegistry_1.registrationNameModules,
- getListener: EventPluginHub_1.getListener,
- _receiveRootNodeIDEvent: function(rootNodeID, topLevelType, nativeEventParam) {
- var nativeEvent = nativeEventParam || EMPTY_NATIVE_EVENT, inst = ReactNativeComponentTree_1.getInstanceFromNode(rootNodeID);
- ReactGenericBatching_1.batchedUpdates(function() {
- ReactNativeEventEmitter.handleTopLevel(topLevelType, inst, nativeEvent, nativeEvent.target);
- });
- },
- receiveEvent: function(rootNodeID, topLevelType, nativeEventParam) {
- ReactNativeEventEmitter._receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam);
- },
- receiveTouches: function(eventTopLevelType, touches, changedIndices) {
- for (var changedTouches = "topTouchEnd" === eventTopLevelType || "topTouchCancel" === eventTopLevelType ? removeTouchesAtIndices(touches, changedIndices) : touchSubsequence(touches, changedIndices), jj = 0; jj < changedTouches.length; jj++) {
- var touch = changedTouches[jj];
- touch.changedTouches = changedTouches, touch.touches = touches;
- var nativeEvent = touch, rootNodeID = null, target = nativeEvent.target;
- null !== target && void 0 !== target && (target < ReactNativeTagHandles_1.tagsStartAt ? warning$14(!1, "A view is reporting that a touch occurred on tag zero.") : rootNodeID = target),
- ReactNativeEventEmitter._receiveRootNodeIDEvent(rootNodeID, eventTopLevelType, nativeEvent);
- }
- }
- }), ReactNativeEventEmitter_1 = ReactNativeEventEmitter, ReactNativeEventPluginOrder = [ "ResponderEventPlugin", "ReactNativeBridgeEventPlugin" ], ReactNativeEventPluginOrder_1 = ReactNativeEventPluginOrder, ReactNativeGlobalResponderHandler = {
- onChange: function(from, to, blockNativeResponder) {
- if (null !== to) {
- var tag = to.stateNode._nativeTag;
- UIManager.setJSResponder(tag, blockNativeResponder);
- } else UIManager.clearJSResponder();
- }
- }, ReactNativeGlobalResponderHandler_1 = ReactNativeGlobalResponderHandler, ResponderEventInterface = {
- touchHistory: function(nativeEvent) {
- return null;
- }
- };
- function ResponderSyntheticEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
- return SyntheticEvent_1.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
- }
- SyntheticEvent_1.augmentClass(ResponderSyntheticEvent, ResponderEventInterface);
- var ResponderSyntheticEvent_1 = ResponderSyntheticEvent, isEndish$2 = EventPluginUtils_1.isEndish, isMoveish$2 = EventPluginUtils_1.isMoveish, isStartish$2 = EventPluginUtils_1.isStartish, warning$15 = require$$0, MAX_TOUCH_BANK = 20, touchBank = [], touchHistory = {
- touchBank: touchBank,
- numberActiveTouches: 0,
- indexOfSingleActiveTouch: -1,
- mostRecentTimeStamp: 0
- };
- function timestampForTouch(touch) {
- return touch.timeStamp || touch.timestamp;
- }
- function createTouchRecord(touch) {
- return {
- touchActive: !0,
- startPageX: touch.pageX,
- startPageY: touch.pageY,
- startTimeStamp: timestampForTouch(touch),
- currentPageX: touch.pageX,
- currentPageY: touch.pageY,
- currentTimeStamp: timestampForTouch(touch),
- previousPageX: touch.pageX,
- previousPageY: touch.pageY,
- previousTimeStamp: timestampForTouch(touch)
- };
- }
- function resetTouchRecord(touchRecord, touch) {
- touchRecord.touchActive = !0, touchRecord.startPageX = touch.pageX, touchRecord.startPageY = touch.pageY,
- touchRecord.startTimeStamp = timestampForTouch(touch), touchRecord.currentPageX = touch.pageX,
- touchRecord.currentPageY = touch.pageY, touchRecord.currentTimeStamp = timestampForTouch(touch),
- touchRecord.previousPageX = touch.pageX, touchRecord.previousPageY = touch.pageY,
- touchRecord.previousTimeStamp = timestampForTouch(touch);
- }
- function getTouchIdentifier(_ref) {
- var identifier = _ref.identifier;
- return invariant(null != identifier, "Touch object is missing identifier."), warning$15(identifier <= MAX_TOUCH_BANK, "Touch identifier %s is greater than maximum supported %s which causes " + "performance issues backfilling array locations for all of the indices.", identifier, MAX_TOUCH_BANK),
- identifier;
- }
- function recordTouchStart(touch) {
- var identifier = getTouchIdentifier(touch), touchRecord = touchBank[identifier];
- touchRecord ? resetTouchRecord(touchRecord, touch) : touchBank[identifier] = createTouchRecord(touch),
- touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
- }
- function recordTouchMove(touch) {
- var touchRecord = touchBank[getTouchIdentifier(touch)];
- touchRecord ? (touchRecord.touchActive = !0, touchRecord.previousPageX = touchRecord.currentPageX,
- touchRecord.previousPageY = touchRecord.currentPageY, touchRecord.previousTimeStamp = touchRecord.currentTimeStamp,
- touchRecord.currentPageX = touch.pageX, touchRecord.currentPageY = touch.pageY,
- touchRecord.currentTimeStamp = timestampForTouch(touch), touchHistory.mostRecentTimeStamp = timestampForTouch(touch)) : console.error("Cannot record touch move without a touch start.\n" + "Touch Move: %s\n", "Touch Bank: %s", printTouch(touch), printTouchBank());
- }
- function recordTouchEnd(touch) {
- var touchRecord = touchBank[getTouchIdentifier(touch)];
- touchRecord ? (touchRecord.touchActive = !1, touchRecord.previousPageX = touchRecord.currentPageX,
- touchRecord.previousPageY = touchRecord.currentPageY, touchRecord.previousTimeStamp = touchRecord.currentTimeStamp,
- touchRecord.currentPageX = touch.pageX, touchRecord.currentPageY = touch.pageY,
- touchRecord.currentTimeStamp = timestampForTouch(touch), touchHistory.mostRecentTimeStamp = timestampForTouch(touch)) : console.error("Cannot record touch end without a touch start.\n" + "Touch End: %s\n", "Touch Bank: %s", printTouch(touch), printTouchBank());
- }
- function printTouch(touch) {
- return JSON.stringify({
- identifier: touch.identifier,
- pageX: touch.pageX,
- pageY: touch.pageY,
- timestamp: timestampForTouch(touch)
- });
- }
- function printTouchBank() {
- var printed = JSON.stringify(touchBank.slice(0, MAX_TOUCH_BANK));
- return touchBank.length > MAX_TOUCH_BANK && (printed += " (original size: " + touchBank.length + ")"),
- printed;
- }
- var ResponderTouchHistoryStore = {
- recordTouchTrack: function(topLevelType, nativeEvent) {
- if (isMoveish$2(topLevelType)) nativeEvent.changedTouches.forEach(recordTouchMove); else if (isStartish$2(topLevelType)) nativeEvent.changedTouches.forEach(recordTouchStart),
- touchHistory.numberActiveTouches = nativeEvent.touches.length, 1 === touchHistory.numberActiveTouches && (touchHistory.indexOfSingleActiveTouch = nativeEvent.touches[0].identifier); else if (isEndish$2(topLevelType) && (nativeEvent.changedTouches.forEach(recordTouchEnd),
- touchHistory.numberActiveTouches = nativeEvent.touches.length, 1 === touchHistory.numberActiveTouches)) {
- for (var i = 0; i < touchBank.length; i++) {
- var touchTrackToCheck = touchBank[i];
- if (null != touchTrackToCheck && touchTrackToCheck.touchActive) {
- touchHistory.indexOfSingleActiveTouch = i;
- break;
- }
- }
- var activeRecord = touchBank[touchHistory.indexOfSingleActiveTouch];
- warning$15(null != activeRecord && activeRecord.touchActive, "Cannot find single active touch.");
- }
- },
- touchHistory: touchHistory
- }, ResponderTouchHistoryStore_1 = ResponderTouchHistoryStore;
- function accumulate(current, next) {
- return invariant(null != next, "accumulate(...): Accumulated items must be not be null or undefined."),
- null == current ? next : Array.isArray(current) ? current.concat(next) : Array.isArray(next) ? [ current ].concat(next) : [ current, next ];
- }
- var accumulate_1 = accumulate, isStartish$1 = EventPluginUtils_1.isStartish, isMoveish$1 = EventPluginUtils_1.isMoveish, isEndish$1 = EventPluginUtils_1.isEndish, executeDirectDispatch$1 = EventPluginUtils_1.executeDirectDispatch, hasDispatches$1 = EventPluginUtils_1.hasDispatches, executeDispatchesInOrderStopAtTrue$1 = EventPluginUtils_1.executeDispatchesInOrderStopAtTrue, responderInst = null, trackedTouchCount = 0, previousActiveTouches = 0, changeResponder = function(nextResponderInst, blockHostResponder) {
- var oldResponderInst = responderInst;
- responderInst = nextResponderInst, null !== ResponderEventPlugin.GlobalResponderHandler && ResponderEventPlugin.GlobalResponderHandler.onChange(oldResponderInst, nextResponderInst, blockHostResponder);
- }, eventTypes = {
- startShouldSetResponder: {
- phasedRegistrationNames: {
- bubbled: "onStartShouldSetResponder",
- captured: "onStartShouldSetResponderCapture"
- }
- },
- scrollShouldSetResponder: {
- phasedRegistrationNames: {
- bubbled: "onScrollShouldSetResponder",
- captured: "onScrollShouldSetResponderCapture"
- }
- },
- selectionChangeShouldSetResponder: {
- phasedRegistrationNames: {
- bubbled: "onSelectionChangeShouldSetResponder",
- captured: "onSelectionChangeShouldSetResponderCapture"
- }
- },
- moveShouldSetResponder: {
- phasedRegistrationNames: {
- bubbled: "onMoveShouldSetResponder",
- captured: "onMoveShouldSetResponderCapture"
- }
- },
- responderStart: {
- registrationName: "onResponderStart"
- },
- responderMove: {
- registrationName: "onResponderMove"
- },
- responderEnd: {
- registrationName: "onResponderEnd"
- },
- responderRelease: {
- registrationName: "onResponderRelease"
- },
- responderTerminationRequest: {
- registrationName: "onResponderTerminationRequest"
- },
- responderGrant: {
- registrationName: "onResponderGrant"
- },
- responderReject: {
- registrationName: "onResponderReject"
- },
- responderTerminate: {
- registrationName: "onResponderTerminate"
- }
- };
- function setResponderAndExtractTransfer(topLevelType, targetInst, nativeEvent, nativeEventTarget) {
- var shouldSetEventType = isStartish$1(topLevelType) ? eventTypes.startShouldSetResponder : isMoveish$1(topLevelType) ? eventTypes.moveShouldSetResponder : "topSelectionChange" === topLevelType ? eventTypes.selectionChangeShouldSetResponder : eventTypes.scrollShouldSetResponder, bubbleShouldSetFrom = responderInst ? ReactTreeTraversal.getLowestCommonAncestor(responderInst, targetInst) : targetInst, skipOverBubbleShouldSetFrom = bubbleShouldSetFrom === responderInst, shouldSetEvent = ResponderSyntheticEvent_1.getPooled(shouldSetEventType, bubbleShouldSetFrom, nativeEvent, nativeEventTarget);
- shouldSetEvent.touchHistory = ResponderTouchHistoryStore_1.touchHistory, skipOverBubbleShouldSetFrom ? EventPropagators_1.accumulateTwoPhaseDispatchesSkipTarget(shouldSetEvent) : EventPropagators_1.accumulateTwoPhaseDispatches(shouldSetEvent);
- var wantsResponderInst = executeDispatchesInOrderStopAtTrue$1(shouldSetEvent);
- if (shouldSetEvent.isPersistent() || shouldSetEvent.constructor.release(shouldSetEvent),
- !wantsResponderInst || wantsResponderInst === responderInst) return null;
- var extracted, grantEvent = ResponderSyntheticEvent_1.getPooled(eventTypes.responderGrant, wantsResponderInst, nativeEvent, nativeEventTarget);
- grantEvent.touchHistory = ResponderTouchHistoryStore_1.touchHistory, EventPropagators_1.accumulateDirectDispatches(grantEvent);
- var blockHostResponder = !0 === executeDirectDispatch$1(grantEvent);
- if (responderInst) {
- var terminationRequestEvent = ResponderSyntheticEvent_1.getPooled(eventTypes.responderTerminationRequest, responderInst, nativeEvent, nativeEventTarget);
- terminationRequestEvent.touchHistory = ResponderTouchHistoryStore_1.touchHistory,
- EventPropagators_1.accumulateDirectDispatches(terminationRequestEvent);
- var shouldSwitch = !hasDispatches$1(terminationRequestEvent) || executeDirectDispatch$1(terminationRequestEvent);
- if (terminationRequestEvent.isPersistent() || terminationRequestEvent.constructor.release(terminationRequestEvent),
- shouldSwitch) {
- var terminateEvent = ResponderSyntheticEvent_1.getPooled(eventTypes.responderTerminate, responderInst, nativeEvent, nativeEventTarget);
- terminateEvent.touchHistory = ResponderTouchHistoryStore_1.touchHistory, EventPropagators_1.accumulateDirectDispatches(terminateEvent),
- extracted = accumulate_1(extracted, [ grantEvent, terminateEvent ]), changeResponder(wantsResponderInst, blockHostResponder);
- } else {
- var rejectEvent = ResponderSyntheticEvent_1.getPooled(eventTypes.responderReject, wantsResponderInst, nativeEvent, nativeEventTarget);
- rejectEvent.touchHistory = ResponderTouchHistoryStore_1.touchHistory, EventPropagators_1.accumulateDirectDispatches(rejectEvent),
- extracted = accumulate_1(extracted, rejectEvent);
- }
- } else extracted = accumulate_1(extracted, grantEvent), changeResponder(wantsResponderInst, blockHostResponder);
- return extracted;
- }
- function canTriggerTransfer(topLevelType, topLevelInst, nativeEvent) {
- return topLevelInst && ("topScroll" === topLevelType && !nativeEvent.responderIgnoreScroll || trackedTouchCount > 0 && "topSelectionChange" === topLevelType || isStartish$1(topLevelType) || isMoveish$1(topLevelType));
- }
- function noResponderTouches(nativeEvent) {
- var touches = nativeEvent.touches;
- if (!touches || 0 === touches.length) return !0;
- for (var i = 0; i < touches.length; i++) {
- var activeTouch = touches[i], target = activeTouch.target;
- if (null !== target && void 0 !== target && 0 !== target) {
- var targetInst = EventPluginUtils_1.getInstanceFromNode(target);
- if (ReactTreeTraversal.isAncestor(responderInst, targetInst)) return !1;
- }
- }
- return !0;
- }
- var ResponderEventPlugin = {
- _getResponder: function() {
- return responderInst;
- },
- eventTypes: eventTypes,
- extractEvents: function(topLevelType, targetInst, nativeEvent, nativeEventTarget) {
- if (isStartish$1(topLevelType)) trackedTouchCount += 1; else if (isEndish$1(topLevelType)) {
- if (!(trackedTouchCount >= 0)) return console.error("Ended a touch event which was not counted in `trackedTouchCount`."),
- null;
- trackedTouchCount -= 1;
- }
- ResponderTouchHistoryStore_1.recordTouchTrack(topLevelType, nativeEvent);
- var extracted = canTriggerTransfer(topLevelType, targetInst, nativeEvent) ? setResponderAndExtractTransfer(topLevelType, targetInst, nativeEvent, nativeEventTarget) : null, isResponderTouchStart = responderInst && isStartish$1(topLevelType), isResponderTouchMove = responderInst && isMoveish$1(topLevelType), isResponderTouchEnd = responderInst && isEndish$1(topLevelType), incrementalTouch = isResponderTouchStart ? eventTypes.responderStart : isResponderTouchMove ? eventTypes.responderMove : isResponderTouchEnd ? eventTypes.responderEnd : null;
- if (incrementalTouch) {
- var gesture = ResponderSyntheticEvent_1.getPooled(incrementalTouch, responderInst, nativeEvent, nativeEventTarget);
- gesture.touchHistory = ResponderTouchHistoryStore_1.touchHistory, EventPropagators_1.accumulateDirectDispatches(gesture),
- extracted = accumulate_1(extracted, gesture);
- }
- var isResponderTerminate = responderInst && "topTouchCancel" === topLevelType, isResponderRelease = responderInst && !isResponderTerminate && isEndish$1(topLevelType) && noResponderTouches(nativeEvent), finalTouch = isResponderTerminate ? eventTypes.responderTerminate : isResponderRelease ? eventTypes.responderRelease : null;
- if (finalTouch) {
- var finalEvent = ResponderSyntheticEvent_1.getPooled(finalTouch, responderInst, nativeEvent, nativeEventTarget);
- finalEvent.touchHistory = ResponderTouchHistoryStore_1.touchHistory, EventPropagators_1.accumulateDirectDispatches(finalEvent),
- extracted = accumulate_1(extracted, finalEvent), changeResponder(null);
- }
- var numberActiveTouches = ResponderTouchHistoryStore_1.touchHistory.numberActiveTouches;
- return ResponderEventPlugin.GlobalInteractionHandler && numberActiveTouches !== previousActiveTouches && ResponderEventPlugin.GlobalInteractionHandler.onChange(numberActiveTouches),
- previousActiveTouches = numberActiveTouches, extracted;
- },
- GlobalResponderHandler: null,
- GlobalInteractionHandler: null,
- injection: {
- injectGlobalResponderHandler: function(GlobalResponderHandler) {
- ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
- },
- injectGlobalInteractionHandler: function(GlobalInteractionHandler) {
- ResponderEventPlugin.GlobalInteractionHandler = GlobalInteractionHandler;
- }
- }
- }, ResponderEventPlugin_1 = ResponderEventPlugin;
- RCTEventEmitter.register(ReactNativeEventEmitter_1), EventPluginHub_1.injection.injectEventPluginOrder(ReactNativeEventPluginOrder_1),
- EventPluginUtils_1.injection.injectComponentTree(ReactNativeComponentTree_1), ResponderEventPlugin_1.injection.injectGlobalResponderHandler(ReactNativeGlobalResponderHandler_1),
- EventPluginHub_1.injection.injectEventPluginsByName({
- ResponderEventPlugin: ResponderEventPlugin_1,
- ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin_1
- });
- function _classCallCheck$2(instance, Constructor) {
- if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
- }
- function _possibleConstructorReturn(self, call) {
- if (!self) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
- return !call || "object" != typeof call && "function" != typeof call ? self : call;
- }
- function _inherits(subClass, superClass) {
- if ("function" != typeof superClass && null !== superClass) throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
- subClass.prototype = Object.create(superClass && superClass.prototype, {
- constructor: {
- value: subClass,
- enumerable: !1,
- writable: !0,
- configurable: !0
- }
- }), superClass && (Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass);
- }
- var mountSafeCallback$2 = NativeMethodsMixinUtils.mountSafeCallback, ReactNativeComponent = function(_React$Component) {
- _inherits(ReactNativeComponent, _React$Component);
- function ReactNativeComponent() {
- return _classCallCheck$2(this, ReactNativeComponent), _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
- }
- return ReactNativeComponent.prototype.blur = function() {
- TextInputState.blurTextInput(findNumericNodeHandle(this));
- }, ReactNativeComponent.prototype.focus = function() {
- TextInputState.focusTextInput(findNumericNodeHandle(this));
- }, ReactNativeComponent.prototype.measure = function(callback) {
- UIManager.measure(findNumericNodeHandle(this), mountSafeCallback$2(this, callback));
- }, ReactNativeComponent.prototype.measureInWindow = function(callback) {
- UIManager.measureInWindow(findNumericNodeHandle(this), mountSafeCallback$2(this, callback));
- }, ReactNativeComponent.prototype.measureLayout = function(relativeToNativeNode, onSuccess, onFail) {
- UIManager.measureLayout(findNumericNodeHandle(this), relativeToNativeNode, mountSafeCallback$2(this, onFail), mountSafeCallback$2(this, onSuccess));
- }, ReactNativeComponent.prototype.setNativeProps = function(nativeProps) {
- var maybeInstance = void 0;
- try {
- maybeInstance = findNodeHandle_1(this);
- } catch (error) {}
- if (null != maybeInstance) {
- var viewConfig = maybeInstance.viewConfig, updatePayload = ReactNativeAttributePayload_1.create(nativeProps, viewConfig.validAttributes);
- null != updatePayload && UIManager.updateView(maybeInstance._nativeTag, viewConfig.uiViewClassName, updatePayload);
- }
- }, ReactNativeComponent;
- }(react.Component), ReactNativeComponent_1 = ReactNativeComponent, mountSafeCallback$3 = NativeMethodsMixinUtils.mountSafeCallback, throwOnStylesProp$1 = NativeMethodsMixinUtils.throwOnStylesProp, warnForStyleProps$2 = NativeMethodsMixinUtils.warnForStyleProps, NativeMethodsMixin = {
- measure: function(callback) {
- UIManager.measure(findNumericNodeHandle(this), mountSafeCallback$3(this, callback));
- },
- measureInWindow: function(callback) {
- UIManager.measureInWindow(findNumericNodeHandle(this), mountSafeCallback$3(this, callback));
- },
- measureLayout: function(relativeToNativeNode, onSuccess, onFail) {
- UIManager.measureLayout(findNumericNodeHandle(this), relativeToNativeNode, mountSafeCallback$3(this, onFail), mountSafeCallback$3(this, onSuccess));
- },
- setNativeProps: function(nativeProps) {
- var maybeInstance = void 0;
- try {
- maybeInstance = findNodeHandle_1(this);
- } catch (error) {}
- if (null != maybeInstance) {
- var viewConfig = maybeInstance.viewConfig;
- warnForStyleProps$2(nativeProps, viewConfig.validAttributes);
- var updatePayload = ReactNativeAttributePayload_1.create(nativeProps, viewConfig.validAttributes);
- null != updatePayload && UIManager.updateView(maybeInstance._nativeTag, viewConfig.uiViewClassName, updatePayload);
- }
- },
- focus: function() {
- TextInputState.focusTextInput(findNumericNodeHandle(this));
- },
- blur: function() {
- TextInputState.blurTextInput(findNumericNodeHandle(this));
- }
- }, NativeMethodsMixin_DEV = NativeMethodsMixin;
- invariant(!NativeMethodsMixin_DEV.componentWillMount && !NativeMethodsMixin_DEV.componentWillReceiveProps, "Do not override existing functions."),
- NativeMethodsMixin_DEV.componentWillMount = function() {
- throwOnStylesProp$1(this, this.props);
- }, NativeMethodsMixin_DEV.componentWillReceiveProps = function(newProps) {
- throwOnStylesProp$1(this, newProps);
- };
- var NativeMethodsMixin_1 = NativeMethodsMixin, TouchHistoryMath = {
- centroidDimension: function(touchHistory, touchesChangedAfter, isXAxis, ofCurrent) {
- var touchBank = touchHistory.touchBank, total = 0, count = 0, oneTouchData = 1 === touchHistory.numberActiveTouches ? touchHistory.touchBank[touchHistory.indexOfSingleActiveTouch] : null;
- if (null !== oneTouchData) oneTouchData.touchActive && oneTouchData.currentTimeStamp > touchesChangedAfter && (total += ofCurrent && isXAxis ? oneTouchData.currentPageX : ofCurrent && !isXAxis ? oneTouchData.currentPageY : !ofCurrent && isXAxis ? oneTouchData.previousPageX : oneTouchData.previousPageY,
- count = 1); else for (var i = 0; i < touchBank.length; i++) {
- var touchTrack = touchBank[i];
- if (null !== touchTrack && void 0 !== touchTrack && touchTrack.touchActive && touchTrack.currentTimeStamp >= touchesChangedAfter) {
- var toAdd;
- toAdd = ofCurrent && isXAxis ? touchTrack.currentPageX : ofCurrent && !isXAxis ? touchTrack.currentPageY : !ofCurrent && isXAxis ? touchTrack.previousPageX : touchTrack.previousPageY,
- total += toAdd, count++;
- }
- }
- return count > 0 ? total / count : TouchHistoryMath.noCentroid;
- },
- currentCentroidXOfTouchesChangedAfter: function(touchHistory, touchesChangedAfter) {
- return TouchHistoryMath.centroidDimension(touchHistory, touchesChangedAfter, !0, !0);
- },
- currentCentroidYOfTouchesChangedAfter: function(touchHistory, touchesChangedAfter) {
- return TouchHistoryMath.centroidDimension(touchHistory, touchesChangedAfter, !1, !0);
- },
- previousCentroidXOfTouchesChangedAfter: function(touchHistory, touchesChangedAfter) {
- return TouchHistoryMath.centroidDimension(touchHistory, touchesChangedAfter, !0, !1);
- },
- previousCentroidYOfTouchesChangedAfter: function(touchHistory, touchesChangedAfter) {
- return TouchHistoryMath.centroidDimension(touchHistory, touchesChangedAfter, !1, !1);
- },
- currentCentroidX: function(touchHistory) {
- return TouchHistoryMath.centroidDimension(touchHistory, 0, !0, !0);
- },
- currentCentroidY: function(touchHistory) {
- return TouchHistoryMath.centroidDimension(touchHistory, 0, !1, !0);
- },
- noCentroid: -1
- }, TouchHistoryMath_1 = TouchHistoryMath, createReactNativeComponentClass = function(name, callback) {
- return ReactNativeViewConfigRegistry_1.register(name, callback);
- }, createReactNativeComponentClass_1 = createReactNativeComponentClass;
- function takeSnapshot(view, options) {
- return "number" != typeof view && "window" !== view && (view = findNumericNodeHandle(view) || "window"),
- UIManager.__takeSnapshot(view, options);
- }
- var takeSnapshot_1 = takeSnapshot, injectInternals = ReactFiberDevToolsHook.injectInternals;
- ReactGenericBatching_1.injection.injectFiberBatchedUpdates(ReactNativeFiberRenderer.batchedUpdates);
- var roots = new Map();
- ReactFiberErrorLogger.injection.injectDialog(ReactNativeFiberErrorDialog_1.showDialog);
- var ReactNativeFiber = {
- NativeComponent: ReactNativeComponent_1,
- findNodeHandle: findNumericNodeHandle,
- render: function(element, containerTag, callback) {
- var root = roots.get(containerTag);
- return root || (root = ReactNativeFiberRenderer.createContainer(containerTag), roots.set(containerTag, root)),
- ReactNativeFiberRenderer.updateContainer(element, root, null, callback), ReactNativeFiberRenderer.getPublicRootInstance(root);
- },
- unmountComponentAtNode: function(containerTag) {
- var root = roots.get(containerTag);
- root && ReactNativeFiberRenderer.updateContainer(null, root, null, function() {
- roots.delete(containerTag);
- });
- },
- unmountComponentAtNodeAndRemoveContainer: function(containerTag) {
- ReactNativeFiber.unmountComponentAtNode(containerTag), UIManager.removeRootView(containerTag);
- },
- createPortal: function(children, containerTag) {
- var key = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : null;
- return ReactPortal.createPortal(children, containerTag, null, key);
- },
- unstable_batchedUpdates: ReactGenericBatching_1.batchedUpdates,
- flushSync: ReactNativeFiberRenderer.flushSync,
- __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
- NativeMethodsMixin: NativeMethodsMixin_1,
- ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin_1,
- ReactGlobalSharedState: ReactGlobalSharedState_1,
- ReactNativeComponentTree: ReactNativeComponentTree_1,
- ReactNativePropRegistry: ReactNativePropRegistry_1,
- TouchHistoryMath: TouchHistoryMath_1,
- createReactNativeComponentClass: createReactNativeComponentClass_1,
- takeSnapshot: takeSnapshot_1
- }
- };
- Object.assign(ReactNativeFiber.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, {
- ReactDebugTool: {
- addHook: function() {},
- removeHook: function() {}
- },
- ReactPerf: {
- start: function() {},
- stop: function() {},
- printInclusive: function() {},
- printWasted: function() {}
- }
- }), injectInternals({
- findFiberByHostInstance: ReactNativeComponentTree_1.getClosestInstanceFromNode,
- findHostInstanceByFiber: ReactNativeFiberRenderer.findHostInstance,
- getInspectorDataForViewTag: ReactNativeFiberInspector.getInspectorDataForViewTag,
- bundleType: 1,
- version: ReactVersion,
- rendererPackageName: "react-native"
- });
- var ReactNativeFiberEntry = ReactNativeFiber;
- module.exports = ReactNativeFiberEntry;
-}();
diff --git a/Libraries/Renderer/ReactNativeFiber-prod.js b/Libraries/Renderer/ReactNativeFiber-prod.js
deleted file mode 100644
index 12e7faa7d..000000000
--- a/Libraries/Renderer/ReactNativeFiber-prod.js
+++ /dev/null
@@ -1,3666 +0,0 @@
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @noflow
- * @providesModule ReactNativeFiber-prod
- */
-"use strict";
-
-var invariant = require("fbjs/lib/invariant"), ExceptionsManager = require("ExceptionsManager"), emptyObject = require("fbjs/lib/emptyObject"), react = require("react"), shallowEqual = require("fbjs/lib/shallowEqual"), deepDiffer = require("deepDiffer"), flattenStyle = require("flattenStyle"), TextInputState = require("TextInputState"), UIManager = require("UIManager");
-
-require("deepFreezeAndThrowOnMutationInDev"), require("InitializeCore");
-
-var RCTEventEmitter = require("RCTEventEmitter"), emptyFunction = require("fbjs/lib/emptyFunction"), defaultShowDialog = function(capturedError) {
- return !0;
-}, showDialog = defaultShowDialog;
-
-function logCapturedError(capturedError) {
- if (!1 !== showDialog(capturedError)) {
- var error = capturedError.error;
- console.error(error);
- }
-}
-
-var injection = {
- injectDialog: function(fn) {
- invariant(showDialog === defaultShowDialog, "The custom dialog was already injected."),
- invariant("function" == typeof fn, "Injected showDialog() must be a function."),
- showDialog = fn;
- }
-}, logCapturedError_1 = logCapturedError, ReactFiberErrorLogger = {
- injection: injection,
- logCapturedError: logCapturedError_1
-}, ReactErrorUtils = {
- _caughtError: null,
- _hasCaughtError: !1,
- _rethrowError: null,
- _hasRethrowError: !1,
- injection: {
- injectErrorUtils: function(injectedErrorUtils) {
- invariant("function" == typeof injectedErrorUtils.invokeGuardedCallback, "Injected invokeGuardedCallback() must be a function."),
- invokeGuardedCallback = injectedErrorUtils.invokeGuardedCallback;
- }
- },
- invokeGuardedCallback: function(name, func, context, a, b, c, d, e, f) {
- invokeGuardedCallback.apply(ReactErrorUtils, arguments);
- },
- invokeGuardedCallbackAndCatchFirstError: function(name, func, context, a, b, c, d, e, f) {
- if (ReactErrorUtils.invokeGuardedCallback.apply(this, arguments), ReactErrorUtils.hasCaughtError()) {
- var error = ReactErrorUtils.clearCaughtError();
- ReactErrorUtils._hasRethrowError || (ReactErrorUtils._hasRethrowError = !0, ReactErrorUtils._rethrowError = error);
- }
- },
- rethrowCaughtError: function() {
- return rethrowCaughtError.apply(ReactErrorUtils, arguments);
- },
- hasCaughtError: function() {
- return ReactErrorUtils._hasCaughtError;
- },
- clearCaughtError: function() {
- if (ReactErrorUtils._hasCaughtError) {
- var error = ReactErrorUtils._caughtError;
- return ReactErrorUtils._caughtError = null, ReactErrorUtils._hasCaughtError = !1,
- error;
- }
- invariant(!1, "clearCaughtError was called but no error was captured. This error " + "is likely caused by a bug in React. Please file an issue.");
- }
-}, invokeGuardedCallback = function(name, func, context, a, b, c, d, e, f) {
- ReactErrorUtils._hasCaughtError = !1, ReactErrorUtils._caughtError = null;
- var funcArgs = Array.prototype.slice.call(arguments, 3);
- try {
- func.apply(context, funcArgs);
- } catch (error) {
- ReactErrorUtils._caughtError = error, ReactErrorUtils._hasCaughtError = !0;
- }
-}, rethrowCaughtError = function() {
- if (ReactErrorUtils._hasRethrowError) {
- var error = ReactErrorUtils._rethrowError;
- throw ReactErrorUtils._rethrowError = null, ReactErrorUtils._hasRethrowError = !1,
- error;
- }
-}, ReactErrorUtils_1 = ReactErrorUtils, ComponentTree, injection$1 = {
- injectComponentTree: function(Injected) {
- ComponentTree = Injected;
- }
-};
-
-function isEndish(topLevelType) {
- return "topMouseUp" === topLevelType || "topTouchEnd" === topLevelType || "topTouchCancel" === topLevelType;
-}
-
-function isMoveish(topLevelType) {
- return "topMouseMove" === topLevelType || "topTouchMove" === topLevelType;
-}
-
-function isStartish(topLevelType) {
- return "topMouseDown" === topLevelType || "topTouchStart" === topLevelType;
-}
-
-function executeDispatch(event, simulated, listener, inst) {
- var type = event.type || "unknown-event";
- event.currentTarget = EventPluginUtils.getNodeFromInstance(inst), ReactErrorUtils_1.invokeGuardedCallbackAndCatchFirstError(type, listener, void 0, event),
- event.currentTarget = null;
-}
-
-function executeDispatchesInOrder(event, simulated) {
- var dispatchListeners = event._dispatchListeners, dispatchInstances = event._dispatchInstances;
- if (Array.isArray(dispatchListeners)) for (var i = 0; i < dispatchListeners.length && !event.isPropagationStopped(); i++) executeDispatch(event, simulated, dispatchListeners[i], dispatchInstances[i]); else dispatchListeners && executeDispatch(event, simulated, dispatchListeners, dispatchInstances);
- event._dispatchListeners = null, event._dispatchInstances = null;
-}
-
-function executeDispatchesInOrderStopAtTrueImpl(event) {
- var dispatchListeners = event._dispatchListeners, dispatchInstances = event._dispatchInstances;
- if (Array.isArray(dispatchListeners)) {
- for (var i = 0; i < dispatchListeners.length && !event.isPropagationStopped(); i++) if (dispatchListeners[i](event, dispatchInstances[i])) return dispatchInstances[i];
- } else if (dispatchListeners && dispatchListeners(event, dispatchInstances)) return dispatchInstances;
- return null;
-}
-
-function executeDispatchesInOrderStopAtTrue(event) {
- var ret = executeDispatchesInOrderStopAtTrueImpl(event);
- return event._dispatchInstances = null, event._dispatchListeners = null, ret;
-}
-
-function executeDirectDispatch(event) {
- var dispatchListener = event._dispatchListeners, dispatchInstance = event._dispatchInstances;
- invariant(!Array.isArray(dispatchListener), "executeDirectDispatch(...): Invalid `event`."),
- event.currentTarget = dispatchListener ? EventPluginUtils.getNodeFromInstance(dispatchInstance) : null;
- var res = dispatchListener ? dispatchListener(event) : null;
- return event.currentTarget = null, event._dispatchListeners = null, event._dispatchInstances = null,
- res;
-}
-
-function hasDispatches(event) {
- return !!event._dispatchListeners;
-}
-
-var EventPluginUtils = {
- isEndish: isEndish,
- isMoveish: isMoveish,
- isStartish: isStartish,
- executeDirectDispatch: executeDirectDispatch,
- executeDispatchesInOrder: executeDispatchesInOrder,
- executeDispatchesInOrderStopAtTrue: executeDispatchesInOrderStopAtTrue,
- hasDispatches: hasDispatches,
- getFiberCurrentPropsFromNode: function(node) {
- return ComponentTree.getFiberCurrentPropsFromNode(node);
- },
- getInstanceFromNode: function(node) {
- return ComponentTree.getInstanceFromNode(node);
- },
- getNodeFromInstance: function(node) {
- return ComponentTree.getNodeFromInstance(node);
- },
- injection: injection$1
-}, EventPluginUtils_1 = EventPluginUtils, fiberHostComponent = null, ReactControlledComponentInjection = {
- injectFiberControlledHostComponent: function(hostComponentImpl) {
- fiberHostComponent = hostComponentImpl;
- }
-}, restoreTarget = null, restoreQueue = null;
-
-function restoreStateOfTarget(target) {
- var internalInstance = EventPluginUtils_1.getInstanceFromNode(target);
- if (internalInstance) {
- invariant(fiberHostComponent && "function" == typeof fiberHostComponent.restoreControlledState, "Fiber needs to be injected to handle a fiber target for controlled " + "events. This error is likely caused by a bug in React. Please file an issue.");
- var props = EventPluginUtils_1.getFiberCurrentPropsFromNode(internalInstance.stateNode);
- fiberHostComponent.restoreControlledState(internalInstance.stateNode, internalInstance.type, props);
- }
-}
-
-var ReactControlledComponent = {
- injection: ReactControlledComponentInjection,
- enqueueStateRestore: function(target) {
- restoreTarget ? restoreQueue ? restoreQueue.push(target) : restoreQueue = [ target ] : restoreTarget = target;
- },
- restoreStateIfNeeded: function() {
- if (restoreTarget) {
- var target = restoreTarget, queuedTargets = restoreQueue;
- if (restoreTarget = null, restoreQueue = null, restoreStateOfTarget(target), queuedTargets) for (var i = 0; i < queuedTargets.length; i++) restoreStateOfTarget(queuedTargets[i]);
- }
- }
-}, ReactControlledComponent_1 = ReactControlledComponent, fiberBatchedUpdates = function(fn, bookkeeping) {
- return fn(bookkeeping);
-};
-
-function batchedUpdates(fn, bookkeeping) {
- return fiberBatchedUpdates(fn, bookkeeping);
-}
-
-var isNestingBatched = !1;
-
-function batchedUpdatesWithControlledComponents(fn, bookkeeping) {
- if (isNestingBatched) return batchedUpdates(fn, bookkeeping);
- isNestingBatched = !0;
- try {
- return batchedUpdates(fn, bookkeeping);
- } finally {
- isNestingBatched = !1, ReactControlledComponent_1.restoreStateIfNeeded();
- }
-}
-
-var ReactGenericBatchingInjection = {
- injectFiberBatchedUpdates: function(_batchedUpdates) {
- fiberBatchedUpdates = _batchedUpdates;
- }
-}, ReactGenericBatching = {
- batchedUpdates: batchedUpdatesWithControlledComponents,
- injection: ReactGenericBatchingInjection
-}, ReactGenericBatching_1 = ReactGenericBatching;
-
-function ReactNativeFiberErrorDialog(capturedError) {
- var componentStack = capturedError.componentStack, error = capturedError.error, errorToHandle = void 0;
- if (error instanceof Error) {
- var message = error.message, name = error.name, summary = message ? name + ": " + message : name;
- errorToHandle = error;
- try {
- errorToHandle.message = summary + "\n\nThis error is located at:" + componentStack;
- } catch (e) {}
- } else errorToHandle = "string" == typeof error ? new Error(error + "\n\nThis error is located at:" + componentStack) : new Error("Unspecified error at:" + componentStack);
- return ExceptionsManager.handleException(errorToHandle, !1), !1;
-}
-
-var showDialog$1 = ReactNativeFiberErrorDialog, ReactNativeFiberErrorDialog_1 = {
- showDialog: showDialog$1
-}, REACT_PORTAL_TYPE = "function" == typeof Symbol && Symbol.for && Symbol.for("react.portal") || 60106, createPortal = function(children, containerInfo, implementation) {
- var key = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : null;
- return {
- $$typeof: REACT_PORTAL_TYPE,
- key: null == key ? null : "" + key,
- children: children,
- containerInfo: containerInfo,
- implementation: implementation
- };
-}, isPortal = function(object) {
- return "object" == typeof object && null !== object && object.$$typeof === REACT_PORTAL_TYPE;
-}, REACT_PORTAL_TYPE_1 = REACT_PORTAL_TYPE, ReactPortal = {
- createPortal: createPortal,
- isPortal: isPortal,
- REACT_PORTAL_TYPE: REACT_PORTAL_TYPE_1
-}, instanceCache = {}, instanceProps = {};
-
-function precacheFiberNode(hostInst, tag) {
- instanceCache[tag] = hostInst;
-}
-
-function uncacheFiberNode(tag) {
- delete instanceCache[tag], delete instanceProps[tag];
-}
-
-function getInstanceFromTag(tag) {
- return instanceCache[tag] || null;
-}
-
-function getTagFromInstance(inst) {
- var tag = inst.stateNode._nativeTag;
- return invariant(tag, "All native instances should have a tag."), tag;
-}
-
-function getFiberCurrentPropsFromNode(stateNode) {
- return instanceProps[stateNode._nativeTag] || null;
-}
-
-function updateFiberProps(tag, props) {
- instanceProps[tag] = props;
-}
-
-var ReactNativeComponentTree = {
- getClosestInstanceFromNode: getInstanceFromTag,
- getInstanceFromNode: getInstanceFromTag,
- getNodeFromInstance: getTagFromInstance,
- precacheFiberNode: precacheFiberNode,
- uncacheFiberNode: uncacheFiberNode,
- getFiberCurrentPropsFromNode: getFiberCurrentPropsFromNode,
- updateFiberProps: updateFiberProps
-}, ReactNativeComponentTree_1 = ReactNativeComponentTree, commonjsGlobal = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self ? self : {}, ReactFeatureFlags = {
- enableAsyncSubtreeAPI: !0
-}, ReactFeatureFlags_1 = ReactFeatureFlags, ReactTypeOfSideEffect = {
- NoEffect: 0,
- PerformedWork: 1,
- Placement: 2,
- Update: 4,
- PlacementAndUpdate: 6,
- Deletion: 8,
- ContentReset: 16,
- Callback: 32,
- Err: 64,
- Ref: 128
-}, ReactPriorityLevel = {
- NoWork: 0,
- SynchronousPriority: 1,
- TaskPriority: 2,
- HighPriority: 3,
- LowPriority: 4,
- OffscreenPriority: 5
-}, ReactTypeOfWork = {
- IndeterminateComponent: 0,
- FunctionalComponent: 1,
- ClassComponent: 2,
- HostRoot: 3,
- HostPortal: 4,
- HostComponent: 5,
- HostText: 6,
- CoroutineComponent: 7,
- CoroutineHandlerPhase: 8,
- YieldComponent: 9,
- Fragment: 10
-}, CallbackEffect = ReactTypeOfSideEffect.Callback, NoWork = ReactPriorityLevel.NoWork, SynchronousPriority = ReactPriorityLevel.SynchronousPriority, TaskPriority = ReactPriorityLevel.TaskPriority, ClassComponent = ReactTypeOfWork.ClassComponent, HostRoot = ReactTypeOfWork.HostRoot, _queue1 = void 0, _queue2 = void 0;
-
-function comparePriority(a, b) {
- return a !== TaskPriority && a !== SynchronousPriority || b !== TaskPriority && b !== SynchronousPriority ? a === NoWork && b !== NoWork ? -255 : a !== NoWork && b === NoWork ? 255 : a - b : 0;
-}
-
-function createUpdateQueue() {
- return {
- first: null,
- last: null,
- hasForceUpdate: !1,
- callbackList: null
- };
-}
-
-function cloneUpdate(update) {
- return {
- priorityLevel: update.priorityLevel,
- partialState: update.partialState,
- callback: update.callback,
- isReplace: update.isReplace,
- isForced: update.isForced,
- isTopLevelUnmount: update.isTopLevelUnmount,
- next: null
- };
-}
-
-function insertUpdateIntoQueue(queue, update, insertAfter, insertBefore) {
- null !== insertAfter ? insertAfter.next = update : (update.next = queue.first, queue.first = update),
- null !== insertBefore ? update.next = insertBefore : queue.last = update;
-}
-
-function findInsertionPosition(queue, update) {
- var priorityLevel = update.priorityLevel, insertAfter = null, insertBefore = null;
- if (null !== queue.last && comparePriority(queue.last.priorityLevel, priorityLevel) <= 0) insertAfter = queue.last; else for (insertBefore = queue.first; null !== insertBefore && comparePriority(insertBefore.priorityLevel, priorityLevel) <= 0; ) insertAfter = insertBefore,
- insertBefore = insertBefore.next;
- return insertAfter;
-}
-
-function ensureUpdateQueues(fiber) {
- var alternateFiber = fiber.alternate, queue1 = fiber.updateQueue;
- null === queue1 && (queue1 = fiber.updateQueue = createUpdateQueue());
- var queue2 = void 0;
- null !== alternateFiber ? null === (queue2 = alternateFiber.updateQueue) && (queue2 = alternateFiber.updateQueue = createUpdateQueue()) : queue2 = null,
- _queue1 = queue1, _queue2 = queue2 !== queue1 ? queue2 : null;
-}
-
-function insertUpdate(fiber, update) {
- ensureUpdateQueues(fiber);
- var queue1 = _queue1, queue2 = _queue2, insertAfter1 = findInsertionPosition(queue1, update), insertBefore1 = null !== insertAfter1 ? insertAfter1.next : queue1.first;
- if (null === queue2) return insertUpdateIntoQueue(queue1, update, insertAfter1, insertBefore1),
- null;
- var insertAfter2 = findInsertionPosition(queue2, update), insertBefore2 = null !== insertAfter2 ? insertAfter2.next : queue2.first;
- if (insertUpdateIntoQueue(queue1, update, insertAfter1, insertBefore1), insertBefore1 === insertBefore2 && null !== insertBefore1 || insertAfter1 === insertAfter2 && null !== insertAfter1) return null === insertAfter2 && (queue2.first = update),
- null === insertBefore2 && (queue2.last = null), null;
- var update2 = cloneUpdate(update);
- return insertUpdateIntoQueue(queue2, update2, insertAfter2, insertBefore2), update2;
-}
-
-function addUpdate(fiber, partialState, callback, priorityLevel) {
- insertUpdate(fiber, {
- priorityLevel: priorityLevel,
- partialState: partialState,
- callback: callback,
- isReplace: !1,
- isForced: !1,
- isTopLevelUnmount: !1,
- next: null
- });
-}
-
-var addUpdate_1 = addUpdate;
-
-function addReplaceUpdate(fiber, state, callback, priorityLevel) {
- insertUpdate(fiber, {
- priorityLevel: priorityLevel,
- partialState: state,
- callback: callback,
- isReplace: !0,
- isForced: !1,
- isTopLevelUnmount: !1,
- next: null
- });
-}
-
-var addReplaceUpdate_1 = addReplaceUpdate;
-
-function addForceUpdate(fiber, callback, priorityLevel) {
- insertUpdate(fiber, {
- priorityLevel: priorityLevel,
- partialState: null,
- callback: callback,
- isReplace: !1,
- isForced: !0,
- isTopLevelUnmount: !1,
- next: null
- });
-}
-
-var addForceUpdate_1 = addForceUpdate;
-
-function getUpdatePriority(fiber) {
- var updateQueue = fiber.updateQueue;
- return null === updateQueue ? NoWork : fiber.tag !== ClassComponent && fiber.tag !== HostRoot ? NoWork : null !== updateQueue.first ? updateQueue.first.priorityLevel : NoWork;
-}
-
-var getUpdatePriority_1 = getUpdatePriority;
-
-function addTopLevelUpdate$1(fiber, partialState, callback, priorityLevel) {
- var isTopLevelUnmount = null === partialState.element, update = {
- priorityLevel: priorityLevel,
- partialState: partialState,
- callback: callback,
- isReplace: !1,
- isForced: !1,
- isTopLevelUnmount: isTopLevelUnmount,
- next: null
- }, update2 = insertUpdate(fiber, update);
- if (isTopLevelUnmount) {
- var queue1 = _queue1, queue2 = _queue2;
- null !== queue1 && null !== update.next && (update.next = null, queue1.last = update),
- null !== queue2 && null !== update2 && null !== update2.next && (update2.next = null,
- queue2.last = update);
- }
-}
-
-var addTopLevelUpdate_1 = addTopLevelUpdate$1;
-
-function getStateFromUpdate(update, instance, prevState, props) {
- var partialState = update.partialState;
- if ("function" == typeof partialState) {
- return partialState.call(instance, prevState, props);
- }
- return partialState;
-}
-
-function beginUpdateQueue(current, workInProgress, queue, instance, prevState, props, priorityLevel) {
- if (null !== current && current.updateQueue === queue) {
- var currentQueue = queue;
- queue = workInProgress.updateQueue = {
- first: currentQueue.first,
- last: currentQueue.last,
- callbackList: null,
- hasForceUpdate: !1
- };
- }
- for (var callbackList = queue.callbackList, hasForceUpdate = queue.hasForceUpdate, state = prevState, dontMutatePrevState = !0, update = queue.first; null !== update && comparePriority(update.priorityLevel, priorityLevel) <= 0; ) {
- queue.first = update.next, null === queue.first && (queue.last = null);
- var _partialState = void 0;
- update.isReplace ? (state = getStateFromUpdate(update, instance, state, props),
- dontMutatePrevState = !0) : (_partialState = getStateFromUpdate(update, instance, state, props)) && (state = dontMutatePrevState ? Object.assign({}, state, _partialState) : Object.assign(state, _partialState),
- dontMutatePrevState = !1), update.isForced && (hasForceUpdate = !0), null === update.callback || update.isTopLevelUnmount && null !== update.next || (callbackList = null !== callbackList ? callbackList : [],
- callbackList.push(update.callback), workInProgress.effectTag |= CallbackEffect),
- update = update.next;
- }
- return queue.callbackList = callbackList, queue.hasForceUpdate = hasForceUpdate,
- null !== queue.first || null !== callbackList || hasForceUpdate || (workInProgress.updateQueue = null),
- state;
-}
-
-var beginUpdateQueue_1 = beginUpdateQueue;
-
-function commitCallbacks(finishedWork, queue, context) {
- var callbackList = queue.callbackList;
- if (null !== callbackList) {
- queue.callbackList = null;
- for (var i = 0; i < callbackList.length; i++) {
- var _callback = callbackList[i];
- invariant("function" == typeof _callback, "Invalid argument passed as callback. Expected a function. Instead " + "received: %s", _callback),
- _callback.call(context);
- }
- }
-}
-
-var commitCallbacks_1 = commitCallbacks, ReactFiberUpdateQueue = {
- addUpdate: addUpdate_1,
- addReplaceUpdate: addReplaceUpdate_1,
- addForceUpdate: addForceUpdate_1,
- getUpdatePriority: getUpdatePriority_1,
- addTopLevelUpdate: addTopLevelUpdate_1,
- beginUpdateQueue: beginUpdateQueue_1,
- commitCallbacks: commitCallbacks_1
-};
-
-function getComponentName$1(fiber) {
- var type = fiber.type;
- return "string" == typeof type ? type : "function" == typeof type ? type.displayName || type.name : null;
-}
-
-var getComponentName_1 = getComponentName$1, ReactInstanceMap = {
- remove: function(key) {
- key._reactInternalFiber = void 0;
- },
- get: function(key) {
- return key._reactInternalFiber;
- },
- has: function(key) {
- return void 0 !== key._reactInternalFiber;
- },
- set: function(key, value) {
- key._reactInternalFiber = value;
- }
-}, ReactInstanceMap_1 = ReactInstanceMap, ReactInternals = react.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, ReactGlobalSharedState = {
- ReactCurrentOwner: ReactInternals.ReactCurrentOwner
-}, ReactGlobalSharedState_1 = ReactGlobalSharedState, HostComponent$1 = ReactTypeOfWork.HostComponent, HostRoot$2 = ReactTypeOfWork.HostRoot, HostPortal = ReactTypeOfWork.HostPortal, HostText = ReactTypeOfWork.HostText, NoEffect = ReactTypeOfSideEffect.NoEffect, Placement = ReactTypeOfSideEffect.Placement, MOUNTING = 1, MOUNTED = 2, UNMOUNTED = 3;
-
-function isFiberMountedImpl(fiber) {
- var node = fiber;
- if (fiber.alternate) for (;node.return; ) node = node.return; else {
- if ((node.effectTag & Placement) !== NoEffect) return MOUNTING;
- for (;node.return; ) if (node = node.return, (node.effectTag & Placement) !== NoEffect) return MOUNTING;
- }
- return node.tag === HostRoot$2 ? MOUNTED : UNMOUNTED;
-}
-
-var isFiberMounted$1 = function(fiber) {
- return isFiberMountedImpl(fiber) === MOUNTED;
-}, isMounted = function(component) {
- var fiber = ReactInstanceMap_1.get(component);
- return !!fiber && isFiberMountedImpl(fiber) === MOUNTED;
-};
-
-function assertIsMounted(fiber) {
- invariant(isFiberMountedImpl(fiber) === MOUNTED, "Unable to find node on an unmounted component.");
-}
-
-function findCurrentFiberUsingSlowPath(fiber) {
- var alternate = fiber.alternate;
- if (!alternate) {
- var state = isFiberMountedImpl(fiber);
- return invariant(state !== UNMOUNTED, "Unable to find node on an unmounted component."),
- state === MOUNTING ? null : fiber;
- }
- for (var a = fiber, b = alternate; !0; ) {
- var parentA = a.return, parentB = parentA ? parentA.alternate : null;
- if (!parentA || !parentB) break;
- if (parentA.child === parentB.child) {
- for (var child = parentA.child; child; ) {
- if (child === a) return assertIsMounted(parentA), fiber;
- if (child === b) return assertIsMounted(parentA), alternate;
- child = child.sibling;
- }
- invariant(!1, "Unable to find node on an unmounted component.");
- }
- if (a.return !== b.return) a = parentA, b = parentB; else {
- for (var didFindChild = !1, _child = parentA.child; _child; ) {
- if (_child === a) {
- didFindChild = !0, a = parentA, b = parentB;
- break;
- }
- if (_child === b) {
- didFindChild = !0, b = parentA, a = parentB;
- break;
- }
- _child = _child.sibling;
- }
- if (!didFindChild) {
- for (_child = parentB.child; _child; ) {
- if (_child === a) {
- didFindChild = !0, a = parentB, b = parentA;
- break;
- }
- if (_child === b) {
- didFindChild = !0, b = parentB, a = parentA;
- break;
- }
- _child = _child.sibling;
- }
- invariant(didFindChild, "Child was not found in either parent set. This indicates a bug " + "in React related to the return pointer. Please file an issue.");
- }
- }
- invariant(a.alternate === b, "Return fibers should always be each others' alternates. " + "This error is likely caused by a bug in React. Please file an issue.");
- }
- return invariant(a.tag === HostRoot$2, "Unable to find node on an unmounted component."),
- a.stateNode.current === a ? fiber : alternate;
-}
-
-var findCurrentFiberUsingSlowPath_1 = findCurrentFiberUsingSlowPath, findCurrentHostFiber$1 = function(parent) {
- var currentParent = findCurrentFiberUsingSlowPath(parent);
- if (!currentParent) return null;
- for (var node = currentParent; !0; ) {
- if (node.tag === HostComponent$1 || node.tag === HostText) return node;
- if (node.child) node.child.return = node, node = node.child; else {
- if (node === currentParent) return null;
- for (;!node.sibling; ) {
- if (!node.return || node.return === currentParent) return null;
- node = node.return;
- }
- node.sibling.return = node.return, node = node.sibling;
- }
- }
- return null;
-}, findCurrentHostFiberWithNoPortals$1 = function(parent) {
- var currentParent = findCurrentFiberUsingSlowPath(parent);
- if (!currentParent) return null;
- for (var node = currentParent; !0; ) {
- if (node.tag === HostComponent$1 || node.tag === HostText) return node;
- if (node.child && node.tag !== HostPortal) node.child.return = node, node = node.child; else {
- if (node === currentParent) return null;
- for (;!node.sibling; ) {
- if (!node.return || node.return === currentParent) return null;
- node = node.return;
- }
- node.sibling.return = node.return, node = node.sibling;
- }
- }
- return null;
-}, ReactFiberTreeReflection = {
- isFiberMounted: isFiberMounted$1,
- isMounted: isMounted,
- findCurrentFiberUsingSlowPath: findCurrentFiberUsingSlowPath_1,
- findCurrentHostFiber: findCurrentHostFiber$1,
- findCurrentHostFiberWithNoPortals: findCurrentHostFiberWithNoPortals$1
-}, valueStack = [], index = -1, createCursor$1 = function(defaultValue) {
- return {
- current: defaultValue
- };
-}, isEmpty = function() {
- return -1 === index;
-}, pop$1 = function(cursor, fiber) {
- index < 0 || (cursor.current = valueStack[index], valueStack[index] = null, index--);
-}, push$1 = function(cursor, value, fiber) {
- index++, valueStack[index] = cursor.current, cursor.current = value;
-}, reset = function() {
- for (;index > -1; ) valueStack[index] = null, index--;
-}, ReactFiberStack = {
- createCursor: createCursor$1,
- isEmpty: isEmpty,
- pop: pop$1,
- push: push$1,
- reset: reset
-}, isFiberMounted = ReactFiberTreeReflection.isFiberMounted, ClassComponent$1 = ReactTypeOfWork.ClassComponent, HostRoot$1 = ReactTypeOfWork.HostRoot, createCursor = ReactFiberStack.createCursor, pop = ReactFiberStack.pop, push = ReactFiberStack.push, contextStackCursor = createCursor(emptyObject), didPerformWorkStackCursor = createCursor(!1), previousContext = emptyObject;
-
-function getUnmaskedContext(workInProgress) {
- return isContextProvider$1(workInProgress) ? previousContext : contextStackCursor.current;
-}
-
-var getUnmaskedContext_1 = getUnmaskedContext;
-
-function cacheContext(workInProgress, unmaskedContext, maskedContext) {
- var instance = workInProgress.stateNode;
- instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext, instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
-}
-
-var cacheContext_1 = cacheContext, getMaskedContext = function(workInProgress, unmaskedContext) {
- var type = workInProgress.type, contextTypes = type.contextTypes;
- if (!contextTypes) return emptyObject;
- var instance = workInProgress.stateNode;
- if (instance && instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext) return instance.__reactInternalMemoizedMaskedChildContext;
- var context = {};
- for (var key in contextTypes) context[key] = unmaskedContext[key];
- return instance && cacheContext(workInProgress, unmaskedContext, context), context;
-}, hasContextChanged = function() {
- return didPerformWorkStackCursor.current;
-};
-
-function isContextConsumer(fiber) {
- return fiber.tag === ClassComponent$1 && null != fiber.type.contextTypes;
-}
-
-var isContextConsumer_1 = isContextConsumer;
-
-function isContextProvider$1(fiber) {
- return fiber.tag === ClassComponent$1 && null != fiber.type.childContextTypes;
-}
-
-var isContextProvider_1 = isContextProvider$1;
-
-function popContextProvider(fiber) {
- isContextProvider$1(fiber) && (pop(didPerformWorkStackCursor, fiber), pop(contextStackCursor, fiber));
-}
-
-var popContextProvider_1 = popContextProvider, popTopLevelContextObject = function(fiber) {
- pop(didPerformWorkStackCursor, fiber), pop(contextStackCursor, fiber);
-}, pushTopLevelContextObject = function(fiber, context, didChange) {
- invariant(null == contextStackCursor.cursor, "Unexpected context found on stack. " + "This error is likely caused by a bug in React. Please file an issue."),
- push(contextStackCursor, context, fiber), push(didPerformWorkStackCursor, didChange, fiber);
-};
-
-function processChildContext$1(fiber, parentContext) {
- var instance = fiber.stateNode, childContextTypes = fiber.type.childContextTypes;
- if ("function" != typeof instance.getChildContext) return parentContext;
- var childContext = void 0;
- childContext = instance.getChildContext();
- for (var contextKey in childContext) invariant(contextKey in childContextTypes, '%s.getChildContext(): key "%s" is not defined in childContextTypes.', getComponentName_1(fiber) || "Unknown", contextKey);
- return Object.assign({}, parentContext, childContext);
-}
-
-var processChildContext_1 = processChildContext$1, pushContextProvider = function(workInProgress) {
- if (!isContextProvider$1(workInProgress)) return !1;
- var instance = workInProgress.stateNode, memoizedMergedChildContext = instance && instance.__reactInternalMemoizedMergedChildContext || emptyObject;
- return previousContext = contextStackCursor.current, push(contextStackCursor, memoizedMergedChildContext, workInProgress),
- push(didPerformWorkStackCursor, didPerformWorkStackCursor.current, workInProgress),
- !0;
-}, invalidateContextProvider = function(workInProgress, didChange) {
- var instance = workInProgress.stateNode;
- if (invariant(instance, "Expected to have an instance by this point. " + "This error is likely caused by a bug in React. Please file an issue."),
- didChange) {
- var mergedContext = processChildContext$1(workInProgress, previousContext);
- instance.__reactInternalMemoizedMergedChildContext = mergedContext, pop(didPerformWorkStackCursor, workInProgress),
- pop(contextStackCursor, workInProgress), push(contextStackCursor, mergedContext, workInProgress),
- push(didPerformWorkStackCursor, didChange, workInProgress);
- } else pop(didPerformWorkStackCursor, workInProgress), push(didPerformWorkStackCursor, didChange, workInProgress);
-}, resetContext = function() {
- previousContext = emptyObject, contextStackCursor.current = emptyObject, didPerformWorkStackCursor.current = !1;
-}, findCurrentUnmaskedContext$1 = function(fiber) {
- invariant(isFiberMounted(fiber) && fiber.tag === ClassComponent$1, "Expected subtree parent to be a mounted class component. " + "This error is likely caused by a bug in React. Please file an issue.");
- for (var node = fiber; node.tag !== HostRoot$1; ) {
- if (isContextProvider$1(node)) return node.stateNode.__reactInternalMemoizedMergedChildContext;
- var parent = node.return;
- invariant(parent, "Found unexpected detached subtree parent. " + "This error is likely caused by a bug in React. Please file an issue."),
- node = parent;
- }
- return node.stateNode.context;
-}, ReactFiberContext = {
- getUnmaskedContext: getUnmaskedContext_1,
- cacheContext: cacheContext_1,
- getMaskedContext: getMaskedContext,
- hasContextChanged: hasContextChanged,
- isContextConsumer: isContextConsumer_1,
- isContextProvider: isContextProvider_1,
- popContextProvider: popContextProvider_1,
- popTopLevelContextObject: popTopLevelContextObject,
- pushTopLevelContextObject: pushTopLevelContextObject,
- processChildContext: processChildContext_1,
- pushContextProvider: pushContextProvider,
- invalidateContextProvider: invalidateContextProvider,
- resetContext: resetContext,
- findCurrentUnmaskedContext: findCurrentUnmaskedContext$1
-}, ReactTypeOfInternalContext = {
- NoContext: 0,
- AsyncUpdates: 1
-}, IndeterminateComponent = ReactTypeOfWork.IndeterminateComponent, ClassComponent$3 = ReactTypeOfWork.ClassComponent, HostRoot$3 = ReactTypeOfWork.HostRoot, HostComponent$2 = ReactTypeOfWork.HostComponent, HostText$1 = ReactTypeOfWork.HostText, HostPortal$1 = ReactTypeOfWork.HostPortal, CoroutineComponent = ReactTypeOfWork.CoroutineComponent, YieldComponent = ReactTypeOfWork.YieldComponent, Fragment = ReactTypeOfWork.Fragment, NoWork$1 = ReactPriorityLevel.NoWork, NoContext = ReactTypeOfInternalContext.NoContext, NoEffect$1 = ReactTypeOfSideEffect.NoEffect;
-
-function FiberNode(tag, key, internalContextTag) {
- this.tag = tag, this.key = key, this.type = null, this.stateNode = null, this.return = null,
- this.child = null, this.sibling = null, this.index = 0, this.ref = null, this.pendingProps = null,
- this.memoizedProps = null, this.updateQueue = null, this.memoizedState = null, this.internalContextTag = internalContextTag,
- this.effectTag = NoEffect$1, this.nextEffect = null, this.firstEffect = null, this.lastEffect = null,
- this.pendingWorkPriority = NoWork$1, this.alternate = null;
-}
-
-var createFiber = function(tag, key, internalContextTag) {
- return new FiberNode(tag, key, internalContextTag);
-};
-
-function shouldConstruct(Component) {
- return !(!Component.prototype || !Component.prototype.isReactComponent);
-}
-
-var createWorkInProgress = function(current, renderPriority) {
- var workInProgress = current.alternate;
- return null === workInProgress ? (workInProgress = createFiber(current.tag, current.key, current.internalContextTag),
- workInProgress.type = current.type, workInProgress.stateNode = current.stateNode,
- workInProgress.alternate = current, current.alternate = workInProgress) : (workInProgress.effectTag = NoEffect$1,
- workInProgress.nextEffect = null, workInProgress.firstEffect = null, workInProgress.lastEffect = null),
- workInProgress.pendingWorkPriority = renderPriority, workInProgress.child = current.child,
- workInProgress.memoizedProps = current.memoizedProps, workInProgress.memoizedState = current.memoizedState,
- workInProgress.updateQueue = current.updateQueue, workInProgress.sibling = current.sibling,
- workInProgress.index = current.index, workInProgress.ref = current.ref, workInProgress;
-}, createHostRootFiber$1 = function() {
- return createFiber(HostRoot$3, null, NoContext);
-}, createFiberFromElement = function(element, internalContextTag, priorityLevel) {
- var owner = null, fiber = createFiberFromElementType(element.type, element.key, internalContextTag, owner);
- return fiber.pendingProps = element.props, fiber.pendingWorkPriority = priorityLevel,
- fiber;
-}, createFiberFromFragment = function(elements, internalContextTag, priorityLevel) {
- var fiber = createFiber(Fragment, null, internalContextTag);
- return fiber.pendingProps = elements, fiber.pendingWorkPriority = priorityLevel,
- fiber;
-}, createFiberFromText = function(content, internalContextTag, priorityLevel) {
- var fiber = createFiber(HostText$1, null, internalContextTag);
- return fiber.pendingProps = content, fiber.pendingWorkPriority = priorityLevel,
- fiber;
-};
-
-function createFiberFromElementType(type, key, internalContextTag, debugOwner) {
- var fiber = void 0;
- if ("function" == typeof type) fiber = shouldConstruct(type) ? createFiber(ClassComponent$3, key, internalContextTag) : createFiber(IndeterminateComponent, key, internalContextTag),
- fiber.type = type; else if ("string" == typeof type) fiber = createFiber(HostComponent$2, key, internalContextTag),
- fiber.type = type; else if ("object" == typeof type && null !== type && "number" == typeof type.tag) fiber = type; else {
- var info = "";
- invariant(!1, "Element type is invalid: expected a string (for built-in components) " + "or a class/function (for composite components) but got: %s.%s", null == type ? type : typeof type, info);
- }
- return fiber;
-}
-
-var createFiberFromElementType_1 = createFiberFromElementType, createFiberFromHostInstanceForDeletion = function() {
- var fiber = createFiber(HostComponent$2, null, NoContext);
- return fiber.type = "DELETED", fiber;
-}, createFiberFromCoroutine = function(coroutine, internalContextTag, priorityLevel) {
- var fiber = createFiber(CoroutineComponent, coroutine.key, internalContextTag);
- return fiber.type = coroutine.handler, fiber.pendingProps = coroutine, fiber.pendingWorkPriority = priorityLevel,
- fiber;
-}, createFiberFromYield = function(yieldNode, internalContextTag, priorityLevel) {
- return createFiber(YieldComponent, null, internalContextTag);
-}, createFiberFromPortal = function(portal, internalContextTag, priorityLevel) {
- var fiber = createFiber(HostPortal$1, portal.key, internalContextTag);
- return fiber.pendingProps = portal.children || [], fiber.pendingWorkPriority = priorityLevel,
- fiber.stateNode = {
- containerInfo: portal.containerInfo,
- implementation: portal.implementation
- }, fiber;
-}, largerPriority = function(p1, p2) {
- return p1 !== NoWork$1 && (p2 === NoWork$1 || p2 > p1) ? p1 : p2;
-}, ReactFiber = {
- createWorkInProgress: createWorkInProgress,
- createHostRootFiber: createHostRootFiber$1,
- createFiberFromElement: createFiberFromElement,
- createFiberFromFragment: createFiberFromFragment,
- createFiberFromText: createFiberFromText,
- createFiberFromElementType: createFiberFromElementType_1,
- createFiberFromHostInstanceForDeletion: createFiberFromHostInstanceForDeletion,
- createFiberFromCoroutine: createFiberFromCoroutine,
- createFiberFromYield: createFiberFromYield,
- createFiberFromPortal: createFiberFromPortal,
- largerPriority: largerPriority
-}, createHostRootFiber = ReactFiber.createHostRootFiber, createFiberRoot$1 = function(containerInfo) {
- var uninitializedFiber = createHostRootFiber(), root = {
- current: uninitializedFiber,
- containerInfo: containerInfo,
- isScheduled: !1,
- nextScheduledRoot: null,
- context: null,
- pendingContext: null
- };
- return uninitializedFiber.stateNode = root, root;
-}, ReactFiberRoot = {
- createFiberRoot: createFiberRoot$1
-}, describeComponentFrame = function(name, source, ownerName) {
- return "\n in " + (name || "Unknown") + (source ? " (at " + source.fileName.replace(/^.*[\\\/]/, "") + ":" + source.lineNumber + ")" : ownerName ? " (created by " + ownerName + ")" : "");
-}, IndeterminateComponent$1 = ReactTypeOfWork.IndeterminateComponent, FunctionalComponent = ReactTypeOfWork.FunctionalComponent, ClassComponent$5 = ReactTypeOfWork.ClassComponent, HostComponent$4 = ReactTypeOfWork.HostComponent;
-
-function describeFiber(fiber) {
- switch (fiber.tag) {
- case IndeterminateComponent$1:
- case FunctionalComponent:
- case ClassComponent$5:
- case HostComponent$4:
- var owner = fiber._debugOwner, source = fiber._debugSource, name = getComponentName_1(fiber), ownerName = null;
- return owner && (ownerName = getComponentName_1(owner)), describeComponentFrame(name, source, ownerName);
-
- default:
- return "";
- }
-}
-
-function getStackAddendumByWorkInProgressFiber$1(workInProgress) {
- var info = "", node = workInProgress;
- do {
- info += describeFiber(node), node = node.return;
- } while (node);
- return info;
-}
-
-var ReactFiberComponentTreeHook = {
- getStackAddendumByWorkInProgressFiber: getStackAddendumByWorkInProgressFiber$1
-}, REACT_COROUTINE_TYPE$1, REACT_YIELD_TYPE$1;
-
-"function" == typeof Symbol && Symbol.for ? (REACT_COROUTINE_TYPE$1 = Symbol.for("react.coroutine"),
-REACT_YIELD_TYPE$1 = Symbol.for("react.yield")) : (REACT_COROUTINE_TYPE$1 = 60104,
-REACT_YIELD_TYPE$1 = 60105);
-
-var createCoroutine = function(children, handler, props) {
- var key = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : null;
- return {
- $$typeof: REACT_COROUTINE_TYPE$1,
- key: null == key ? null : "" + key,
- children: children,
- handler: handler,
- props: props
- };
-}, createYield = function(value) {
- return {
- $$typeof: REACT_YIELD_TYPE$1,
- value: value
- };
-}, isCoroutine = function(object) {
- return "object" == typeof object && null !== object && object.$$typeof === REACT_COROUTINE_TYPE$1;
-}, isYield = function(object) {
- return "object" == typeof object && null !== object && object.$$typeof === REACT_YIELD_TYPE$1;
-}, REACT_YIELD_TYPE_1 = REACT_YIELD_TYPE$1, REACT_COROUTINE_TYPE_1 = REACT_COROUTINE_TYPE$1, ReactCoroutine = {
- createCoroutine: createCoroutine,
- createYield: createYield,
- isCoroutine: isCoroutine,
- isYield: isYield,
- REACT_YIELD_TYPE: REACT_YIELD_TYPE_1,
- REACT_COROUTINE_TYPE: REACT_COROUTINE_TYPE_1
-}, REACT_COROUTINE_TYPE = ReactCoroutine.REACT_COROUTINE_TYPE, REACT_YIELD_TYPE = ReactCoroutine.REACT_YIELD_TYPE, REACT_PORTAL_TYPE$1 = ReactPortal.REACT_PORTAL_TYPE, createWorkInProgress$2 = ReactFiber.createWorkInProgress, createFiberFromElement$1 = ReactFiber.createFiberFromElement, createFiberFromFragment$1 = ReactFiber.createFiberFromFragment, createFiberFromText$1 = ReactFiber.createFiberFromText, createFiberFromCoroutine$1 = ReactFiber.createFiberFromCoroutine, createFiberFromYield$1 = ReactFiber.createFiberFromYield, createFiberFromPortal$1 = ReactFiber.createFiberFromPortal, isArray = Array.isArray, FunctionalComponent$2 = ReactTypeOfWork.FunctionalComponent, ClassComponent$7 = ReactTypeOfWork.ClassComponent, HostText$3 = ReactTypeOfWork.HostText, HostPortal$4 = ReactTypeOfWork.HostPortal, CoroutineComponent$2 = ReactTypeOfWork.CoroutineComponent, YieldComponent$2 = ReactTypeOfWork.YieldComponent, Fragment$2 = ReactTypeOfWork.Fragment, NoEffect$2 = ReactTypeOfSideEffect.NoEffect, Placement$3 = ReactTypeOfSideEffect.Placement, Deletion$1 = ReactTypeOfSideEffect.Deletion, ITERATOR_SYMBOL = "function" == typeof Symbol && Symbol.iterator, FAUX_ITERATOR_SYMBOL = "@@iterator", REACT_ELEMENT_TYPE = "function" == typeof Symbol && Symbol.for && Symbol.for("react.element") || 60103;
-
-function getIteratorFn(maybeIterable) {
- if (null === maybeIterable || void 0 === maybeIterable) return null;
- var iteratorFn = ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
- return "function" == typeof iteratorFn ? iteratorFn : null;
-}
-
-function coerceRef(current, element) {
- var mixedRef = element.ref;
- if (null !== mixedRef && "function" != typeof mixedRef) {
- if (element._owner) {
- var owner = element._owner, inst = void 0;
- if (owner) {
- var ownerFiber = owner;
- invariant(ownerFiber.tag === ClassComponent$7, "Stateless function components cannot have refs."),
- inst = ownerFiber.stateNode;
- }
- invariant(inst, "Missing owner for string ref %s. This error is likely caused by a " + "bug in React. Please file an issue.", mixedRef);
- var stringRef = "" + mixedRef;
- if (null !== current && null !== current.ref && current.ref._stringRef === stringRef) return current.ref;
- var ref = function(value) {
- var refs = inst.refs === emptyObject ? inst.refs = {} : inst.refs;
- null === value ? delete refs[stringRef] : refs[stringRef] = value;
- };
- return ref._stringRef = stringRef, ref;
- }
- invariant("string" == typeof mixedRef, "Expected ref to be a function or a string."),
- invariant(element._owner, "Element ref was specified as a string (%s) but no owner was " + "set. You may have multiple copies of React loaded. " + "(details: https://fb.me/react-refs-must-have-owner).", mixedRef);
- }
- return mixedRef;
-}
-
-function throwOnInvalidObjectType(returnFiber, newChild) {
- if ("textarea" !== returnFiber.type) {
- invariant(!1, "Objects are not valid as a React child (found: %s).%s", "[object Object]" === Object.prototype.toString.call(newChild) ? "object with keys {" + Object.keys(newChild).join(", ") + "}" : newChild, "");
- }
-}
-
-function ChildReconciler(shouldClone, shouldTrackSideEffects) {
- function deleteChild(returnFiber, childToDelete) {
- if (shouldTrackSideEffects) {
- if (!shouldClone) {
- if (null === childToDelete.alternate) return;
- childToDelete = childToDelete.alternate;
- }
- var last = returnFiber.lastEffect;
- null !== last ? (last.nextEffect = childToDelete, returnFiber.lastEffect = childToDelete) : returnFiber.firstEffect = returnFiber.lastEffect = childToDelete,
- childToDelete.nextEffect = null, childToDelete.effectTag = Deletion$1;
- }
- }
- function deleteRemainingChildren(returnFiber, currentFirstChild) {
- if (!shouldTrackSideEffects) return null;
- for (var childToDelete = currentFirstChild; null !== childToDelete; ) deleteChild(returnFiber, childToDelete),
- childToDelete = childToDelete.sibling;
- return null;
- }
- function mapRemainingChildren(returnFiber, currentFirstChild) {
- for (var existingChildren = new Map(), existingChild = currentFirstChild; null !== existingChild; ) null !== existingChild.key ? existingChildren.set(existingChild.key, existingChild) : existingChildren.set(existingChild.index, existingChild),
- existingChild = existingChild.sibling;
- return existingChildren;
- }
- function useFiber(fiber, priority) {
- if (shouldClone) {
- var clone = createWorkInProgress$2(fiber, priority);
- return clone.index = 0, clone.sibling = null, clone;
- }
- return fiber.pendingWorkPriority = priority, fiber.effectTag = NoEffect$2, fiber.index = 0,
- fiber.sibling = null, fiber;
- }
- function placeChild(newFiber, lastPlacedIndex, newIndex) {
- if (newFiber.index = newIndex, !shouldTrackSideEffects) return lastPlacedIndex;
- var current = newFiber.alternate;
- if (null !== current) {
- var oldIndex = current.index;
- return oldIndex < lastPlacedIndex ? (newFiber.effectTag = Placement$3, lastPlacedIndex) : oldIndex;
- }
- return newFiber.effectTag = Placement$3, lastPlacedIndex;
- }
- function placeSingleChild(newFiber) {
- return shouldTrackSideEffects && null === newFiber.alternate && (newFiber.effectTag = Placement$3),
- newFiber;
- }
- function updateTextNode(returnFiber, current, textContent, priority) {
- if (null === current || current.tag !== HostText$3) {
- var created = createFiberFromText$1(textContent, returnFiber.internalContextTag, priority);
- return created.return = returnFiber, created;
- }
- var existing = useFiber(current, priority);
- return existing.pendingProps = textContent, existing.return = returnFiber, existing;
- }
- function updateElement(returnFiber, current, element, priority) {
- if (null === current || current.type !== element.type) {
- var created = createFiberFromElement$1(element, returnFiber.internalContextTag, priority);
- return created.ref = coerceRef(current, element), created.return = returnFiber,
- created;
- }
- var existing = useFiber(current, priority);
- return existing.ref = coerceRef(current, element), existing.pendingProps = element.props,
- existing.return = returnFiber, existing;
- }
- function updateCoroutine(returnFiber, current, coroutine, priority) {
- if (null === current || current.tag !== CoroutineComponent$2) {
- var created = createFiberFromCoroutine$1(coroutine, returnFiber.internalContextTag, priority);
- return created.return = returnFiber, created;
- }
- var existing = useFiber(current, priority);
- return existing.pendingProps = coroutine, existing.return = returnFiber, existing;
- }
- function updateYield(returnFiber, current, yieldNode, priority) {
- if (null === current || current.tag !== YieldComponent$2) {
- var created = createFiberFromYield$1(yieldNode, returnFiber.internalContextTag, priority);
- return created.type = yieldNode.value, created.return = returnFiber, created;
- }
- var existing = useFiber(current, priority);
- return existing.type = yieldNode.value, existing.return = returnFiber, existing;
- }
- function updatePortal(returnFiber, current, portal, priority) {
- if (null === current || current.tag !== HostPortal$4 || current.stateNode.containerInfo !== portal.containerInfo || current.stateNode.implementation !== portal.implementation) {
- var created = createFiberFromPortal$1(portal, returnFiber.internalContextTag, priority);
- return created.return = returnFiber, created;
- }
- var existing = useFiber(current, priority);
- return existing.pendingProps = portal.children || [], existing.return = returnFiber,
- existing;
- }
- function updateFragment(returnFiber, current, fragment, priority) {
- if (null === current || current.tag !== Fragment$2) {
- var created = createFiberFromFragment$1(fragment, returnFiber.internalContextTag, priority);
- return created.return = returnFiber, created;
- }
- var existing = useFiber(current, priority);
- return existing.pendingProps = fragment, existing.return = returnFiber, existing;
- }
- function createChild(returnFiber, newChild, priority) {
- if ("string" == typeof newChild || "number" == typeof newChild) {
- var created = createFiberFromText$1("" + newChild, returnFiber.internalContextTag, priority);
- return created.return = returnFiber, created;
- }
- if ("object" == typeof newChild && null !== newChild) {
- switch (newChild.$$typeof) {
- case REACT_ELEMENT_TYPE:
- var _created = createFiberFromElement$1(newChild, returnFiber.internalContextTag, priority);
- return _created.ref = coerceRef(null, newChild), _created.return = returnFiber,
- _created;
-
- case REACT_COROUTINE_TYPE:
- var _created2 = createFiberFromCoroutine$1(newChild, returnFiber.internalContextTag, priority);
- return _created2.return = returnFiber, _created2;
-
- case REACT_YIELD_TYPE:
- var _created3 = createFiberFromYield$1(newChild, returnFiber.internalContextTag, priority);
- return _created3.type = newChild.value, _created3.return = returnFiber, _created3;
-
- case REACT_PORTAL_TYPE$1:
- var _created4 = createFiberFromPortal$1(newChild, returnFiber.internalContextTag, priority);
- return _created4.return = returnFiber, _created4;
- }
- if (isArray(newChild) || getIteratorFn(newChild)) {
- var _created5 = createFiberFromFragment$1(newChild, returnFiber.internalContextTag, priority);
- return _created5.return = returnFiber, _created5;
- }
- throwOnInvalidObjectType(returnFiber, newChild);
- }
- return null;
- }
- function updateSlot(returnFiber, oldFiber, newChild, priority) {
- var key = null !== oldFiber ? oldFiber.key : null;
- if ("string" == typeof newChild || "number" == typeof newChild) return null !== key ? null : updateTextNode(returnFiber, oldFiber, "" + newChild, priority);
- if ("object" == typeof newChild && null !== newChild) {
- switch (newChild.$$typeof) {
- case REACT_ELEMENT_TYPE:
- return newChild.key === key ? updateElement(returnFiber, oldFiber, newChild, priority) : null;
-
- case REACT_COROUTINE_TYPE:
- return newChild.key === key ? updateCoroutine(returnFiber, oldFiber, newChild, priority) : null;
-
- case REACT_YIELD_TYPE:
- return null === key ? updateYield(returnFiber, oldFiber, newChild, priority) : null;
-
- case REACT_PORTAL_TYPE$1:
- return newChild.key === key ? updatePortal(returnFiber, oldFiber, newChild, priority) : null;
- }
- if (isArray(newChild) || getIteratorFn(newChild)) return null !== key ? null : updateFragment(returnFiber, oldFiber, newChild, priority);
- throwOnInvalidObjectType(returnFiber, newChild);
- }
- return null;
- }
- function updateFromMap(existingChildren, returnFiber, newIdx, newChild, priority) {
- if ("string" == typeof newChild || "number" == typeof newChild) {
- return updateTextNode(returnFiber, existingChildren.get(newIdx) || null, "" + newChild, priority);
- }
- if ("object" == typeof newChild && null !== newChild) {
- switch (newChild.$$typeof) {
- case REACT_ELEMENT_TYPE:
- return updateElement(returnFiber, existingChildren.get(null === newChild.key ? newIdx : newChild.key) || null, newChild, priority);
-
- case REACT_COROUTINE_TYPE:
- return updateCoroutine(returnFiber, existingChildren.get(null === newChild.key ? newIdx : newChild.key) || null, newChild, priority);
-
- case REACT_YIELD_TYPE:
- return updateYield(returnFiber, existingChildren.get(newIdx) || null, newChild, priority);
-
- case REACT_PORTAL_TYPE$1:
- return updatePortal(returnFiber, existingChildren.get(null === newChild.key ? newIdx : newChild.key) || null, newChild, priority);
- }
- if (isArray(newChild) || getIteratorFn(newChild)) {
- return updateFragment(returnFiber, existingChildren.get(newIdx) || null, newChild, priority);
- }
- throwOnInvalidObjectType(returnFiber, newChild);
- }
- return null;
- }
- function reconcileChildrenArray(returnFiber, currentFirstChild, newChildren, priority) {
- for (var resultingFirstChild = null, previousNewFiber = null, oldFiber = currentFirstChild, lastPlacedIndex = 0, newIdx = 0, nextOldFiber = null; null !== oldFiber && newIdx < newChildren.length; newIdx++) {
- oldFiber.index > newIdx ? (nextOldFiber = oldFiber, oldFiber = null) : nextOldFiber = oldFiber.sibling;
- var newFiber = updateSlot(returnFiber, oldFiber, newChildren[newIdx], priority);
- if (null === newFiber) {
- null === oldFiber && (oldFiber = nextOldFiber);
- break;
- }
- shouldTrackSideEffects && oldFiber && null === newFiber.alternate && deleteChild(returnFiber, oldFiber),
- lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx), null === previousNewFiber ? resultingFirstChild = newFiber : previousNewFiber.sibling = newFiber,
- previousNewFiber = newFiber, oldFiber = nextOldFiber;
- }
- if (newIdx === newChildren.length) return deleteRemainingChildren(returnFiber, oldFiber),
- resultingFirstChild;
- if (null === oldFiber) {
- for (;newIdx < newChildren.length; newIdx++) {
- var _newFiber = createChild(returnFiber, newChildren[newIdx], priority);
- _newFiber && (lastPlacedIndex = placeChild(_newFiber, lastPlacedIndex, newIdx),
- null === previousNewFiber ? resultingFirstChild = _newFiber : previousNewFiber.sibling = _newFiber,
- previousNewFiber = _newFiber);
- }
- return resultingFirstChild;
- }
- for (var existingChildren = mapRemainingChildren(returnFiber, oldFiber); newIdx < newChildren.length; newIdx++) {
- var _newFiber2 = updateFromMap(existingChildren, returnFiber, newIdx, newChildren[newIdx], priority);
- _newFiber2 && (shouldTrackSideEffects && null !== _newFiber2.alternate && existingChildren.delete(null === _newFiber2.key ? newIdx : _newFiber2.key),
- lastPlacedIndex = placeChild(_newFiber2, lastPlacedIndex, newIdx), null === previousNewFiber ? resultingFirstChild = _newFiber2 : previousNewFiber.sibling = _newFiber2,
- previousNewFiber = _newFiber2);
- }
- return shouldTrackSideEffects && existingChildren.forEach(function(child) {
- return deleteChild(returnFiber, child);
- }), resultingFirstChild;
- }
- function reconcileChildrenIterator(returnFiber, currentFirstChild, newChildrenIterable, priority) {
- var iteratorFn = getIteratorFn(newChildrenIterable);
- invariant("function" == typeof iteratorFn, "An object is not an iterable. This error is likely caused by a bug in " + "React. Please file an issue.");
- var newChildren = iteratorFn.call(newChildrenIterable);
- invariant(null != newChildren, "An iterable object provided no iterator.");
- for (var resultingFirstChild = null, previousNewFiber = null, oldFiber = currentFirstChild, lastPlacedIndex = 0, newIdx = 0, nextOldFiber = null, step = newChildren.next(); null !== oldFiber && !step.done; newIdx++,
- step = newChildren.next()) {
- oldFiber.index > newIdx ? (nextOldFiber = oldFiber, oldFiber = null) : nextOldFiber = oldFiber.sibling;
- var newFiber = updateSlot(returnFiber, oldFiber, step.value, priority);
- if (null === newFiber) {
- oldFiber || (oldFiber = nextOldFiber);
- break;
- }
- shouldTrackSideEffects && oldFiber && null === newFiber.alternate && deleteChild(returnFiber, oldFiber),
- lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx), null === previousNewFiber ? resultingFirstChild = newFiber : previousNewFiber.sibling = newFiber,
- previousNewFiber = newFiber, oldFiber = nextOldFiber;
- }
- if (step.done) return deleteRemainingChildren(returnFiber, oldFiber), resultingFirstChild;
- if (null === oldFiber) {
- for (;!step.done; newIdx++, step = newChildren.next()) {
- var _newFiber3 = createChild(returnFiber, step.value, priority);
- null !== _newFiber3 && (lastPlacedIndex = placeChild(_newFiber3, lastPlacedIndex, newIdx),
- null === previousNewFiber ? resultingFirstChild = _newFiber3 : previousNewFiber.sibling = _newFiber3,
- previousNewFiber = _newFiber3);
- }
- return resultingFirstChild;
- }
- for (var existingChildren = mapRemainingChildren(returnFiber, oldFiber); !step.done; newIdx++,
- step = newChildren.next()) {
- var _newFiber4 = updateFromMap(existingChildren, returnFiber, newIdx, step.value, priority);
- null !== _newFiber4 && (shouldTrackSideEffects && null !== _newFiber4.alternate && existingChildren.delete(null === _newFiber4.key ? newIdx : _newFiber4.key),
- lastPlacedIndex = placeChild(_newFiber4, lastPlacedIndex, newIdx), null === previousNewFiber ? resultingFirstChild = _newFiber4 : previousNewFiber.sibling = _newFiber4,
- previousNewFiber = _newFiber4);
- }
- return shouldTrackSideEffects && existingChildren.forEach(function(child) {
- return deleteChild(returnFiber, child);
- }), resultingFirstChild;
- }
- function reconcileSingleTextNode(returnFiber, currentFirstChild, textContent, priority) {
- if (null !== currentFirstChild && currentFirstChild.tag === HostText$3) {
- deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
- var existing = useFiber(currentFirstChild, priority);
- return existing.pendingProps = textContent, existing.return = returnFiber, existing;
- }
- deleteRemainingChildren(returnFiber, currentFirstChild);
- var created = createFiberFromText$1(textContent, returnFiber.internalContextTag, priority);
- return created.return = returnFiber, created;
- }
- function reconcileSingleElement(returnFiber, currentFirstChild, element, priority) {
- for (var key = element.key, child = currentFirstChild; null !== child; ) {
- if (child.key === key) {
- if (child.type === element.type) {
- deleteRemainingChildren(returnFiber, child.sibling);
- var existing = useFiber(child, priority);
- return existing.ref = coerceRef(child, element), existing.pendingProps = element.props,
- existing.return = returnFiber, existing;
- }
- deleteRemainingChildren(returnFiber, child);
- break;
- }
- deleteChild(returnFiber, child), child = child.sibling;
- }
- var created = createFiberFromElement$1(element, returnFiber.internalContextTag, priority);
- return created.ref = coerceRef(currentFirstChild, element), created.return = returnFiber,
- created;
- }
- function reconcileSingleCoroutine(returnFiber, currentFirstChild, coroutine, priority) {
- for (var key = coroutine.key, child = currentFirstChild; null !== child; ) {
- if (child.key === key) {
- if (child.tag === CoroutineComponent$2) {
- deleteRemainingChildren(returnFiber, child.sibling);
- var existing = useFiber(child, priority);
- return existing.pendingProps = coroutine, existing.return = returnFiber, existing;
- }
- deleteRemainingChildren(returnFiber, child);
- break;
- }
- deleteChild(returnFiber, child), child = child.sibling;
- }
- var created = createFiberFromCoroutine$1(coroutine, returnFiber.internalContextTag, priority);
- return created.return = returnFiber, created;
- }
- function reconcileSingleYield(returnFiber, currentFirstChild, yieldNode, priority) {
- var child = currentFirstChild;
- if (null !== child) {
- if (child.tag === YieldComponent$2) {
- deleteRemainingChildren(returnFiber, child.sibling);
- var existing = useFiber(child, priority);
- return existing.type = yieldNode.value, existing.return = returnFiber, existing;
- }
- deleteRemainingChildren(returnFiber, child);
- }
- var created = createFiberFromYield$1(yieldNode, returnFiber.internalContextTag, priority);
- return created.type = yieldNode.value, created.return = returnFiber, created;
- }
- function reconcileSinglePortal(returnFiber, currentFirstChild, portal, priority) {
- for (var key = portal.key, child = currentFirstChild; null !== child; ) {
- if (child.key === key) {
- if (child.tag === HostPortal$4 && child.stateNode.containerInfo === portal.containerInfo && child.stateNode.implementation === portal.implementation) {
- deleteRemainingChildren(returnFiber, child.sibling);
- var existing = useFiber(child, priority);
- return existing.pendingProps = portal.children || [], existing.return = returnFiber,
- existing;
- }
- deleteRemainingChildren(returnFiber, child);
- break;
- }
- deleteChild(returnFiber, child), child = child.sibling;
- }
- var created = createFiberFromPortal$1(portal, returnFiber.internalContextTag, priority);
- return created.return = returnFiber, created;
- }
- function reconcileChildFibers(returnFiber, currentFirstChild, newChild, priority) {
- var isObject = "object" == typeof newChild && null !== newChild;
- if (isObject) switch (newChild.$$typeof) {
- case REACT_ELEMENT_TYPE:
- return placeSingleChild(reconcileSingleElement(returnFiber, currentFirstChild, newChild, priority));
-
- case REACT_COROUTINE_TYPE:
- return placeSingleChild(reconcileSingleCoroutine(returnFiber, currentFirstChild, newChild, priority));
-
- case REACT_YIELD_TYPE:
- return placeSingleChild(reconcileSingleYield(returnFiber, currentFirstChild, newChild, priority));
-
- case REACT_PORTAL_TYPE$1:
- return placeSingleChild(reconcileSinglePortal(returnFiber, currentFirstChild, newChild, priority));
- }
- if ("string" == typeof newChild || "number" == typeof newChild) return placeSingleChild(reconcileSingleTextNode(returnFiber, currentFirstChild, "" + newChild, priority));
- if (isArray(newChild)) return reconcileChildrenArray(returnFiber, currentFirstChild, newChild, priority);
- if (getIteratorFn(newChild)) return reconcileChildrenIterator(returnFiber, currentFirstChild, newChild, priority);
- if (isObject && throwOnInvalidObjectType(returnFiber, newChild), void 0 === newChild) switch (returnFiber.tag) {
- case ClassComponent$7:
- case FunctionalComponent$2:
- var Component = returnFiber.type;
- invariant(!1, "%s(...): Nothing was returned from render. This usually means a " + "return statement is missing. Or, to render nothing, " + "return null.", Component.displayName || Component.name || "Component");
- }
- return deleteRemainingChildren(returnFiber, currentFirstChild);
- }
- return reconcileChildFibers;
-}
-
-var reconcileChildFibers$1 = ChildReconciler(!0, !0), reconcileChildFibersInPlace$1 = ChildReconciler(!1, !0), mountChildFibersInPlace$1 = ChildReconciler(!1, !1), cloneChildFibers$1 = function(current, workInProgress) {
- if (invariant(null === current || workInProgress.child === current.child, "Resuming work not yet implemented."),
- null !== workInProgress.child) {
- var currentChild = workInProgress.child, newChild = createWorkInProgress$2(currentChild, currentChild.pendingWorkPriority);
- for (newChild.pendingProps = currentChild.pendingProps, workInProgress.child = newChild,
- newChild.return = workInProgress; null !== currentChild.sibling; ) currentChild = currentChild.sibling,
- newChild = newChild.sibling = createWorkInProgress$2(currentChild, currentChild.pendingWorkPriority),
- newChild.pendingProps = currentChild.pendingProps, newChild.return = workInProgress;
- newChild.sibling = null;
- }
-}, ReactChildFiber = {
- reconcileChildFibers: reconcileChildFibers$1,
- reconcileChildFibersInPlace: reconcileChildFibersInPlace$1,
- mountChildFibersInPlace: mountChildFibersInPlace$1,
- cloneChildFibers: cloneChildFibers$1
-}, Update$1 = ReactTypeOfSideEffect.Update, AsyncUpdates$1 = ReactTypeOfInternalContext.AsyncUpdates, cacheContext$1 = ReactFiberContext.cacheContext, getMaskedContext$2 = ReactFiberContext.getMaskedContext, getUnmaskedContext$2 = ReactFiberContext.getUnmaskedContext, isContextConsumer$1 = ReactFiberContext.isContextConsumer, addUpdate$1 = ReactFiberUpdateQueue.addUpdate, addReplaceUpdate$1 = ReactFiberUpdateQueue.addReplaceUpdate, addForceUpdate$1 = ReactFiberUpdateQueue.addForceUpdate, beginUpdateQueue$2 = ReactFiberUpdateQueue.beginUpdateQueue, _require5 = ReactFiberContext, hasContextChanged$2 = _require5.hasContextChanged, isMounted$1 = ReactFiberTreeReflection.isMounted, ReactFiberClassComponent = function(scheduleUpdate, getPriorityContext, memoizeProps, memoizeState) {
- var updater = {
- isMounted: isMounted$1,
- enqueueSetState: function(instance, partialState, callback) {
- var fiber = ReactInstanceMap_1.get(instance), priorityLevel = getPriorityContext(fiber, !1);
- callback = void 0 === callback ? null : callback, addUpdate$1(fiber, partialState, callback, priorityLevel),
- scheduleUpdate(fiber, priorityLevel);
- },
- enqueueReplaceState: function(instance, state, callback) {
- var fiber = ReactInstanceMap_1.get(instance), priorityLevel = getPriorityContext(fiber, !1);
- callback = void 0 === callback ? null : callback, addReplaceUpdate$1(fiber, state, callback, priorityLevel),
- scheduleUpdate(fiber, priorityLevel);
- },
- enqueueForceUpdate: function(instance, callback) {
- var fiber = ReactInstanceMap_1.get(instance), priorityLevel = getPriorityContext(fiber, !1);
- callback = void 0 === callback ? null : callback, addForceUpdate$1(fiber, callback, priorityLevel),
- scheduleUpdate(fiber, priorityLevel);
- }
- };
- function checkShouldComponentUpdate(workInProgress, oldProps, newProps, oldState, newState, newContext) {
- if (null === oldProps || null !== workInProgress.updateQueue && workInProgress.updateQueue.hasForceUpdate) return !0;
- var instance = workInProgress.stateNode, type = workInProgress.type;
- if ("function" == typeof instance.shouldComponentUpdate) {
- return instance.shouldComponentUpdate(newProps, newState, newContext);
- }
- return !type.prototype || !type.prototype.isPureReactComponent || (!shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState));
- }
- function resetInputPointers(workInProgress, instance) {
- instance.props = workInProgress.memoizedProps, instance.state = workInProgress.memoizedState;
- }
- function adoptClassInstance(workInProgress, instance) {
- instance.updater = updater, workInProgress.stateNode = instance, ReactInstanceMap_1.set(instance, workInProgress);
- }
- function constructClassInstance(workInProgress, props) {
- var ctor = workInProgress.type, unmaskedContext = getUnmaskedContext$2(workInProgress), needsContext = isContextConsumer$1(workInProgress), context = needsContext ? getMaskedContext$2(workInProgress, unmaskedContext) : emptyObject, instance = new ctor(props, context);
- return adoptClassInstance(workInProgress, instance), needsContext && cacheContext$1(workInProgress, unmaskedContext, context),
- instance;
- }
- function callComponentWillMount(workInProgress, instance) {
- var oldState = instance.state;
- instance.componentWillMount(), oldState !== instance.state && updater.enqueueReplaceState(instance, instance.state, null);
- }
- function callComponentWillReceiveProps(workInProgress, instance, newProps, newContext) {
- var oldState = instance.state;
- instance.componentWillReceiveProps(newProps, newContext), instance.state !== oldState && updater.enqueueReplaceState(instance, instance.state, null);
- }
- function mountClassInstance(workInProgress, priorityLevel) {
- var current = workInProgress.alternate, instance = workInProgress.stateNode, state = instance.state || null, props = workInProgress.pendingProps;
- invariant(props, "There must be pending props for an initial mount. This error is " + "likely caused by a bug in React. Please file an issue.");
- var unmaskedContext = getUnmaskedContext$2(workInProgress);
- if (instance.props = props, instance.state = state, instance.refs = emptyObject,
- instance.context = getMaskedContext$2(workInProgress, unmaskedContext), ReactFeatureFlags_1.enableAsyncSubtreeAPI && null != workInProgress.type && null != workInProgress.type.prototype && !0 === workInProgress.type.prototype.unstable_isAsyncReactComponent && (workInProgress.internalContextTag |= AsyncUpdates$1),
- "function" == typeof instance.componentWillMount) {
- callComponentWillMount(workInProgress, instance);
- var updateQueue = workInProgress.updateQueue;
- null !== updateQueue && (instance.state = beginUpdateQueue$2(current, workInProgress, updateQueue, instance, state, props, priorityLevel));
- }
- "function" == typeof instance.componentDidMount && (workInProgress.effectTag |= Update$1);
- }
- function updateClassInstance(current, workInProgress, priorityLevel) {
- var instance = workInProgress.stateNode;
- resetInputPointers(workInProgress, instance);
- var oldProps = workInProgress.memoizedProps, newProps = workInProgress.pendingProps;
- newProps || (newProps = oldProps, invariant(null != newProps, "There should always be pending or memoized props. This error is " + "likely caused by a bug in React. Please file an issue."));
- var oldContext = instance.context, newUnmaskedContext = getUnmaskedContext$2(workInProgress), newContext = getMaskedContext$2(workInProgress, newUnmaskedContext);
- "function" != typeof instance.componentWillReceiveProps || oldProps === newProps && oldContext === newContext || callComponentWillReceiveProps(workInProgress, instance, newProps, newContext);
- var oldState = workInProgress.memoizedState, newState = void 0;
- if (newState = null !== workInProgress.updateQueue ? beginUpdateQueue$2(current, workInProgress, workInProgress.updateQueue, instance, oldState, newProps, priorityLevel) : oldState,
- !(oldProps !== newProps || oldState !== newState || hasContextChanged$2() || null !== workInProgress.updateQueue && workInProgress.updateQueue.hasForceUpdate)) return "function" == typeof instance.componentDidUpdate && (oldProps === current.memoizedProps && oldState === current.memoizedState || (workInProgress.effectTag |= Update$1)),
- !1;
- var shouldUpdate = checkShouldComponentUpdate(workInProgress, oldProps, newProps, oldState, newState, newContext);
- return shouldUpdate ? ("function" == typeof instance.componentWillUpdate && instance.componentWillUpdate(newProps, newState, newContext),
- "function" == typeof instance.componentDidUpdate && (workInProgress.effectTag |= Update$1)) : ("function" == typeof instance.componentDidUpdate && (oldProps === current.memoizedProps && oldState === current.memoizedState || (workInProgress.effectTag |= Update$1)),
- memoizeProps(workInProgress, newProps), memoizeState(workInProgress, newState)),
- instance.props = newProps, instance.state = newState, instance.context = newContext,
- shouldUpdate;
- }
- return {
- adoptClassInstance: adoptClassInstance,
- constructClassInstance: constructClassInstance,
- mountClassInstance: mountClassInstance,
- updateClassInstance: updateClassInstance
- };
-}, mountChildFibersInPlace = ReactChildFiber.mountChildFibersInPlace, reconcileChildFibers = ReactChildFiber.reconcileChildFibers, reconcileChildFibersInPlace = ReactChildFiber.reconcileChildFibersInPlace, cloneChildFibers = ReactChildFiber.cloneChildFibers, beginUpdateQueue$1 = ReactFiberUpdateQueue.beginUpdateQueue, getMaskedContext$1 = ReactFiberContext.getMaskedContext, getUnmaskedContext$1 = ReactFiberContext.getUnmaskedContext, hasContextChanged$1 = ReactFiberContext.hasContextChanged, pushContextProvider$1 = ReactFiberContext.pushContextProvider, pushTopLevelContextObject$1 = ReactFiberContext.pushTopLevelContextObject, invalidateContextProvider$1 = ReactFiberContext.invalidateContextProvider, IndeterminateComponent$2 = ReactTypeOfWork.IndeterminateComponent, FunctionalComponent$1 = ReactTypeOfWork.FunctionalComponent, ClassComponent$6 = ReactTypeOfWork.ClassComponent, HostRoot$5 = ReactTypeOfWork.HostRoot, HostComponent$5 = ReactTypeOfWork.HostComponent, HostText$2 = ReactTypeOfWork.HostText, HostPortal$3 = ReactTypeOfWork.HostPortal, CoroutineComponent$1 = ReactTypeOfWork.CoroutineComponent, CoroutineHandlerPhase = ReactTypeOfWork.CoroutineHandlerPhase, YieldComponent$1 = ReactTypeOfWork.YieldComponent, Fragment$1 = ReactTypeOfWork.Fragment, NoWork$3 = ReactPriorityLevel.NoWork, OffscreenPriority$1 = ReactPriorityLevel.OffscreenPriority, PerformedWork$1 = ReactTypeOfSideEffect.PerformedWork, Placement$2 = ReactTypeOfSideEffect.Placement, ContentReset$1 = ReactTypeOfSideEffect.ContentReset, Err$1 = ReactTypeOfSideEffect.Err, Ref$1 = ReactTypeOfSideEffect.Ref, ReactCurrentOwner$2 = ReactGlobalSharedState_1.ReactCurrentOwner, ReactFiberBeginWork = function(config, hostContext, hydrationContext, scheduleUpdate, getPriorityContext) {
- var shouldSetTextContent = config.shouldSetTextContent, useSyncScheduling = config.useSyncScheduling, shouldDeprioritizeSubtree = config.shouldDeprioritizeSubtree, pushHostContext = hostContext.pushHostContext, pushHostContainer = hostContext.pushHostContainer, enterHydrationState = hydrationContext.enterHydrationState, resetHydrationState = hydrationContext.resetHydrationState, tryToClaimNextHydratableInstance = hydrationContext.tryToClaimNextHydratableInstance, _ReactFiberClassCompo = ReactFiberClassComponent(scheduleUpdate, getPriorityContext, memoizeProps, memoizeState), adoptClassInstance = _ReactFiberClassCompo.adoptClassInstance, constructClassInstance = _ReactFiberClassCompo.constructClassInstance, mountClassInstance = _ReactFiberClassCompo.mountClassInstance, updateClassInstance = _ReactFiberClassCompo.updateClassInstance;
- function reconcileChildren(current, workInProgress, nextChildren) {
- reconcileChildrenAtPriority(current, workInProgress, nextChildren, workInProgress.pendingWorkPriority);
- }
- function reconcileChildrenAtPriority(current, workInProgress, nextChildren, priorityLevel) {
- null === current ? workInProgress.child = mountChildFibersInPlace(workInProgress, workInProgress.child, nextChildren, priorityLevel) : current.child === workInProgress.child ? workInProgress.child = reconcileChildFibers(workInProgress, workInProgress.child, nextChildren, priorityLevel) : workInProgress.child = reconcileChildFibersInPlace(workInProgress, workInProgress.child, nextChildren, priorityLevel);
- }
- function updateFragment(current, workInProgress) {
- var nextChildren = workInProgress.pendingProps;
- if (hasContextChanged$1()) null === nextChildren && (nextChildren = workInProgress.memoizedProps); else if (null === nextChildren || workInProgress.memoizedProps === nextChildren) return bailoutOnAlreadyFinishedWork(current, workInProgress);
- return reconcileChildren(current, workInProgress, nextChildren), memoizeProps(workInProgress, nextChildren),
- workInProgress.child;
- }
- function markRef(current, workInProgress) {
- var ref = workInProgress.ref;
- null === ref || current && current.ref === ref || (workInProgress.effectTag |= Ref$1);
- }
- function updateFunctionalComponent(current, workInProgress) {
- var fn = workInProgress.type, nextProps = workInProgress.pendingProps, memoizedProps = workInProgress.memoizedProps;
- if (hasContextChanged$1()) null === nextProps && (nextProps = memoizedProps); else if (null === nextProps || memoizedProps === nextProps) return bailoutOnAlreadyFinishedWork(current, workInProgress);
- var nextChildren, unmaskedContext = getUnmaskedContext$1(workInProgress), context = getMaskedContext$1(workInProgress, unmaskedContext);
- return nextChildren = fn(nextProps, context), workInProgress.effectTag |= PerformedWork$1,
- reconcileChildren(current, workInProgress, nextChildren), memoizeProps(workInProgress, nextProps),
- workInProgress.child;
- }
- function updateClassComponent(current, workInProgress, priorityLevel) {
- var hasContext = pushContextProvider$1(workInProgress), shouldUpdate = void 0;
- return null === current ? workInProgress.stateNode ? invariant(!1, "Resuming work not yet implemented.") : (constructClassInstance(workInProgress, workInProgress.pendingProps),
- mountClassInstance(workInProgress, priorityLevel), shouldUpdate = !0) : shouldUpdate = updateClassInstance(current, workInProgress, priorityLevel),
- finishClassComponent(current, workInProgress, shouldUpdate, hasContext);
- }
- function finishClassComponent(current, workInProgress, shouldUpdate, hasContext) {
- if (markRef(current, workInProgress), !shouldUpdate) return hasContext && invalidateContextProvider$1(workInProgress, !1),
- bailoutOnAlreadyFinishedWork(current, workInProgress);
- var instance = workInProgress.stateNode;
- ReactCurrentOwner$2.current = workInProgress;
- var nextChildren = void 0;
- return nextChildren = instance.render(), workInProgress.effectTag |= PerformedWork$1,
- reconcileChildren(current, workInProgress, nextChildren), memoizeState(workInProgress, instance.state),
- memoizeProps(workInProgress, instance.props), hasContext && invalidateContextProvider$1(workInProgress, !0),
- workInProgress.child;
- }
- function pushHostRootContext(workInProgress) {
- var root = workInProgress.stateNode;
- root.pendingContext ? pushTopLevelContextObject$1(workInProgress, root.pendingContext, root.pendingContext !== root.context) : root.context && pushTopLevelContextObject$1(workInProgress, root.context, !1),
- pushHostContainer(workInProgress, root.containerInfo);
- }
- function updateHostRoot(current, workInProgress, priorityLevel) {
- pushHostRootContext(workInProgress);
- var updateQueue = workInProgress.updateQueue;
- if (null !== updateQueue) {
- var prevState = workInProgress.memoizedState, state = beginUpdateQueue$1(current, workInProgress, updateQueue, null, prevState, null, priorityLevel);
- if (prevState === state) return resetHydrationState(), bailoutOnAlreadyFinishedWork(current, workInProgress);
- var element = state.element;
- return null !== current && null !== current.child || !enterHydrationState(workInProgress) ? (resetHydrationState(),
- reconcileChildren(current, workInProgress, element)) : (workInProgress.effectTag |= Placement$2,
- workInProgress.child = mountChildFibersInPlace(workInProgress, workInProgress.child, element, priorityLevel)),
- memoizeState(workInProgress, state), workInProgress.child;
- }
- return resetHydrationState(), bailoutOnAlreadyFinishedWork(current, workInProgress);
- }
- function updateHostComponent(current, workInProgress, renderPriority) {
- pushHostContext(workInProgress), null === current && tryToClaimNextHydratableInstance(workInProgress);
- var type = workInProgress.type, memoizedProps = workInProgress.memoizedProps, nextProps = workInProgress.pendingProps;
- null === nextProps && (nextProps = memoizedProps, invariant(null !== nextProps, "We should always have pending or current props. This error is " + "likely caused by a bug in React. Please file an issue."));
- var prevProps = null !== current ? current.memoizedProps : null;
- if (hasContextChanged$1()) ; else if (null === nextProps || memoizedProps === nextProps) return bailoutOnAlreadyFinishedWork(current, workInProgress);
- var nextChildren = nextProps.children;
- return shouldSetTextContent(type, nextProps) ? nextChildren = null : prevProps && shouldSetTextContent(type, prevProps) && (workInProgress.effectTag |= ContentReset$1),
- markRef(current, workInProgress), renderPriority !== OffscreenPriority$1 && !useSyncScheduling && shouldDeprioritizeSubtree(type, nextProps) ? (workInProgress.pendingWorkPriority = OffscreenPriority$1,
- null) : (reconcileChildren(current, workInProgress, nextChildren), memoizeProps(workInProgress, nextProps),
- workInProgress.child);
- }
- function updateHostText(current, workInProgress) {
- null === current && tryToClaimNextHydratableInstance(workInProgress);
- var nextProps = workInProgress.pendingProps;
- return null === nextProps && (nextProps = workInProgress.memoizedProps), memoizeProps(workInProgress, nextProps),
- null;
- }
- function mountIndeterminateComponent(current, workInProgress, priorityLevel) {
- invariant(null === current, "An indeterminate component should never have mounted. This error is " + "likely caused by a bug in React. Please file an issue.");
- var value, fn = workInProgress.type, props = workInProgress.pendingProps, unmaskedContext = getUnmaskedContext$1(workInProgress), context = getMaskedContext$1(workInProgress, unmaskedContext);
- if (value = fn(props, context), workInProgress.effectTag |= PerformedWork$1, "object" == typeof value && null !== value && "function" == typeof value.render) {
- workInProgress.tag = ClassComponent$6;
- var hasContext = pushContextProvider$1(workInProgress);
- return adoptClassInstance(workInProgress, value), mountClassInstance(workInProgress, priorityLevel),
- finishClassComponent(current, workInProgress, !0, hasContext);
- }
- return workInProgress.tag = FunctionalComponent$1, reconcileChildren(current, workInProgress, value),
- memoizeProps(workInProgress, props), workInProgress.child;
- }
- function updateCoroutineComponent(current, workInProgress) {
- var nextCoroutine = workInProgress.pendingProps;
- hasContextChanged$1() ? null === nextCoroutine && (nextCoroutine = current && current.memoizedProps,
- invariant(null !== nextCoroutine, "We should always have pending or current props. This error is " + "likely caused by a bug in React. Please file an issue.")) : null !== nextCoroutine && workInProgress.memoizedProps !== nextCoroutine || (nextCoroutine = workInProgress.memoizedProps);
- var nextChildren = nextCoroutine.children, priorityLevel = workInProgress.pendingWorkPriority;
- return null === current ? workInProgress.stateNode = mountChildFibersInPlace(workInProgress, workInProgress.stateNode, nextChildren, priorityLevel) : current.child === workInProgress.child ? workInProgress.stateNode = reconcileChildFibers(workInProgress, workInProgress.stateNode, nextChildren, priorityLevel) : workInProgress.stateNode = reconcileChildFibersInPlace(workInProgress, workInProgress.stateNode, nextChildren, priorityLevel),
- memoizeProps(workInProgress, nextCoroutine), workInProgress.stateNode;
- }
- function updatePortalComponent(current, workInProgress) {
- pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
- var priorityLevel = workInProgress.pendingWorkPriority, nextChildren = workInProgress.pendingProps;
- if (hasContextChanged$1()) null === nextChildren && (nextChildren = current && current.memoizedProps,
- invariant(null != nextChildren, "We should always have pending or current props. This error is " + "likely caused by a bug in React. Please file an issue.")); else if (null === nextChildren || workInProgress.memoizedProps === nextChildren) return bailoutOnAlreadyFinishedWork(current, workInProgress);
- return null === current ? (workInProgress.child = reconcileChildFibersInPlace(workInProgress, workInProgress.child, nextChildren, priorityLevel),
- memoizeProps(workInProgress, nextChildren)) : (reconcileChildren(current, workInProgress, nextChildren),
- memoizeProps(workInProgress, nextChildren)), workInProgress.child;
- }
- function bailoutOnAlreadyFinishedWork(current, workInProgress) {
- return cloneChildFibers(current, workInProgress), workInProgress.child;
- }
- function bailoutOnLowPriority(current, workInProgress) {
- switch (workInProgress.tag) {
- case HostRoot$5:
- pushHostRootContext(workInProgress);
- break;
-
- case ClassComponent$6:
- pushContextProvider$1(workInProgress);
- break;
-
- case HostPortal$3:
- pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
- }
- return null;
- }
- function memoizeProps(workInProgress, nextProps) {
- workInProgress.memoizedProps = nextProps;
- }
- function memoizeState(workInProgress, nextState) {
- workInProgress.memoizedState = nextState;
- }
- function beginWork(current, workInProgress, priorityLevel) {
- if (workInProgress.pendingWorkPriority === NoWork$3 || workInProgress.pendingWorkPriority > priorityLevel) return bailoutOnLowPriority(current, workInProgress);
- switch (workInProgress.tag) {
- case IndeterminateComponent$2:
- return mountIndeterminateComponent(current, workInProgress, priorityLevel);
-
- case FunctionalComponent$1:
- return updateFunctionalComponent(current, workInProgress);
-
- case ClassComponent$6:
- return updateClassComponent(current, workInProgress, priorityLevel);
-
- case HostRoot$5:
- return updateHostRoot(current, workInProgress, priorityLevel);
-
- case HostComponent$5:
- return updateHostComponent(current, workInProgress, priorityLevel);
-
- case HostText$2:
- return updateHostText(current, workInProgress);
-
- case CoroutineHandlerPhase:
- workInProgress.tag = CoroutineComponent$1;
-
- case CoroutineComponent$1:
- return updateCoroutineComponent(current, workInProgress);
-
- case YieldComponent$1:
- return null;
-
- case HostPortal$3:
- return updatePortalComponent(current, workInProgress);
-
- case Fragment$1:
- return updateFragment(current, workInProgress);
-
- default:
- invariant(!1, "Unknown unit of work tag. This error is likely caused by a bug in " + "React. Please file an issue.");
- }
- }
- function beginFailedWork(current, workInProgress, priorityLevel) {
- switch (workInProgress.tag) {
- case ClassComponent$6:
- pushContextProvider$1(workInProgress);
- break;
-
- case HostRoot$5:
- pushHostRootContext(workInProgress);
- break;
-
- default:
- invariant(!1, "Invalid type of work. This error is likely caused by a bug in React. " + "Please file an issue.");
- }
- if (workInProgress.effectTag |= Err$1, null === current ? workInProgress.child = null : workInProgress.child !== current.child && (workInProgress.child = current.child),
- workInProgress.pendingWorkPriority === NoWork$3 || workInProgress.pendingWorkPriority > priorityLevel) return bailoutOnLowPriority(current, workInProgress);
- if (workInProgress.firstEffect = null, workInProgress.lastEffect = null, reconcileChildrenAtPriority(current, workInProgress, null, priorityLevel),
- workInProgress.tag === ClassComponent$6) {
- var instance = workInProgress.stateNode;
- workInProgress.memoizedProps = instance.props, workInProgress.memoizedState = instance.state;
- }
- return workInProgress.child;
- }
- return {
- beginWork: beginWork,
- beginFailedWork: beginFailedWork
- };
-}, reconcileChildFibers$2 = ReactChildFiber.reconcileChildFibers, popContextProvider$2 = ReactFiberContext.popContextProvider, popTopLevelContextObject$1 = ReactFiberContext.popTopLevelContextObject, IndeterminateComponent$3 = ReactTypeOfWork.IndeterminateComponent, FunctionalComponent$3 = ReactTypeOfWork.FunctionalComponent, ClassComponent$8 = ReactTypeOfWork.ClassComponent, HostRoot$6 = ReactTypeOfWork.HostRoot, HostComponent$6 = ReactTypeOfWork.HostComponent, HostText$4 = ReactTypeOfWork.HostText, HostPortal$5 = ReactTypeOfWork.HostPortal, CoroutineComponent$3 = ReactTypeOfWork.CoroutineComponent, CoroutineHandlerPhase$1 = ReactTypeOfWork.CoroutineHandlerPhase, YieldComponent$3 = ReactTypeOfWork.YieldComponent, Fragment$3 = ReactTypeOfWork.Fragment, Placement$4 = ReactTypeOfSideEffect.Placement, Ref$2 = ReactTypeOfSideEffect.Ref, Update$2 = ReactTypeOfSideEffect.Update, OffscreenPriority$2 = ReactPriorityLevel.OffscreenPriority, ReactFiberCompleteWork = function(config, hostContext, hydrationContext) {
- var createInstance = config.createInstance, createTextInstance = config.createTextInstance, appendInitialChild = config.appendInitialChild, finalizeInitialChildren = config.finalizeInitialChildren, prepareUpdate = config.prepareUpdate, getRootHostContainer = hostContext.getRootHostContainer, popHostContext = hostContext.popHostContext, getHostContext = hostContext.getHostContext, popHostContainer = hostContext.popHostContainer, prepareToHydrateHostInstance = hydrationContext.prepareToHydrateHostInstance, prepareToHydrateHostTextInstance = hydrationContext.prepareToHydrateHostTextInstance, popHydrationState = hydrationContext.popHydrationState;
- function markUpdate(workInProgress) {
- workInProgress.effectTag |= Update$2;
- }
- function markRef(workInProgress) {
- workInProgress.effectTag |= Ref$2;
- }
- function appendAllYields(yields, workInProgress) {
- var node = workInProgress.stateNode;
- for (node && (node.return = workInProgress); null !== node; ) {
- if (node.tag === HostComponent$6 || node.tag === HostText$4 || node.tag === HostPortal$5) invariant(!1, "A coroutine cannot have host component children."); else if (node.tag === YieldComponent$3) yields.push(node.type); else if (null !== node.child) {
- node.child.return = node, node = node.child;
- continue;
- }
- for (;null === node.sibling; ) {
- if (null === node.return || node.return === workInProgress) return;
- node = node.return;
- }
- node.sibling.return = node.return, node = node.sibling;
- }
- }
- function moveCoroutineToHandlerPhase(current, workInProgress) {
- var coroutine = workInProgress.memoizedProps;
- invariant(coroutine, "Should be resolved by now. This error is likely caused by a bug in " + "React. Please file an issue."),
- workInProgress.tag = CoroutineHandlerPhase$1;
- var yields = [];
- appendAllYields(yields, workInProgress);
- var fn = coroutine.handler, props = coroutine.props, nextChildren = fn(props, yields), currentFirstChild = null !== current ? current.child : null, priority = workInProgress.pendingWorkPriority;
- return workInProgress.child = reconcileChildFibers$2(workInProgress, currentFirstChild, nextChildren, priority),
- workInProgress.child;
- }
- function appendAllChildren(parent, workInProgress) {
- for (var node = workInProgress.child; null !== node; ) {
- if (node.tag === HostComponent$6 || node.tag === HostText$4) appendInitialChild(parent, node.stateNode); else if (node.tag === HostPortal$5) ; else if (null !== node.child) {
- node = node.child;
- continue;
- }
- if (node === workInProgress) return;
- for (;null === node.sibling; ) {
- if (null === node.return || node.return === workInProgress) return;
- node = node.return;
- }
- node = node.sibling;
- }
- }
- function completeWork(current, workInProgress, renderPriority) {
- var newProps = workInProgress.pendingProps;
- switch (null === newProps ? newProps = workInProgress.memoizedProps : workInProgress.pendingWorkPriority === OffscreenPriority$2 && renderPriority !== OffscreenPriority$2 || (workInProgress.pendingProps = null),
- workInProgress.tag) {
- case FunctionalComponent$3:
- return null;
-
- case ClassComponent$8:
- return popContextProvider$2(workInProgress), null;
-
- case HostRoot$6:
- popHostContainer(workInProgress), popTopLevelContextObject$1(workInProgress);
- var fiberRoot = workInProgress.stateNode;
- return fiberRoot.pendingContext && (fiberRoot.context = fiberRoot.pendingContext,
- fiberRoot.pendingContext = null), null !== current && null !== current.child || (popHydrationState(workInProgress),
- workInProgress.effectTag &= ~Placement$4), null;
-
- case HostComponent$6:
- popHostContext(workInProgress);
- var rootContainerInstance = getRootHostContainer(), type = workInProgress.type;
- if (null !== current && null != workInProgress.stateNode) {
- var oldProps = current.memoizedProps, instance = workInProgress.stateNode, currentHostContext = getHostContext(), updatePayload = prepareUpdate(instance, type, oldProps, newProps, rootContainerInstance, currentHostContext);
- workInProgress.updateQueue = updatePayload, updatePayload && markUpdate(workInProgress),
- current.ref !== workInProgress.ref && markRef(workInProgress);
- } else {
- if (!newProps) return invariant(null !== workInProgress.stateNode, "We must have new props for new mounts. This error is likely " + "caused by a bug in React. Please file an issue."),
- null;
- var _currentHostContext = getHostContext();
- if (popHydrationState(workInProgress)) prepareToHydrateHostInstance(workInProgress, rootContainerInstance, _currentHostContext) && markUpdate(workInProgress); else {
- var _instance = createInstance(type, newProps, rootContainerInstance, _currentHostContext, workInProgress);
- appendAllChildren(_instance, workInProgress), finalizeInitialChildren(_instance, type, newProps, rootContainerInstance) && markUpdate(workInProgress),
- workInProgress.stateNode = _instance;
- }
- null !== workInProgress.ref && markRef(workInProgress);
- }
- return null;
-
- case HostText$4:
- var newText = newProps;
- if (current && null != workInProgress.stateNode) {
- current.memoizedProps !== newText && markUpdate(workInProgress);
- } else {
- if ("string" != typeof newText) return invariant(null !== workInProgress.stateNode, "We must have new props for new mounts. This error is likely " + "caused by a bug in React. Please file an issue."),
- null;
- var _rootContainerInstance = getRootHostContainer(), _currentHostContext2 = getHostContext();
- popHydrationState(workInProgress) ? prepareToHydrateHostTextInstance(workInProgress) && markUpdate(workInProgress) : workInProgress.stateNode = createTextInstance(newText, _rootContainerInstance, _currentHostContext2, workInProgress);
- }
- return null;
-
- case CoroutineComponent$3:
- return moveCoroutineToHandlerPhase(current, workInProgress);
-
- case CoroutineHandlerPhase$1:
- return workInProgress.tag = CoroutineComponent$3, null;
-
- case YieldComponent$3:
- case Fragment$3:
- return null;
-
- case HostPortal$5:
- return markUpdate(workInProgress), popHostContainer(workInProgress), null;
-
- case IndeterminateComponent$3:
- invariant(!1, "An indeterminate component should have become determinate before " + "completing. This error is likely caused by a bug in React. Please " + "file an issue.");
-
- default:
- invariant(!1, "Unknown unit of work tag. This error is likely caused by a bug in " + "React. Please file an issue.");
- }
- }
- return {
- completeWork: completeWork
- };
-}, onCommitFiberRoot = null, onCommitFiberUnmount = null, hasLoggedError = !1;
-
-function catchErrors(fn) {
- return function(arg) {
- try {
- return fn(arg);
- } catch (err) {
- 1 || hasLoggedError || (hasLoggedError = !0);
- }
- };
-}
-
-function injectInternals$1(internals) {
- if ("undefined" == typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
- var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
- if (!hook.supportsFiber) return !0;
- try {
- var rendererID = hook.inject(internals);
- onCommitFiberRoot = catchErrors(function(root) {
- return hook.onCommitFiberRoot(rendererID, root);
- }), onCommitFiberUnmount = catchErrors(function(fiber) {
- return hook.onCommitFiberUnmount(rendererID, fiber);
- });
- } catch (err) {}
- return !0;
-}
-
-function onCommitRoot$1(root) {
- "function" == typeof onCommitFiberRoot && onCommitFiberRoot(root);
-}
-
-function onCommitUnmount$1(fiber) {
- "function" == typeof onCommitFiberUnmount && onCommitFiberUnmount(fiber);
-}
-
-var injectInternals_1 = injectInternals$1, onCommitRoot_1 = onCommitRoot$1, onCommitUnmount_1 = onCommitUnmount$1, ReactFiberDevToolsHook = {
- injectInternals: injectInternals_1,
- onCommitRoot: onCommitRoot_1,
- onCommitUnmount: onCommitUnmount_1
-}, ClassComponent$9 = ReactTypeOfWork.ClassComponent, HostRoot$7 = ReactTypeOfWork.HostRoot, HostComponent$7 = ReactTypeOfWork.HostComponent, HostText$5 = ReactTypeOfWork.HostText, HostPortal$6 = ReactTypeOfWork.HostPortal, CoroutineComponent$4 = ReactTypeOfWork.CoroutineComponent, commitCallbacks$1 = ReactFiberUpdateQueue.commitCallbacks, onCommitUnmount = ReactFiberDevToolsHook.onCommitUnmount, Placement$5 = ReactTypeOfSideEffect.Placement, Update$3 = ReactTypeOfSideEffect.Update, Callback$1 = ReactTypeOfSideEffect.Callback, ContentReset$2 = ReactTypeOfSideEffect.ContentReset, ReactFiberCommitWork = function(config, captureError) {
- var commitMount = config.commitMount, commitUpdate = config.commitUpdate, resetTextContent = config.resetTextContent, commitTextUpdate = config.commitTextUpdate, appendChild = config.appendChild, appendChildToContainer = config.appendChildToContainer, insertBefore = config.insertBefore, insertInContainerBefore = config.insertInContainerBefore, removeChild = config.removeChild, removeChildFromContainer = config.removeChildFromContainer, getPublicInstance = config.getPublicInstance;
- function safelyCallComponentWillUnmount(current, instance) {
- try {
- instance.props = current.memoizedProps, instance.state = current.memoizedState,
- instance.componentWillUnmount();
- } catch (unmountError) {
- captureError(current, unmountError);
- }
- }
- function safelyDetachRef(current) {
- var ref = current.ref;
- if (null !== ref) {
- try {
- ref(null);
- } catch (refError) {
- captureError(current, refError);
- }
- }
- }
- function getHostParentFiber(fiber) {
- for (var parent = fiber.return; null !== parent; ) {
- if (isHostParent(parent)) return parent;
- parent = parent.return;
- }
- invariant(!1, "Expected to find a host parent. This error is likely caused by a bug " + "in React. Please file an issue.");
- }
- function isHostParent(fiber) {
- return fiber.tag === HostComponent$7 || fiber.tag === HostRoot$7 || fiber.tag === HostPortal$6;
- }
- function getHostSibling(fiber) {
- var node = fiber;
- siblings: for (;!0; ) {
- for (;null === node.sibling; ) {
- if (null === node.return || isHostParent(node.return)) return null;
- node = node.return;
- }
- for (node.sibling.return = node.return, node = node.sibling; node.tag !== HostComponent$7 && node.tag !== HostText$5; ) {
- if (node.effectTag & Placement$5) continue siblings;
- if (null === node.child || node.tag === HostPortal$6) continue siblings;
- node.child.return = node, node = node.child;
- }
- if (!(node.effectTag & Placement$5)) return node.stateNode;
- }
- }
- function commitPlacement(finishedWork) {
- var parentFiber = getHostParentFiber(finishedWork), parent = void 0, isContainer = void 0;
- switch (parentFiber.tag) {
- case HostComponent$7:
- parent = parentFiber.stateNode, isContainer = !1;
- break;
-
- case HostRoot$7:
- case HostPortal$6:
- parent = parentFiber.stateNode.containerInfo, isContainer = !0;
- break;
-
- default:
- invariant(!1, "Invalid host parent fiber. This error is likely caused by a bug " + "in React. Please file an issue.");
- }
- parentFiber.effectTag & ContentReset$2 && (resetTextContent(parent), parentFiber.effectTag &= ~ContentReset$2);
- for (var before = getHostSibling(finishedWork), node = finishedWork; !0; ) {
- if (node.tag === HostComponent$7 || node.tag === HostText$5) before ? isContainer ? insertInContainerBefore(parent, node.stateNode, before) : insertBefore(parent, node.stateNode, before) : isContainer ? appendChildToContainer(parent, node.stateNode) : appendChild(parent, node.stateNode); else if (node.tag === HostPortal$6) ; else if (null !== node.child) {
- node.child.return = node, node = node.child;
- continue;
- }
- if (node === finishedWork) return;
- for (;null === node.sibling; ) {
- if (null === node.return || node.return === finishedWork) return;
- node = node.return;
- }
- node.sibling.return = node.return, node = node.sibling;
- }
- }
- function commitNestedUnmounts(root) {
- for (var node = root; !0; ) if (commitUnmount(node), null === node.child || node.tag === HostPortal$6) {
- if (node === root) return;
- for (;null === node.sibling; ) {
- if (null === node.return || node.return === root) return;
- node = node.return;
- }
- node.sibling.return = node.return, node = node.sibling;
- } else node.child.return = node, node = node.child;
- }
- function unmountHostComponents(current) {
- for (var node = current, currentParentIsValid = !1, currentParent = void 0, currentParentIsContainer = void 0; !0; ) {
- if (!currentParentIsValid) {
- var parent = node.return;
- findParent: for (;!0; ) {
- switch (invariant(null !== parent, "Expected to find a host parent. This error is likely caused by " + "a bug in React. Please file an issue."),
- parent.tag) {
- case HostComponent$7:
- currentParent = parent.stateNode, currentParentIsContainer = !1;
- break findParent;
-
- case HostRoot$7:
- case HostPortal$6:
- currentParent = parent.stateNode.containerInfo, currentParentIsContainer = !0;
- break findParent;
- }
- parent = parent.return;
- }
- currentParentIsValid = !0;
- }
- if (node.tag === HostComponent$7 || node.tag === HostText$5) commitNestedUnmounts(node),
- currentParentIsContainer ? removeChildFromContainer(currentParent, node.stateNode) : removeChild(currentParent, node.stateNode); else if (node.tag === HostPortal$6) {
- if (currentParent = node.stateNode.containerInfo, null !== node.child) {
- node.child.return = node, node = node.child;
- continue;
- }
- } else if (commitUnmount(node), null !== node.child) {
- node.child.return = node, node = node.child;
- continue;
- }
- if (node === current) return;
- for (;null === node.sibling; ) {
- if (null === node.return || node.return === current) return;
- node = node.return, node.tag === HostPortal$6 && (currentParentIsValid = !1);
- }
- node.sibling.return = node.return, node = node.sibling;
- }
- }
- function commitDeletion(current) {
- unmountHostComponents(current), current.return = null, current.child = null, current.alternate && (current.alternate.child = null,
- current.alternate.return = null);
- }
- function commitUnmount(current) {
- switch ("function" == typeof onCommitUnmount && onCommitUnmount(current), current.tag) {
- case ClassComponent$9:
- safelyDetachRef(current);
- var instance = current.stateNode;
- return void ("function" == typeof instance.componentWillUnmount && safelyCallComponentWillUnmount(current, instance));
-
- case HostComponent$7:
- return void safelyDetachRef(current);
-
- case CoroutineComponent$4:
- return void commitNestedUnmounts(current.stateNode);
-
- case HostPortal$6:
- return void unmountHostComponents(current);
- }
- }
- function commitWork(current, finishedWork) {
- switch (finishedWork.tag) {
- case ClassComponent$9:
- return;
-
- case HostComponent$7:
- var instance = finishedWork.stateNode;
- if (null != instance) {
- var newProps = finishedWork.memoizedProps, oldProps = null !== current ? current.memoizedProps : newProps, type = finishedWork.type, updatePayload = finishedWork.updateQueue;
- finishedWork.updateQueue = null, null !== updatePayload && commitUpdate(instance, updatePayload, type, oldProps, newProps, finishedWork);
- }
- return;
-
- case HostText$5:
- invariant(null !== finishedWork.stateNode, "This should have a text node initialized. This error is likely " + "caused by a bug in React. Please file an issue.");
- var textInstance = finishedWork.stateNode, newText = finishedWork.memoizedProps, oldText = null !== current ? current.memoizedProps : newText;
- return void commitTextUpdate(textInstance, oldText, newText);
-
- case HostRoot$7:
- case HostPortal$6:
- return;
-
- default:
- invariant(!1, "This unit of work tag should not have side-effects. This error is " + "likely caused by a bug in React. Please file an issue.");
- }
- }
- function commitLifeCycles(current, finishedWork) {
- switch (finishedWork.tag) {
- case ClassComponent$9:
- var instance = finishedWork.stateNode;
- if (finishedWork.effectTag & Update$3) if (null === current) instance.props = finishedWork.memoizedProps,
- instance.state = finishedWork.memoizedState, instance.componentDidMount(); else {
- var prevProps = current.memoizedProps, prevState = current.memoizedState;
- instance.props = finishedWork.memoizedProps, instance.state = finishedWork.memoizedState,
- instance.componentDidUpdate(prevProps, prevState);
- }
- return void (finishedWork.effectTag & Callback$1 && null !== finishedWork.updateQueue && commitCallbacks$1(finishedWork, finishedWork.updateQueue, instance));
-
- case HostRoot$7:
- var updateQueue = finishedWork.updateQueue;
- if (null !== updateQueue) {
- var _instance = finishedWork.child && finishedWork.child.stateNode;
- commitCallbacks$1(finishedWork, updateQueue, _instance);
- }
- return;
-
- case HostComponent$7:
- var _instance2 = finishedWork.stateNode;
- if (null === current && finishedWork.effectTag & Update$3) {
- var type = finishedWork.type, props = finishedWork.memoizedProps;
- commitMount(_instance2, type, props, finishedWork);
- }
- return;
-
- case HostText$5:
- case HostPortal$6:
- return;
-
- default:
- invariant(!1, "This unit of work tag should not have side-effects. This error is " + "likely caused by a bug in React. Please file an issue.");
- }
- }
- function commitAttachRef(finishedWork) {
- var ref = finishedWork.ref;
- if (null !== ref) {
- var instance = finishedWork.stateNode;
- switch (finishedWork.tag) {
- case HostComponent$7:
- ref(getPublicInstance(instance));
- break;
-
- default:
- ref(instance);
- }
- }
- }
- function commitDetachRef(current) {
- var currentRef = current.ref;
- null !== currentRef && currentRef(null);
- }
- return {
- commitPlacement: commitPlacement,
- commitDeletion: commitDeletion,
- commitWork: commitWork,
- commitLifeCycles: commitLifeCycles,
- commitAttachRef: commitAttachRef,
- commitDetachRef: commitDetachRef
- };
-}, createCursor$2 = ReactFiberStack.createCursor, pop$2 = ReactFiberStack.pop, push$2 = ReactFiberStack.push, NO_CONTEXT = {}, ReactFiberHostContext = function(config) {
- var getChildHostContext = config.getChildHostContext, getRootHostContext = config.getRootHostContext, contextStackCursor = createCursor$2(NO_CONTEXT), contextFiberStackCursor = createCursor$2(NO_CONTEXT), rootInstanceStackCursor = createCursor$2(NO_CONTEXT);
- function requiredContext(c) {
- return invariant(c !== NO_CONTEXT, "Expected host context to exist. This error is likely caused by a bug " + "in React. Please file an issue."),
- c;
- }
- function getRootHostContainer() {
- return requiredContext(rootInstanceStackCursor.current);
- }
- function pushHostContainer(fiber, nextRootInstance) {
- push$2(rootInstanceStackCursor, nextRootInstance, fiber);
- var nextRootContext = getRootHostContext(nextRootInstance);
- push$2(contextFiberStackCursor, fiber, fiber), push$2(contextStackCursor, nextRootContext, fiber);
- }
- function popHostContainer(fiber) {
- pop$2(contextStackCursor, fiber), pop$2(contextFiberStackCursor, fiber), pop$2(rootInstanceStackCursor, fiber);
- }
- function getHostContext() {
- return requiredContext(contextStackCursor.current);
- }
- function pushHostContext(fiber) {
- var rootInstance = requiredContext(rootInstanceStackCursor.current), context = requiredContext(contextStackCursor.current), nextContext = getChildHostContext(context, fiber.type, rootInstance);
- context !== nextContext && (push$2(contextFiberStackCursor, fiber, fiber), push$2(contextStackCursor, nextContext, fiber));
- }
- function popHostContext(fiber) {
- contextFiberStackCursor.current === fiber && (pop$2(contextStackCursor, fiber),
- pop$2(contextFiberStackCursor, fiber));
- }
- function resetHostContainer() {
- contextStackCursor.current = NO_CONTEXT, rootInstanceStackCursor.current = NO_CONTEXT;
- }
- return {
- getHostContext: getHostContext,
- getRootHostContainer: getRootHostContainer,
- popHostContainer: popHostContainer,
- popHostContext: popHostContext,
- pushHostContainer: pushHostContainer,
- pushHostContext: pushHostContext,
- resetHostContainer: resetHostContainer
- };
-}, HostComponent$8 = ReactTypeOfWork.HostComponent, HostText$6 = ReactTypeOfWork.HostText, HostRoot$8 = ReactTypeOfWork.HostRoot, Deletion$2 = ReactTypeOfSideEffect.Deletion, Placement$6 = ReactTypeOfSideEffect.Placement, createFiberFromHostInstanceForDeletion$1 = ReactFiber.createFiberFromHostInstanceForDeletion, ReactFiberHydrationContext = function(config) {
- var shouldSetTextContent = config.shouldSetTextContent, canHydrateInstance = config.canHydrateInstance, canHydrateTextInstance = config.canHydrateTextInstance, getNextHydratableSibling = config.getNextHydratableSibling, getFirstHydratableChild = config.getFirstHydratableChild, hydrateInstance = config.hydrateInstance, hydrateTextInstance = config.hydrateTextInstance, didNotHydrateInstance = config.didNotHydrateInstance, didNotFindHydratableInstance = config.didNotFindHydratableInstance, didNotFindHydratableTextInstance = config.didNotFindHydratableTextInstance;
- if (!(canHydrateInstance && canHydrateTextInstance && getNextHydratableSibling && getFirstHydratableChild && hydrateInstance && hydrateTextInstance && didNotHydrateInstance && didNotFindHydratableInstance && didNotFindHydratableTextInstance)) return {
- enterHydrationState: function() {
- return !1;
- },
- resetHydrationState: function() {},
- tryToClaimNextHydratableInstance: function() {},
- prepareToHydrateHostInstance: function() {
- invariant(!1, "Expected prepareToHydrateHostInstance() to never be called. " + "This error is likely caused by a bug in React. Please file an issue.");
- },
- prepareToHydrateHostTextInstance: function() {
- invariant(!1, "Expected prepareToHydrateHostTextInstance() to never be called. " + "This error is likely caused by a bug in React. Please file an issue.");
- },
- popHydrationState: function(fiber) {
- return !1;
- }
- };
- var hydrationParentFiber = null, nextHydratableInstance = null, isHydrating = !1;
- function enterHydrationState(fiber) {
- var parentInstance = fiber.stateNode.containerInfo;
- return nextHydratableInstance = getFirstHydratableChild(parentInstance), hydrationParentFiber = fiber,
- isHydrating = !0, !0;
- }
- function deleteHydratableInstance(returnFiber, instance) {
- var childToDelete = createFiberFromHostInstanceForDeletion$1();
- childToDelete.stateNode = instance, childToDelete.return = returnFiber, childToDelete.effectTag = Deletion$2,
- null !== returnFiber.lastEffect ? (returnFiber.lastEffect.nextEffect = childToDelete,
- returnFiber.lastEffect = childToDelete) : returnFiber.firstEffect = returnFiber.lastEffect = childToDelete;
- }
- function insertNonHydratedInstance(returnFiber, fiber) {
- fiber.effectTag |= Placement$6;
- }
- function canHydrate(fiber, nextInstance) {
- switch (fiber.tag) {
- case HostComponent$8:
- var type = fiber.type, props = fiber.pendingProps;
- return canHydrateInstance(nextInstance, type, props);
-
- case HostText$6:
- var text = fiber.pendingProps;
- return canHydrateTextInstance(nextInstance, text);
-
- default:
- return !1;
- }
- }
- function tryToClaimNextHydratableInstance(fiber) {
- if (isHydrating) {
- var nextInstance = nextHydratableInstance;
- if (!nextInstance) return insertNonHydratedInstance(hydrationParentFiber, fiber),
- isHydrating = !1, void (hydrationParentFiber = fiber);
- if (!canHydrate(fiber, nextInstance)) {
- if (!(nextInstance = getNextHydratableSibling(nextInstance)) || !canHydrate(fiber, nextInstance)) return insertNonHydratedInstance(hydrationParentFiber, fiber),
- isHydrating = !1, void (hydrationParentFiber = fiber);
- deleteHydratableInstance(hydrationParentFiber, nextHydratableInstance);
- }
- fiber.stateNode = nextInstance, hydrationParentFiber = fiber, nextHydratableInstance = getFirstHydratableChild(nextInstance);
- }
- }
- function prepareToHydrateHostInstance(fiber, rootContainerInstance, hostContext) {
- var instance = fiber.stateNode, updatePayload = hydrateInstance(instance, fiber.type, fiber.memoizedProps, rootContainerInstance, hostContext, fiber);
- return fiber.updateQueue = updatePayload, null !== updatePayload;
- }
- function prepareToHydrateHostTextInstance(fiber) {
- var textInstance = fiber.stateNode;
- return hydrateTextInstance(textInstance, fiber.memoizedProps, fiber);
- }
- function popToNextHostParent(fiber) {
- for (var parent = fiber.return; null !== parent && parent.tag !== HostComponent$8 && parent.tag !== HostRoot$8; ) parent = parent.return;
- hydrationParentFiber = parent;
- }
- function popHydrationState(fiber) {
- if (fiber !== hydrationParentFiber) return !1;
- if (!isHydrating) return popToNextHostParent(fiber), isHydrating = !0, !1;
- var type = fiber.type;
- if (fiber.tag !== HostComponent$8 || "head" !== type && "body" !== type && !shouldSetTextContent(type, fiber.memoizedProps)) for (var nextInstance = nextHydratableInstance; nextInstance; ) deleteHydratableInstance(fiber, nextInstance),
- nextInstance = getNextHydratableSibling(nextInstance);
- return popToNextHostParent(fiber), nextHydratableInstance = hydrationParentFiber ? getNextHydratableSibling(fiber.stateNode) : null,
- !0;
- }
- function resetHydrationState() {
- hydrationParentFiber = null, nextHydratableInstance = null, isHydrating = !1;
- }
- return {
- enterHydrationState: enterHydrationState,
- resetHydrationState: resetHydrationState,
- tryToClaimNextHydratableInstance: tryToClaimNextHydratableInstance,
- prepareToHydrateHostInstance: prepareToHydrateHostInstance,
- prepareToHydrateHostTextInstance: prepareToHydrateHostTextInstance,
- popHydrationState: popHydrationState
- };
-}, popContextProvider$1 = ReactFiberContext.popContextProvider, reset$1 = ReactFiberStack.reset, getStackAddendumByWorkInProgressFiber = ReactFiberComponentTreeHook.getStackAddendumByWorkInProgressFiber, logCapturedError$1 = ReactFiberErrorLogger.logCapturedError, ReactCurrentOwner$1 = ReactGlobalSharedState_1.ReactCurrentOwner, createWorkInProgress$1 = ReactFiber.createWorkInProgress, largerPriority$1 = ReactFiber.largerPriority, onCommitRoot = ReactFiberDevToolsHook.onCommitRoot, NoWork$2 = ReactPriorityLevel.NoWork, SynchronousPriority$1 = ReactPriorityLevel.SynchronousPriority, TaskPriority$1 = ReactPriorityLevel.TaskPriority, HighPriority = ReactPriorityLevel.HighPriority, LowPriority = ReactPriorityLevel.LowPriority, OffscreenPriority = ReactPriorityLevel.OffscreenPriority, AsyncUpdates = ReactTypeOfInternalContext.AsyncUpdates, PerformedWork = ReactTypeOfSideEffect.PerformedWork, Placement$1 = ReactTypeOfSideEffect.Placement, Update = ReactTypeOfSideEffect.Update, PlacementAndUpdate = ReactTypeOfSideEffect.PlacementAndUpdate, Deletion = ReactTypeOfSideEffect.Deletion, ContentReset = ReactTypeOfSideEffect.ContentReset, Callback = ReactTypeOfSideEffect.Callback, Err = ReactTypeOfSideEffect.Err, Ref = ReactTypeOfSideEffect.Ref, HostRoot$4 = ReactTypeOfWork.HostRoot, HostComponent$3 = ReactTypeOfWork.HostComponent, HostPortal$2 = ReactTypeOfWork.HostPortal, ClassComponent$4 = ReactTypeOfWork.ClassComponent, getUpdatePriority$1 = ReactFiberUpdateQueue.getUpdatePriority, _require14 = ReactFiberContext, resetContext$1 = _require14.resetContext, ReactFiberInstrumentation$1, timeHeuristicForUnitOfWork = 1, ReactFiberScheduler = function(config) {
- var hostContext = ReactFiberHostContext(config), hydrationContext = ReactFiberHydrationContext(config), popHostContainer = hostContext.popHostContainer, popHostContext = hostContext.popHostContext, resetHostContainer = hostContext.resetHostContainer, _ReactFiberBeginWork = ReactFiberBeginWork(config, hostContext, hydrationContext, scheduleUpdate, getPriorityContext), beginWork = _ReactFiberBeginWork.beginWork, beginFailedWork = _ReactFiberBeginWork.beginFailedWork, _ReactFiberCompleteWo = ReactFiberCompleteWork(config, hostContext, hydrationContext), completeWork = _ReactFiberCompleteWo.completeWork, _ReactFiberCommitWork = ReactFiberCommitWork(config, captureError), commitPlacement = _ReactFiberCommitWork.commitPlacement, commitDeletion = _ReactFiberCommitWork.commitDeletion, commitWork = _ReactFiberCommitWork.commitWork, commitLifeCycles = _ReactFiberCommitWork.commitLifeCycles, commitAttachRef = _ReactFiberCommitWork.commitAttachRef, commitDetachRef = _ReactFiberCommitWork.commitDetachRef, scheduleDeferredCallback = config.scheduleDeferredCallback, useSyncScheduling = config.useSyncScheduling, prepareForCommit = config.prepareForCommit, resetAfterCommit = config.resetAfterCommit, priorityContext = NoWork$2, isPerformingWork = !1, deadlineHasExpired = !1, isBatchingUpdates = !1, isUnbatchingUpdates = !1, nextUnitOfWork = null, nextPriorityLevel = NoWork$2, nextEffect = null, pendingCommit = null, nextScheduledRoot = null, lastScheduledRoot = null, isCallbackScheduled = !1, capturedErrors = null, failedBoundaries = null, commitPhaseBoundaries = null, firstUncaughtError = null, didFatal = !1, isCommitting = !1, isUnmounting = !1, NESTED_UPDATE_LIMIT = 1e3, nestedUpdateCount = 0, nextRenderedTree = null;
- function resetContextStack() {
- reset$1(), resetContext$1(), resetHostContainer();
- }
- function resetNextUnitOfWork() {
- for (;null !== nextScheduledRoot && nextScheduledRoot.current.pendingWorkPriority === NoWork$2; ) {
- nextScheduledRoot.isScheduled = !1;
- var next = nextScheduledRoot.nextScheduledRoot;
- if (nextScheduledRoot.nextScheduledRoot = null, nextScheduledRoot === lastScheduledRoot) return nextScheduledRoot = null,
- lastScheduledRoot = null, nextPriorityLevel = NoWork$2, null;
- nextScheduledRoot = next;
- }
- for (var root = nextScheduledRoot, highestPriorityRoot = null, highestPriorityLevel = NoWork$2; null !== root; ) root.current.pendingWorkPriority !== NoWork$2 && (highestPriorityLevel === NoWork$2 || highestPriorityLevel > root.current.pendingWorkPriority) && (highestPriorityLevel = root.current.pendingWorkPriority,
- highestPriorityRoot = root), root = root.nextScheduledRoot;
- if (null !== highestPriorityRoot) return nextPriorityLevel = highestPriorityLevel,
- resetContextStack(), nextUnitOfWork = createWorkInProgress$1(highestPriorityRoot.current, highestPriorityLevel),
- void (highestPriorityRoot !== nextRenderedTree && (nestedUpdateCount = 0, nextRenderedTree = highestPriorityRoot));
- nextPriorityLevel = NoWork$2, nextUnitOfWork = null, nextRenderedTree = null;
- }
- function commitAllHostEffects() {
- for (;null !== nextEffect; ) {
- var effectTag = nextEffect.effectTag;
- if (effectTag & ContentReset && config.resetTextContent(nextEffect.stateNode), effectTag & Ref) {
- var current = nextEffect.alternate;
- null !== current && commitDetachRef(current);
- }
- switch (effectTag & ~(Callback | Err | ContentReset | Ref | PerformedWork)) {
- case Placement$1:
- commitPlacement(nextEffect), nextEffect.effectTag &= ~Placement$1;
- break;
-
- case PlacementAndUpdate:
- commitPlacement(nextEffect), nextEffect.effectTag &= ~Placement$1;
- var _current = nextEffect.alternate;
- commitWork(_current, nextEffect);
- break;
-
- case Update:
- var _current2 = nextEffect.alternate;
- commitWork(_current2, nextEffect);
- break;
-
- case Deletion:
- isUnmounting = !0, commitDeletion(nextEffect), isUnmounting = !1;
- }
- nextEffect = nextEffect.nextEffect;
- }
- }
- function commitAllLifeCycles() {
- for (;null !== nextEffect; ) {
- var effectTag = nextEffect.effectTag;
- if (effectTag & (Update | Callback)) {
- var current = nextEffect.alternate;
- commitLifeCycles(current, nextEffect);
- }
- effectTag & Ref && commitAttachRef(nextEffect), effectTag & Err && commitErrorHandling(nextEffect);
- var next = nextEffect.nextEffect;
- nextEffect.nextEffect = null, nextEffect = next;
- }
- }
- function commitAllWork(finishedWork) {
- isCommitting = !0, pendingCommit = null;
- var root = finishedWork.stateNode;
- invariant(root.current !== finishedWork, "Cannot commit the same tree as before. This is probably a bug " + "related to the return field. This error is likely caused by a bug " + "in React. Please file an issue."),
- nextPriorityLevel !== SynchronousPriority$1 && nextPriorityLevel !== TaskPriority$1 || nestedUpdateCount++,
- ReactCurrentOwner$1.current = null;
- var firstEffect = void 0;
- for (finishedWork.effectTag > PerformedWork ? null !== finishedWork.lastEffect ? (finishedWork.lastEffect.nextEffect = finishedWork,
- firstEffect = finishedWork.firstEffect) : firstEffect = finishedWork : firstEffect = finishedWork.firstEffect,
- prepareForCommit(), nextEffect = firstEffect; null !== nextEffect; ) {
- var didError = !1, _error = void 0;
- try {
- commitAllHostEffects();
- } catch (e) {
- didError = !0, _error = e;
- }
- didError && (invariant(null !== nextEffect, "Should have next effect. This error is likely caused by a bug " + "in React. Please file an issue."),
- captureError(nextEffect, _error), null !== nextEffect && (nextEffect = nextEffect.nextEffect));
- }
- for (resetAfterCommit(), root.current = finishedWork, nextEffect = firstEffect; null !== nextEffect; ) {
- var _didError = !1, _error2 = void 0;
- try {
- commitAllLifeCycles();
- } catch (e) {
- _didError = !0, _error2 = e;
- }
- _didError && (invariant(null !== nextEffect, "Should have next effect. This error is likely caused by a bug " + "in React. Please file an issue."),
- captureError(nextEffect, _error2), null !== nextEffect && (nextEffect = nextEffect.nextEffect));
- }
- isCommitting = !1, "function" == typeof onCommitRoot && onCommitRoot(finishedWork.stateNode),
- !1 && ReactFiberInstrumentation$1.debugTool && ReactFiberInstrumentation$1.debugTool.onCommitWork(finishedWork),
- commitPhaseBoundaries && (commitPhaseBoundaries.forEach(scheduleErrorRecovery),
- commitPhaseBoundaries = null), resetNextUnitOfWork();
- }
- function resetWorkPriority(workInProgress, renderPriority) {
- if (!(workInProgress.pendingWorkPriority !== NoWork$2 && workInProgress.pendingWorkPriority > renderPriority)) {
- for (var newPriority = getUpdatePriority$1(workInProgress), child = workInProgress.child; null !== child; ) newPriority = largerPriority$1(newPriority, child.pendingWorkPriority),
- child = child.sibling;
- workInProgress.pendingWorkPriority = newPriority;
- }
- }
- function completeUnitOfWork(workInProgress) {
- for (;!0; ) {
- var current = workInProgress.alternate, next = completeWork(current, workInProgress, nextPriorityLevel), returnFiber = workInProgress.return, siblingFiber = workInProgress.sibling;
- if (resetWorkPriority(workInProgress, nextPriorityLevel), null !== next) return !1 && ReactFiberInstrumentation$1.debugTool && ReactFiberInstrumentation$1.debugTool.onCompleteWork(workInProgress),
- next;
- if (null !== returnFiber) {
- null === returnFiber.firstEffect && (returnFiber.firstEffect = workInProgress.firstEffect),
- null !== workInProgress.lastEffect && (null !== returnFiber.lastEffect && (returnFiber.lastEffect.nextEffect = workInProgress.firstEffect),
- returnFiber.lastEffect = workInProgress.lastEffect);
- workInProgress.effectTag > PerformedWork && (null !== returnFiber.lastEffect ? returnFiber.lastEffect.nextEffect = workInProgress : returnFiber.firstEffect = workInProgress,
- returnFiber.lastEffect = workInProgress);
- }
- if (!1 && ReactFiberInstrumentation$1.debugTool && ReactFiberInstrumentation$1.debugTool.onCompleteWork(workInProgress),
- null !== siblingFiber) return siblingFiber;
- if (null === returnFiber) return pendingCommit = workInProgress, null;
- workInProgress = returnFiber;
- }
- return null;
- }
- function performUnitOfWork(workInProgress) {
- var current = workInProgress.alternate, next = beginWork(current, workInProgress, nextPriorityLevel);
- return !1 && ReactFiberInstrumentation$1.debugTool && ReactFiberInstrumentation$1.debugTool.onBeginWork(workInProgress),
- null === next && (next = completeUnitOfWork(workInProgress)), ReactCurrentOwner$1.current = null,
- next;
- }
- function performFailedUnitOfWork(workInProgress) {
- var current = workInProgress.alternate, next = beginFailedWork(current, workInProgress, nextPriorityLevel);
- return !1 && ReactFiberInstrumentation$1.debugTool && ReactFiberInstrumentation$1.debugTool.onBeginWork(workInProgress),
- null === next && (next = completeUnitOfWork(workInProgress)), ReactCurrentOwner$1.current = null,
- next;
- }
- function performDeferredWork(deadline) {
- performWork(OffscreenPriority, deadline);
- }
- function handleCommitPhaseErrors() {
- if (null !== capturedErrors && capturedErrors.size > 0 && nextPriorityLevel === TaskPriority$1) for (;null !== nextUnitOfWork && (null !== (nextUnitOfWork = hasCapturedError(nextUnitOfWork) ? performFailedUnitOfWork(nextUnitOfWork) : performUnitOfWork(nextUnitOfWork)) || (invariant(null !== pendingCommit, "Should have a pending commit. This error is likely caused by " + "a bug in React. Please file an issue."),
- priorityContext = TaskPriority$1, commitAllWork(pendingCommit), priorityContext = nextPriorityLevel,
- null !== capturedErrors && 0 !== capturedErrors.size && nextPriorityLevel === TaskPriority$1)); ) ;
- }
- function workLoop(minPriorityLevel, deadline) {
- if (null !== pendingCommit ? (priorityContext = TaskPriority$1, commitAllWork(pendingCommit),
- handleCommitPhaseErrors()) : null === nextUnitOfWork && resetNextUnitOfWork(), !(nextPriorityLevel === NoWork$2 || nextPriorityLevel > minPriorityLevel)) {
- priorityContext = nextPriorityLevel;
- loop: do {
- if (nextPriorityLevel <= TaskPriority$1) for (;null !== nextUnitOfWork && !(null === (nextUnitOfWork = performUnitOfWork(nextUnitOfWork)) && (invariant(null !== pendingCommit, "Should have a pending commit. This error is likely caused by " + "a bug in React. Please file an issue."),
- priorityContext = TaskPriority$1, commitAllWork(pendingCommit), priorityContext = nextPriorityLevel,
- handleCommitPhaseErrors(), nextPriorityLevel === NoWork$2 || nextPriorityLevel > minPriorityLevel || nextPriorityLevel > TaskPriority$1)); ) ; else if (null !== deadline) for (;null !== nextUnitOfWork && !deadlineHasExpired; ) if (deadline.timeRemaining() > timeHeuristicForUnitOfWork) {
- if (null === (nextUnitOfWork = performUnitOfWork(nextUnitOfWork))) if (invariant(null !== pendingCommit, "Should have a pending commit. This error is likely caused by " + "a bug in React. Please file an issue."),
- deadline.timeRemaining() > timeHeuristicForUnitOfWork) {
- if (priorityContext = TaskPriority$1, commitAllWork(pendingCommit), priorityContext = nextPriorityLevel,
- handleCommitPhaseErrors(), nextPriorityLevel === NoWork$2 || nextPriorityLevel > minPriorityLevel || nextPriorityLevel < HighPriority) break;
- } else deadlineHasExpired = !0;
- } else deadlineHasExpired = !0;
- switch (nextPriorityLevel) {
- case SynchronousPriority$1:
- case TaskPriority$1:
- if (nextPriorityLevel <= minPriorityLevel) continue loop;
- break loop;
-
- case HighPriority:
- case LowPriority:
- case OffscreenPriority:
- if (null === deadline) break loop;
- if (!deadlineHasExpired && nextPriorityLevel <= minPriorityLevel) continue loop;
- break loop;
-
- case NoWork$2:
- break loop;
-
- default:
- invariant(!1, "Switch statement should be exhuastive. " + "This error is likely caused by a bug in React. Please file an issue.");
- }
- } while (!0);
- }
- }
- function performWorkCatchBlock(failedWork, boundary, minPriorityLevel, deadline) {
- unwindContexts(failedWork, boundary), nextUnitOfWork = performFailedUnitOfWork(boundary),
- workLoop(minPriorityLevel, deadline);
- }
- function performWork(minPriorityLevel, deadline) {
- invariant(!isPerformingWork, "performWork was called recursively. This error is likely caused " + "by a bug in React. Please file an issue."),
- isPerformingWork = !0;
- var previousPriorityContext = priorityContext, didError = !1, error = null;
- try {
- workLoop(minPriorityLevel, deadline);
- } catch (e) {
- didError = !0, error = e;
- }
- for (;didError; ) {
- if (didFatal) {
- firstUncaughtError = error;
- break;
- }
- var failedWork = nextUnitOfWork;
- if (null !== failedWork) {
- var boundary = captureError(failedWork, error);
- if (invariant(null !== boundary, "Should have found an error boundary. This error is likely " + "caused by a bug in React. Please file an issue."),
- !didFatal) {
- didError = !1, error = null;
- try {
- performWorkCatchBlock(failedWork, boundary, minPriorityLevel, deadline), error = null;
- } catch (e) {
- didError = !0, error = e;
- continue;
- }
- break;
- }
- } else didFatal = !0;
- }
- priorityContext = previousPriorityContext, null !== deadline && (isCallbackScheduled = !1),
- nextPriorityLevel > TaskPriority$1 && !isCallbackScheduled && (scheduleDeferredCallback(performDeferredWork),
- isCallbackScheduled = !0);
- var errorToThrow = firstUncaughtError;
- if (isPerformingWork = !1, deadlineHasExpired = !1, didFatal = !1, firstUncaughtError = null,
- capturedErrors = null, failedBoundaries = null, nextRenderedTree = null, nestedUpdateCount = 0,
- null !== errorToThrow) throw errorToThrow;
- }
- function captureError(failedWork, error) {
- ReactCurrentOwner$1.current = null;
- var boundary = null, errorBoundaryFound = !1, willRetry = !1, errorBoundaryName = null;
- if (failedWork.tag === HostRoot$4) boundary = failedWork, isFailedBoundary(failedWork) && (didFatal = !0); else for (var node = failedWork.return; null !== node && null === boundary; ) {
- if (node.tag === ClassComponent$4) {
- var instance = node.stateNode;
- "function" == typeof instance.componentDidCatch && (errorBoundaryFound = !0, errorBoundaryName = getComponentName_1(node),
- boundary = node, willRetry = !0);
- } else node.tag === HostRoot$4 && (boundary = node);
- if (isFailedBoundary(node)) {
- if (isUnmounting) return null;
- if (null !== commitPhaseBoundaries && (commitPhaseBoundaries.has(node) || null !== node.alternate && commitPhaseBoundaries.has(node.alternate))) return null;
- boundary = null, willRetry = !1;
- }
- node = node.return;
- }
- if (null !== boundary) {
- null === failedBoundaries && (failedBoundaries = new Set()), failedBoundaries.add(boundary);
- var _componentStack = getStackAddendumByWorkInProgressFiber(failedWork), _componentName = getComponentName_1(failedWork);
- null === capturedErrors && (capturedErrors = new Map());
- var capturedError = {
- componentName: _componentName,
- componentStack: _componentStack,
- error: error,
- errorBoundary: errorBoundaryFound ? boundary.stateNode : null,
- errorBoundaryFound: errorBoundaryFound,
- errorBoundaryName: errorBoundaryName,
- willRetry: willRetry
- };
- capturedErrors.set(boundary, capturedError);
- try {
- logCapturedError$1(capturedError);
- } catch (e) {
- console.error(e);
- }
- return isCommitting ? (null === commitPhaseBoundaries && (commitPhaseBoundaries = new Set()),
- commitPhaseBoundaries.add(boundary)) : scheduleErrorRecovery(boundary), boundary;
- }
- return null === firstUncaughtError && (firstUncaughtError = error), null;
- }
- function hasCapturedError(fiber) {
- return null !== capturedErrors && (capturedErrors.has(fiber) || null !== fiber.alternate && capturedErrors.has(fiber.alternate));
- }
- function isFailedBoundary(fiber) {
- return null !== failedBoundaries && (failedBoundaries.has(fiber) || null !== fiber.alternate && failedBoundaries.has(fiber.alternate));
- }
- function commitErrorHandling(effectfulFiber) {
- var capturedError = void 0;
- switch (null !== capturedErrors && (capturedError = capturedErrors.get(effectfulFiber),
- capturedErrors.delete(effectfulFiber), null == capturedError && null !== effectfulFiber.alternate && (effectfulFiber = effectfulFiber.alternate,
- capturedError = capturedErrors.get(effectfulFiber), capturedErrors.delete(effectfulFiber))),
- invariant(null != capturedError, "No error for given unit of work. This error is likely caused by a " + "bug in React. Please file an issue."),
- effectfulFiber.tag) {
- case ClassComponent$4:
- var instance = effectfulFiber.stateNode, info = {
- componentStack: capturedError.componentStack
- };
- return void instance.componentDidCatch(capturedError.error, info);
-
- case HostRoot$4:
- return void (null === firstUncaughtError && (firstUncaughtError = capturedError.error));
-
- default:
- invariant(!1, "Invalid type of work. This error is likely caused by a bug in " + "React. Please file an issue.");
- }
- }
- function unwindContexts(from, to) {
- for (var node = from; null !== node; ) {
- switch (node.tag) {
- case ClassComponent$4:
- popContextProvider$1(node);
- break;
-
- case HostComponent$3:
- popHostContext(node);
- break;
-
- case HostRoot$4:
- case HostPortal$2:
- popHostContainer(node);
- }
- if (node === to || node.alternate === to) break;
- node = node.return;
- }
- }
- function scheduleRoot(root, priorityLevel) {
- priorityLevel !== NoWork$2 && (root.isScheduled || (root.isScheduled = !0, lastScheduledRoot ? (lastScheduledRoot.nextScheduledRoot = root,
- lastScheduledRoot = root) : (nextScheduledRoot = root, lastScheduledRoot = root)));
- }
- function scheduleUpdate(fiber, priorityLevel) {
- return scheduleUpdateImpl(fiber, priorityLevel, !1);
- }
- function scheduleUpdateImpl(fiber, priorityLevel, isErrorRecovery) {
- nestedUpdateCount > NESTED_UPDATE_LIMIT && (didFatal = !0, invariant(!1, "Maximum update depth exceeded. This can happen when a " + "component repeatedly calls setState inside componentWillUpdate or " + "componentDidUpdate. React limits the number of nested updates to " + "prevent infinite loops.")),
- !isPerformingWork && priorityLevel <= nextPriorityLevel && (nextUnitOfWork = null);
- for (var node = fiber, shouldContinue = !0; null !== node && shouldContinue; ) {
- if (shouldContinue = !1, (node.pendingWorkPriority === NoWork$2 || node.pendingWorkPriority > priorityLevel) && (shouldContinue = !0,
- node.pendingWorkPriority = priorityLevel), null !== node.alternate && (node.alternate.pendingWorkPriority === NoWork$2 || node.alternate.pendingWorkPriority > priorityLevel) && (shouldContinue = !0,
- node.alternate.pendingWorkPriority = priorityLevel), null === node.return) {
- if (node.tag !== HostRoot$4) return;
- if (scheduleRoot(node.stateNode, priorityLevel), !isPerformingWork) switch (priorityLevel) {
- case SynchronousPriority$1:
- isUnbatchingUpdates ? performWork(SynchronousPriority$1, null) : performWork(TaskPriority$1, null);
- break;
-
- case TaskPriority$1:
- invariant(isBatchingUpdates, "Task updates can only be scheduled as a nested update or " + "inside batchedUpdates.");
- break;
-
- default:
- isCallbackScheduled || (scheduleDeferredCallback(performDeferredWork), isCallbackScheduled = !0);
- }
- }
- node = node.return;
- }
- }
- function getPriorityContext(fiber, forceAsync) {
- var priorityLevel = priorityContext;
- return priorityLevel === NoWork$2 && (priorityLevel = !useSyncScheduling || fiber.internalContextTag & AsyncUpdates || forceAsync ? LowPriority : SynchronousPriority$1),
- priorityLevel === SynchronousPriority$1 && (isPerformingWork || isBatchingUpdates) ? TaskPriority$1 : priorityLevel;
- }
- function scheduleErrorRecovery(fiber) {
- scheduleUpdateImpl(fiber, TaskPriority$1, !0);
- }
- function batchedUpdates(fn, a) {
- var previousIsBatchingUpdates = isBatchingUpdates;
- isBatchingUpdates = !0;
- try {
- return fn(a);
- } finally {
- isBatchingUpdates = previousIsBatchingUpdates, isPerformingWork || isBatchingUpdates || performWork(TaskPriority$1, null);
- }
- }
- function unbatchedUpdates(fn) {
- var previousIsUnbatchingUpdates = isUnbatchingUpdates, previousIsBatchingUpdates = isBatchingUpdates;
- isUnbatchingUpdates = isBatchingUpdates, isBatchingUpdates = !1;
- try {
- return fn();
- } finally {
- isBatchingUpdates = previousIsBatchingUpdates, isUnbatchingUpdates = previousIsUnbatchingUpdates;
- }
- }
- function flushSync(batch) {
- var previousIsBatchingUpdates = isBatchingUpdates, previousPriorityContext = priorityContext;
- isBatchingUpdates = !0, priorityContext = SynchronousPriority$1;
- try {
- return batch();
- } finally {
- isBatchingUpdates = previousIsBatchingUpdates, priorityContext = previousPriorityContext,
- invariant(!isPerformingWork, "flushSync was called from inside a lifecycle method. It cannot be " + "called when React is already rendering."),
- performWork(TaskPriority$1, null);
- }
- }
- function deferredUpdates(fn) {
- var previousPriorityContext = priorityContext;
- priorityContext = LowPriority;
- try {
- return fn();
- } finally {
- priorityContext = previousPriorityContext;
- }
- }
- return {
- scheduleUpdate: scheduleUpdate,
- getPriorityContext: getPriorityContext,
- batchedUpdates: batchedUpdates,
- unbatchedUpdates: unbatchedUpdates,
- flushSync: flushSync,
- deferredUpdates: deferredUpdates
- };
-}, addTopLevelUpdate = ReactFiberUpdateQueue.addTopLevelUpdate, findCurrentUnmaskedContext = ReactFiberContext.findCurrentUnmaskedContext, isContextProvider = ReactFiberContext.isContextProvider, processChildContext = ReactFiberContext.processChildContext, createFiberRoot = ReactFiberRoot.createFiberRoot, HostComponent = ReactTypeOfWork.HostComponent, findCurrentHostFiber = ReactFiberTreeReflection.findCurrentHostFiber, findCurrentHostFiberWithNoPortals = ReactFiberTreeReflection.findCurrentHostFiberWithNoPortals;
-
-function getContextForSubtree(parentComponent) {
- if (!parentComponent) return emptyObject;
- var fiber = ReactInstanceMap_1.get(parentComponent), parentContext = findCurrentUnmaskedContext(fiber);
- return isContextProvider(fiber) ? processChildContext(fiber, parentContext) : parentContext;
-}
-
-var ReactFiberReconciler = function(config) {
- var getPublicInstance = config.getPublicInstance, _ReactFiberScheduler = ReactFiberScheduler(config), scheduleUpdate = _ReactFiberScheduler.scheduleUpdate, getPriorityContext = _ReactFiberScheduler.getPriorityContext, batchedUpdates = _ReactFiberScheduler.batchedUpdates, unbatchedUpdates = _ReactFiberScheduler.unbatchedUpdates, flushSync = _ReactFiberScheduler.flushSync, deferredUpdates = _ReactFiberScheduler.deferredUpdates;
- function scheduleTopLevelUpdate(current, element, callback) {
- var forceAsync = ReactFeatureFlags_1.enableAsyncSubtreeAPI && null != element && null != element.type && null != element.type.prototype && !0 === element.type.prototype.unstable_isAsyncReactComponent, priorityLevel = getPriorityContext(current, forceAsync), nextState = {
- element: element
- };
- callback = void 0 === callback ? null : callback, addTopLevelUpdate(current, nextState, callback, priorityLevel),
- scheduleUpdate(current, priorityLevel);
- }
- return {
- createContainer: function(containerInfo) {
- return createFiberRoot(containerInfo);
- },
- updateContainer: function(element, container, parentComponent, callback) {
- var current = container.current, context = getContextForSubtree(parentComponent);
- null === container.context ? container.context = context : container.pendingContext = context,
- scheduleTopLevelUpdate(current, element, callback);
- },
- batchedUpdates: batchedUpdates,
- unbatchedUpdates: unbatchedUpdates,
- deferredUpdates: deferredUpdates,
- flushSync: flushSync,
- getPublicRootInstance: function(container) {
- var containerFiber = container.current;
- if (!containerFiber.child) return null;
- switch (containerFiber.child.tag) {
- case HostComponent:
- return getPublicInstance(containerFiber.child.stateNode);
-
- default:
- return containerFiber.child.stateNode;
- }
- },
- findHostInstance: function(fiber) {
- var hostFiber = findCurrentHostFiber(fiber);
- return null === hostFiber ? null : hostFiber.stateNode;
- },
- findHostInstanceWithNoPortals: function(fiber) {
- var hostFiber = findCurrentHostFiberWithNoPortals(fiber);
- return null === hostFiber ? null : hostFiber.stateNode;
- }
- };
-};
-
-function _classCallCheck(instance, Constructor) {
- if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
-}
-
-var objects = {}, uniqueID = 1, emptyObject$3 = {}, ReactNativePropRegistry = function() {
- function ReactNativePropRegistry() {
- _classCallCheck(this, ReactNativePropRegistry);
- }
- return ReactNativePropRegistry.register = function(object) {
- var id = ++uniqueID;
- return objects[id] = object, id;
- }, ReactNativePropRegistry.getByID = function(id) {
- if (!id) return emptyObject$3;
- var object = objects[id];
- return object || (console.warn("Invalid style with id `" + id + "`. Skipping ..."),
- emptyObject$3);
- }, ReactNativePropRegistry;
-}(), ReactNativePropRegistry_1 = ReactNativePropRegistry, emptyObject$2 = {}, removedKeys = null, removedKeyCount = 0;
-
-function defaultDiffer(prevProp, nextProp) {
- return "object" != typeof nextProp || null === nextProp || deepDiffer(prevProp, nextProp);
-}
-
-function resolveObject(idOrObject) {
- return "number" == typeof idOrObject ? ReactNativePropRegistry_1.getByID(idOrObject) : idOrObject;
-}
-
-function restoreDeletedValuesInNestedArray(updatePayload, node, validAttributes) {
- if (Array.isArray(node)) for (var i = node.length; i-- && removedKeyCount > 0; ) restoreDeletedValuesInNestedArray(updatePayload, node[i], validAttributes); else if (node && removedKeyCount > 0) {
- var obj = resolveObject(node);
- for (var propKey in removedKeys) if (removedKeys[propKey]) {
- var nextProp = obj[propKey];
- if (void 0 !== nextProp) {
- var attributeConfig = validAttributes[propKey];
- if (attributeConfig) {
- if ("function" == typeof nextProp && (nextProp = !0), void 0 === nextProp && (nextProp = null),
- "object" != typeof attributeConfig) updatePayload[propKey] = nextProp; else if ("function" == typeof attributeConfig.diff || "function" == typeof attributeConfig.process) {
- var nextValue = "function" == typeof attributeConfig.process ? attributeConfig.process(nextProp) : nextProp;
- updatePayload[propKey] = nextValue;
- }
- removedKeys[propKey] = !1, removedKeyCount--;
- }
- }
- }
- }
-}
-
-function diffNestedArrayProperty(updatePayload, prevArray, nextArray, validAttributes) {
- var i, minLength = prevArray.length < nextArray.length ? prevArray.length : nextArray.length;
- for (i = 0; i < minLength; i++) updatePayload = diffNestedProperty(updatePayload, prevArray[i], nextArray[i], validAttributes);
- for (;i < prevArray.length; i++) updatePayload = clearNestedProperty(updatePayload, prevArray[i], validAttributes);
- for (;i < nextArray.length; i++) updatePayload = addNestedProperty(updatePayload, nextArray[i], validAttributes);
- return updatePayload;
-}
-
-function diffNestedProperty(updatePayload, prevProp, nextProp, validAttributes) {
- return updatePayload || prevProp !== nextProp ? prevProp && nextProp ? Array.isArray(prevProp) || Array.isArray(nextProp) ? Array.isArray(prevProp) && Array.isArray(nextProp) ? diffNestedArrayProperty(updatePayload, prevProp, nextProp, validAttributes) : Array.isArray(prevProp) ? diffProperties(updatePayload, flattenStyle(prevProp), resolveObject(nextProp), validAttributes) : diffProperties(updatePayload, resolveObject(prevProp), flattenStyle(nextProp), validAttributes) : diffProperties(updatePayload, resolveObject(prevProp), resolveObject(nextProp), validAttributes) : nextProp ? addNestedProperty(updatePayload, nextProp, validAttributes) : prevProp ? clearNestedProperty(updatePayload, prevProp, validAttributes) : updatePayload : updatePayload;
-}
-
-function addNestedProperty(updatePayload, nextProp, validAttributes) {
- if (!nextProp) return updatePayload;
- if (!Array.isArray(nextProp)) return addProperties(updatePayload, resolveObject(nextProp), validAttributes);
- for (var i = 0; i < nextProp.length; i++) updatePayload = addNestedProperty(updatePayload, nextProp[i], validAttributes);
- return updatePayload;
-}
-
-function clearNestedProperty(updatePayload, prevProp, validAttributes) {
- if (!prevProp) return updatePayload;
- if (!Array.isArray(prevProp)) return clearProperties(updatePayload, resolveObject(prevProp), validAttributes);
- for (var i = 0; i < prevProp.length; i++) updatePayload = clearNestedProperty(updatePayload, prevProp[i], validAttributes);
- return updatePayload;
-}
-
-function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
- var attributeConfig, nextProp, prevProp;
- for (var propKey in nextProps) if (attributeConfig = validAttributes[propKey]) if (prevProp = prevProps[propKey],
- nextProp = nextProps[propKey], "function" == typeof nextProp && (nextProp = !0,
- "function" == typeof prevProp && (prevProp = !0)), void 0 === nextProp && (nextProp = null,
- void 0 === prevProp && (prevProp = null)), removedKeys && (removedKeys[propKey] = !1),
- updatePayload && void 0 !== updatePayload[propKey]) {
- if ("object" != typeof attributeConfig) updatePayload[propKey] = nextProp; else if ("function" == typeof attributeConfig.diff || "function" == typeof attributeConfig.process) {
- var nextValue = "function" == typeof attributeConfig.process ? attributeConfig.process(nextProp) : nextProp;
- updatePayload[propKey] = nextValue;
- }
- } else if (prevProp !== nextProp) if ("object" != typeof attributeConfig) defaultDiffer(prevProp, nextProp) && ((updatePayload || (updatePayload = {}))[propKey] = nextProp); else if ("function" == typeof attributeConfig.diff || "function" == typeof attributeConfig.process) {
- var shouldUpdate = void 0 === prevProp || ("function" == typeof attributeConfig.diff ? attributeConfig.diff(prevProp, nextProp) : defaultDiffer(prevProp, nextProp));
- shouldUpdate && (nextValue = "function" == typeof attributeConfig.process ? attributeConfig.process(nextProp) : nextProp,
- (updatePayload || (updatePayload = {}))[propKey] = nextValue);
- } else removedKeys = null, removedKeyCount = 0, updatePayload = diffNestedProperty(updatePayload, prevProp, nextProp, attributeConfig),
- removedKeyCount > 0 && updatePayload && (restoreDeletedValuesInNestedArray(updatePayload, nextProp, attributeConfig),
- removedKeys = null);
- for (propKey in prevProps) void 0 === nextProps[propKey] && (attributeConfig = validAttributes[propKey]) && (updatePayload && void 0 !== updatePayload[propKey] || void 0 !== (prevProp = prevProps[propKey]) && ("object" != typeof attributeConfig || "function" == typeof attributeConfig.diff || "function" == typeof attributeConfig.process ? ((updatePayload || (updatePayload = {}))[propKey] = null,
- removedKeys || (removedKeys = {}), removedKeys[propKey] || (removedKeys[propKey] = !0,
- removedKeyCount++)) : updatePayload = clearNestedProperty(updatePayload, prevProp, attributeConfig)));
- return updatePayload;
-}
-
-function addProperties(updatePayload, props, validAttributes) {
- return diffProperties(updatePayload, emptyObject$2, props, validAttributes);
-}
-
-function clearProperties(updatePayload, prevProps, validAttributes) {
- return diffProperties(updatePayload, prevProps, emptyObject$2, validAttributes);
-}
-
-var ReactNativeAttributePayload = {
- create: function(props, validAttributes) {
- return addProperties(null, props, validAttributes);
- },
- diff: function(prevProps, nextProps, validAttributes) {
- return diffProperties(null, prevProps, nextProps, validAttributes);
- }
-}, ReactNativeAttributePayload_1 = ReactNativeAttributePayload;
-
-function mountSafeCallback$1(context, callback) {
- return function() {
- if (callback) {
- if ("boolean" == typeof context.__isMounted) {
- if (!context.__isMounted) return;
- } else if ("function" == typeof context.isMounted && !context.isMounted()) return;
- return callback.apply(context, arguments);
- }
- };
-}
-
-function throwOnStylesProp(component, props) {
- if (void 0 !== props.styles) {
- var owner = component._owner || null, name = component.constructor.displayName, msg = "`styles` is not a supported property of `" + name + "`, did " + "you mean `style` (singular)?";
- throw owner && owner.constructor && owner.constructor.displayName && (msg += "\n\nCheck the `" + owner.constructor.displayName + "` parent " + " component."),
- new Error(msg);
- }
-}
-
-function warnForStyleProps$1(props, validAttributes) {
- for (var key in validAttributes.style) validAttributes[key] || void 0 === props[key] || console.error("You are setting the style `{ " + key + ": ... }` as a prop. You " + "should nest it in a style object. " + "E.g. `{ style: { " + key + ": ... } }`");
-}
-
-var NativeMethodsMixinUtils = {
- mountSafeCallback: mountSafeCallback$1,
- throwOnStylesProp: throwOnStylesProp,
- warnForStyleProps: warnForStyleProps$1
-};
-
-function _classCallCheck$1(instance, Constructor) {
- if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
-}
-
-var mountSafeCallback = NativeMethodsMixinUtils.mountSafeCallback, ReactNativeFiberHostComponent = function() {
- function ReactNativeFiberHostComponent(tag, viewConfig) {
- _classCallCheck$1(this, ReactNativeFiberHostComponent), this._nativeTag = tag, this._children = [],
- this.viewConfig = viewConfig;
- }
- return ReactNativeFiberHostComponent.prototype.blur = function() {
- TextInputState.blurTextInput(this._nativeTag);
- }, ReactNativeFiberHostComponent.prototype.focus = function() {
- TextInputState.focusTextInput(this._nativeTag);
- }, ReactNativeFiberHostComponent.prototype.measure = function(callback) {
- UIManager.measure(this._nativeTag, mountSafeCallback(this, callback));
- }, ReactNativeFiberHostComponent.prototype.measureInWindow = function(callback) {
- UIManager.measureInWindow(this._nativeTag, mountSafeCallback(this, callback));
- }, ReactNativeFiberHostComponent.prototype.measureLayout = function(relativeToNativeNode, onSuccess, onFail) {
- UIManager.measureLayout(this._nativeTag, relativeToNativeNode, mountSafeCallback(this, onFail), mountSafeCallback(this, onSuccess));
- }, ReactNativeFiberHostComponent.prototype.setNativeProps = function(nativeProps) {
- var updatePayload = ReactNativeAttributePayload_1.create(nativeProps, this.viewConfig.validAttributes);
- null != updatePayload && UIManager.updateView(this._nativeTag, this.viewConfig.uiViewClassName, updatePayload);
- }, ReactNativeFiberHostComponent;
-}(), ReactNativeFiberHostComponent_1 = ReactNativeFiberHostComponent, INITIAL_TAG_COUNT = 1, ReactNativeTagHandles = {
- tagsStartAt: INITIAL_TAG_COUNT,
- tagCount: INITIAL_TAG_COUNT,
- allocateTag: function() {
- for (;this.reactTagIsNativeTopRootID(ReactNativeTagHandles.tagCount); ) ReactNativeTagHandles.tagCount++;
- var tag = ReactNativeTagHandles.tagCount;
- return ReactNativeTagHandles.tagCount++, tag;
- },
- assertRootTag: function(tag) {
- invariant(this.reactTagIsNativeTopRootID(tag), "Expect a native root tag, instead got %s", tag);
- },
- reactTagIsNativeTopRootID: function(reactTag) {
- return reactTag % 10 == 1;
- }
-}, ReactNativeTagHandles_1 = ReactNativeTagHandles, viewConfigCallbacks = new Map(), viewConfigs = new Map(), ReactNativeViewConfigRegistry = {
- register: function(name, callback) {
- return invariant(!viewConfigCallbacks.has(name), "Tried to register two views with the same name %s", name),
- viewConfigCallbacks.set(name, callback), name;
- },
- get: function(name) {
- var viewConfig = void 0;
- if (viewConfigs.has(name)) viewConfig = viewConfigs.get(name); else {
- var callback = viewConfigCallbacks.get(name);
- invariant("function" == typeof callback, "View config not found for name %s", name),
- viewConfigCallbacks.set(name, null), viewConfig = callback(), viewConfigs.set(name, viewConfig);
- }
- return invariant(viewConfig, "View config not found for name %s", name), viewConfig;
- }
-}, ReactNativeViewConfigRegistry_1 = ReactNativeViewConfigRegistry, precacheFiberNode$1 = ReactNativeComponentTree_1.precacheFiberNode, uncacheFiberNode$1 = ReactNativeComponentTree_1.uncacheFiberNode, updateFiberProps$1 = ReactNativeComponentTree_1.updateFiberProps;
-
-function recursivelyUncacheFiberNode(node) {
- "number" == typeof node ? uncacheFiberNode$1(node) : (uncacheFiberNode$1(node._nativeTag),
- node._children.forEach(recursivelyUncacheFiberNode));
-}
-
-var NativeRenderer = ReactFiberReconciler({
- appendChild: function(parentInstance, child) {
- var childTag = "number" == typeof child ? child : child._nativeTag, children = parentInstance._children, index = children.indexOf(child);
- index >= 0 ? (children.splice(index, 1), children.push(child), UIManager.manageChildren(parentInstance._nativeTag, [ index ], [ children.length - 1 ], [], [], [])) : (children.push(child),
- UIManager.manageChildren(parentInstance._nativeTag, [], [], [ childTag ], [ children.length - 1 ], []));
- },
- appendChildToContainer: function(parentInstance, child) {
- var childTag = "number" == typeof child ? child : child._nativeTag;
- UIManager.setChildren(parentInstance, [ childTag ]);
- },
- appendInitialChild: function(parentInstance, child) {
- parentInstance._children.push(child);
- },
- commitTextUpdate: function(textInstance, oldText, newText) {
- UIManager.updateView(textInstance, "RCTRawText", {
- text: newText
- });
- },
- commitMount: function(instance, type, newProps, internalInstanceHandle) {},
- commitUpdate: function(instance, updatePayloadTODO, type, oldProps, newProps, internalInstanceHandle) {
- var viewConfig = instance.viewConfig;
- updateFiberProps$1(instance._nativeTag, newProps);
- var updatePayload = ReactNativeAttributePayload_1.diff(oldProps, newProps, viewConfig.validAttributes);
- null != updatePayload && UIManager.updateView(instance._nativeTag, viewConfig.uiViewClassName, updatePayload);
- },
- createInstance: function(type, props, rootContainerInstance, hostContext, internalInstanceHandle) {
- var tag = ReactNativeTagHandles_1.allocateTag(), viewConfig = ReactNativeViewConfigRegistry_1.get(type), updatePayload = ReactNativeAttributePayload_1.create(props, viewConfig.validAttributes);
- UIManager.createView(tag, viewConfig.uiViewClassName, rootContainerInstance, updatePayload);
- var component = new ReactNativeFiberHostComponent_1(tag, viewConfig);
- return precacheFiberNode$1(internalInstanceHandle, tag), updateFiberProps$1(tag, props),
- component;
- },
- createTextInstance: function(text, rootContainerInstance, hostContext, internalInstanceHandle) {
- var tag = ReactNativeTagHandles_1.allocateTag();
- return UIManager.createView(tag, "RCTRawText", rootContainerInstance, {
- text: text
- }), precacheFiberNode$1(internalInstanceHandle, tag), tag;
- },
- finalizeInitialChildren: function(parentInstance, type, props, rootContainerInstance) {
- if (0 === parentInstance._children.length) return !1;
- var nativeTags = parentInstance._children.map(function(child) {
- return "number" == typeof child ? child : child._nativeTag;
- });
- return UIManager.setChildren(parentInstance._nativeTag, nativeTags), !1;
- },
- getRootHostContext: function() {
- return emptyObject;
- },
- getChildHostContext: function() {
- return emptyObject;
- },
- getPublicInstance: function(instance) {
- return instance;
- },
- insertBefore: function(parentInstance, child, beforeChild) {
- var children = parentInstance._children, index = children.indexOf(child);
- if (index >= 0) {
- children.splice(index, 1);
- var beforeChildIndex = children.indexOf(beforeChild);
- children.splice(beforeChildIndex, 0, child), UIManager.manageChildren(parentInstance._nativeTag, [ index ], [ beforeChildIndex ], [], [], []);
- } else {
- var _beforeChildIndex = children.indexOf(beforeChild);
- children.splice(_beforeChildIndex, 0, child);
- var childTag = "number" == typeof child ? child : child._nativeTag;
- UIManager.manageChildren(parentInstance._nativeTag, [], [], [ childTag ], [ _beforeChildIndex ], []);
- }
- },
- insertInContainerBefore: function(parentInstance, child, beforeChild) {
- invariant("number" != typeof parentInstance, "Container does not support insertBefore operation");
- },
- prepareForCommit: function() {},
- prepareUpdate: function(instance, type, oldProps, newProps, rootContainerInstance, hostContext) {
- return emptyObject;
- },
- removeChild: function(parentInstance, child) {
- recursivelyUncacheFiberNode(child);
- var children = parentInstance._children, index = children.indexOf(child);
- children.splice(index, 1), UIManager.manageChildren(parentInstance._nativeTag, [], [], [], [], [ index ]);
- },
- removeChildFromContainer: function(parentInstance, child) {
- recursivelyUncacheFiberNode(child), UIManager.manageChildren(parentInstance, [], [], [], [], [ 0 ]);
- },
- resetAfterCommit: function() {},
- resetTextContent: function(instance) {},
- shouldDeprioritizeSubtree: function(type, props) {
- return !1;
- },
- scheduleDeferredCallback: commonjsGlobal.requestIdleCallback,
- shouldSetTextContent: function(type, props) {
- return !1;
- },
- useSyncScheduling: !0
-}), ReactNativeFiberRenderer = NativeRenderer, getInspectorDataForViewTag = void 0;
-
-getInspectorDataForViewTag = function() {
- invariant(!1, "getInspectorDataForViewTag() is not available in production");
-};
-
-var ReactNativeFiberInspector = {
- getInspectorDataForViewTag: getInspectorDataForViewTag
-}, ReactVersion = "16.0.0";
-
-function findNodeHandle(componentOrHandle) {
- if (null == componentOrHandle) return null;
- if ("number" == typeof componentOrHandle) return componentOrHandle;
- var component = componentOrHandle, internalInstance = ReactInstanceMap_1.get(component);
- return internalInstance ? ReactNativeFiberRenderer.findHostInstance(internalInstance) : component || (invariant("object" == typeof component && "_nativeTag" in component || null != component.render && "function" == typeof component.render, "findNodeHandle(...): Argument is not a component " + "(type: %s, keys: %s)", typeof component, Object.keys(component)),
- void invariant(!1, "findNodeHandle(...): Unable to find node handle for unmounted " + "component."));
-}
-
-var findNodeHandle_1 = findNodeHandle, findNumericNodeHandle = function(componentOrHandle) {
- var instance = findNodeHandle_1(componentOrHandle);
- return null == instance || "number" == typeof instance ? instance : instance._nativeTag;
-}, eventPluginOrder = null, namesToPlugins = {};
-
-function recomputePluginOrdering() {
- if (eventPluginOrder) for (var pluginName in namesToPlugins) {
- var pluginModule = namesToPlugins[pluginName], pluginIndex = eventPluginOrder.indexOf(pluginName);
- if (invariant(pluginIndex > -1, "EventPluginRegistry: Cannot inject event plugins that do not exist in " + "the plugin ordering, `%s`.", pluginName),
- !EventPluginRegistry.plugins[pluginIndex]) {
- invariant(pluginModule.extractEvents, "EventPluginRegistry: Event plugins must implement an `extractEvents` " + "method, but `%s` does not.", pluginName),
- EventPluginRegistry.plugins[pluginIndex] = pluginModule;
- var publishedEvents = pluginModule.eventTypes;
- for (var eventName in publishedEvents) invariant(publishEventForPlugin(publishedEvents[eventName], pluginModule, eventName), "EventPluginRegistry: Failed to publish event `%s` for plugin `%s`.", eventName, pluginName);
- }
- }
-}
-
-function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
- invariant(!EventPluginRegistry.eventNameDispatchConfigs.hasOwnProperty(eventName), "EventPluginHub: More than one plugin attempted to publish the same " + "event name, `%s`.", eventName),
- EventPluginRegistry.eventNameDispatchConfigs[eventName] = dispatchConfig;
- var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
- if (phasedRegistrationNames) {
- for (var phaseName in phasedRegistrationNames) if (phasedRegistrationNames.hasOwnProperty(phaseName)) {
- var phasedRegistrationName = phasedRegistrationNames[phaseName];
- publishRegistrationName(phasedRegistrationName, pluginModule, eventName);
- }
- return !0;
- }
- return !!dispatchConfig.registrationName && (publishRegistrationName(dispatchConfig.registrationName, pluginModule, eventName),
- !0);
-}
-
-function publishRegistrationName(registrationName, pluginModule, eventName) {
- invariant(!EventPluginRegistry.registrationNameModules[registrationName], "EventPluginHub: More than one plugin attempted to publish the same " + "registration name, `%s`.", registrationName),
- EventPluginRegistry.registrationNameModules[registrationName] = pluginModule, EventPluginRegistry.registrationNameDependencies[registrationName] = pluginModule.eventTypes[eventName].dependencies;
-}
-
-var EventPluginRegistry = {
- plugins: [],
- eventNameDispatchConfigs: {},
- registrationNameModules: {},
- registrationNameDependencies: {},
- possibleRegistrationNames: null,
- injectEventPluginOrder: function(injectedEventPluginOrder) {
- invariant(!eventPluginOrder, "EventPluginRegistry: Cannot inject event plugin ordering more than " + "once. You are likely trying to load more than one copy of React."),
- eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder), recomputePluginOrdering();
- },
- injectEventPluginsByName: function(injectedNamesToPlugins) {
- var isOrderingDirty = !1;
- for (var pluginName in injectedNamesToPlugins) if (injectedNamesToPlugins.hasOwnProperty(pluginName)) {
- var pluginModule = injectedNamesToPlugins[pluginName];
- namesToPlugins.hasOwnProperty(pluginName) && namesToPlugins[pluginName] === pluginModule || (invariant(!namesToPlugins[pluginName], "EventPluginRegistry: Cannot inject two different event plugins " + "using the same name, `%s`.", pluginName),
- namesToPlugins[pluginName] = pluginModule, isOrderingDirty = !0);
- }
- isOrderingDirty && recomputePluginOrdering();
- }
-}, EventPluginRegistry_1 = EventPluginRegistry;
-
-function accumulateInto(current, next) {
- return invariant(null != next, "accumulateInto(...): Accumulated items must not be null or undefined."),
- null == current ? next : Array.isArray(current) ? Array.isArray(next) ? (current.push.apply(current, next),
- current) : (current.push(next), current) : Array.isArray(next) ? [ current ].concat(next) : [ current, next ];
-}
-
-var accumulateInto_1 = accumulateInto;
-
-function forEachAccumulated(arr, cb, scope) {
- Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
-}
-
-var forEachAccumulated_1 = forEachAccumulated, eventQueue = null, executeDispatchesAndRelease = function(event, simulated) {
- event && (EventPluginUtils_1.executeDispatchesInOrder(event, simulated), event.isPersistent() || event.constructor.release(event));
-}, executeDispatchesAndReleaseSimulated = function(e) {
- return executeDispatchesAndRelease(e, !0);
-}, executeDispatchesAndReleaseTopLevel = function(e) {
- return executeDispatchesAndRelease(e, !1);
-};
-
-function isInteractive(tag) {
- return "button" === tag || "input" === tag || "select" === tag || "textarea" === tag;
-}
-
-function shouldPreventMouseEvent(name, type, props) {
- switch (name) {
- case "onClick":
- case "onClickCapture":
- case "onDoubleClick":
- case "onDoubleClickCapture":
- case "onMouseDown":
- case "onMouseDownCapture":
- case "onMouseMove":
- case "onMouseMoveCapture":
- case "onMouseUp":
- case "onMouseUpCapture":
- return !(!props.disabled || !isInteractive(type));
-
- default:
- return !1;
- }
-}
-
-var EventPluginHub = {
- injection: {
- injectEventPluginOrder: EventPluginRegistry_1.injectEventPluginOrder,
- injectEventPluginsByName: EventPluginRegistry_1.injectEventPluginsByName
- },
- getListener: function(inst, registrationName) {
- var listener, stateNode = inst.stateNode;
- if (!stateNode) return null;
- var props = EventPluginUtils_1.getFiberCurrentPropsFromNode(stateNode);
- return props ? (listener = props[registrationName], shouldPreventMouseEvent(registrationName, inst.type, props) ? null : (invariant(!listener || "function" == typeof listener, "Expected `%s` listener to be a function, instead got a value of `%s` type.", registrationName, typeof listener),
- listener)) : null;
- },
- extractEvents: function(topLevelType, targetInst, nativeEvent, nativeEventTarget) {
- for (var events, plugins = EventPluginRegistry_1.plugins, i = 0; i < plugins.length; i++) {
- var possiblePlugin = plugins[i];
- if (possiblePlugin) {
- var extractedEvents = possiblePlugin.extractEvents(topLevelType, targetInst, nativeEvent, nativeEventTarget);
- extractedEvents && (events = accumulateInto_1(events, extractedEvents));
- }
- }
- return events;
- },
- enqueueEvents: function(events) {
- events && (eventQueue = accumulateInto_1(eventQueue, events));
- },
- processEventQueue: function(simulated) {
- var processingEventQueue = eventQueue;
- eventQueue = null, simulated ? forEachAccumulated_1(processingEventQueue, executeDispatchesAndReleaseSimulated) : forEachAccumulated_1(processingEventQueue, executeDispatchesAndReleaseTopLevel),
- invariant(!eventQueue, "processEventQueue(): Additional events were enqueued while processing " + "an event queue. Support for this has not yet been implemented."),
- ReactErrorUtils_1.rethrowCaughtError();
- }
-}, EventPluginHub_1 = EventPluginHub, HostComponent$10 = ReactTypeOfWork.HostComponent;
-
-function getParent(inst) {
- do {
- inst = inst.return;
- } while (inst && inst.tag !== HostComponent$10);
- return inst || null;
-}
-
-function getLowestCommonAncestor(instA, instB) {
- for (var depthA = 0, tempA = instA; tempA; tempA = getParent(tempA)) depthA++;
- for (var depthB = 0, tempB = instB; tempB; tempB = getParent(tempB)) depthB++;
- for (;depthA - depthB > 0; ) instA = getParent(instA), depthA--;
- for (;depthB - depthA > 0; ) instB = getParent(instB), depthB--;
- for (var depth = depthA; depth--; ) {
- if (instA === instB || instA === instB.alternate) return instA;
- instA = getParent(instA), instB = getParent(instB);
- }
- return null;
-}
-
-function isAncestor(instA, instB) {
- for (;instB; ) {
- if (instA === instB || instA === instB.alternate) return !0;
- instB = getParent(instB);
- }
- return !1;
-}
-
-function getParentInstance(inst) {
- return getParent(inst);
-}
-
-function traverseTwoPhase(inst, fn, arg) {
- for (var path = []; inst; ) path.push(inst), inst = getParent(inst);
- var i;
- for (i = path.length; i-- > 0; ) fn(path[i], "captured", arg);
- for (i = 0; i < path.length; i++) fn(path[i], "bubbled", arg);
-}
-
-function traverseEnterLeave(from, to, fn, argFrom, argTo) {
- for (var common = from && to ? getLowestCommonAncestor(from, to) : null, pathFrom = []; from && from !== common; ) pathFrom.push(from),
- from = getParent(from);
- for (var pathTo = []; to && to !== common; ) pathTo.push(to), to = getParent(to);
- var i;
- for (i = 0; i < pathFrom.length; i++) fn(pathFrom[i], "bubbled", argFrom);
- for (i = pathTo.length; i-- > 0; ) fn(pathTo[i], "captured", argTo);
-}
-
-var ReactTreeTraversal = {
- isAncestor: isAncestor,
- getLowestCommonAncestor: getLowestCommonAncestor,
- getParentInstance: getParentInstance,
- traverseTwoPhase: traverseTwoPhase,
- traverseEnterLeave: traverseEnterLeave
-}, getListener = EventPluginHub_1.getListener;
-
-function listenerAtPhase(inst, event, propagationPhase) {
- var registrationName = event.dispatchConfig.phasedRegistrationNames[propagationPhase];
- return getListener(inst, registrationName);
-}
-
-function accumulateDirectionalDispatches(inst, phase, event) {
- var listener = listenerAtPhase(inst, event, phase);
- listener && (event._dispatchListeners = accumulateInto_1(event._dispatchListeners, listener),
- event._dispatchInstances = accumulateInto_1(event._dispatchInstances, inst));
-}
-
-function accumulateTwoPhaseDispatchesSingle(event) {
- event && event.dispatchConfig.phasedRegistrationNames && ReactTreeTraversal.traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
-}
-
-function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
- if (event && event.dispatchConfig.phasedRegistrationNames) {
- var targetInst = event._targetInst, parentInst = targetInst ? ReactTreeTraversal.getParentInstance(targetInst) : null;
- ReactTreeTraversal.traverseTwoPhase(parentInst, accumulateDirectionalDispatches, event);
- }
-}
-
-function accumulateDispatches(inst, ignoredDirection, event) {
- if (inst && event && event.dispatchConfig.registrationName) {
- var registrationName = event.dispatchConfig.registrationName, listener = getListener(inst, registrationName);
- listener && (event._dispatchListeners = accumulateInto_1(event._dispatchListeners, listener),
- event._dispatchInstances = accumulateInto_1(event._dispatchInstances, inst));
- }
-}
-
-function accumulateDirectDispatchesSingle(event) {
- event && event.dispatchConfig.registrationName && accumulateDispatches(event._targetInst, null, event);
-}
-
-function accumulateTwoPhaseDispatches(events) {
- forEachAccumulated_1(events, accumulateTwoPhaseDispatchesSingle);
-}
-
-function accumulateTwoPhaseDispatchesSkipTarget(events) {
- forEachAccumulated_1(events, accumulateTwoPhaseDispatchesSingleSkipTarget);
-}
-
-function accumulateEnterLeaveDispatches(leave, enter, from, to) {
- ReactTreeTraversal.traverseEnterLeave(from, to, accumulateDispatches, leave, enter);
-}
-
-function accumulateDirectDispatches(events) {
- forEachAccumulated_1(events, accumulateDirectDispatchesSingle);
-}
-
-var EventPropagators = {
- accumulateTwoPhaseDispatches: accumulateTwoPhaseDispatches,
- accumulateTwoPhaseDispatchesSkipTarget: accumulateTwoPhaseDispatchesSkipTarget,
- accumulateDirectDispatches: accumulateDirectDispatches,
- accumulateEnterLeaveDispatches: accumulateEnterLeaveDispatches
-}, EventPropagators_1 = EventPropagators, EVENT_POOL_SIZE = 10, shouldBeReleasedProperties = [ "dispatchConfig", "_targetInst", "nativeEvent", "isDefaultPrevented", "isPropagationStopped", "_dispatchListeners", "_dispatchInstances" ], EventInterface = {
- type: null,
- target: null,
- currentTarget: emptyFunction.thatReturnsNull,
- eventPhase: null,
- bubbles: null,
- cancelable: null,
- timeStamp: function(event) {
- return event.timeStamp || Date.now();
- },
- defaultPrevented: null,
- isTrusted: null
-};
-
-function SyntheticEvent(dispatchConfig, targetInst, nativeEvent, nativeEventTarget) {
- this.dispatchConfig = dispatchConfig, this._targetInst = targetInst, this.nativeEvent = nativeEvent;
- var Interface = this.constructor.Interface;
- for (var propName in Interface) if (Interface.hasOwnProperty(propName)) {
- var normalize = Interface[propName];
- normalize ? this[propName] = normalize(nativeEvent) : "target" === propName ? this.target = nativeEventTarget : this[propName] = nativeEvent[propName];
- }
- var defaultPrevented = null != nativeEvent.defaultPrevented ? nativeEvent.defaultPrevented : !1 === nativeEvent.returnValue;
- return this.isDefaultPrevented = defaultPrevented ? emptyFunction.thatReturnsTrue : emptyFunction.thatReturnsFalse,
- this.isPropagationStopped = emptyFunction.thatReturnsFalse, this;
-}
-
-Object.assign(SyntheticEvent.prototype, {
- preventDefault: function() {
- this.defaultPrevented = !0;
- var event = this.nativeEvent;
- event && (event.preventDefault ? event.preventDefault() : "unknown" != typeof event.returnValue && (event.returnValue = !1),
- this.isDefaultPrevented = emptyFunction.thatReturnsTrue);
- },
- stopPropagation: function() {
- var event = this.nativeEvent;
- event && (event.stopPropagation ? event.stopPropagation() : "unknown" != typeof event.cancelBubble && (event.cancelBubble = !0),
- this.isPropagationStopped = emptyFunction.thatReturnsTrue);
- },
- persist: function() {
- this.isPersistent = emptyFunction.thatReturnsTrue;
- },
- isPersistent: emptyFunction.thatReturnsFalse,
- destructor: function() {
- var Interface = this.constructor.Interface;
- for (var propName in Interface) this[propName] = null;
- for (var i = 0; i < shouldBeReleasedProperties.length; i++) this[shouldBeReleasedProperties[i]] = null;
- }
-}), SyntheticEvent.Interface = EventInterface, SyntheticEvent.augmentClass = function(Class, Interface) {
- var Super = this, E = function() {};
- E.prototype = Super.prototype;
- var prototype = new E();
- Object.assign(prototype, Class.prototype), Class.prototype = prototype, Class.prototype.constructor = Class,
- Class.Interface = Object.assign({}, Super.Interface, Interface), Class.augmentClass = Super.augmentClass,
- addEventPoolingTo(Class);
-}, addEventPoolingTo(SyntheticEvent);
-
-var SyntheticEvent_1 = SyntheticEvent;
-
-function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
- var EventConstructor = this;
- if (EventConstructor.eventPool.length) {
- var instance = EventConstructor.eventPool.pop();
- return EventConstructor.call(instance, dispatchConfig, targetInst, nativeEvent, nativeInst),
- instance;
- }
- return new EventConstructor(dispatchConfig, targetInst, nativeEvent, nativeInst);
-}
-
-function releasePooledEvent(event) {
- var EventConstructor = this;
- invariant(event instanceof EventConstructor, "Trying to release an event instance into a pool of a different type."),
- event.destructor(), EventConstructor.eventPool.length < EVENT_POOL_SIZE && EventConstructor.eventPool.push(event);
-}
-
-function addEventPoolingTo(EventConstructor) {
- EventConstructor.eventPool = [], EventConstructor.getPooled = getPooledEvent, EventConstructor.release = releasePooledEvent;
-}
-
-var customBubblingEventTypes = {}, customDirectEventTypes = {}, ReactNativeBridgeEventPlugin = {
- eventTypes: {},
- extractEvents: function(topLevelType, targetInst, nativeEvent, nativeEventTarget) {
- var bubbleDispatchConfig = customBubblingEventTypes[topLevelType], directDispatchConfig = customDirectEventTypes[topLevelType];
- invariant(bubbleDispatchConfig || directDispatchConfig, 'Unsupported top level event type "%s" dispatched', topLevelType);
- var event = SyntheticEvent_1.getPooled(bubbleDispatchConfig || directDispatchConfig, targetInst, nativeEvent, nativeEventTarget);
- if (bubbleDispatchConfig) EventPropagators_1.accumulateTwoPhaseDispatches(event); else {
- if (!directDispatchConfig) return null;
- EventPropagators_1.accumulateDirectDispatches(event);
- }
- return event;
- },
- processEventTypes: function(viewConfig) {
- var bubblingEventTypes = viewConfig.bubblingEventTypes, directEventTypes = viewConfig.directEventTypes;
- if (null != bubblingEventTypes) for (var _topLevelType in bubblingEventTypes) null == customBubblingEventTypes[_topLevelType] && (ReactNativeBridgeEventPlugin.eventTypes[_topLevelType] = customBubblingEventTypes[_topLevelType] = bubblingEventTypes[_topLevelType]);
- if (null != directEventTypes) for (var _topLevelType2 in directEventTypes) null == customDirectEventTypes[_topLevelType2] && (ReactNativeBridgeEventPlugin.eventTypes[_topLevelType2] = customDirectEventTypes[_topLevelType2] = directEventTypes[_topLevelType2]);
- }
-}, ReactNativeBridgeEventPlugin_1 = ReactNativeBridgeEventPlugin;
-
-function runEventQueueInBatch(events) {
- EventPluginHub_1.enqueueEvents(events), EventPluginHub_1.processEventQueue(!1);
-}
-
-var ReactEventEmitterMixin = {
- handleTopLevel: function(topLevelType, targetInst, nativeEvent, nativeEventTarget) {
- runEventQueueInBatch(EventPluginHub_1.extractEvents(topLevelType, targetInst, nativeEvent, nativeEventTarget));
- }
-}, ReactEventEmitterMixin_1 = ReactEventEmitterMixin, EMPTY_NATIVE_EVENT = {}, touchSubsequence = function(touches, indices) {
- for (var ret = [], i = 0; i < indices.length; i++) ret.push(touches[indices[i]]);
- return ret;
-}, removeTouchesAtIndices = function(touches, indices) {
- for (var rippedOut = [], temp = touches, i = 0; i < indices.length; i++) {
- var index = indices[i];
- rippedOut.push(touches[index]), temp[index] = null;
- }
- for (var fillAt = 0, j = 0; j < temp.length; j++) {
- var cur = temp[j];
- null !== cur && (temp[fillAt++] = cur);
- }
- return temp.length = fillAt, rippedOut;
-}, ReactNativeEventEmitter = Object.assign({}, ReactEventEmitterMixin_1, {
- registrationNames: EventPluginRegistry_1.registrationNameModules,
- getListener: EventPluginHub_1.getListener,
- _receiveRootNodeIDEvent: function(rootNodeID, topLevelType, nativeEventParam) {
- var nativeEvent = nativeEventParam || EMPTY_NATIVE_EVENT, inst = ReactNativeComponentTree_1.getInstanceFromNode(rootNodeID);
- ReactGenericBatching_1.batchedUpdates(function() {
- ReactNativeEventEmitter.handleTopLevel(topLevelType, inst, nativeEvent, nativeEvent.target);
- });
- },
- receiveEvent: function(rootNodeID, topLevelType, nativeEventParam) {
- ReactNativeEventEmitter._receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam);
- },
- receiveTouches: function(eventTopLevelType, touches, changedIndices) {
- for (var changedTouches = "topTouchEnd" === eventTopLevelType || "topTouchCancel" === eventTopLevelType ? removeTouchesAtIndices(touches, changedIndices) : touchSubsequence(touches, changedIndices), jj = 0; jj < changedTouches.length; jj++) {
- var touch = changedTouches[jj];
- touch.changedTouches = changedTouches, touch.touches = touches;
- var nativeEvent = touch, rootNodeID = null, target = nativeEvent.target;
- null !== target && void 0 !== target && (target < ReactNativeTagHandles_1.tagsStartAt || (rootNodeID = target)),
- ReactNativeEventEmitter._receiveRootNodeIDEvent(rootNodeID, eventTopLevelType, nativeEvent);
- }
- }
-}), ReactNativeEventEmitter_1 = ReactNativeEventEmitter, ReactNativeEventPluginOrder = [ "ResponderEventPlugin", "ReactNativeBridgeEventPlugin" ], ReactNativeEventPluginOrder_1 = ReactNativeEventPluginOrder, ReactNativeGlobalResponderHandler = {
- onChange: function(from, to, blockNativeResponder) {
- if (null !== to) {
- var tag = to.stateNode._nativeTag;
- UIManager.setJSResponder(tag, blockNativeResponder);
- } else UIManager.clearJSResponder();
- }
-}, ReactNativeGlobalResponderHandler_1 = ReactNativeGlobalResponderHandler, ResponderEventInterface = {
- touchHistory: function(nativeEvent) {
- return null;
- }
-};
-
-function ResponderSyntheticEvent(dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget) {
- return SyntheticEvent_1.call(this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget);
-}
-
-SyntheticEvent_1.augmentClass(ResponderSyntheticEvent, ResponderEventInterface);
-
-var ResponderSyntheticEvent_1 = ResponderSyntheticEvent, isEndish$2 = EventPluginUtils_1.isEndish, isMoveish$2 = EventPluginUtils_1.isMoveish, isStartish$2 = EventPluginUtils_1.isStartish, MAX_TOUCH_BANK = 20, touchBank = [], touchHistory = {
- touchBank: touchBank,
- numberActiveTouches: 0,
- indexOfSingleActiveTouch: -1,
- mostRecentTimeStamp: 0
-};
-
-function timestampForTouch(touch) {
- return touch.timeStamp || touch.timestamp;
-}
-
-function createTouchRecord(touch) {
- return {
- touchActive: !0,
- startPageX: touch.pageX,
- startPageY: touch.pageY,
- startTimeStamp: timestampForTouch(touch),
- currentPageX: touch.pageX,
- currentPageY: touch.pageY,
- currentTimeStamp: timestampForTouch(touch),
- previousPageX: touch.pageX,
- previousPageY: touch.pageY,
- previousTimeStamp: timestampForTouch(touch)
- };
-}
-
-function resetTouchRecord(touchRecord, touch) {
- touchRecord.touchActive = !0, touchRecord.startPageX = touch.pageX, touchRecord.startPageY = touch.pageY,
- touchRecord.startTimeStamp = timestampForTouch(touch), touchRecord.currentPageX = touch.pageX,
- touchRecord.currentPageY = touch.pageY, touchRecord.currentTimeStamp = timestampForTouch(touch),
- touchRecord.previousPageX = touch.pageX, touchRecord.previousPageY = touch.pageY,
- touchRecord.previousTimeStamp = timestampForTouch(touch);
-}
-
-function getTouchIdentifier(_ref) {
- var identifier = _ref.identifier;
- return invariant(null != identifier, "Touch object is missing identifier."), identifier;
-}
-
-function recordTouchStart(touch) {
- var identifier = getTouchIdentifier(touch), touchRecord = touchBank[identifier];
- touchRecord ? resetTouchRecord(touchRecord, touch) : touchBank[identifier] = createTouchRecord(touch),
- touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
-}
-
-function recordTouchMove(touch) {
- var touchRecord = touchBank[getTouchIdentifier(touch)];
- touchRecord ? (touchRecord.touchActive = !0, touchRecord.previousPageX = touchRecord.currentPageX,
- touchRecord.previousPageY = touchRecord.currentPageY, touchRecord.previousTimeStamp = touchRecord.currentTimeStamp,
- touchRecord.currentPageX = touch.pageX, touchRecord.currentPageY = touch.pageY,
- touchRecord.currentTimeStamp = timestampForTouch(touch), touchHistory.mostRecentTimeStamp = timestampForTouch(touch)) : console.error("Cannot record touch move without a touch start.\n" + "Touch Move: %s\n", "Touch Bank: %s", printTouch(touch), printTouchBank());
-}
-
-function recordTouchEnd(touch) {
- var touchRecord = touchBank[getTouchIdentifier(touch)];
- touchRecord ? (touchRecord.touchActive = !1, touchRecord.previousPageX = touchRecord.currentPageX,
- touchRecord.previousPageY = touchRecord.currentPageY, touchRecord.previousTimeStamp = touchRecord.currentTimeStamp,
- touchRecord.currentPageX = touch.pageX, touchRecord.currentPageY = touch.pageY,
- touchRecord.currentTimeStamp = timestampForTouch(touch), touchHistory.mostRecentTimeStamp = timestampForTouch(touch)) : console.error("Cannot record touch end without a touch start.\n" + "Touch End: %s\n", "Touch Bank: %s", printTouch(touch), printTouchBank());
-}
-
-function printTouch(touch) {
- return JSON.stringify({
- identifier: touch.identifier,
- pageX: touch.pageX,
- pageY: touch.pageY,
- timestamp: timestampForTouch(touch)
- });
-}
-
-function printTouchBank() {
- var printed = JSON.stringify(touchBank.slice(0, MAX_TOUCH_BANK));
- return touchBank.length > MAX_TOUCH_BANK && (printed += " (original size: " + touchBank.length + ")"),
- printed;
-}
-
-var ResponderTouchHistoryStore = {
- recordTouchTrack: function(topLevelType, nativeEvent) {
- if (isMoveish$2(topLevelType)) nativeEvent.changedTouches.forEach(recordTouchMove); else if (isStartish$2(topLevelType)) nativeEvent.changedTouches.forEach(recordTouchStart),
- touchHistory.numberActiveTouches = nativeEvent.touches.length, 1 === touchHistory.numberActiveTouches && (touchHistory.indexOfSingleActiveTouch = nativeEvent.touches[0].identifier); else if (isEndish$2(topLevelType) && (nativeEvent.changedTouches.forEach(recordTouchEnd),
- touchHistory.numberActiveTouches = nativeEvent.touches.length, 1 === touchHistory.numberActiveTouches)) for (var i = 0; i < touchBank.length; i++) {
- var touchTrackToCheck = touchBank[i];
- if (null != touchTrackToCheck && touchTrackToCheck.touchActive) {
- touchHistory.indexOfSingleActiveTouch = i;
- break;
- }
- }
- },
- touchHistory: touchHistory
-}, ResponderTouchHistoryStore_1 = ResponderTouchHistoryStore;
-
-function accumulate(current, next) {
- return invariant(null != next, "accumulate(...): Accumulated items must be not be null or undefined."),
- null == current ? next : Array.isArray(current) ? current.concat(next) : Array.isArray(next) ? [ current ].concat(next) : [ current, next ];
-}
-
-var accumulate_1 = accumulate, isStartish$1 = EventPluginUtils_1.isStartish, isMoveish$1 = EventPluginUtils_1.isMoveish, isEndish$1 = EventPluginUtils_1.isEndish, executeDirectDispatch$1 = EventPluginUtils_1.executeDirectDispatch, hasDispatches$1 = EventPluginUtils_1.hasDispatches, executeDispatchesInOrderStopAtTrue$1 = EventPluginUtils_1.executeDispatchesInOrderStopAtTrue, responderInst = null, trackedTouchCount = 0, previousActiveTouches = 0, changeResponder = function(nextResponderInst, blockHostResponder) {
- var oldResponderInst = responderInst;
- responderInst = nextResponderInst, null !== ResponderEventPlugin.GlobalResponderHandler && ResponderEventPlugin.GlobalResponderHandler.onChange(oldResponderInst, nextResponderInst, blockHostResponder);
-}, eventTypes = {
- startShouldSetResponder: {
- phasedRegistrationNames: {
- bubbled: "onStartShouldSetResponder",
- captured: "onStartShouldSetResponderCapture"
- }
- },
- scrollShouldSetResponder: {
- phasedRegistrationNames: {
- bubbled: "onScrollShouldSetResponder",
- captured: "onScrollShouldSetResponderCapture"
- }
- },
- selectionChangeShouldSetResponder: {
- phasedRegistrationNames: {
- bubbled: "onSelectionChangeShouldSetResponder",
- captured: "onSelectionChangeShouldSetResponderCapture"
- }
- },
- moveShouldSetResponder: {
- phasedRegistrationNames: {
- bubbled: "onMoveShouldSetResponder",
- captured: "onMoveShouldSetResponderCapture"
- }
- },
- responderStart: {
- registrationName: "onResponderStart"
- },
- responderMove: {
- registrationName: "onResponderMove"
- },
- responderEnd: {
- registrationName: "onResponderEnd"
- },
- responderRelease: {
- registrationName: "onResponderRelease"
- },
- responderTerminationRequest: {
- registrationName: "onResponderTerminationRequest"
- },
- responderGrant: {
- registrationName: "onResponderGrant"
- },
- responderReject: {
- registrationName: "onResponderReject"
- },
- responderTerminate: {
- registrationName: "onResponderTerminate"
- }
-};
-
-function setResponderAndExtractTransfer(topLevelType, targetInst, nativeEvent, nativeEventTarget) {
- var shouldSetEventType = isStartish$1(topLevelType) ? eventTypes.startShouldSetResponder : isMoveish$1(topLevelType) ? eventTypes.moveShouldSetResponder : "topSelectionChange" === topLevelType ? eventTypes.selectionChangeShouldSetResponder : eventTypes.scrollShouldSetResponder, bubbleShouldSetFrom = responderInst ? ReactTreeTraversal.getLowestCommonAncestor(responderInst, targetInst) : targetInst, skipOverBubbleShouldSetFrom = bubbleShouldSetFrom === responderInst, shouldSetEvent = ResponderSyntheticEvent_1.getPooled(shouldSetEventType, bubbleShouldSetFrom, nativeEvent, nativeEventTarget);
- shouldSetEvent.touchHistory = ResponderTouchHistoryStore_1.touchHistory, skipOverBubbleShouldSetFrom ? EventPropagators_1.accumulateTwoPhaseDispatchesSkipTarget(shouldSetEvent) : EventPropagators_1.accumulateTwoPhaseDispatches(shouldSetEvent);
- var wantsResponderInst = executeDispatchesInOrderStopAtTrue$1(shouldSetEvent);
- if (shouldSetEvent.isPersistent() || shouldSetEvent.constructor.release(shouldSetEvent),
- !wantsResponderInst || wantsResponderInst === responderInst) return null;
- var extracted, grantEvent = ResponderSyntheticEvent_1.getPooled(eventTypes.responderGrant, wantsResponderInst, nativeEvent, nativeEventTarget);
- grantEvent.touchHistory = ResponderTouchHistoryStore_1.touchHistory, EventPropagators_1.accumulateDirectDispatches(grantEvent);
- var blockHostResponder = !0 === executeDirectDispatch$1(grantEvent);
- if (responderInst) {
- var terminationRequestEvent = ResponderSyntheticEvent_1.getPooled(eventTypes.responderTerminationRequest, responderInst, nativeEvent, nativeEventTarget);
- terminationRequestEvent.touchHistory = ResponderTouchHistoryStore_1.touchHistory,
- EventPropagators_1.accumulateDirectDispatches(terminationRequestEvent);
- var shouldSwitch = !hasDispatches$1(terminationRequestEvent) || executeDirectDispatch$1(terminationRequestEvent);
- if (terminationRequestEvent.isPersistent() || terminationRequestEvent.constructor.release(terminationRequestEvent),
- shouldSwitch) {
- var terminateEvent = ResponderSyntheticEvent_1.getPooled(eventTypes.responderTerminate, responderInst, nativeEvent, nativeEventTarget);
- terminateEvent.touchHistory = ResponderTouchHistoryStore_1.touchHistory, EventPropagators_1.accumulateDirectDispatches(terminateEvent),
- extracted = accumulate_1(extracted, [ grantEvent, terminateEvent ]), changeResponder(wantsResponderInst, blockHostResponder);
- } else {
- var rejectEvent = ResponderSyntheticEvent_1.getPooled(eventTypes.responderReject, wantsResponderInst, nativeEvent, nativeEventTarget);
- rejectEvent.touchHistory = ResponderTouchHistoryStore_1.touchHistory, EventPropagators_1.accumulateDirectDispatches(rejectEvent),
- extracted = accumulate_1(extracted, rejectEvent);
- }
- } else extracted = accumulate_1(extracted, grantEvent), changeResponder(wantsResponderInst, blockHostResponder);
- return extracted;
-}
-
-function canTriggerTransfer(topLevelType, topLevelInst, nativeEvent) {
- return topLevelInst && ("topScroll" === topLevelType && !nativeEvent.responderIgnoreScroll || trackedTouchCount > 0 && "topSelectionChange" === topLevelType || isStartish$1(topLevelType) || isMoveish$1(topLevelType));
-}
-
-function noResponderTouches(nativeEvent) {
- var touches = nativeEvent.touches;
- if (!touches || 0 === touches.length) return !0;
- for (var i = 0; i < touches.length; i++) {
- var activeTouch = touches[i], target = activeTouch.target;
- if (null !== target && void 0 !== target && 0 !== target) {
- var targetInst = EventPluginUtils_1.getInstanceFromNode(target);
- if (ReactTreeTraversal.isAncestor(responderInst, targetInst)) return !1;
- }
- }
- return !0;
-}
-
-var ResponderEventPlugin = {
- _getResponder: function() {
- return responderInst;
- },
- eventTypes: eventTypes,
- extractEvents: function(topLevelType, targetInst, nativeEvent, nativeEventTarget) {
- if (isStartish$1(topLevelType)) trackedTouchCount += 1; else if (isEndish$1(topLevelType)) {
- if (!(trackedTouchCount >= 0)) return console.error("Ended a touch event which was not counted in `trackedTouchCount`."),
- null;
- trackedTouchCount -= 1;
- }
- ResponderTouchHistoryStore_1.recordTouchTrack(topLevelType, nativeEvent);
- var extracted = canTriggerTransfer(topLevelType, targetInst, nativeEvent) ? setResponderAndExtractTransfer(topLevelType, targetInst, nativeEvent, nativeEventTarget) : null, isResponderTouchStart = responderInst && isStartish$1(topLevelType), isResponderTouchMove = responderInst && isMoveish$1(topLevelType), isResponderTouchEnd = responderInst && isEndish$1(topLevelType), incrementalTouch = isResponderTouchStart ? eventTypes.responderStart : isResponderTouchMove ? eventTypes.responderMove : isResponderTouchEnd ? eventTypes.responderEnd : null;
- if (incrementalTouch) {
- var gesture = ResponderSyntheticEvent_1.getPooled(incrementalTouch, responderInst, nativeEvent, nativeEventTarget);
- gesture.touchHistory = ResponderTouchHistoryStore_1.touchHistory, EventPropagators_1.accumulateDirectDispatches(gesture),
- extracted = accumulate_1(extracted, gesture);
- }
- var isResponderTerminate = responderInst && "topTouchCancel" === topLevelType, isResponderRelease = responderInst && !isResponderTerminate && isEndish$1(topLevelType) && noResponderTouches(nativeEvent), finalTouch = isResponderTerminate ? eventTypes.responderTerminate : isResponderRelease ? eventTypes.responderRelease : null;
- if (finalTouch) {
- var finalEvent = ResponderSyntheticEvent_1.getPooled(finalTouch, responderInst, nativeEvent, nativeEventTarget);
- finalEvent.touchHistory = ResponderTouchHistoryStore_1.touchHistory, EventPropagators_1.accumulateDirectDispatches(finalEvent),
- extracted = accumulate_1(extracted, finalEvent), changeResponder(null);
- }
- var numberActiveTouches = ResponderTouchHistoryStore_1.touchHistory.numberActiveTouches;
- return ResponderEventPlugin.GlobalInteractionHandler && numberActiveTouches !== previousActiveTouches && ResponderEventPlugin.GlobalInteractionHandler.onChange(numberActiveTouches),
- previousActiveTouches = numberActiveTouches, extracted;
- },
- GlobalResponderHandler: null,
- GlobalInteractionHandler: null,
- injection: {
- injectGlobalResponderHandler: function(GlobalResponderHandler) {
- ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
- },
- injectGlobalInteractionHandler: function(GlobalInteractionHandler) {
- ResponderEventPlugin.GlobalInteractionHandler = GlobalInteractionHandler;
- }
- }
-}, ResponderEventPlugin_1 = ResponderEventPlugin;
-
-RCTEventEmitter.register(ReactNativeEventEmitter_1), EventPluginHub_1.injection.injectEventPluginOrder(ReactNativeEventPluginOrder_1),
-EventPluginUtils_1.injection.injectComponentTree(ReactNativeComponentTree_1), ResponderEventPlugin_1.injection.injectGlobalResponderHandler(ReactNativeGlobalResponderHandler_1),
-EventPluginHub_1.injection.injectEventPluginsByName({
- ResponderEventPlugin: ResponderEventPlugin_1,
- ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin_1
-});
-
-function _classCallCheck$2(instance, Constructor) {
- if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
-}
-
-function _possibleConstructorReturn(self, call) {
- if (!self) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
- return !call || "object" != typeof call && "function" != typeof call ? self : call;
-}
-
-function _inherits(subClass, superClass) {
- if ("function" != typeof superClass && null !== superClass) throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
- subClass.prototype = Object.create(superClass && superClass.prototype, {
- constructor: {
- value: subClass,
- enumerable: !1,
- writable: !0,
- configurable: !0
- }
- }), superClass && (Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass);
-}
-
-var mountSafeCallback$2 = NativeMethodsMixinUtils.mountSafeCallback, ReactNativeComponent = function(_React$Component) {
- _inherits(ReactNativeComponent, _React$Component);
- function ReactNativeComponent() {
- return _classCallCheck$2(this, ReactNativeComponent), _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
- }
- return ReactNativeComponent.prototype.blur = function() {
- TextInputState.blurTextInput(findNumericNodeHandle(this));
- }, ReactNativeComponent.prototype.focus = function() {
- TextInputState.focusTextInput(findNumericNodeHandle(this));
- }, ReactNativeComponent.prototype.measure = function(callback) {
- UIManager.measure(findNumericNodeHandle(this), mountSafeCallback$2(this, callback));
- }, ReactNativeComponent.prototype.measureInWindow = function(callback) {
- UIManager.measureInWindow(findNumericNodeHandle(this), mountSafeCallback$2(this, callback));
- }, ReactNativeComponent.prototype.measureLayout = function(relativeToNativeNode, onSuccess, onFail) {
- UIManager.measureLayout(findNumericNodeHandle(this), relativeToNativeNode, mountSafeCallback$2(this, onFail), mountSafeCallback$2(this, onSuccess));
- }, ReactNativeComponent.prototype.setNativeProps = function(nativeProps) {
- var maybeInstance = void 0;
- try {
- maybeInstance = findNodeHandle_1(this);
- } catch (error) {}
- if (null != maybeInstance) {
- var viewConfig = maybeInstance.viewConfig, updatePayload = ReactNativeAttributePayload_1.create(nativeProps, viewConfig.validAttributes);
- null != updatePayload && UIManager.updateView(maybeInstance._nativeTag, viewConfig.uiViewClassName, updatePayload);
- }
- }, ReactNativeComponent;
-}(react.Component), ReactNativeComponent_1 = ReactNativeComponent, mountSafeCallback$3 = NativeMethodsMixinUtils.mountSafeCallback, NativeMethodsMixin = {
- measure: function(callback) {
- UIManager.measure(findNumericNodeHandle(this), mountSafeCallback$3(this, callback));
- },
- measureInWindow: function(callback) {
- UIManager.measureInWindow(findNumericNodeHandle(this), mountSafeCallback$3(this, callback));
- },
- measureLayout: function(relativeToNativeNode, onSuccess, onFail) {
- UIManager.measureLayout(findNumericNodeHandle(this), relativeToNativeNode, mountSafeCallback$3(this, onFail), mountSafeCallback$3(this, onSuccess));
- },
- setNativeProps: function(nativeProps) {
- var maybeInstance = void 0;
- try {
- maybeInstance = findNodeHandle_1(this);
- } catch (error) {}
- if (null != maybeInstance) {
- var viewConfig = maybeInstance.viewConfig, updatePayload = ReactNativeAttributePayload_1.create(nativeProps, viewConfig.validAttributes);
- null != updatePayload && UIManager.updateView(maybeInstance._nativeTag, viewConfig.uiViewClassName, updatePayload);
- }
- },
- focus: function() {
- TextInputState.focusTextInput(findNumericNodeHandle(this));
- },
- blur: function() {
- TextInputState.blurTextInput(findNumericNodeHandle(this));
- }
-}, NativeMethodsMixin_1 = NativeMethodsMixin, TouchHistoryMath = {
- centroidDimension: function(touchHistory, touchesChangedAfter, isXAxis, ofCurrent) {
- var touchBank = touchHistory.touchBank, total = 0, count = 0, oneTouchData = 1 === touchHistory.numberActiveTouches ? touchHistory.touchBank[touchHistory.indexOfSingleActiveTouch] : null;
- if (null !== oneTouchData) oneTouchData.touchActive && oneTouchData.currentTimeStamp > touchesChangedAfter && (total += ofCurrent && isXAxis ? oneTouchData.currentPageX : ofCurrent && !isXAxis ? oneTouchData.currentPageY : !ofCurrent && isXAxis ? oneTouchData.previousPageX : oneTouchData.previousPageY,
- count = 1); else for (var i = 0; i < touchBank.length; i++) {
- var touchTrack = touchBank[i];
- if (null !== touchTrack && void 0 !== touchTrack && touchTrack.touchActive && touchTrack.currentTimeStamp >= touchesChangedAfter) {
- var toAdd;
- toAdd = ofCurrent && isXAxis ? touchTrack.currentPageX : ofCurrent && !isXAxis ? touchTrack.currentPageY : !ofCurrent && isXAxis ? touchTrack.previousPageX : touchTrack.previousPageY,
- total += toAdd, count++;
- }
- }
- return count > 0 ? total / count : TouchHistoryMath.noCentroid;
- },
- currentCentroidXOfTouchesChangedAfter: function(touchHistory, touchesChangedAfter) {
- return TouchHistoryMath.centroidDimension(touchHistory, touchesChangedAfter, !0, !0);
- },
- currentCentroidYOfTouchesChangedAfter: function(touchHistory, touchesChangedAfter) {
- return TouchHistoryMath.centroidDimension(touchHistory, touchesChangedAfter, !1, !0);
- },
- previousCentroidXOfTouchesChangedAfter: function(touchHistory, touchesChangedAfter) {
- return TouchHistoryMath.centroidDimension(touchHistory, touchesChangedAfter, !0, !1);
- },
- previousCentroidYOfTouchesChangedAfter: function(touchHistory, touchesChangedAfter) {
- return TouchHistoryMath.centroidDimension(touchHistory, touchesChangedAfter, !1, !1);
- },
- currentCentroidX: function(touchHistory) {
- return TouchHistoryMath.centroidDimension(touchHistory, 0, !0, !0);
- },
- currentCentroidY: function(touchHistory) {
- return TouchHistoryMath.centroidDimension(touchHistory, 0, !1, !0);
- },
- noCentroid: -1
-}, TouchHistoryMath_1 = TouchHistoryMath, createReactNativeComponentClass = function(name, callback) {
- return ReactNativeViewConfigRegistry_1.register(name, callback);
-}, createReactNativeComponentClass_1 = createReactNativeComponentClass;
-
-function takeSnapshot(view, options) {
- return "number" != typeof view && "window" !== view && (view = findNumericNodeHandle(view) || "window"),
- UIManager.__takeSnapshot(view, options);
-}
-
-var takeSnapshot_1 = takeSnapshot, injectInternals = ReactFiberDevToolsHook.injectInternals;
-
-ReactGenericBatching_1.injection.injectFiberBatchedUpdates(ReactNativeFiberRenderer.batchedUpdates);
-
-var roots = new Map();
-
-ReactFiberErrorLogger.injection.injectDialog(ReactNativeFiberErrorDialog_1.showDialog);
-
-var ReactNativeFiber = {
- NativeComponent: ReactNativeComponent_1,
- findNodeHandle: findNumericNodeHandle,
- render: function(element, containerTag, callback) {
- var root = roots.get(containerTag);
- return root || (root = ReactNativeFiberRenderer.createContainer(containerTag), roots.set(containerTag, root)),
- ReactNativeFiberRenderer.updateContainer(element, root, null, callback), ReactNativeFiberRenderer.getPublicRootInstance(root);
- },
- unmountComponentAtNode: function(containerTag) {
- var root = roots.get(containerTag);
- root && ReactNativeFiberRenderer.updateContainer(null, root, null, function() {
- roots.delete(containerTag);
- });
- },
- unmountComponentAtNodeAndRemoveContainer: function(containerTag) {
- ReactNativeFiber.unmountComponentAtNode(containerTag), UIManager.removeRootView(containerTag);
- },
- createPortal: function(children, containerTag) {
- var key = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : null;
- return ReactPortal.createPortal(children, containerTag, null, key);
- },
- unstable_batchedUpdates: ReactGenericBatching_1.batchedUpdates,
- flushSync: ReactNativeFiberRenderer.flushSync,
- __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
- NativeMethodsMixin: NativeMethodsMixin_1,
- ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin_1,
- ReactGlobalSharedState: ReactGlobalSharedState_1,
- ReactNativeComponentTree: ReactNativeComponentTree_1,
- ReactNativePropRegistry: ReactNativePropRegistry_1,
- TouchHistoryMath: TouchHistoryMath_1,
- createReactNativeComponentClass: createReactNativeComponentClass_1,
- takeSnapshot: takeSnapshot_1
- }
-};
-
-injectInternals({
- findFiberByHostInstance: ReactNativeComponentTree_1.getClosestInstanceFromNode,
- findHostInstanceByFiber: ReactNativeFiberRenderer.findHostInstance,
- getInspectorDataForViewTag: ReactNativeFiberInspector.getInspectorDataForViewTag,
- bundleType: 0,
- version: ReactVersion,
- rendererPackageName: "react-native"
-});
-
-var ReactNativeFiberEntry = ReactNativeFiber;
-
-module.exports = ReactNativeFiberEntry;
diff --git a/Libraries/Renderer/ReactNativeRenderer-dev.js b/Libraries/Renderer/ReactNativeRenderer-dev.js
new file mode 100644
index 000000000..26ed7534d
--- /dev/null
+++ b/Libraries/Renderer/ReactNativeRenderer-dev.js
@@ -0,0 +1,12927 @@
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ * @providesModule ReactNativeRenderer-dev
+ * @preventMunge
+ */
+
+'use strict';
+
+if (__DEV__) {
+ (function() {
+"use strict";
+
+require("InitializeCore");
+var invariant = require("fbjs/lib/invariant");
+var warning = require("fbjs/lib/warning");
+var emptyFunction = require("fbjs/lib/emptyFunction");
+var RCTEventEmitter = require("RCTEventEmitter");
+var UIManager = require("UIManager");
+var React = require("react");
+var ExceptionsManager = require("ExceptionsManager");
+var TextInputState = require("TextInputState");
+var deepDiffer = require("deepDiffer");
+var flattenStyle = require("flattenStyle");
+var emptyObject = require("fbjs/lib/emptyObject");
+var checkPropTypes = require("prop-types/checkPropTypes");
+var shallowEqual = require("fbjs/lib/shallowEqual");
+var deepFreezeAndThrowOnMutationInDev = require("deepFreezeAndThrowOnMutationInDev");
+
+var ReactErrorUtils = {
+ // Used by Fiber to simulate a try-catch.
+ _caughtError: null,
+ _hasCaughtError: false,
+
+ // Used by event system to capture/rethrow the first error.
+ _rethrowError: null,
+ _hasRethrowError: false,
+
+ injection: {
+ injectErrorUtils: function(injectedErrorUtils) {
+ invariant(
+ typeof injectedErrorUtils.invokeGuardedCallback === "function",
+ "Injected invokeGuardedCallback() must be a function."
+ );
+ invokeGuardedCallback = injectedErrorUtils.invokeGuardedCallback;
+ }
+ },
+
+ /**
+ * Call a function while guarding against errors that happens within it.
+ * Returns an error if it throws, otherwise null.
+ *
+ * In production, this is implemented using a try-catch. The reason we don't
+ * use a try-catch directly is so that we can swap out a different
+ * implementation in DEV mode.
+ *
+ * @param {String} name of the guard to use for logging or debugging
+ * @param {Function} func The function to invoke
+ * @param {*} context The context to use when calling the function
+ * @param {...*} args Arguments for function
+ */
+ invokeGuardedCallback: function(name, func, context, a, b, c, d, e, f) {
+ invokeGuardedCallback.apply(ReactErrorUtils, arguments);
+ },
+
+ /**
+ * Same as invokeGuardedCallback, but instead of returning an error, it stores
+ * it in a global so it can be rethrown by `rethrowCaughtError` later.
+ * TODO: See if _caughtError and _rethrowError can be unified.
+ *
+ * @param {String} name of the guard to use for logging or debugging
+ * @param {Function} func The function to invoke
+ * @param {*} context The context to use when calling the function
+ * @param {...*} args Arguments for function
+ */
+ invokeGuardedCallbackAndCatchFirstError: function(
+ name,
+ func,
+ context,
+ a,
+ b,
+ c,
+ d,
+ e,
+ f
+ ) {
+ ReactErrorUtils.invokeGuardedCallback.apply(this, arguments);
+ if (ReactErrorUtils.hasCaughtError()) {
+ var error = ReactErrorUtils.clearCaughtError();
+ if (!ReactErrorUtils._hasRethrowError) {
+ ReactErrorUtils._hasRethrowError = true;
+ ReactErrorUtils._rethrowError = error;
+ }
+ }
+ },
+
+ /**
+ * During execution of guarded functions we will capture the first error which
+ * we will rethrow to be handled by the top level error handler.
+ */
+ rethrowCaughtError: function() {
+ return rethrowCaughtError.apply(ReactErrorUtils, arguments);
+ },
+
+ hasCaughtError: function() {
+ return ReactErrorUtils._hasCaughtError;
+ },
+
+ clearCaughtError: function() {
+ if (ReactErrorUtils._hasCaughtError) {
+ var error = ReactErrorUtils._caughtError;
+ ReactErrorUtils._caughtError = null;
+ ReactErrorUtils._hasCaughtError = false;
+ return error;
+ } else {
+ invariant(
+ false,
+ "clearCaughtError was called but no error was captured. This error " +
+ "is likely caused by a bug in React. Please file an issue."
+ );
+ }
+ }
+};
+
+var invokeGuardedCallback = function(name, func, context, a, b, c, d, e, f) {
+ ReactErrorUtils._hasCaughtError = false;
+ ReactErrorUtils._caughtError = null;
+ var funcArgs = Array.prototype.slice.call(arguments, 3);
+ try {
+ func.apply(context, funcArgs);
+ } catch (error) {
+ ReactErrorUtils._caughtError = error;
+ ReactErrorUtils._hasCaughtError = true;
+ }
+};
+
+{
+ // In DEV mode, we swap out invokeGuardedCallback for a special version
+ // that plays more nicely with the browser's DevTools. The idea is to preserve
+ // "Pause on exceptions" behavior. Because React wraps all user-provided
+ // functions in invokeGuardedCallback, and the production version of
+ // invokeGuardedCallback uses a try-catch, all user exceptions are treated
+ // like caught exceptions, and the DevTools won't pause unless the developer
+ // takes the extra step of enabling pause on caught exceptions. This is
+ // untintuitive, though, because even though React has caught the error, from
+ // the developer's perspective, the error is uncaught.
+ //
+ // To preserve the expected "Pause on exceptions" behavior, we don't use a
+ // try-catch in DEV. Instead, we synchronously dispatch a fake event to a fake
+ // DOM node, and call the user-provided callback from inside an event handler
+ // for that fake event. If the callback throws, the error is "captured" using
+ // a global event handler. But because the error happens in a different
+ // event loop context, it does not interrupt the normal program flow.
+ // Effectively, this gives us try-catch behavior without actually using
+ // try-catch. Neat!
+
+ // Check that the browser supports the APIs we need to implement our special
+ // DEV version of invokeGuardedCallback
+ if (
+ typeof window !== "undefined" &&
+ typeof window.dispatchEvent === "function" &&
+ typeof document !== "undefined" &&
+ typeof document.createEvent === "function"
+ ) {
+ var fakeNode = document.createElement("react");
+
+ var invokeGuardedCallbackDev = function(
+ name,
+ func,
+ context,
+ a,
+ b,
+ c,
+ d,
+ e,
+ f
+ ) {
+ // Keeps track of whether the user-provided callback threw an error. We
+ // set this to true at the beginning, then set it to false right after
+ // calling the function. If the function errors, `didError` will never be
+ // set to false. This strategy works even if the browser is flaky and
+ // fails to call our global error handler, because it doesn't rely on
+ // the error event at all.
+ var didError = true;
+
+ // Create an event handler for our fake event. We will synchronously
+ // dispatch our fake event using `dispatchEvent`. Inside the handler, we
+ // call the user-provided callback.
+ var funcArgs = Array.prototype.slice.call(arguments, 3);
+ function callCallback() {
+ // We immediately remove the callback from event listeners so that
+ // nested `invokeGuardedCallback` calls do not clash. Otherwise, a
+ // nested call would trigger the fake event handlers of any call higher
+ // in the stack.
+ fakeNode.removeEventListener(evtType, callCallback, false);
+ func.apply(context, funcArgs);
+ didError = false;
+ }
+
+ // Create a global error event handler. We use this to capture the value
+ // that was thrown. It's possible that this error handler will fire more
+ // than once; for example, if non-React code also calls `dispatchEvent`
+ // and a handler for that event throws. We should be resilient to most of
+ // those cases. Even if our error event handler fires more than once, the
+ // last error event is always used. If the callback actually does error,
+ // we know that the last error event is the correct one, because it's not
+ // possible for anything else to have happened in between our callback
+ // erroring and the code that follows the `dispatchEvent` call below. If
+ // the callback doesn't error, but the error event was fired, we know to
+ // ignore it because `didError` will be false, as described above.
+ var error = void 0;
+ // Use this to track whether the error event is ever called.
+ var didSetError = false;
+ var isCrossOriginError = false;
+
+ function onError(event) {
+ error = event.error;
+ didSetError = true;
+ if (error === null && event.colno === 0 && event.lineno === 0) {
+ isCrossOriginError = true;
+ }
+ }
+
+ // Create a fake event type.
+ var evtType = "react-" + (name ? name : "invokeguardedcallback");
+
+ // Attach our event handlers
+ window.addEventListener("error", onError);
+ fakeNode.addEventListener(evtType, callCallback, false);
+
+ // Synchronously dispatch our fake event. If the user-provided function
+ // errors, it will trigger our global error handler.
+ var evt = document.createEvent("Event");
+ evt.initEvent(evtType, false, false);
+ fakeNode.dispatchEvent(evt);
+
+ if (didError) {
+ if (!didSetError) {
+ // The callback errored, but the error event never fired.
+ error = new Error(
+ "An error was thrown inside one of your components, but React " +
+ "doesn't know what it was. This is likely due to browser " +
+ 'flakiness. React does its best to preserve the "Pause on ' +
+ 'exceptions" behavior of the DevTools, which requires some ' +
+ "DEV-mode only tricks. It's possible that these don't work in " +
+ "your browser. Try triggering the error in production mode, " +
+ "or switching to a modern browser. If you suspect that this is " +
+ "actually an issue with React, please file an issue."
+ );
+ } else if (isCrossOriginError) {
+ error = new Error(
+ "A cross-origin error was thrown. React doesn't have access to " +
+ "the actual error object in development. " +
+ "See https://fb.me/react-crossorigin-error for more information."
+ );
+ }
+ ReactErrorUtils._hasCaughtError = true;
+ ReactErrorUtils._caughtError = error;
+ } else {
+ ReactErrorUtils._hasCaughtError = false;
+ ReactErrorUtils._caughtError = null;
+ }
+
+ // Remove our event listeners
+ window.removeEventListener("error", onError);
+ };
+
+ invokeGuardedCallback = invokeGuardedCallbackDev;
+ }
+}
+
+var rethrowCaughtError = function() {
+ if (ReactErrorUtils._hasRethrowError) {
+ var error = ReactErrorUtils._rethrowError;
+ ReactErrorUtils._rethrowError = null;
+ ReactErrorUtils._hasRethrowError = false;
+ throw error;
+ }
+};
+
+/**
+ * Injectable ordering of event plugins.
+ */
+var eventPluginOrder = null;
+
+/**
+ * Injectable mapping from names to event plugin modules.
+ */
+var namesToPlugins = {};
+
+/**
+ * Recomputes the plugin list using the injected plugins and plugin ordering.
+ *
+ * @private
+ */
+function recomputePluginOrdering() {
+ if (!eventPluginOrder) {
+ // Wait until an `eventPluginOrder` is injected.
+ return;
+ }
+ for (var pluginName in namesToPlugins) {
+ var pluginModule = namesToPlugins[pluginName];
+ var pluginIndex = eventPluginOrder.indexOf(pluginName);
+ invariant(
+ pluginIndex > -1,
+ "EventPluginRegistry: Cannot inject event plugins that do not exist in " +
+ "the plugin ordering, `%s`.",
+ pluginName
+ );
+ if (plugins[pluginIndex]) {
+ continue;
+ }
+ invariant(
+ pluginModule.extractEvents,
+ "EventPluginRegistry: Event plugins must implement an `extractEvents` " +
+ "method, but `%s` does not.",
+ pluginName
+ );
+ plugins[pluginIndex] = pluginModule;
+ var publishedEvents = pluginModule.eventTypes;
+ for (var eventName in publishedEvents) {
+ invariant(
+ publishEventForPlugin(
+ publishedEvents[eventName],
+ pluginModule,
+ eventName
+ ),
+ "EventPluginRegistry: Failed to publish event `%s` for plugin `%s`.",
+ eventName,
+ pluginName
+ );
+ }
+ }
+}
+
+/**
+ * Publishes an event so that it can be dispatched by the supplied plugin.
+ *
+ * @param {object} dispatchConfig Dispatch configuration for the event.
+ * @param {object} PluginModule Plugin publishing the event.
+ * @return {boolean} True if the event was successfully published.
+ * @private
+ */
+function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
+ invariant(
+ !eventNameDispatchConfigs.hasOwnProperty(eventName),
+ "EventPluginHub: More than one plugin attempted to publish the same " +
+ "event name, `%s`.",
+ eventName
+ );
+ eventNameDispatchConfigs[eventName] = dispatchConfig;
+
+ var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+ if (phasedRegistrationNames) {
+ for (var phaseName in phasedRegistrationNames) {
+ if (phasedRegistrationNames.hasOwnProperty(phaseName)) {
+ var phasedRegistrationName = phasedRegistrationNames[phaseName];
+ publishRegistrationName(
+ phasedRegistrationName,
+ pluginModule,
+ eventName
+ );
+ }
+ }
+ return true;
+ } else if (dispatchConfig.registrationName) {
+ publishRegistrationName(
+ dispatchConfig.registrationName,
+ pluginModule,
+ eventName
+ );
+ return true;
+ }
+ return false;
+}
+
+/**
+ * Publishes a registration name that is used to identify dispatched events.
+ *
+ * @param {string} registrationName Registration name to add.
+ * @param {object} PluginModule Plugin publishing the event.
+ * @private
+ */
+function publishRegistrationName(registrationName, pluginModule, eventName) {
+ invariant(
+ !registrationNameModules[registrationName],
+ "EventPluginHub: More than one plugin attempted to publish the same " +
+ "registration name, `%s`.",
+ registrationName
+ );
+ registrationNameModules[registrationName] = pluginModule;
+ {
+ var lowerCasedName = registrationName.toLowerCase();
+ possibleRegistrationNames[lowerCasedName] = registrationName;
+
+ if (registrationName === "onDoubleClick") {
+ possibleRegistrationNames.ondblclick = registrationName;
+ }
+ }
+}
+
+/**
+ * Registers plugins so that they can extract and dispatch events.
+ *
+ * @see {EventPluginHub}
+ */
+
+/**
+ * Ordered list of injected plugins.
+ */
+var plugins = [];
+
+/**
+ * Mapping from event name to dispatch config
+ */
+var eventNameDispatchConfigs = {};
+
+/**
+ * Mapping from registration name to plugin module
+ */
+var registrationNameModules = {};
+
+/**
+ * Mapping from registration name to event name
+ */
+
+/**
+ * Mapping from lowercase registration names to the properly cased version,
+ * used to warn in the case of missing event handlers. Available
+ * only in true.
+ * @type {Object}
+ */
+var possibleRegistrationNames = {};
+// Trust the developer to only use possibleRegistrationNames in true
+
+/**
+ * Injects an ordering of plugins (by plugin name). This allows the ordering
+ * to be decoupled from injection of the actual plugins so that ordering is
+ * always deterministic regardless of packaging, on-the-fly injection, etc.
+ *
+ * @param {array} InjectedEventPluginOrder
+ * @internal
+ * @see {EventPluginHub.injection.injectEventPluginOrder}
+ */
+function injectEventPluginOrder(injectedEventPluginOrder) {
+ invariant(
+ !eventPluginOrder,
+ "EventPluginRegistry: Cannot inject event plugin ordering more than " +
+ "once. You are likely trying to load more than one copy of React."
+ );
+ // Clone the ordering so it cannot be dynamically mutated.
+ eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
+ recomputePluginOrdering();
+}
+
+/**
+ * Injects plugins to be used by `EventPluginHub`. The plugin names must be
+ * in the ordering injected by `injectEventPluginOrder`.
+ *
+ * Plugins can be injected as part of page initialization or on-the-fly.
+ *
+ * @param {object} injectedNamesToPlugins Map from names to plugin modules.
+ * @internal
+ * @see {EventPluginHub.injection.injectEventPluginsByName}
+ */
+function injectEventPluginsByName(injectedNamesToPlugins) {
+ var isOrderingDirty = false;
+ for (var pluginName in injectedNamesToPlugins) {
+ if (!injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+ continue;
+ }
+ var pluginModule = injectedNamesToPlugins[pluginName];
+ if (
+ !namesToPlugins.hasOwnProperty(pluginName) ||
+ namesToPlugins[pluginName] !== pluginModule
+ ) {
+ invariant(
+ !namesToPlugins[pluginName],
+ "EventPluginRegistry: Cannot inject two different event plugins " +
+ "using the same name, `%s`.",
+ pluginName
+ );
+ namesToPlugins[pluginName] = pluginModule;
+ isOrderingDirty = true;
+ }
+ }
+ if (isOrderingDirty) {
+ recomputePluginOrdering();
+ }
+}
+
+var getFiberCurrentPropsFromNode = null;
+var getInstanceFromNode = null;
+var getNodeFromInstance = null;
+
+var injection$1 = {
+ injectComponentTree: function(Injected) {
+ getFiberCurrentPropsFromNode = Injected.getFiberCurrentPropsFromNode;
+ getInstanceFromNode = Injected.getInstanceFromNode;
+ getNodeFromInstance = Injected.getNodeFromInstance;
+
+ {
+ warning(
+ getNodeFromInstance && getInstanceFromNode,
+ "EventPluginUtils.injection.injectComponentTree(...): Injected " +
+ "module is missing getNodeFromInstance or getInstanceFromNode."
+ );
+ }
+ }
+};
+
+function isEndish(topLevelType) {
+ return (
+ topLevelType === "topMouseUp" ||
+ topLevelType === "topTouchEnd" ||
+ topLevelType === "topTouchCancel"
+ );
+}
+
+function isMoveish(topLevelType) {
+ return topLevelType === "topMouseMove" || topLevelType === "topTouchMove";
+}
+function isStartish(topLevelType) {
+ return topLevelType === "topMouseDown" || topLevelType === "topTouchStart";
+}
+
+var validateEventDispatches;
+{
+ validateEventDispatches = function(event) {
+ var dispatchListeners = event._dispatchListeners;
+ var dispatchInstances = event._dispatchInstances;
+
+ var listenersIsArr = Array.isArray(dispatchListeners);
+ var listenersLen = listenersIsArr
+ ? dispatchListeners.length
+ : dispatchListeners ? 1 : 0;
+
+ var instancesIsArr = Array.isArray(dispatchInstances);
+ var instancesLen = instancesIsArr
+ ? dispatchInstances.length
+ : dispatchInstances ? 1 : 0;
+
+ warning(
+ instancesIsArr === listenersIsArr && instancesLen === listenersLen,
+ "EventPluginUtils: Invalid `event`."
+ );
+ };
+}
+
+/**
+ * Dispatch the event to the listener.
+ * @param {SyntheticEvent} event SyntheticEvent to handle
+ * @param {boolean} simulated If the event is simulated (changes exn behavior)
+ * @param {function} listener Application-level callback
+ * @param {*} inst Internal component instance
+ */
+function executeDispatch(event, simulated, listener, inst) {
+ var type = event.type || "unknown-event";
+ event.currentTarget = getNodeFromInstance(inst);
+ ReactErrorUtils.invokeGuardedCallbackAndCatchFirstError(
+ type,
+ listener,
+ undefined,
+ event
+ );
+ event.currentTarget = null;
+}
+
+/**
+ * Standard/simple iteration through an event's collected dispatches.
+ */
+function executeDispatchesInOrder(event, simulated) {
+ var dispatchListeners = event._dispatchListeners;
+ var dispatchInstances = event._dispatchInstances;
+ {
+ validateEventDispatches(event);
+ }
+ if (Array.isArray(dispatchListeners)) {
+ for (var i = 0; i < dispatchListeners.length; i++) {
+ if (event.isPropagationStopped()) {
+ break;
+ }
+ // Listeners and Instances are two parallel arrays that are always in sync.
+ executeDispatch(
+ event,
+ simulated,
+ dispatchListeners[i],
+ dispatchInstances[i]
+ );
+ }
+ } else if (dispatchListeners) {
+ executeDispatch(event, simulated, dispatchListeners, dispatchInstances);
+ }
+ event._dispatchListeners = null;
+ event._dispatchInstances = null;
+}
+
+/**
+ * Standard/simple iteration through an event's collected dispatches, but stops
+ * at the first dispatch execution returning true, and returns that id.
+ *
+ * @return {?string} id of the first dispatch execution who's listener returns
+ * true, or null if no listener returned true.
+ */
+function executeDispatchesInOrderStopAtTrueImpl(event) {
+ var dispatchListeners = event._dispatchListeners;
+ var dispatchInstances = event._dispatchInstances;
+ {
+ validateEventDispatches(event);
+ }
+ if (Array.isArray(dispatchListeners)) {
+ for (var i = 0; i < dispatchListeners.length; i++) {
+ if (event.isPropagationStopped()) {
+ break;
+ }
+ // Listeners and Instances are two parallel arrays that are always in sync.
+ if (dispatchListeners[i](event, dispatchInstances[i])) {
+ return dispatchInstances[i];
+ }
+ }
+ } else if (dispatchListeners) {
+ if (dispatchListeners(event, dispatchInstances)) {
+ return dispatchInstances;
+ }
+ }
+ return null;
+}
+
+/**
+ * @see executeDispatchesInOrderStopAtTrueImpl
+ */
+function executeDispatchesInOrderStopAtTrue(event) {
+ var ret = executeDispatchesInOrderStopAtTrueImpl(event);
+ event._dispatchInstances = null;
+ event._dispatchListeners = null;
+ return ret;
+}
+
+/**
+ * Execution of a "direct" dispatch - there must be at most one dispatch
+ * accumulated on the event or it is considered an error. It doesn't really make
+ * sense for an event with multiple dispatches (bubbled) to keep track of the
+ * return values at each dispatch execution, but it does tend to make sense when
+ * dealing with "direct" dispatches.
+ *
+ * @return {*} The return value of executing the single dispatch.
+ */
+function executeDirectDispatch(event) {
+ {
+ validateEventDispatches(event);
+ }
+ var dispatchListener = event._dispatchListeners;
+ var dispatchInstance = event._dispatchInstances;
+ invariant(
+ !Array.isArray(dispatchListener),
+ "executeDirectDispatch(...): Invalid `event`."
+ );
+ event.currentTarget = dispatchListener
+ ? getNodeFromInstance(dispatchInstance)
+ : null;
+ var res = dispatchListener ? dispatchListener(event) : null;
+ event.currentTarget = null;
+ event._dispatchListeners = null;
+ event._dispatchInstances = null;
+ return res;
+}
+
+/**
+ * @param {SyntheticEvent} event
+ * @return {boolean} True iff number of dispatches accumulated is greater than 0.
+ */
+function hasDispatches(event) {
+ return !!event._dispatchListeners;
+}
+
+/**
+ * Accumulates items that must not be null or undefined into the first one. This
+ * is used to conserve memory by avoiding array allocations, and thus sacrifices
+ * API cleanness. Since `current` can be null before being passed in and not
+ * null after this function, make sure to assign it back to `current`:
+ *
+ * `a = accumulateInto(a, b);`
+ *
+ * This API should be sparingly used. Try `accumulate` for something cleaner.
+ *
+ * @return {*|array<*>} An accumulation of items.
+ */
+
+function accumulateInto(current, next) {
+ invariant(
+ next != null,
+ "accumulateInto(...): Accumulated items must not be null or undefined."
+ );
+
+ if (current == null) {
+ return next;
+ }
+
+ // Both are not empty. Warning: Never call x.concat(y) when you are not
+ // certain that x is an Array (x could be a string with concat method).
+ if (Array.isArray(current)) {
+ if (Array.isArray(next)) {
+ current.push.apply(current, next);
+ return current;
+ }
+ current.push(next);
+ return current;
+ }
+
+ if (Array.isArray(next)) {
+ // A bit too dangerous to mutate `next`.
+ return [current].concat(next);
+ }
+
+ return [current, next];
+}
+
+/**
+ * @param {array} arr an "accumulation" of items which is either an Array or
+ * a single item. Useful when paired with the `accumulate` module. This is a
+ * simple utility that allows us to reason about a collection of items, but
+ * handling the case when there is exactly one item (and we do not need to
+ * allocate an array).
+ * @param {function} cb Callback invoked with each element or a collection.
+ * @param {?} [scope] Scope used as `this` in a callback.
+ */
+function forEachAccumulated(arr, cb, scope) {
+ if (Array.isArray(arr)) {
+ arr.forEach(cb, scope);
+ } else if (arr) {
+ cb.call(scope, arr);
+ }
+}
+
+/**
+ * Internal queue of events that have accumulated their dispatches and are
+ * waiting to have their dispatches executed.
+ */
+var eventQueue = null;
+
+/**
+ * Dispatches an event and releases it back into the pool, unless persistent.
+ *
+ * @param {?object} event Synthetic event to be dispatched.
+ * @param {boolean} simulated If the event is simulated (changes exn behavior)
+ * @private
+ */
+var executeDispatchesAndRelease = function(event, simulated) {
+ if (event) {
+ executeDispatchesInOrder(event, simulated);
+
+ if (!event.isPersistent()) {
+ event.constructor.release(event);
+ }
+ }
+};
+var executeDispatchesAndReleaseSimulated = function(e) {
+ return executeDispatchesAndRelease(e, true);
+};
+var executeDispatchesAndReleaseTopLevel = function(e) {
+ return executeDispatchesAndRelease(e, false);
+};
+
+function isInteractive(tag) {
+ return (
+ tag === "button" ||
+ tag === "input" ||
+ tag === "select" ||
+ tag === "textarea"
+ );
+}
+
+function shouldPreventMouseEvent(name, type, props) {
+ switch (name) {
+ case "onClick":
+ case "onClickCapture":
+ case "onDoubleClick":
+ case "onDoubleClickCapture":
+ case "onMouseDown":
+ case "onMouseDownCapture":
+ case "onMouseMove":
+ case "onMouseMoveCapture":
+ case "onMouseUp":
+ case "onMouseUpCapture":
+ return !!(props.disabled && isInteractive(type));
+ default:
+ return false;
+ }
+}
+
+/**
+ * This is a unified interface for event plugins to be installed and configured.
+ *
+ * Event plugins can implement the following properties:
+ *
+ * `extractEvents` {function(string, DOMEventTarget, string, object): *}
+ * Required. When a top-level event is fired, this method is expected to
+ * extract synthetic events that will in turn be queued and dispatched.
+ *
+ * `eventTypes` {object}
+ * Optional, plugins that fire events must publish a mapping of registration
+ * names that are used to register listeners. Values of this mapping must
+ * be objects that contain `registrationName` or `phasedRegistrationNames`.
+ *
+ * `executeDispatch` {function(object, function, string)}
+ * Optional, allows plugins to override how an event gets dispatched. By
+ * default, the listener is simply invoked.
+ *
+ * Each plugin that is injected into `EventsPluginHub` is immediately operable.
+ *
+ * @public
+ */
+
+/**
+ * Methods for injecting dependencies.
+ */
+var injection = {
+ /**
+ * @param {array} InjectedEventPluginOrder
+ * @public
+ */
+ injectEventPluginOrder: injectEventPluginOrder,
+
+ /**
+ * @param {object} injectedNamesToPlugins Map from names to plugin modules.
+ */
+ injectEventPluginsByName: injectEventPluginsByName
+};
+
+/**
+ * @param {object} inst The instance, which is the source of events.
+ * @param {string} registrationName Name of listener (e.g. `onClick`).
+ * @return {?function} The stored callback.
+ */
+function getListener(inst, registrationName) {
+ var listener;
+
+ // TODO: shouldPreventMouseEvent is DOM-specific and definitely should not
+ // live here; needs to be moved to a better place soon
+ var stateNode = inst.stateNode;
+ if (!stateNode) {
+ // Work in progress (ex: onload events in incremental mode).
+ return null;
+ }
+ var props = getFiberCurrentPropsFromNode(stateNode);
+ if (!props) {
+ // Work in progress.
+ return null;
+ }
+ listener = props[registrationName];
+ if (shouldPreventMouseEvent(registrationName, inst.type, props)) {
+ return null;
+ }
+ invariant(
+ !listener || typeof listener === "function",
+ "Expected `%s` listener to be a function, instead got a value of `%s` type.",
+ registrationName,
+ typeof listener
+ );
+ return listener;
+}
+
+/**
+ * Allows registered plugins an opportunity to extract events from top-level
+ * native browser events.
+ *
+ * @return {*} An accumulation of synthetic events.
+ * @internal
+ */
+function extractEvents(
+ topLevelType,
+ targetInst,
+ nativeEvent,
+ nativeEventTarget
+) {
+ var events;
+ for (var i = 0; i < plugins.length; i++) {
+ // Not every plugin in the ordering may be loaded at runtime.
+ var possiblePlugin = plugins[i];
+ if (possiblePlugin) {
+ var extractedEvents = possiblePlugin.extractEvents(
+ topLevelType,
+ targetInst,
+ nativeEvent,
+ nativeEventTarget
+ );
+ if (extractedEvents) {
+ events = accumulateInto(events, extractedEvents);
+ }
+ }
+ }
+ return events;
+}
+
+/**
+ * Enqueues a synthetic event that should be dispatched when
+ * `processEventQueue` is invoked.
+ *
+ * @param {*} events An accumulation of synthetic events.
+ * @internal
+ */
+function enqueueEvents(events) {
+ if (events) {
+ eventQueue = accumulateInto(eventQueue, events);
+ }
+}
+
+/**
+ * Dispatches all synthetic events on the event queue.
+ *
+ * @internal
+ */
+function processEventQueue(simulated) {
+ // Set `eventQueue` to null before processing it so that we can tell if more
+ // events get enqueued while processing.
+ var processingEventQueue = eventQueue;
+ eventQueue = null;
+ if (simulated) {
+ forEachAccumulated(
+ processingEventQueue,
+ executeDispatchesAndReleaseSimulated
+ );
+ } else {
+ forEachAccumulated(
+ processingEventQueue,
+ executeDispatchesAndReleaseTopLevel
+ );
+ }
+ invariant(
+ !eventQueue,
+ "processEventQueue(): Additional events were enqueued while processing " +
+ "an event queue. Support for this has not yet been implemented."
+ );
+ // This would be a good time to rethrow if any of the event handlers threw.
+ ReactErrorUtils.rethrowCaughtError();
+}
+
+var IndeterminateComponent = 0; // Before we know whether it is functional or class
+var FunctionalComponent = 1;
+var ClassComponent = 2;
+var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
+var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
+var HostComponent = 5;
+var HostText = 6;
+var CallComponent = 7;
+var CallHandlerPhase = 8;
+var ReturnComponent = 9;
+var Fragment = 10;
+
+function getParent(inst) {
+ do {
+ inst = inst["return"];
+ // TODO: If this is a HostRoot we might want to bail out.
+ // That is depending on if we want nested subtrees (layers) to bubble
+ // events to their parent. We could also go through parentNode on the
+ // host node but that wouldn't work for React Native and doesn't let us
+ // do the portal feature.
+ } while (inst && inst.tag !== HostComponent);
+ if (inst) {
+ return inst;
+ }
+ return null;
+}
+
+/**
+ * Return the lowest common ancestor of A and B, or null if they are in
+ * different trees.
+ */
+function getLowestCommonAncestor(instA, instB) {
+ var depthA = 0;
+ for (var tempA = instA; tempA; tempA = getParent(tempA)) {
+ depthA++;
+ }
+ var depthB = 0;
+ for (var tempB = instB; tempB; tempB = getParent(tempB)) {
+ depthB++;
+ }
+
+ // If A is deeper, crawl up.
+ while (depthA - depthB > 0) {
+ instA = getParent(instA);
+ depthA--;
+ }
+
+ // If B is deeper, crawl up.
+ while (depthB - depthA > 0) {
+ instB = getParent(instB);
+ depthB--;
+ }
+
+ // Walk in lockstep until we find a match.
+ var depth = depthA;
+ while (depth--) {
+ if (instA === instB || instA === instB.alternate) {
+ return instA;
+ }
+ instA = getParent(instA);
+ instB = getParent(instB);
+ }
+ return null;
+}
+
+/**
+ * Return if A is an ancestor of B.
+ */
+function isAncestor(instA, instB) {
+ while (instB) {
+ if (instA === instB || instA === instB.alternate) {
+ return true;
+ }
+ instB = getParent(instB);
+ }
+ return false;
+}
+
+/**
+ * Return the parent instance of the passed-in instance.
+ */
+function getParentInstance(inst) {
+ return getParent(inst);
+}
+
+/**
+ * Simulates the traversal of a two-phase, capture/bubble event dispatch.
+ */
+function traverseTwoPhase(inst, fn, arg) {
+ var path = [];
+ while (inst) {
+ path.push(inst);
+ inst = getParent(inst);
+ }
+ var i;
+ for (i = path.length; i-- > 0; ) {
+ fn(path[i], "captured", arg);
+ }
+ for (i = 0; i < path.length; i++) {
+ fn(path[i], "bubbled", arg);
+ }
+}
+
+/**
+ * Traverses the ID hierarchy and invokes the supplied `cb` on any IDs that
+ * should would receive a `mouseEnter` or `mouseLeave` event.
+ *
+ * Does not invoke the callback on the nearest common ancestor because nothing
+ * "entered" or "left" that element.
+ */
+
+/**
+ * Some event types have a notion of different registration names for different
+ * "phases" of propagation. This finds listeners by a given phase.
+ */
+function listenerAtPhase(inst, event, propagationPhase) {
+ var registrationName =
+ event.dispatchConfig.phasedRegistrationNames[propagationPhase];
+ return getListener(inst, registrationName);
+}
+
+/**
+ * A small set of propagation patterns, each of which will accept a small amount
+ * of information, and generate a set of "dispatch ready event objects" - which
+ * are sets of events that have already been annotated with a set of dispatched
+ * listener functions/ids. The API is designed this way to discourage these
+ * propagation strategies from actually executing the dispatches, since we
+ * always want to collect the entire set of dispatches before executing even a
+ * single one.
+ */
+
+/**
+ * Tags a `SyntheticEvent` with dispatched listeners. Creating this function
+ * here, allows us to not have to bind or create functions for each event.
+ * Mutating the event's members allows us to not have to create a wrapping
+ * "dispatch" object that pairs the event with the listener.
+ */
+function accumulateDirectionalDispatches(inst, phase, event) {
+ {
+ warning(inst, "Dispatching inst must not be null");
+ }
+ var listener = listenerAtPhase(inst, event, phase);
+ if (listener) {
+ event._dispatchListeners = accumulateInto(
+ event._dispatchListeners,
+ listener
+ );
+ event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
+ }
+}
+
+/**
+ * Collect dispatches (must be entirely collected before dispatching - see unit
+ * tests). Lazily allocate the array to conserve memory. We must loop through
+ * each event and perform the traversal for each one. We cannot perform a
+ * single traversal for the entire collection of events because each event may
+ * have a different target.
+ */
+function accumulateTwoPhaseDispatchesSingle(event) {
+ if (event && event.dispatchConfig.phasedRegistrationNames) {
+ traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
+ }
+}
+
+/**
+ * Same as `accumulateTwoPhaseDispatchesSingle`, but skips over the targetID.
+ */
+function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
+ if (event && event.dispatchConfig.phasedRegistrationNames) {
+ var targetInst = event._targetInst;
+ var parentInst = targetInst ? getParentInstance(targetInst) : null;
+ traverseTwoPhase(parentInst, accumulateDirectionalDispatches, event);
+ }
+}
+
+/**
+ * Accumulates without regard to direction, does not look for phased
+ * registration names. Same as `accumulateDirectDispatchesSingle` but without
+ * requiring that the `dispatchMarker` be the same as the dispatched ID.
+ */
+function accumulateDispatches(inst, ignoredDirection, event) {
+ if (inst && event && event.dispatchConfig.registrationName) {
+ var registrationName = event.dispatchConfig.registrationName;
+ var listener = getListener(inst, registrationName);
+ if (listener) {
+ event._dispatchListeners = accumulateInto(
+ event._dispatchListeners,
+ listener
+ );
+ event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
+ }
+ }
+}
+
+/**
+ * Accumulates dispatches on an `SyntheticEvent`, but only for the
+ * `dispatchMarker`.
+ * @param {SyntheticEvent} event
+ */
+function accumulateDirectDispatchesSingle(event) {
+ if (event && event.dispatchConfig.registrationName) {
+ accumulateDispatches(event._targetInst, null, event);
+ }
+}
+
+function accumulateTwoPhaseDispatches(events) {
+ forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle);
+}
+
+function accumulateTwoPhaseDispatchesSkipTarget(events) {
+ forEachAccumulated(events, accumulateTwoPhaseDispatchesSingleSkipTarget);
+}
+
+function accumulateDirectDispatches(events) {
+ forEachAccumulated(events, accumulateDirectDispatchesSingle);
+}
+
+/* eslint valid-typeof: 0 */
+
+var didWarnForAddedNewProperty = false;
+var isProxySupported = typeof Proxy === "function";
+var EVENT_POOL_SIZE = 10;
+
+var shouldBeReleasedProperties = [
+ "dispatchConfig",
+ "_targetInst",
+ "nativeEvent",
+ "isDefaultPrevented",
+ "isPropagationStopped",
+ "_dispatchListeners",
+ "_dispatchInstances"
+];
+
+/**
+ * @interface Event
+ * @see http://www.w3.org/TR/DOM-Level-3-Events/
+ */
+var EventInterface = {
+ type: null,
+ target: null,
+ // currentTarget is set when dispatching; no use in copying it here
+ currentTarget: emptyFunction.thatReturnsNull,
+ eventPhase: null,
+ bubbles: null,
+ cancelable: null,
+ timeStamp: function(event) {
+ return event.timeStamp || Date.now();
+ },
+ defaultPrevented: null,
+ isTrusted: null
+};
+
+/**
+ * Synthetic events are dispatched by event plugins, typically in response to a
+ * top-level event delegation handler.
+ *
+ * These systems should generally use pooling to reduce the frequency of garbage
+ * collection. The system should check `isPersistent` to determine whether the
+ * event should be released into the pool after being dispatched. Users that
+ * need a persisted event should invoke `persist`.
+ *
+ * Synthetic events (and subclasses) implement the DOM Level 3 Events API by
+ * normalizing browser quirks. Subclasses do not necessarily have to implement a
+ * DOM interface; custom application-specific events can also subclass this.
+ *
+ * @param {object} dispatchConfig Configuration used to dispatch this event.
+ * @param {*} targetInst Marker identifying the event target.
+ * @param {object} nativeEvent Native browser event.
+ * @param {DOMEventTarget} nativeEventTarget Target node.
+ */
+function SyntheticEvent(
+ dispatchConfig,
+ targetInst,
+ nativeEvent,
+ nativeEventTarget
+) {
+ {
+ // these have a getter/setter for warnings
+ delete this.nativeEvent;
+ delete this.preventDefault;
+ delete this.stopPropagation;
+ }
+
+ this.dispatchConfig = dispatchConfig;
+ this._targetInst = targetInst;
+ this.nativeEvent = nativeEvent;
+
+ var Interface = this.constructor.Interface;
+ for (var propName in Interface) {
+ if (!Interface.hasOwnProperty(propName)) {
+ continue;
+ }
+ {
+ delete this[propName]; // this has a getter/setter for warnings
+ }
+ var normalize = Interface[propName];
+ if (normalize) {
+ this[propName] = normalize(nativeEvent);
+ } else {
+ if (propName === "target") {
+ this.target = nativeEventTarget;
+ } else {
+ this[propName] = nativeEvent[propName];
+ }
+ }
+ }
+
+ var defaultPrevented =
+ nativeEvent.defaultPrevented != null
+ ? nativeEvent.defaultPrevented
+ : nativeEvent.returnValue === false;
+ if (defaultPrevented) {
+ this.isDefaultPrevented = emptyFunction.thatReturnsTrue;
+ } else {
+ this.isDefaultPrevented = emptyFunction.thatReturnsFalse;
+ }
+ this.isPropagationStopped = emptyFunction.thatReturnsFalse;
+ return this;
+}
+
+Object.assign(SyntheticEvent.prototype, {
+ preventDefault: function() {
+ this.defaultPrevented = true;
+ var event = this.nativeEvent;
+ if (!event) {
+ return;
+ }
+
+ if (event.preventDefault) {
+ event.preventDefault();
+ } else if (typeof event.returnValue !== "unknown") {
+ event.returnValue = false;
+ }
+ this.isDefaultPrevented = emptyFunction.thatReturnsTrue;
+ },
+
+ stopPropagation: function() {
+ var event = this.nativeEvent;
+ if (!event) {
+ return;
+ }
+
+ if (event.stopPropagation) {
+ event.stopPropagation();
+ } else if (typeof event.cancelBubble !== "unknown") {
+ // The ChangeEventPlugin registers a "propertychange" event for
+ // IE. This event does not support bubbling or cancelling, and
+ // any references to cancelBubble throw "Member not found". A
+ // typeof check of "unknown" circumvents this issue (and is also
+ // IE specific).
+ event.cancelBubble = true;
+ }
+
+ this.isPropagationStopped = emptyFunction.thatReturnsTrue;
+ },
+
+ /**
+ * We release all dispatched `SyntheticEvent`s after each event loop, adding
+ * them back into the pool. This allows a way to hold onto a reference that
+ * won't be added back into the pool.
+ */
+ persist: function() {
+ this.isPersistent = emptyFunction.thatReturnsTrue;
+ },
+
+ /**
+ * Checks if this event should be released back into the pool.
+ *
+ * @return {boolean} True if this should not be released, false otherwise.
+ */
+ isPersistent: emptyFunction.thatReturnsFalse,
+
+ /**
+ * `PooledClass` looks for `destructor` on each instance it releases.
+ */
+ destructor: function() {
+ var Interface = this.constructor.Interface;
+ for (var propName in Interface) {
+ {
+ Object.defineProperty(
+ this,
+ propName,
+ getPooledWarningPropertyDefinition(propName, Interface[propName])
+ );
+ }
+ }
+ for (var i = 0; i < shouldBeReleasedProperties.length; i++) {
+ this[shouldBeReleasedProperties[i]] = null;
+ }
+ {
+ Object.defineProperty(
+ this,
+ "nativeEvent",
+ getPooledWarningPropertyDefinition("nativeEvent", null)
+ );
+ Object.defineProperty(
+ this,
+ "preventDefault",
+ getPooledWarningPropertyDefinition("preventDefault", emptyFunction)
+ );
+ Object.defineProperty(
+ this,
+ "stopPropagation",
+ getPooledWarningPropertyDefinition("stopPropagation", emptyFunction)
+ );
+ }
+ }
+});
+
+SyntheticEvent.Interface = EventInterface;
+
+/**
+ * Helper to reduce boilerplate when creating subclasses.
+ *
+ * @param {function} Class
+ * @param {?object} Interface
+ */
+SyntheticEvent.augmentClass = function(Class, Interface) {
+ var Super = this;
+
+ var E = function() {};
+ E.prototype = Super.prototype;
+ var prototype = new E();
+
+ Object.assign(prototype, Class.prototype);
+ Class.prototype = prototype;
+ Class.prototype.constructor = Class;
+
+ Class.Interface = Object.assign({}, Super.Interface, Interface);
+ Class.augmentClass = Super.augmentClass;
+ addEventPoolingTo(Class);
+};
+
+/** Proxying after everything set on SyntheticEvent
+ * to resolve Proxy issue on some WebKit browsers
+ * in which some Event properties are set to undefined (GH#10010)
+ */
+{
+ if (isProxySupported) {
+ /*eslint-disable no-func-assign */
+ SyntheticEvent = new Proxy(SyntheticEvent, {
+ construct: function(target, args) {
+ return this.apply(target, Object.create(target.prototype), args);
+ },
+ apply: function(constructor, that, args) {
+ return new Proxy(constructor.apply(that, args), {
+ set: function(target, prop, value) {
+ if (
+ prop !== "isPersistent" &&
+ !target.constructor.Interface.hasOwnProperty(prop) &&
+ shouldBeReleasedProperties.indexOf(prop) === -1
+ ) {
+ warning(
+ didWarnForAddedNewProperty || target.isPersistent(),
+ "This synthetic event is reused for performance reasons. If you're " +
+ "seeing this, you're adding a new property in the synthetic event object. " +
+ "The property is never released. See " +
+ "https://fb.me/react-event-pooling for more information."
+ );
+ didWarnForAddedNewProperty = true;
+ }
+ target[prop] = value;
+ return true;
+ }
+ });
+ }
+ });
+ /*eslint-enable no-func-assign */
+ }
+}
+
+addEventPoolingTo(SyntheticEvent);
+
+/**
+ * Helper to nullify syntheticEvent instance properties when destructing
+ *
+ * @param {String} propName
+ * @param {?object} getVal
+ * @return {object} defineProperty object
+ */
+function getPooledWarningPropertyDefinition(propName, getVal) {
+ var isFunction = typeof getVal === "function";
+ return {
+ configurable: true,
+ set: set,
+ get: get
+ };
+
+ function set(val) {
+ var action = isFunction ? "setting the method" : "setting the property";
+ warn(action, "This is effectively a no-op");
+ return val;
+ }
+
+ function get() {
+ var action = isFunction ? "accessing the method" : "accessing the property";
+ var result = isFunction
+ ? "This is a no-op function"
+ : "This is set to null";
+ warn(action, result);
+ return getVal;
+ }
+
+ function warn(action, result) {
+ var warningCondition = false;
+ warning(
+ warningCondition,
+ "This synthetic event is reused for performance reasons. If you're seeing this, " +
+ "you're %s `%s` on a released/nullified synthetic event. %s. " +
+ "If you must keep the original synthetic event around, use event.persist(). " +
+ "See https://fb.me/react-event-pooling for more information.",
+ action,
+ propName,
+ result
+ );
+ }
+}
+
+function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
+ var EventConstructor = this;
+ if (EventConstructor.eventPool.length) {
+ var instance = EventConstructor.eventPool.pop();
+ EventConstructor.call(
+ instance,
+ dispatchConfig,
+ targetInst,
+ nativeEvent,
+ nativeInst
+ );
+ return instance;
+ }
+ return new EventConstructor(
+ dispatchConfig,
+ targetInst,
+ nativeEvent,
+ nativeInst
+ );
+}
+
+function releasePooledEvent(event) {
+ var EventConstructor = this;
+ invariant(
+ event instanceof EventConstructor,
+ "Trying to release an event instance into a pool of a different type."
+ );
+ event.destructor();
+ if (EventConstructor.eventPool.length < EVENT_POOL_SIZE) {
+ EventConstructor.eventPool.push(event);
+ }
+}
+
+function addEventPoolingTo(EventConstructor) {
+ EventConstructor.eventPool = [];
+ EventConstructor.getPooled = getPooledEvent;
+ EventConstructor.release = releasePooledEvent;
+}
+
+var SyntheticEvent$1 = SyntheticEvent;
+
+/**
+ * `touchHistory` isn't actually on the native event, but putting it in the
+ * interface will ensure that it is cleaned up when pooled/destroyed. The
+ * `ResponderEventPlugin` will populate it appropriately.
+ */
+var ResponderEventInterface = {
+ touchHistory: function(nativeEvent) {
+ return null; // Actually doesn't even look at the native event.
+ }
+};
+
+/**
+ * @param {object} dispatchConfig Configuration used to dispatch this event.
+ * @param {string} dispatchMarker Marker identifying the event target.
+ * @param {object} nativeEvent Native event.
+ * @extends {SyntheticEvent}
+ */
+function ResponderSyntheticEvent(
+ dispatchConfig,
+ dispatchMarker,
+ nativeEvent,
+ nativeEventTarget
+) {
+ return SyntheticEvent$1.call(
+ this,
+ dispatchConfig,
+ dispatchMarker,
+ nativeEvent,
+ nativeEventTarget
+ );
+}
+
+SyntheticEvent$1.augmentClass(ResponderSyntheticEvent, ResponderEventInterface);
+
+/**
+ * Tracks the position and time of each active touch by `touch.identifier`. We
+ * should typically only see IDs in the range of 1-20 because IDs get recycled
+ * when touches end and start again.
+ */
+
+var MAX_TOUCH_BANK = 20;
+var touchBank = [];
+var touchHistory = {
+ touchBank: touchBank,
+ numberActiveTouches: 0,
+ // If there is only one active touch, we remember its location. This prevents
+ // us having to loop through all of the touches all the time in the most
+ // common case.
+ indexOfSingleActiveTouch: -1,
+ mostRecentTimeStamp: 0
+};
+
+function timestampForTouch(touch) {
+ // The legacy internal implementation provides "timeStamp", which has been
+ // renamed to "timestamp". Let both work for now while we iron it out
+ // TODO (evv): rename timeStamp to timestamp in internal code
+ return touch.timeStamp || touch.timestamp;
+}
+
+/**
+ * TODO: Instead of making gestures recompute filtered velocity, we could
+ * include a built in velocity computation that can be reused globally.
+ */
+function createTouchRecord(touch) {
+ return {
+ touchActive: true,
+ startPageX: touch.pageX,
+ startPageY: touch.pageY,
+ startTimeStamp: timestampForTouch(touch),
+ currentPageX: touch.pageX,
+ currentPageY: touch.pageY,
+ currentTimeStamp: timestampForTouch(touch),
+ previousPageX: touch.pageX,
+ previousPageY: touch.pageY,
+ previousTimeStamp: timestampForTouch(touch)
+ };
+}
+
+function resetTouchRecord(touchRecord, touch) {
+ touchRecord.touchActive = true;
+ touchRecord.startPageX = touch.pageX;
+ touchRecord.startPageY = touch.pageY;
+ touchRecord.startTimeStamp = timestampForTouch(touch);
+ touchRecord.currentPageX = touch.pageX;
+ touchRecord.currentPageY = touch.pageY;
+ touchRecord.currentTimeStamp = timestampForTouch(touch);
+ touchRecord.previousPageX = touch.pageX;
+ touchRecord.previousPageY = touch.pageY;
+ touchRecord.previousTimeStamp = timestampForTouch(touch);
+}
+
+function getTouchIdentifier(_ref) {
+ var identifier = _ref.identifier;
+
+ invariant(identifier != null, "Touch object is missing identifier.");
+ {
+ warning(
+ identifier <= MAX_TOUCH_BANK,
+ "Touch identifier %s is greater than maximum supported %s which causes " +
+ "performance issues backfilling array locations for all of the indices.",
+ identifier,
+ MAX_TOUCH_BANK
+ );
+ }
+ return identifier;
+}
+
+function recordTouchStart(touch) {
+ var identifier = getTouchIdentifier(touch);
+ var touchRecord = touchBank[identifier];
+ if (touchRecord) {
+ resetTouchRecord(touchRecord, touch);
+ } else {
+ touchBank[identifier] = createTouchRecord(touch);
+ }
+ touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+}
+
+function recordTouchMove(touch) {
+ var touchRecord = touchBank[getTouchIdentifier(touch)];
+ if (touchRecord) {
+ touchRecord.touchActive = true;
+ touchRecord.previousPageX = touchRecord.currentPageX;
+ touchRecord.previousPageY = touchRecord.currentPageY;
+ touchRecord.previousTimeStamp = touchRecord.currentTimeStamp;
+ touchRecord.currentPageX = touch.pageX;
+ touchRecord.currentPageY = touch.pageY;
+ touchRecord.currentTimeStamp = timestampForTouch(touch);
+ touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+ } else {
+ console.error(
+ "Cannot record touch move without a touch start.\n" + "Touch Move: %s\n",
+ "Touch Bank: %s",
+ printTouch(touch),
+ printTouchBank()
+ );
+ }
+}
+
+function recordTouchEnd(touch) {
+ var touchRecord = touchBank[getTouchIdentifier(touch)];
+ if (touchRecord) {
+ touchRecord.touchActive = false;
+ touchRecord.previousPageX = touchRecord.currentPageX;
+ touchRecord.previousPageY = touchRecord.currentPageY;
+ touchRecord.previousTimeStamp = touchRecord.currentTimeStamp;
+ touchRecord.currentPageX = touch.pageX;
+ touchRecord.currentPageY = touch.pageY;
+ touchRecord.currentTimeStamp = timestampForTouch(touch);
+ touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+ } else {
+ console.error(
+ "Cannot record touch end without a touch start.\n" + "Touch End: %s\n",
+ "Touch Bank: %s",
+ printTouch(touch),
+ printTouchBank()
+ );
+ }
+}
+
+function printTouch(touch) {
+ return JSON.stringify({
+ identifier: touch.identifier,
+ pageX: touch.pageX,
+ pageY: touch.pageY,
+ timestamp: timestampForTouch(touch)
+ });
+}
+
+function printTouchBank() {
+ var printed = JSON.stringify(touchBank.slice(0, MAX_TOUCH_BANK));
+ if (touchBank.length > MAX_TOUCH_BANK) {
+ printed += " (original size: " + touchBank.length + ")";
+ }
+ return printed;
+}
+
+var ResponderTouchHistoryStore = {
+ recordTouchTrack: function(topLevelType, nativeEvent) {
+ if (isMoveish(topLevelType)) {
+ nativeEvent.changedTouches.forEach(recordTouchMove);
+ } else if (isStartish(topLevelType)) {
+ nativeEvent.changedTouches.forEach(recordTouchStart);
+ touchHistory.numberActiveTouches = nativeEvent.touches.length;
+ if (touchHistory.numberActiveTouches === 1) {
+ touchHistory.indexOfSingleActiveTouch =
+ nativeEvent.touches[0].identifier;
+ }
+ } else if (isEndish(topLevelType)) {
+ nativeEvent.changedTouches.forEach(recordTouchEnd);
+ touchHistory.numberActiveTouches = nativeEvent.touches.length;
+ if (touchHistory.numberActiveTouches === 1) {
+ for (var i = 0; i < touchBank.length; i++) {
+ var touchTrackToCheck = touchBank[i];
+ if (touchTrackToCheck != null && touchTrackToCheck.touchActive) {
+ touchHistory.indexOfSingleActiveTouch = i;
+ break;
+ }
+ }
+ {
+ var activeRecord = touchBank[touchHistory.indexOfSingleActiveTouch];
+ warning(
+ activeRecord != null && activeRecord.touchActive,
+ "Cannot find single active touch."
+ );
+ }
+ }
+ }
+ },
+
+ touchHistory: touchHistory
+};
+
+/**
+ * Accumulates items that must not be null or undefined.
+ *
+ * This is used to conserve memory by avoiding array allocations.
+ *
+ * @return {*|array<*>} An accumulation of items.
+ */
+function accumulate(current, next) {
+ invariant(
+ next != null,
+ "accumulate(...): Accumulated items must be not be null or undefined."
+ );
+
+ if (current == null) {
+ return next;
+ }
+
+ // Both are not empty. Warning: Never call x.concat(y) when you are not
+ // certain that x is an Array (x could be a string with concat method).
+ if (Array.isArray(current)) {
+ return current.concat(next);
+ }
+
+ if (Array.isArray(next)) {
+ return [current].concat(next);
+ }
+
+ return [current, next];
+}
+
+/**
+ * Instance of element that should respond to touch/move types of interactions,
+ * as indicated explicitly by relevant callbacks.
+ */
+var responderInst = null;
+
+/**
+ * Count of current touches. A textInput should become responder iff the
+ * selection changes while there is a touch on the screen.
+ */
+var trackedTouchCount = 0;
+
+/**
+ * Last reported number of active touches.
+ */
+var previousActiveTouches = 0;
+
+var changeResponder = function(nextResponderInst, blockHostResponder) {
+ var oldResponderInst = responderInst;
+ responderInst = nextResponderInst;
+ if (ResponderEventPlugin.GlobalResponderHandler !== null) {
+ ResponderEventPlugin.GlobalResponderHandler.onChange(
+ oldResponderInst,
+ nextResponderInst,
+ blockHostResponder
+ );
+ }
+};
+
+var eventTypes = {
+ /**
+ * On a `touchStart`/`mouseDown`, is it desired that this element become the
+ * responder?
+ */
+ startShouldSetResponder: {
+ phasedRegistrationNames: {
+ bubbled: "onStartShouldSetResponder",
+ captured: "onStartShouldSetResponderCapture"
+ }
+ },
+
+ /**
+ * On a `scroll`, is it desired that this element become the responder? This
+ * is usually not needed, but should be used to retroactively infer that a
+ * `touchStart` had occurred during momentum scroll. During a momentum scroll,
+ * a touch start will be immediately followed by a scroll event if the view is
+ * currently scrolling.
+ *
+ * TODO: This shouldn't bubble.
+ */
+ scrollShouldSetResponder: {
+ phasedRegistrationNames: {
+ bubbled: "onScrollShouldSetResponder",
+ captured: "onScrollShouldSetResponderCapture"
+ }
+ },
+
+ /**
+ * On text selection change, should this element become the responder? This
+ * is needed for text inputs or other views with native selection, so the
+ * JS view can claim the responder.
+ *
+ * TODO: This shouldn't bubble.
+ */
+ selectionChangeShouldSetResponder: {
+ phasedRegistrationNames: {
+ bubbled: "onSelectionChangeShouldSetResponder",
+ captured: "onSelectionChangeShouldSetResponderCapture"
+ }
+ },
+
+ /**
+ * On a `touchMove`/`mouseMove`, is it desired that this element become the
+ * responder?
+ */
+ moveShouldSetResponder: {
+ phasedRegistrationNames: {
+ bubbled: "onMoveShouldSetResponder",
+ captured: "onMoveShouldSetResponderCapture"
+ }
+ },
+
+ /**
+ * Direct responder events dispatched directly to responder. Do not bubble.
+ */
+ responderStart: { registrationName: "onResponderStart" },
+ responderMove: { registrationName: "onResponderMove" },
+ responderEnd: { registrationName: "onResponderEnd" },
+ responderRelease: { registrationName: "onResponderRelease" },
+ responderTerminationRequest: {
+ registrationName: "onResponderTerminationRequest"
+ },
+ responderGrant: { registrationName: "onResponderGrant" },
+ responderReject: { registrationName: "onResponderReject" },
+ responderTerminate: { registrationName: "onResponderTerminate" }
+};
+
+/**
+ *
+ * Responder System:
+ * ----------------
+ *
+ * - A global, solitary "interaction lock" on a view.
+ * - If a node becomes the responder, it should convey visual feedback
+ * immediately to indicate so, either by highlighting or moving accordingly.
+ * - To be the responder means, that touches are exclusively important to that
+ * responder view, and no other view.
+ * - While touches are still occurring, the responder lock can be transferred to
+ * a new view, but only to increasingly "higher" views (meaning ancestors of
+ * the current responder).
+ *
+ * Responder being granted:
+ * ------------------------
+ *
+ * - Touch starts, moves, and scrolls can cause an ID to become the responder.
+ * - We capture/bubble `startShouldSetResponder`/`moveShouldSetResponder` to
+ * the "appropriate place".
+ * - If nothing is currently the responder, the "appropriate place" is the
+ * initiating event's `targetID`.
+ * - If something *is* already the responder, the "appropriate place" is the
+ * first common ancestor of the event target and the current `responderInst`.
+ * - Some negotiation happens: See the timing diagram below.
+ * - Scrolled views automatically become responder. The reasoning is that a
+ * platform scroll view that isn't built on top of the responder system has
+ * began scrolling, and the active responder must now be notified that the
+ * interaction is no longer locked to it - the system has taken over.
+ *
+ * - Responder being released:
+ * As soon as no more touches that *started* inside of descendants of the
+ * *current* responderInst, an `onResponderRelease` event is dispatched to the
+ * current responder, and the responder lock is released.
+ *
+ * TODO:
+ * - on "end", a callback hook for `onResponderEndShouldRemainResponder` that
+ * determines if the responder lock should remain.
+ * - If a view shouldn't "remain" the responder, any active touches should by
+ * default be considered "dead" and do not influence future negotiations or
+ * bubble paths. It should be as if those touches do not exist.
+ * -- For multitouch: Usually a translate-z will choose to "remain" responder
+ * after one out of many touches ended. For translate-y, usually the view
+ * doesn't wish to "remain" responder after one of many touches end.
+ * - Consider building this on top of a `stopPropagation` model similar to
+ * `W3C` events.
+ * - Ensure that `onResponderTerminate` is called on touch cancels, whether or
+ * not `onResponderTerminationRequest` returns `true` or `false`.
+ *
+ */
+
+/* Negotiation Performed
+ +-----------------------+
+ / \
+Process low level events to + Current Responder + wantsResponderID
+determine who to perform negot-| (if any exists at all) |
+iation/transition | Otherwise just pass through|
+-------------------------------+----------------------------+------------------+
+Bubble to find first ID | |
+to return true:wantsResponderID| |
+ | |
+ +-------------+ | |
+ | onTouchStart| | |
+ +------+------+ none | |
+ | return| |
++-----------v-------------+true| +------------------------+ |
+|onStartShouldSetResponder|----->|onResponderStart (cur) |<-----------+
++-----------+-------------+ | +------------------------+ | |
+ | | | +--------+-------+
+ | returned true for| false:REJECT +-------->|onResponderReject
+ | wantsResponderID | | | +----------------+
+ | (now attempt | +------------------+-----+ |
+ | handoff) | | onResponder | |
+ +------------------->| TerminationRequest| |
+ | +------------------+-----+ |
+ | | | +----------------+
+ | true:GRANT +-------->|onResponderGrant|
+ | | +--------+-------+
+ | +------------------------+ | |
+ | | onResponderTerminate |<-----------+
+ | +------------------+-----+ |
+ | | | +----------------+
+ | +-------->|onResponderStart|
+ | | +----------------+
+Bubble to find first ID | |
+to return true:wantsResponderID| |
+ | |
+ +-------------+ | |
+ | onTouchMove | | |
+ +------+------+ none | |
+ | return| |
++-----------v-------------+true| +------------------------+ |
+|onMoveShouldSetResponder |----->|onResponderMove (cur) |<-----------+
++-----------+-------------+ | +------------------------+ | |
+ | | | +--------+-------+
+ | returned true for| false:REJECT +-------->|onResponderRejec|
+ | wantsResponderID | | | +----------------+
+ | (now attempt | +------------------+-----+ |
+ | handoff) | | onResponder | |
+ +------------------->| TerminationRequest| |
+ | +------------------+-----+ |
+ | | | +----------------+
+ | true:GRANT +-------->|onResponderGrant|
+ | | +--------+-------+
+ | +------------------------+ | |
+ | | onResponderTerminate |<-----------+
+ | +------------------+-----+ |
+ | | | +----------------+
+ | +-------->|onResponderMove |
+ | | +----------------+
+ | |
+ | |
+ Some active touch started| |
+ inside current responder | +------------------------+ |
+ +------------------------->| onResponderEnd | |
+ | | +------------------------+ |
+ +---+---------+ | |
+ | onTouchEnd | | |
+ +---+---------+ | |
+ | | +------------------------+ |
+ +------------------------->| onResponderEnd | |
+ No active touches started| +-----------+------------+ |
+ inside current responder | | |
+ | v |
+ | +------------------------+ |
+ | | onResponderRelease | |
+ | +------------------------+ |
+ | |
+ + + */
+
+/**
+ * A note about event ordering in the `EventPluginHub`.
+ *
+ * Suppose plugins are injected in the following order:
+ *
+ * `[R, S, C]`
+ *
+ * To help illustrate the example, assume `S` is `SimpleEventPlugin` (for
+ * `onClick` etc) and `R` is `ResponderEventPlugin`.
+ *
+ * "Deferred-Dispatched Events":
+ *
+ * - The current event plugin system will traverse the list of injected plugins,
+ * in order, and extract events by collecting the plugin's return value of
+ * `extractEvents()`.
+ * - These events that are returned from `extractEvents` are "deferred
+ * dispatched events".
+ * - When returned from `extractEvents`, deferred-dispatched events contain an
+ * "accumulation" of deferred dispatches.
+ * - These deferred dispatches are accumulated/collected before they are
+ * returned, but processed at a later time by the `EventPluginHub` (hence the
+ * name deferred).
+ *
+ * In the process of returning their deferred-dispatched events, event plugins
+ * themselves can dispatch events on-demand without returning them from
+ * `extractEvents`. Plugins might want to do this, so that they can use event
+ * dispatching as a tool that helps them decide which events should be extracted
+ * in the first place.
+ *
+ * "On-Demand-Dispatched Events":
+ *
+ * - On-demand-dispatched events are not returned from `extractEvents`.
+ * - On-demand-dispatched events are dispatched during the process of returning
+ * the deferred-dispatched events.
+ * - They should not have side effects.
+ * - They should be avoided, and/or eventually be replaced with another
+ * abstraction that allows event plugins to perform multiple "rounds" of event
+ * extraction.
+ *
+ * Therefore, the sequence of event dispatches becomes:
+ *
+ * - `R`s on-demand events (if any) (dispatched by `R` on-demand)
+ * - `S`s on-demand events (if any) (dispatched by `S` on-demand)
+ * - `C`s on-demand events (if any) (dispatched by `C` on-demand)
+ * - `R`s extracted events (if any) (dispatched by `EventPluginHub`)
+ * - `S`s extracted events (if any) (dispatched by `EventPluginHub`)
+ * - `C`s extracted events (if any) (dispatched by `EventPluginHub`)
+ *
+ * In the case of `ResponderEventPlugin`: If the `startShouldSetResponder`
+ * on-demand dispatch returns `true` (and some other details are satisfied) the
+ * `onResponderGrant` deferred dispatched event is returned from
+ * `extractEvents`. The sequence of dispatch executions in this case
+ * will appear as follows:
+ *
+ * - `startShouldSetResponder` (`ResponderEventPlugin` dispatches on-demand)
+ * - `touchStartCapture` (`EventPluginHub` dispatches as usual)
+ * - `touchStart` (`EventPluginHub` dispatches as usual)
+ * - `responderGrant/Reject` (`EventPluginHub` dispatches as usual)
+ */
+
+function setResponderAndExtractTransfer(
+ topLevelType,
+ targetInst,
+ nativeEvent,
+ nativeEventTarget
+) {
+ var shouldSetEventType = isStartish(topLevelType)
+ ? eventTypes.startShouldSetResponder
+ : isMoveish(topLevelType)
+ ? eventTypes.moveShouldSetResponder
+ : topLevelType === "topSelectionChange"
+ ? eventTypes.selectionChangeShouldSetResponder
+ : eventTypes.scrollShouldSetResponder;
+
+ // TODO: stop one short of the current responder.
+ var bubbleShouldSetFrom = !responderInst
+ ? targetInst
+ : getLowestCommonAncestor(responderInst, targetInst);
+
+ // When capturing/bubbling the "shouldSet" event, we want to skip the target
+ // (deepest ID) if it happens to be the current responder. The reasoning:
+ // It's strange to get an `onMoveShouldSetResponder` when you're *already*
+ // the responder.
+ var skipOverBubbleShouldSetFrom = bubbleShouldSetFrom === responderInst;
+ var shouldSetEvent = ResponderSyntheticEvent.getPooled(
+ shouldSetEventType,
+ bubbleShouldSetFrom,
+ nativeEvent,
+ nativeEventTarget
+ );
+ shouldSetEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+ if (skipOverBubbleShouldSetFrom) {
+ accumulateTwoPhaseDispatchesSkipTarget(shouldSetEvent);
+ } else {
+ accumulateTwoPhaseDispatches(shouldSetEvent);
+ }
+ var wantsResponderInst = executeDispatchesInOrderStopAtTrue(shouldSetEvent);
+ if (!shouldSetEvent.isPersistent()) {
+ shouldSetEvent.constructor.release(shouldSetEvent);
+ }
+
+ if (!wantsResponderInst || wantsResponderInst === responderInst) {
+ return null;
+ }
+ var extracted;
+ var grantEvent = ResponderSyntheticEvent.getPooled(
+ eventTypes.responderGrant,
+ wantsResponderInst,
+ nativeEvent,
+ nativeEventTarget
+ );
+ grantEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+
+ accumulateDirectDispatches(grantEvent);
+ var blockHostResponder = executeDirectDispatch(grantEvent) === true;
+ if (responderInst) {
+ var terminationRequestEvent = ResponderSyntheticEvent.getPooled(
+ eventTypes.responderTerminationRequest,
+ responderInst,
+ nativeEvent,
+ nativeEventTarget
+ );
+ terminationRequestEvent.touchHistory =
+ ResponderTouchHistoryStore.touchHistory;
+ accumulateDirectDispatches(terminationRequestEvent);
+ var shouldSwitch =
+ !hasDispatches(terminationRequestEvent) ||
+ executeDirectDispatch(terminationRequestEvent);
+ if (!terminationRequestEvent.isPersistent()) {
+ terminationRequestEvent.constructor.release(terminationRequestEvent);
+ }
+
+ if (shouldSwitch) {
+ var terminateEvent = ResponderSyntheticEvent.getPooled(
+ eventTypes.responderTerminate,
+ responderInst,
+ nativeEvent,
+ nativeEventTarget
+ );
+ terminateEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+ accumulateDirectDispatches(terminateEvent);
+ extracted = accumulate(extracted, [grantEvent, terminateEvent]);
+ changeResponder(wantsResponderInst, blockHostResponder);
+ } else {
+ var rejectEvent = ResponderSyntheticEvent.getPooled(
+ eventTypes.responderReject,
+ wantsResponderInst,
+ nativeEvent,
+ nativeEventTarget
+ );
+ rejectEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+ accumulateDirectDispatches(rejectEvent);
+ extracted = accumulate(extracted, rejectEvent);
+ }
+ } else {
+ extracted = accumulate(extracted, grantEvent);
+ changeResponder(wantsResponderInst, blockHostResponder);
+ }
+ return extracted;
+}
+
+/**
+ * A transfer is a negotiation between a currently set responder and the next
+ * element to claim responder status. Any start event could trigger a transfer
+ * of responderInst. Any move event could trigger a transfer.
+ *
+ * @param {string} topLevelType Record from `BrowserEventConstants`.
+ * @return {boolean} True if a transfer of responder could possibly occur.
+ */
+function canTriggerTransfer(topLevelType, topLevelInst, nativeEvent) {
+ return (
+ topLevelInst &&
+ // responderIgnoreScroll: We are trying to migrate away from specifically
+ // tracking native scroll events here and responderIgnoreScroll indicates we
+ // will send topTouchCancel to handle canceling touch events instead
+ ((topLevelType === "topScroll" && !nativeEvent.responderIgnoreScroll) ||
+ (trackedTouchCount > 0 && topLevelType === "topSelectionChange") ||
+ isStartish(topLevelType) ||
+ isMoveish(topLevelType))
+ );
+}
+
+/**
+ * Returns whether or not this touch end event makes it such that there are no
+ * longer any touches that started inside of the current `responderInst`.
+ *
+ * @param {NativeEvent} nativeEvent Native touch end event.
+ * @return {boolean} Whether or not this touch end event ends the responder.
+ */
+function noResponderTouches(nativeEvent) {
+ var touches = nativeEvent.touches;
+ if (!touches || touches.length === 0) {
+ return true;
+ }
+ for (var i = 0; i < touches.length; i++) {
+ var activeTouch = touches[i];
+ var target = activeTouch.target;
+ if (target !== null && target !== undefined && target !== 0) {
+ // Is the original touch location inside of the current responder?
+ var targetInst = getInstanceFromNode(target);
+ if (isAncestor(responderInst, targetInst)) {
+ return false;
+ }
+ }
+ }
+ return true;
+}
+
+var ResponderEventPlugin = {
+ /* For unit testing only */
+ _getResponder: function() {
+ return responderInst;
+ },
+
+ eventTypes: eventTypes,
+
+ /**
+ * We must be resilient to `targetInst` being `null` on `touchMove` or
+ * `touchEnd`. On certain platforms, this means that a native scroll has
+ * assumed control and the original touch targets are destroyed.
+ */
+ extractEvents: function(
+ topLevelType,
+ targetInst,
+ nativeEvent,
+ nativeEventTarget
+ ) {
+ if (isStartish(topLevelType)) {
+ trackedTouchCount += 1;
+ } else if (isEndish(topLevelType)) {
+ if (trackedTouchCount >= 0) {
+ trackedTouchCount -= 1;
+ } else {
+ console.error(
+ "Ended a touch event which was not counted in `trackedTouchCount`."
+ );
+ return null;
+ }
+ }
+
+ ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
+
+ var extracted = canTriggerTransfer(topLevelType, targetInst, nativeEvent)
+ ? setResponderAndExtractTransfer(
+ topLevelType,
+ targetInst,
+ nativeEvent,
+ nativeEventTarget
+ )
+ : null;
+ // Responder may or may not have transferred on a new touch start/move.
+ // Regardless, whoever is the responder after any potential transfer, we
+ // direct all touch start/move/ends to them in the form of
+ // `onResponderMove/Start/End`. These will be called for *every* additional
+ // finger that move/start/end, dispatched directly to whoever is the
+ // current responder at that moment, until the responder is "released".
+ //
+ // These multiple individual change touch events are are always bookended
+ // by `onResponderGrant`, and one of
+ // (`onResponderRelease/onResponderTerminate`).
+ var isResponderTouchStart = responderInst && isStartish(topLevelType);
+ var isResponderTouchMove = responderInst && isMoveish(topLevelType);
+ var isResponderTouchEnd = responderInst && isEndish(topLevelType);
+ var incrementalTouch = isResponderTouchStart
+ ? eventTypes.responderStart
+ : isResponderTouchMove
+ ? eventTypes.responderMove
+ : isResponderTouchEnd ? eventTypes.responderEnd : null;
+
+ if (incrementalTouch) {
+ var gesture = ResponderSyntheticEvent.getPooled(
+ incrementalTouch,
+ responderInst,
+ nativeEvent,
+ nativeEventTarget
+ );
+ gesture.touchHistory = ResponderTouchHistoryStore.touchHistory;
+ accumulateDirectDispatches(gesture);
+ extracted = accumulate(extracted, gesture);
+ }
+
+ var isResponderTerminate =
+ responderInst && topLevelType === "topTouchCancel";
+ var isResponderRelease =
+ responderInst &&
+ !isResponderTerminate &&
+ isEndish(topLevelType) &&
+ noResponderTouches(nativeEvent);
+ var finalTouch = isResponderTerminate
+ ? eventTypes.responderTerminate
+ : isResponderRelease ? eventTypes.responderRelease : null;
+ if (finalTouch) {
+ var finalEvent = ResponderSyntheticEvent.getPooled(
+ finalTouch,
+ responderInst,
+ nativeEvent,
+ nativeEventTarget
+ );
+ finalEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+ accumulateDirectDispatches(finalEvent);
+ extracted = accumulate(extracted, finalEvent);
+ changeResponder(null);
+ }
+
+ var numberActiveTouches =
+ ResponderTouchHistoryStore.touchHistory.numberActiveTouches;
+ if (
+ ResponderEventPlugin.GlobalInteractionHandler &&
+ numberActiveTouches !== previousActiveTouches
+ ) {
+ ResponderEventPlugin.GlobalInteractionHandler.onChange(
+ numberActiveTouches
+ );
+ }
+ previousActiveTouches = numberActiveTouches;
+
+ return extracted;
+ },
+
+ GlobalResponderHandler: null,
+ GlobalInteractionHandler: null,
+
+ injection: {
+ /**
+ * @param {{onChange: (ReactID, ReactID) => void} GlobalResponderHandler
+ * Object that handles any change in responder. Use this to inject
+ * integration with an existing touch handling system etc.
+ */
+ injectGlobalResponderHandler: function(GlobalResponderHandler) {
+ ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
+ },
+
+ /**
+ * @param {{onChange: (numberActiveTouches) => void} GlobalInteractionHandler
+ * Object that handles any change in the number of active touches.
+ */
+ injectGlobalInteractionHandler: function(GlobalInteractionHandler) {
+ ResponderEventPlugin.GlobalInteractionHandler = GlobalInteractionHandler;
+ }
+ }
+};
+
+var customBubblingEventTypes = {};
+var customDirectEventTypes = {};
+
+var ReactNativeBridgeEventPlugin = {
+ eventTypes: {},
+
+ /**
+ * @see {EventPluginHub.extractEvents}
+ */
+ extractEvents: function(
+ topLevelType,
+ targetInst,
+ nativeEvent,
+ nativeEventTarget
+ ) {
+ var bubbleDispatchConfig = customBubblingEventTypes[topLevelType];
+ var directDispatchConfig = customDirectEventTypes[topLevelType];
+ invariant(
+ bubbleDispatchConfig || directDispatchConfig,
+ 'Unsupported top level event type "%s" dispatched',
+ topLevelType
+ );
+ var event = SyntheticEvent$1.getPooled(
+ bubbleDispatchConfig || directDispatchConfig,
+ targetInst,
+ nativeEvent,
+ nativeEventTarget
+ );
+ if (bubbleDispatchConfig) {
+ accumulateTwoPhaseDispatches(event);
+ } else if (directDispatchConfig) {
+ accumulateDirectDispatches(event);
+ } else {
+ return null;
+ }
+ return event;
+ },
+
+ processEventTypes: function(viewConfig) {
+ var bubblingEventTypes = viewConfig.bubblingEventTypes,
+ directEventTypes = viewConfig.directEventTypes;
+
+ {
+ if (bubblingEventTypes != null && directEventTypes != null) {
+ for (var topLevelType in directEventTypes) {
+ invariant(
+ bubblingEventTypes[topLevelType] == null,
+ "Event cannot be both direct and bubbling: %s",
+ topLevelType
+ );
+ }
+ }
+ }
+
+ if (bubblingEventTypes != null) {
+ for (var _topLevelType in bubblingEventTypes) {
+ if (customBubblingEventTypes[_topLevelType] == null) {
+ ReactNativeBridgeEventPlugin.eventTypes[
+ _topLevelType
+ ] = customBubblingEventTypes[_topLevelType] =
+ bubblingEventTypes[_topLevelType];
+ }
+ }
+ }
+
+ if (directEventTypes != null) {
+ for (var _topLevelType2 in directEventTypes) {
+ if (customDirectEventTypes[_topLevelType2] == null) {
+ ReactNativeBridgeEventPlugin.eventTypes[
+ _topLevelType2
+ ] = customDirectEventTypes[_topLevelType2] =
+ directEventTypes[_topLevelType2];
+ }
+ }
+ }
+ }
+};
+
+var instanceCache = {};
+var instanceProps = {};
+
+function precacheFiberNode(hostInst, tag) {
+ instanceCache[tag] = hostInst;
+}
+
+function uncacheFiberNode(tag) {
+ delete instanceCache[tag];
+ delete instanceProps[tag];
+}
+
+function getInstanceFromTag(tag) {
+ return instanceCache[tag] || null;
+}
+
+function getTagFromInstance(inst) {
+ var tag = inst.stateNode._nativeTag;
+ invariant(tag, "All native instances should have a tag.");
+ return tag;
+}
+
+function getFiberCurrentPropsFromNode$1(stateNode) {
+ return instanceProps[stateNode._nativeTag] || null;
+}
+
+function updateFiberProps(tag, props) {
+ instanceProps[tag] = props;
+}
+
+var ReactNativeComponentTree = Object.freeze({
+ precacheFiberNode: precacheFiberNode,
+ uncacheFiberNode: uncacheFiberNode,
+ getClosestInstanceFromNode: getInstanceFromTag,
+ getInstanceFromNode: getInstanceFromTag,
+ getNodeFromInstance: getTagFromInstance,
+ getFiberCurrentPropsFromNode: getFiberCurrentPropsFromNode$1,
+ updateFiberProps: updateFiberProps
+});
+
+// Use to restore controlled state after a change event has fired.
+
+var fiberHostComponent = null;
+
+var restoreTarget = null;
+var restoreQueue = null;
+
+function restoreStateOfTarget(target) {
+ // We perform this translation at the end of the event loop so that we
+ // always receive the correct fiber here
+ var internalInstance = getInstanceFromNode(target);
+ if (!internalInstance) {
+ // Unmounted
+ return;
+ }
+ invariant(
+ fiberHostComponent &&
+ typeof fiberHostComponent.restoreControlledState === "function",
+ "Fiber needs to be injected to handle a fiber target for controlled " +
+ "events. This error is likely caused by a bug in React. Please file an issue."
+ );
+ var props = getFiberCurrentPropsFromNode(internalInstance.stateNode);
+ fiberHostComponent.restoreControlledState(
+ internalInstance.stateNode,
+ internalInstance.type,
+ props
+ );
+}
+
+function restoreStateIfNeeded() {
+ if (!restoreTarget) {
+ return;
+ }
+ var target = restoreTarget;
+ var queuedTargets = restoreQueue;
+ restoreTarget = null;
+ restoreQueue = null;
+
+ restoreStateOfTarget(target);
+ if (queuedTargets) {
+ for (var i = 0; i < queuedTargets.length; i++) {
+ restoreStateOfTarget(queuedTargets[i]);
+ }
+ }
+}
+
+// Used as a way to call batchedUpdates when we don't have a reference to
+// the renderer. Such as when we're dispatching events or if third party
+// libraries need to call batchedUpdates. Eventually, this API will go away when
+// everything is batched by default. We'll then have a similar API to opt-out of
+// scheduled work and instead do synchronous work.
+
+// Defaults
+var fiberBatchedUpdates = function(fn, bookkeeping) {
+ return fn(bookkeeping);
+};
+
+var isNestingBatched = false;
+function batchedUpdates(fn, bookkeeping) {
+ if (isNestingBatched) {
+ // If we are currently inside another batch, we need to wait until it
+ // fully completes before restoring state. Therefore, we add the target to
+ // a queue of work.
+ return fiberBatchedUpdates(fn, bookkeeping);
+ }
+ isNestingBatched = true;
+ try {
+ return fiberBatchedUpdates(fn, bookkeeping);
+ } finally {
+ // Here we wait until all updates have propagated, which is important
+ // when using controlled components within layers:
+ // https://github.com/facebook/react/issues/1698
+ // Then we restore state of any controlled component.
+ isNestingBatched = false;
+ restoreStateIfNeeded();
+ }
+}
+
+var ReactGenericBatchingInjection = {
+ injectFiberBatchedUpdates: function(_batchedUpdates) {
+ fiberBatchedUpdates = _batchedUpdates;
+ }
+};
+
+var injection$2 = ReactGenericBatchingInjection;
+
+function runEventQueueInBatch(events) {
+ enqueueEvents(events);
+ processEventQueue(false);
+}
+
+/**
+ * Streams a fired top-level event to `EventPluginHub` where plugins have the
+ * opportunity to create `ReactEvent`s to be dispatched.
+ */
+function handleTopLevel(
+ topLevelType,
+ targetInst,
+ nativeEvent,
+ nativeEventTarget
+) {
+ var events = extractEvents(
+ topLevelType,
+ targetInst,
+ nativeEvent,
+ nativeEventTarget
+ );
+ runEventQueueInBatch(events);
+}
+
+/**
+ * Keeps track of allocating and associating native "tags" which are numeric,
+ * unique view IDs. All the native tags are negative numbers, to avoid
+ * collisions, but in the JS we keep track of them as positive integers to store
+ * them effectively in Arrays. So we must refer to them as "inverses" of the
+ * native tags (that are * normally negative).
+ *
+ * It *must* be the case that every `rootNodeID` always maps to the exact same
+ * `tag` forever. The easiest way to accomplish this is to never delete
+ * anything from this table.
+ * Why: Because `dangerouslyReplaceNodeWithMarkupByID` relies on being able to
+ * unmount a component with a `rootNodeID`, then mount a new one in its place,
+ */
+var INITIAL_TAG_COUNT = 1;
+var ReactNativeTagHandles = {
+ tagsStartAt: INITIAL_TAG_COUNT,
+ tagCount: INITIAL_TAG_COUNT,
+
+ allocateTag: function() {
+ // Skip over root IDs as those are reserved for native
+ while (this.reactTagIsNativeTopRootID(ReactNativeTagHandles.tagCount)) {
+ ReactNativeTagHandles.tagCount++;
+ }
+ var tag = ReactNativeTagHandles.tagCount;
+ ReactNativeTagHandles.tagCount++;
+ return tag;
+ },
+
+ assertRootTag: function(tag) {
+ invariant(
+ this.reactTagIsNativeTopRootID(tag),
+ "Expect a native root tag, instead got %s",
+ tag
+ );
+ },
+
+ reactTagIsNativeTopRootID: function(reactTag) {
+ // We reserve all tags that are 1 mod 10 for native root views
+ return reactTag % 10 === 1;
+ }
+};
+
+/**
+ * Version of `ReactBrowserEventEmitter` that works on the receiving side of a
+ * serialized worker boundary.
+ */
+
+// Shared default empty native event - conserve memory.
+var EMPTY_NATIVE_EVENT = {};
+
+/**
+ * Selects a subsequence of `Touch`es, without destroying `touches`.
+ *
+ * @param {Array} touches Deserialized touch objects.
+ * @param {Array} indices Indices by which to pull subsequence.
+ * @return {Array} Subsequence of touch objects.
+ */
+var touchSubsequence = function(touches, indices) {
+ var ret = [];
+ for (var i = 0; i < indices.length; i++) {
+ ret.push(touches[indices[i]]);
+ }
+ return ret;
+};
+
+/**
+ * TODO: Pool all of this.
+ *
+ * Destroys `touches` by removing touch objects at indices `indices`. This is
+ * to maintain compatibility with W3C touch "end" events, where the active
+ * touches don't include the set that has just been "ended".
+ *
+ * @param {Array} touches Deserialized touch objects.
+ * @param {Array} indices Indices to remove from `touches`.
+ * @return {Array} Subsequence of removed touch objects.
+ */
+var removeTouchesAtIndices = function(touches, indices) {
+ var rippedOut = [];
+ // use an unsafe downcast to alias to nullable elements,
+ // so we can delete and then compact.
+ var temp = touches;
+ for (var i = 0; i < indices.length; i++) {
+ var index = indices[i];
+ rippedOut.push(touches[index]);
+ temp[index] = null;
+ }
+ var fillAt = 0;
+ for (var j = 0; j < temp.length; j++) {
+ var cur = temp[j];
+ if (cur !== null) {
+ temp[fillAt++] = cur;
+ }
+ }
+ temp.length = fillAt;
+ return rippedOut;
+};
+
+/**
+ * Internal version of `receiveEvent` in terms of normalized (non-tag)
+ * `rootNodeID`.
+ *
+ * @see receiveEvent.
+ *
+ * @param {rootNodeID} rootNodeID React root node ID that event occurred on.
+ * @param {TopLevelType} topLevelType Top level type of event.
+ * @param {?object} nativeEventParam Object passed from native.
+ */
+function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
+ var nativeEvent = nativeEventParam || EMPTY_NATIVE_EVENT;
+ var inst = getInstanceFromTag(rootNodeID);
+ batchedUpdates(function() {
+ handleTopLevel(topLevelType, inst, nativeEvent, nativeEvent.target);
+ });
+ // React Native doesn't use ReactControlledComponent but if it did, here's
+ // where it would do it.
+}
+
+/**
+ * Publicly exposed method on module for native objc to invoke when a top
+ * level event is extracted.
+ * @param {rootNodeID} rootNodeID React root node ID that event occurred on.
+ * @param {TopLevelType} topLevelType Top level type of event.
+ * @param {object} nativeEventParam Object passed from native.
+ */
+function receiveEvent(rootNodeID, topLevelType, nativeEventParam) {
+ _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam);
+}
+
+/**
+ * Simple multi-wrapper around `receiveEvent` that is intended to receive an
+ * efficient representation of `Touch` objects, and other information that
+ * can be used to construct W3C compliant `Event` and `Touch` lists.
+ *
+ * This may create dispatch behavior that differs than web touch handling. We
+ * loop through each of the changed touches and receive it as a single event.
+ * So two `touchStart`/`touchMove`s that occur simultaneously are received as
+ * two separate touch event dispatches - when they arguably should be one.
+ *
+ * This implementation reuses the `Touch` objects themselves as the `Event`s
+ * since we dispatch an event for each touch (though that might not be spec
+ * compliant). The main purpose of reusing them is to save allocations.
+ *
+ * TODO: Dispatch multiple changed touches in one event. The bubble path
+ * could be the first common ancestor of all the `changedTouches`.
+ *
+ * One difference between this behavior and W3C spec: cancelled touches will
+ * not appear in `.touches`, or in any future `.touches`, though they may
+ * still be "actively touching the surface".
+ *
+ * Web desktop polyfills only need to construct a fake touch event with
+ * identifier 0, also abandoning traditional click handlers.
+ */
+function receiveTouches(eventTopLevelType, touches, changedIndices) {
+ var changedTouches =
+ eventTopLevelType === "topTouchEnd" ||
+ eventTopLevelType === "topTouchCancel"
+ ? removeTouchesAtIndices(touches, changedIndices)
+ : touchSubsequence(touches, changedIndices);
+
+ for (var jj = 0; jj < changedTouches.length; jj++) {
+ var touch = changedTouches[jj];
+ // Touch objects can fulfill the role of `DOM` `Event` objects if we set
+ // the `changedTouches`/`touches`. This saves allocations.
+ touch.changedTouches = changedTouches;
+ touch.touches = touches;
+ var nativeEvent = touch;
+ var rootNodeID = null;
+ var target = nativeEvent.target;
+ if (target !== null && target !== undefined) {
+ if (target < ReactNativeTagHandles.tagsStartAt) {
+ {
+ warning(
+ false,
+ "A view is reporting that a touch occurred on tag zero."
+ );
+ }
+ } else {
+ rootNodeID = target;
+ }
+ }
+ // $FlowFixMe Shouldn't we *not* call it if rootNodeID is null?
+ _receiveRootNodeIDEvent(rootNodeID, eventTopLevelType, nativeEvent);
+ }
+}
+
+var ReactNativeEventEmitter = Object.freeze({
+ getListener: getListener,
+ registrationNames: registrationNameModules,
+ _receiveRootNodeIDEvent: _receiveRootNodeIDEvent,
+ receiveEvent: receiveEvent,
+ receiveTouches: receiveTouches,
+ handleTopLevel: handleTopLevel
+});
+
+var ReactNativeEventPluginOrder = [
+ "ResponderEventPlugin",
+ "ReactNativeBridgeEventPlugin"
+];
+
+// Module provided by RN:
+var ReactNativeGlobalResponderHandler = {
+ onChange: function(from, to, blockNativeResponder) {
+ if (to !== null) {
+ var tag = to.stateNode._nativeTag;
+ UIManager.setJSResponder(tag, blockNativeResponder);
+ } else {
+ UIManager.clearJSResponder();
+ }
+ }
+};
+
+/**
+ * Make sure essential globals are available and are patched correctly. Please don't remove this
+ * line. Bundles created by react-packager `require` it before executing any application code. This
+ * ensures it exists in the dependency graph and can be `require`d.
+ * TODO: require this in packager, not in React #10932517
+ */
+// Module provided by RN:
+// Module provided by RN:
+/**
+ * Register the event emitter with the native bridge
+ */
+RCTEventEmitter.register(ReactNativeEventEmitter);
+
+/**
+ * Inject module for resolving DOM hierarchy and plugin ordering.
+ */
+injection.injectEventPluginOrder(ReactNativeEventPluginOrder);
+injection$1.injectComponentTree(ReactNativeComponentTree);
+
+ResponderEventPlugin.injection.injectGlobalResponderHandler(
+ ReactNativeGlobalResponderHandler
+);
+
+/**
+ * Some important event plugins included by default (without having to require
+ * them).
+ */
+injection.injectEventPluginsByName({
+ ResponderEventPlugin: ResponderEventPlugin,
+ ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
+});
+
+var defaultShowDialog = function(capturedError) {
+ return true;
+};
+
+var showDialog = defaultShowDialog;
+
+function logCapturedError(capturedError) {
+ var logError = showDialog(capturedError);
+
+ // Allow injected showDialog() to prevent default console.error logging.
+ // This enables renderers like ReactNative to better manage redbox behavior.
+ if (logError === false) {
+ return;
+ }
+
+ {
+ var componentName = capturedError.componentName,
+ componentStack = capturedError.componentStack,
+ errorBoundaryName = capturedError.errorBoundaryName,
+ errorBoundaryFound = capturedError.errorBoundaryFound,
+ willRetry = capturedError.willRetry;
+
+ var componentNameMessage = componentName
+ ? "The above error occurred in the <" + componentName + "> component:"
+ : "The above error occurred in one of your React components:";
+
+ var errorBoundaryMessage = void 0;
+ // errorBoundaryFound check is sufficient; errorBoundaryName check is to satisfy Flow.
+ if (errorBoundaryFound && errorBoundaryName) {
+ if (willRetry) {
+ errorBoundaryMessage =
+ "React will try to recreate this component tree from scratch " +
+ ("using the error boundary you provided, " + errorBoundaryName + ".");
+ } else {
+ errorBoundaryMessage =
+ "This error was initially handled by the error boundary " +
+ errorBoundaryName +
+ ".\n" +
+ "Recreating the tree from scratch failed so React will unmount the tree.";
+ }
+ } else {
+ errorBoundaryMessage =
+ "Consider adding an error boundary to your tree to customize error handling behavior.\n" +
+ "Visit https://fb.me/react-error-boundaries to learn more about error boundaries.";
+ }
+ var combinedMessage =
+ "" +
+ componentNameMessage +
+ componentStack +
+ "\n\n" +
+ ("" + errorBoundaryMessage);
+
+ // In development, we provide our own message with just the component stack.
+ // We don't include the original error message and JS stack because the browser
+ // has already printed it. Even if the application swallows the error, it is still
+ // displayed by the browser thanks to the DEV-only fake event trick in ReactErrorUtils.
+ console.error(combinedMessage);
+ }
+}
+
+var injection$4 = {
+ /**
+ * Display custom dialog for lifecycle errors.
+ * Return false to prevent default behavior of logging to console.error.
+ */
+ injectDialog: function(fn) {
+ invariant(
+ showDialog === defaultShowDialog,
+ "The custom dialog was already injected."
+ );
+ invariant(
+ typeof fn === "function",
+ "Injected showDialog() must be a function."
+ );
+ showDialog = fn;
+ }
+};
+
+// The Symbol used to tag the special React types. If there is no native Symbol
+// nor polyfill, then a plain number is used for performance.
+var REACT_PORTAL_TYPE =
+ (typeof Symbol === "function" &&
+ Symbol["for"] &&
+ Symbol["for"]("react.portal")) ||
+ 0xeaca;
+
+function createPortal(
+ children,
+ containerInfo,
+ // TODO: figure out the API for cross-renderer implementation.
+ implementation
+) {
+ var key =
+ arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+
+ return {
+ // This tag allow us to uniquely identify this as a React Portal
+ $$typeof: REACT_PORTAL_TYPE,
+ key: key == null ? null : "" + key,
+ children: children,
+ containerInfo: containerInfo,
+ implementation: implementation
+ };
+}
+
+var TouchHistoryMath = {
+ /**
+ * This code is optimized and not intended to look beautiful. This allows
+ * computing of touch centroids that have moved after `touchesChangedAfter`
+ * timeStamp. You can compute the current centroid involving all touches
+ * moves after `touchesChangedAfter`, or you can compute the previous
+ * centroid of all touches that were moved after `touchesChangedAfter`.
+ *
+ * @param {TouchHistoryMath} touchHistory Standard Responder touch track
+ * data.
+ * @param {number} touchesChangedAfter timeStamp after which moved touches
+ * are considered "actively moving" - not just "active".
+ * @param {boolean} isXAxis Consider `x` dimension vs. `y` dimension.
+ * @param {boolean} ofCurrent Compute current centroid for actively moving
+ * touches vs. previous centroid of now actively moving touches.
+ * @return {number} value of centroid in specified dimension.
+ */
+ centroidDimension: function(
+ touchHistory,
+ touchesChangedAfter,
+ isXAxis,
+ ofCurrent
+ ) {
+ var touchBank = touchHistory.touchBank;
+ var total = 0;
+ var count = 0;
+
+ var oneTouchData =
+ touchHistory.numberActiveTouches === 1
+ ? touchHistory.touchBank[touchHistory.indexOfSingleActiveTouch]
+ : null;
+
+ if (oneTouchData !== null) {
+ if (
+ oneTouchData.touchActive &&
+ oneTouchData.currentTimeStamp > touchesChangedAfter
+ ) {
+ total +=
+ ofCurrent && isXAxis
+ ? oneTouchData.currentPageX
+ : ofCurrent && !isXAxis
+ ? oneTouchData.currentPageY
+ : !ofCurrent && isXAxis
+ ? oneTouchData.previousPageX
+ : oneTouchData.previousPageY;
+ count = 1;
+ }
+ } else {
+ for (var i = 0; i < touchBank.length; i++) {
+ var touchTrack = touchBank[i];
+ if (
+ touchTrack !== null &&
+ touchTrack !== undefined &&
+ touchTrack.touchActive &&
+ touchTrack.currentTimeStamp >= touchesChangedAfter
+ ) {
+ var toAdd; // Yuck, program temporarily in invalid state.
+ if (ofCurrent && isXAxis) {
+ toAdd = touchTrack.currentPageX;
+ } else if (ofCurrent && !isXAxis) {
+ toAdd = touchTrack.currentPageY;
+ } else if (!ofCurrent && isXAxis) {
+ toAdd = touchTrack.previousPageX;
+ } else {
+ toAdd = touchTrack.previousPageY;
+ }
+ total += toAdd;
+ count++;
+ }
+ }
+ }
+ return count > 0 ? total / count : TouchHistoryMath.noCentroid;
+ },
+
+ currentCentroidXOfTouchesChangedAfter: function(
+ touchHistory,
+ touchesChangedAfter
+ ) {
+ return TouchHistoryMath.centroidDimension(
+ touchHistory,
+ touchesChangedAfter,
+ true, // isXAxis
+ true
+ );
+ },
+
+ currentCentroidYOfTouchesChangedAfter: function(
+ touchHistory,
+ touchesChangedAfter
+ ) {
+ return TouchHistoryMath.centroidDimension(
+ touchHistory,
+ touchesChangedAfter,
+ false, // isXAxis
+ true
+ );
+ },
+
+ previousCentroidXOfTouchesChangedAfter: function(
+ touchHistory,
+ touchesChangedAfter
+ ) {
+ return TouchHistoryMath.centroidDimension(
+ touchHistory,
+ touchesChangedAfter,
+ true, // isXAxis
+ false
+ );
+ },
+
+ previousCentroidYOfTouchesChangedAfter: function(
+ touchHistory,
+ touchesChangedAfter
+ ) {
+ return TouchHistoryMath.centroidDimension(
+ touchHistory,
+ touchesChangedAfter,
+ false, // isXAxis
+ false
+ );
+ },
+
+ currentCentroidX: function(touchHistory) {
+ return TouchHistoryMath.centroidDimension(
+ touchHistory,
+ 0, // touchesChangedAfter
+ true, // isXAxis
+ true
+ );
+ },
+
+ currentCentroidY: function(touchHistory) {
+ return TouchHistoryMath.centroidDimension(
+ touchHistory,
+ 0, // touchesChangedAfter
+ false, // isXAxis
+ true
+ );
+ },
+
+ noCentroid: -1
+};
+
+var ReactInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+var ReactCurrentOwner = ReactInternals.ReactCurrentOwner;
+var ReactDebugCurrentFrame = ReactInternals.ReactDebugCurrentFrame;
+
+var ReactGlobalSharedState = Object.freeze({
+ ReactCurrentOwner: ReactCurrentOwner,
+ ReactDebugCurrentFrame: ReactDebugCurrentFrame
+});
+
+// TODO: this is special because it gets imported during build.
+
+var ReactVersion = "16.1.1";
+
+// Module provided by RN:
+/**
+ * Intercept lifecycle errors and ensure they are shown with the correct stack
+ * trace within the native redbox component.
+ */
+function showDialog$1(capturedError) {
+ var componentStack = capturedError.componentStack,
+ error = capturedError.error;
+
+ var errorToHandle = void 0;
+
+ // Typically Errors are thrown but eg strings or null can be thrown as well.
+ if (error instanceof Error) {
+ var message = error.message,
+ name = error.name;
+
+ var summary = message ? name + ": " + message : name;
+
+ errorToHandle = error;
+
+ try {
+ errorToHandle.message =
+ summary + "\n\nThis error is located at:" + componentStack;
+ } catch (e) {}
+ } else if (typeof error === "string") {
+ errorToHandle = new Error(
+ error + "\n\nThis error is located at:" + componentStack
+ );
+ } else {
+ errorToHandle = new Error("Unspecified error at:" + componentStack);
+ }
+
+ ExceptionsManager.handleException(errorToHandle, false);
+
+ // Return false here to prevent ReactFiberErrorLogger default behavior of
+ // logging error details to console.error. Calls to console.error are
+ // automatically routed to the native redbox controller, which we've already
+ // done above by calling ExceptionsManager.
+ return false;
+}
+
+function _classCallCheck(instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+}
+
+var objects = {};
+var uniqueID = 1;
+var emptyObject$2 = {};
+
+var ReactNativePropRegistry = (function() {
+ function ReactNativePropRegistry() {
+ _classCallCheck(this, ReactNativePropRegistry);
+ }
+
+ ReactNativePropRegistry.register = function register(object) {
+ var id = ++uniqueID;
+ {
+ Object.freeze(object);
+ }
+ objects[id] = object;
+ return id;
+ };
+
+ ReactNativePropRegistry.getByID = function getByID(id) {
+ if (!id) {
+ // Used in the style={[condition && id]} pattern,
+ // we want it to be a no-op when the value is false or null
+ return emptyObject$2;
+ }
+
+ var object = objects[id];
+ if (!object) {
+ console.warn("Invalid style with id `" + id + "`. Skipping ...");
+ return emptyObject$2;
+ }
+ return object;
+ };
+
+ return ReactNativePropRegistry;
+})();
+
+// Modules provided by RN:
+var emptyObject$1 = {};
+
+/**
+ * Create a payload that contains all the updates between two sets of props.
+ *
+ * These helpers are all encapsulated into a single module, because they use
+ * mutation as a performance optimization which leads to subtle shared
+ * dependencies between the code paths. To avoid this mutable state leaking
+ * across modules, I've kept them isolated to this module.
+ */
+
+// Tracks removed keys
+var removedKeys = null;
+var removedKeyCount = 0;
+
+function defaultDiffer(prevProp, nextProp) {
+ if (typeof nextProp !== "object" || nextProp === null) {
+ // Scalars have already been checked for equality
+ return true;
+ } else {
+ // For objects and arrays, the default diffing algorithm is a deep compare
+ return deepDiffer(prevProp, nextProp);
+ }
+}
+
+function resolveObject(idOrObject) {
+ if (typeof idOrObject === "number") {
+ return ReactNativePropRegistry.getByID(idOrObject);
+ }
+ return idOrObject;
+}
+
+function restoreDeletedValuesInNestedArray(
+ updatePayload,
+ node,
+ validAttributes
+) {
+ if (Array.isArray(node)) {
+ var i = node.length;
+ while (i-- && removedKeyCount > 0) {
+ restoreDeletedValuesInNestedArray(
+ updatePayload,
+ node[i],
+ validAttributes
+ );
+ }
+ } else if (node && removedKeyCount > 0) {
+ var obj = resolveObject(node);
+ for (var propKey in removedKeys) {
+ if (!removedKeys[propKey]) {
+ continue;
+ }
+ var nextProp = obj[propKey];
+ if (nextProp === undefined) {
+ continue;
+ }
+
+ var attributeConfig = validAttributes[propKey];
+ if (!attributeConfig) {
+ continue; // not a valid native prop
+ }
+
+ if (typeof nextProp === "function") {
+ nextProp = true;
+ }
+ if (typeof nextProp === "undefined") {
+ nextProp = null;
+ }
+
+ if (typeof attributeConfig !== "object") {
+ // case: !Object is the default case
+ updatePayload[propKey] = nextProp;
+ } else if (
+ typeof attributeConfig.diff === "function" ||
+ typeof attributeConfig.process === "function"
+ ) {
+ // case: CustomAttributeConfiguration
+ var nextValue =
+ typeof attributeConfig.process === "function"
+ ? attributeConfig.process(nextProp)
+ : nextProp;
+ updatePayload[propKey] = nextValue;
+ }
+ removedKeys[propKey] = false;
+ removedKeyCount--;
+ }
+ }
+}
+
+function diffNestedArrayProperty(
+ updatePayload,
+ prevArray,
+ nextArray,
+ validAttributes
+) {
+ var minLength =
+ prevArray.length < nextArray.length ? prevArray.length : nextArray.length;
+ var i;
+ for (i = 0; i < minLength; i++) {
+ // Diff any items in the array in the forward direction. Repeated keys
+ // will be overwritten by later values.
+ updatePayload = diffNestedProperty(
+ updatePayload,
+ prevArray[i],
+ nextArray[i],
+ validAttributes
+ );
+ }
+ for (; i < prevArray.length; i++) {
+ // Clear out all remaining properties.
+ updatePayload = clearNestedProperty(
+ updatePayload,
+ prevArray[i],
+ validAttributes
+ );
+ }
+ for (; i < nextArray.length; i++) {
+ // Add all remaining properties.
+ updatePayload = addNestedProperty(
+ updatePayload,
+ nextArray[i],
+ validAttributes
+ );
+ }
+ return updatePayload;
+}
+
+function diffNestedProperty(
+ updatePayload,
+ prevProp,
+ nextProp,
+ validAttributes
+) {
+ if (!updatePayload && prevProp === nextProp) {
+ // If no properties have been added, then we can bail out quickly on object
+ // equality.
+ return updatePayload;
+ }
+
+ if (!prevProp || !nextProp) {
+ if (nextProp) {
+ return addNestedProperty(updatePayload, nextProp, validAttributes);
+ }
+ if (prevProp) {
+ return clearNestedProperty(updatePayload, prevProp, validAttributes);
+ }
+ return updatePayload;
+ }
+
+ if (!Array.isArray(prevProp) && !Array.isArray(nextProp)) {
+ // Both are leaves, we can diff the leaves.
+ return diffProperties(
+ updatePayload,
+ resolveObject(prevProp),
+ resolveObject(nextProp),
+ validAttributes
+ );
+ }
+
+ if (Array.isArray(prevProp) && Array.isArray(nextProp)) {
+ // Both are arrays, we can diff the arrays.
+ return diffNestedArrayProperty(
+ updatePayload,
+ prevProp,
+ nextProp,
+ validAttributes
+ );
+ }
+
+ if (Array.isArray(prevProp)) {
+ return diffProperties(
+ updatePayload,
+ // $FlowFixMe - We know that this is always an object when the input is.
+ flattenStyle(prevProp),
+ // $FlowFixMe - We know that this isn't an array because of above flow.
+ resolveObject(nextProp),
+ validAttributes
+ );
+ }
+
+ return diffProperties(
+ updatePayload,
+ resolveObject(prevProp),
+ // $FlowFixMe - We know that this is always an object when the input is.
+ flattenStyle(nextProp),
+ validAttributes
+ );
+}
+
+/**
+ * addNestedProperty takes a single set of props and valid attribute
+ * attribute configurations. It processes each prop and adds it to the
+ * updatePayload.
+ */
+function addNestedProperty(updatePayload, nextProp, validAttributes) {
+ if (!nextProp) {
+ return updatePayload;
+ }
+
+ if (!Array.isArray(nextProp)) {
+ // Add each property of the leaf.
+ return addProperties(
+ updatePayload,
+ resolveObject(nextProp),
+ validAttributes
+ );
+ }
+
+ for (var i = 0; i < nextProp.length; i++) {
+ // Add all the properties of the array.
+ updatePayload = addNestedProperty(
+ updatePayload,
+ nextProp[i],
+ validAttributes
+ );
+ }
+
+ return updatePayload;
+}
+
+/**
+ * clearNestedProperty takes a single set of props and valid attributes. It
+ * adds a null sentinel to the updatePayload, for each prop key.
+ */
+function clearNestedProperty(updatePayload, prevProp, validAttributes) {
+ if (!prevProp) {
+ return updatePayload;
+ }
+
+ if (!Array.isArray(prevProp)) {
+ // Add each property of the leaf.
+ return clearProperties(
+ updatePayload,
+ resolveObject(prevProp),
+ validAttributes
+ );
+ }
+
+ for (var i = 0; i < prevProp.length; i++) {
+ // Add all the properties of the array.
+ updatePayload = clearNestedProperty(
+ updatePayload,
+ prevProp[i],
+ validAttributes
+ );
+ }
+ return updatePayload;
+}
+
+/**
+ * diffProperties takes two sets of props and a set of valid attributes
+ * and write to updatePayload the values that changed or were deleted.
+ * If no updatePayload is provided, a new one is created and returned if
+ * anything changed.
+ */
+function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
+ var attributeConfig;
+ var nextProp;
+ var prevProp;
+
+ for (var propKey in nextProps) {
+ attributeConfig = validAttributes[propKey];
+ if (!attributeConfig) {
+ continue; // not a valid native prop
+ }
+
+ prevProp = prevProps[propKey];
+ nextProp = nextProps[propKey];
+
+ // functions are converted to booleans as markers that the associated
+ // events should be sent from native.
+ if (typeof nextProp === "function") {
+ nextProp = true;
+ // If nextProp is not a function, then don't bother changing prevProp
+ // since nextProp will win and go into the updatePayload regardless.
+ if (typeof prevProp === "function") {
+ prevProp = true;
+ }
+ }
+
+ // An explicit value of undefined is treated as a null because it overrides
+ // any other preceding value.
+ if (typeof nextProp === "undefined") {
+ nextProp = null;
+ if (typeof prevProp === "undefined") {
+ prevProp = null;
+ }
+ }
+
+ if (removedKeys) {
+ removedKeys[propKey] = false;
+ }
+
+ if (updatePayload && updatePayload[propKey] !== undefined) {
+ // Something else already triggered an update to this key because another
+ // value diffed. Since we're now later in the nested arrays our value is
+ // more important so we need to calculate it and override the existing
+ // value. It doesn't matter if nothing changed, we'll set it anyway.
+
+ // Pattern match on: attributeConfig
+ if (typeof attributeConfig !== "object") {
+ // case: !Object is the default case
+ updatePayload[propKey] = nextProp;
+ } else if (
+ typeof attributeConfig.diff === "function" ||
+ typeof attributeConfig.process === "function"
+ ) {
+ // case: CustomAttributeConfiguration
+ var nextValue =
+ typeof attributeConfig.process === "function"
+ ? attributeConfig.process(nextProp)
+ : nextProp;
+ updatePayload[propKey] = nextValue;
+ }
+ continue;
+ }
+
+ if (prevProp === nextProp) {
+ continue; // nothing changed
+ }
+
+ // Pattern match on: attributeConfig
+ if (typeof attributeConfig !== "object") {
+ // case: !Object is the default case
+ if (defaultDiffer(prevProp, nextProp)) {
+ // a normal leaf has changed
+ (updatePayload || (updatePayload = {}))[propKey] = nextProp;
+ }
+ } else if (
+ typeof attributeConfig.diff === "function" ||
+ typeof attributeConfig.process === "function"
+ ) {
+ // case: CustomAttributeConfiguration
+ var shouldUpdate =
+ prevProp === undefined ||
+ (typeof attributeConfig.diff === "function"
+ ? attributeConfig.diff(prevProp, nextProp)
+ : defaultDiffer(prevProp, nextProp));
+ if (shouldUpdate) {
+ nextValue =
+ typeof attributeConfig.process === "function"
+ ? attributeConfig.process(nextProp)
+ : nextProp;
+ (updatePayload || (updatePayload = {}))[propKey] = nextValue;
+ }
+ } else {
+ // default: fallthrough case when nested properties are defined
+ removedKeys = null;
+ removedKeyCount = 0;
+ // We think that attributeConfig is not CustomAttributeConfiguration at
+ // this point so we assume it must be AttributeConfiguration.
+ updatePayload = diffNestedProperty(
+ updatePayload,
+ prevProp,
+ nextProp,
+ attributeConfig
+ );
+ if (removedKeyCount > 0 && updatePayload) {
+ restoreDeletedValuesInNestedArray(
+ updatePayload,
+ nextProp,
+ attributeConfig
+ );
+ removedKeys = null;
+ }
+ }
+ }
+
+ // Also iterate through all the previous props to catch any that have been
+ // removed and make sure native gets the signal so it can reset them to the
+ // default.
+ for (propKey in prevProps) {
+ if (nextProps[propKey] !== undefined) {
+ continue; // we've already covered this key in the previous pass
+ }
+ attributeConfig = validAttributes[propKey];
+ if (!attributeConfig) {
+ continue; // not a valid native prop
+ }
+
+ if (updatePayload && updatePayload[propKey] !== undefined) {
+ // This was already updated to a diff result earlier.
+ continue;
+ }
+
+ prevProp = prevProps[propKey];
+ if (prevProp === undefined) {
+ continue; // was already empty anyway
+ }
+ // Pattern match on: attributeConfig
+ if (
+ typeof attributeConfig !== "object" ||
+ typeof attributeConfig.diff === "function" ||
+ typeof attributeConfig.process === "function"
+ ) {
+ // case: CustomAttributeConfiguration | !Object
+ // Flag the leaf property for removal by sending a sentinel.
+ (updatePayload || (updatePayload = {}))[propKey] = null;
+ if (!removedKeys) {
+ removedKeys = {};
+ }
+ if (!removedKeys[propKey]) {
+ removedKeys[propKey] = true;
+ removedKeyCount++;
+ }
+ } else {
+ // default:
+ // This is a nested attribute configuration where all the properties
+ // were removed so we need to go through and clear out all of them.
+ updatePayload = clearNestedProperty(
+ updatePayload,
+ prevProp,
+ attributeConfig
+ );
+ }
+ }
+ return updatePayload;
+}
+
+/**
+ * addProperties adds all the valid props to the payload after being processed.
+ */
+function addProperties(updatePayload, props, validAttributes) {
+ // TODO: Fast path
+ return diffProperties(updatePayload, emptyObject$1, props, validAttributes);
+}
+
+/**
+ * clearProperties clears all the previous props by adding a null sentinel
+ * to the payload for each valid key.
+ */
+function clearProperties(updatePayload, prevProps, validAttributes) {
+ // TODO: Fast path
+ return diffProperties(
+ updatePayload,
+ prevProps,
+ emptyObject$1,
+ validAttributes
+ );
+}
+
+function create(props, validAttributes) {
+ return addProperties(
+ null, // updatePayload
+ props,
+ validAttributes
+ );
+}
+
+function diff(prevProps, nextProps, validAttributes) {
+ return diffProperties(
+ null, // updatePayload
+ prevProps,
+ nextProps,
+ validAttributes
+ );
+}
+
+/**
+ * In the future, we should cleanup callbacks by cancelling them instead of
+ * using this.
+ */
+function mountSafeCallback(context, callback) {
+ return function() {
+ if (!callback) {
+ return undefined;
+ }
+ if (typeof context.__isMounted === "boolean") {
+ // TODO(gaearon): this is gross and should be removed.
+ // It is currently necessary because View uses createClass,
+ // and so any measure() calls on View (which are done by React
+ // DevTools) trigger the isMounted() deprecation warning.
+ if (!context.__isMounted) {
+ return undefined;
+ }
+ // The else branch is important so that we don't
+ // trigger the deprecation warning by calling isMounted.
+ } else if (typeof context.isMounted === "function") {
+ if (!context.isMounted()) {
+ return undefined;
+ }
+ }
+ return callback.apply(context, arguments);
+ };
+}
+
+function throwOnStylesProp(component, props) {
+ if (props.styles !== undefined) {
+ var owner = component._owner || null;
+ var name = component.constructor.displayName;
+ var msg =
+ "`styles` is not a supported property of `" +
+ name +
+ "`, did " +
+ "you mean `style` (singular)?";
+ if (owner && owner.constructor && owner.constructor.displayName) {
+ msg +=
+ "\n\nCheck the `" +
+ owner.constructor.displayName +
+ "` parent " +
+ " component.";
+ }
+ throw new Error(msg);
+ }
+}
+
+function warnForStyleProps(props, validAttributes) {
+ for (var key in validAttributes.style) {
+ if (!(validAttributes[key] || props[key] === undefined)) {
+ console.error(
+ "You are setting the style `{ " +
+ key +
+ ": ... }` as a prop. You " +
+ "should nest it in a style object. " +
+ "E.g. `{ style: { " +
+ key +
+ ": ... } }`"
+ );
+ }
+ }
+}
+
+/**
+ * `ReactInstanceMap` maintains a mapping from a public facing stateful
+ * instance (key) and the internal representation (value). This allows public
+ * methods to accept the user facing instance as an argument and map them back
+ * to internal methods.
+ *
+ * Note that this module is currently shared and assumed to be stateless.
+ * If this becomes an actual Map, that will break.
+ */
+
+/**
+ * This API should be called `delete` but we'd have to make sure to always
+ * transform these to strings for IE support. When this transform is fully
+ * supported we can rename it.
+ */
+
+function get(key) {
+ return key._reactInternalFiber;
+}
+
+function set(key, value) {
+ key._reactInternalFiber = value;
+}
+
+function getComponentName(fiber) {
+ var type = fiber.type;
+
+ if (typeof type === "string") {
+ return type;
+ }
+ if (typeof type === "function") {
+ return type.displayName || type.name;
+ }
+ return null;
+}
+
+var enableAsyncSubtreeAPI = true;
+
+// Exports React.Fragment
+var enableReactFragment = false;
+// Exports ReactDOM.createRoot
+
+var enableUserTimingAPI = true;
+
+// Mutating mode (React DOM, React ART, React Native):
+var enableMutatingReconciler = true;
+// Experimental noop mode (currently unused):
+var enableNoopReconciler = false;
+// Experimental persistent mode (CS):
+var enablePersistentReconciler = false;
+
+// Only used in www builds.
+
+// Don't change these two values:
+var NoEffect = 0; // 0b00000000
+var PerformedWork = 1; // 0b00000001
+
+// You can change the rest (and add more).
+var Placement = 2; // 0b00000010
+var Update = 4; // 0b00000100
+var PlacementAndUpdate = 6; // 0b00000110
+var Deletion = 8; // 0b00001000
+var ContentReset = 16; // 0b00010000
+var Callback = 32; // 0b00100000
+var Err = 64; // 0b01000000
+var Ref = 128; // 0b10000000
+
+var MOUNTING = 1;
+var MOUNTED = 2;
+var UNMOUNTED = 3;
+
+function isFiberMountedImpl(fiber) {
+ var node = fiber;
+ if (!fiber.alternate) {
+ // If there is no alternate, this might be a new tree that isn't inserted
+ // yet. If it is, then it will have a pending insertion effect on it.
+ if ((node.effectTag & Placement) !== NoEffect) {
+ return MOUNTING;
+ }
+ while (node["return"]) {
+ node = node["return"];
+ if ((node.effectTag & Placement) !== NoEffect) {
+ return MOUNTING;
+ }
+ }
+ } else {
+ while (node["return"]) {
+ node = node["return"];
+ }
+ }
+ if (node.tag === HostRoot) {
+ // TODO: Check if this was a nested HostRoot when used with
+ // renderContainerIntoSubtree.
+ return MOUNTED;
+ }
+ // If we didn't hit the root, that means that we're in an disconnected tree
+ // that has been unmounted.
+ return UNMOUNTED;
+}
+
+function isFiberMounted(fiber) {
+ return isFiberMountedImpl(fiber) === MOUNTED;
+}
+
+function isMounted(component) {
+ {
+ var owner = ReactCurrentOwner.current;
+ if (owner !== null && owner.tag === ClassComponent) {
+ var ownerFiber = owner;
+ var instance = ownerFiber.stateNode;
+ warning(
+ instance._warnedAboutRefsInRender,
+ "%s is accessing isMounted inside its render() function. " +
+ "render() should be a pure function of props and state. It should " +
+ "never access something that requires stale data from the previous " +
+ "render, such as refs. Move this logic to componentDidMount and " +
+ "componentDidUpdate instead.",
+ getComponentName(ownerFiber) || "A component"
+ );
+ instance._warnedAboutRefsInRender = true;
+ }
+ }
+
+ var fiber = get(component);
+ if (!fiber) {
+ return false;
+ }
+ return isFiberMountedImpl(fiber) === MOUNTED;
+}
+
+function assertIsMounted(fiber) {
+ invariant(
+ isFiberMountedImpl(fiber) === MOUNTED,
+ "Unable to find node on an unmounted component."
+ );
+}
+
+function findCurrentFiberUsingSlowPath(fiber) {
+ var alternate = fiber.alternate;
+ if (!alternate) {
+ // If there is no alternate, then we only need to check if it is mounted.
+ var state = isFiberMountedImpl(fiber);
+ invariant(
+ state !== UNMOUNTED,
+ "Unable to find node on an unmounted component."
+ );
+ if (state === MOUNTING) {
+ return null;
+ }
+ return fiber;
+ }
+ // If we have two possible branches, we'll walk backwards up to the root
+ // to see what path the root points to. On the way we may hit one of the
+ // special cases and we'll deal with them.
+ var a = fiber;
+ var b = alternate;
+ while (true) {
+ var parentA = a["return"];
+ var parentB = parentA ? parentA.alternate : null;
+ if (!parentA || !parentB) {
+ // 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
+ // priority: the bailed out fiber's child reuses the current child.
+ if (parentA.child === parentB.child) {
+ var child = parentA.child;
+ while (child) {
+ if (child === a) {
+ // We've determined that A is the current branch.
+ assertIsMounted(parentA);
+ return fiber;
+ }
+ if (child === b) {
+ // We've determined that B is the current branch.
+ assertIsMounted(parentA);
+ return alternate;
+ }
+ child = child.sibling;
+ }
+ // 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.");
+ }
+
+ if (a["return"] !== b["return"]) {
+ // The return pointer of A and the return pointer of B point to different
+ // fibers. We assume that return pointers never criss-cross, so A must
+ // belong to the child set of A.return, and B must belong to the child
+ // set of B.return.
+ a = parentA;
+ b = parentB;
+ } else {
+ // The return pointers point to the same fiber. We'll have to use the
+ // default, slow path: scan the child sets of each parent alternate to see
+ // which child belongs to which set.
+ //
+ // Search parent A's child set
+ var didFindChild = false;
+ var _child = parentA.child;
+ while (_child) {
+ if (_child === a) {
+ didFindChild = true;
+ a = parentA;
+ b = parentB;
+ break;
+ }
+ if (_child === b) {
+ didFindChild = true;
+ b = parentA;
+ a = parentB;
+ break;
+ }
+ _child = _child.sibling;
+ }
+ if (!didFindChild) {
+ // Search parent B's child set
+ _child = parentB.child;
+ while (_child) {
+ if (_child === a) {
+ didFindChild = true;
+ a = parentB;
+ b = parentA;
+ break;
+ }
+ if (_child === b) {
+ didFindChild = true;
+ b = parentB;
+ a = parentA;
+ break;
+ }
+ _child = _child.sibling;
+ }
+ invariant(
+ didFindChild,
+ "Child was not found in either parent set. This indicates a bug " +
+ "in React related to the return pointer. Please file an issue."
+ );
+ }
+ }
+
+ invariant(
+ a.alternate === b,
+ "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.
+ invariant(
+ a.tag === HostRoot,
+ "Unable to find node on an unmounted component."
+ );
+ if (a.stateNode.current === a) {
+ // We've determined that A is the current branch.
+ return fiber;
+ }
+ // Otherwise B has to be current branch.
+ return alternate;
+}
+
+function findCurrentHostFiber(parent) {
+ var currentParent = findCurrentFiberUsingSlowPath(parent);
+ if (!currentParent) {
+ return null;
+ }
+
+ // 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) {
+ return node;
+ } else if (node.child) {
+ node.child["return"] = node;
+ node = node.child;
+ continue;
+ }
+ if (node === currentParent) {
+ return null;
+ }
+ while (!node.sibling) {
+ if (!node["return"] || node["return"] === currentParent) {
+ return null;
+ }
+ node = node["return"];
+ }
+ node.sibling["return"] = node["return"];
+ node = node.sibling;
+ }
+ // Flow needs the return null here, but ESLint complains about it.
+ // eslint-disable-next-line no-unreachable
+ return null;
+}
+
+function findCurrentHostFiberWithNoPortals(parent) {
+ var currentParent = findCurrentFiberUsingSlowPath(parent);
+ if (!currentParent) {
+ return null;
+ }
+
+ // 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) {
+ return node;
+ } else if (node.child && node.tag !== HostPortal) {
+ node.child["return"] = node;
+ node = node.child;
+ continue;
+ }
+ if (node === currentParent) {
+ return null;
+ }
+ while (!node.sibling) {
+ if (!node["return"] || node["return"] === currentParent) {
+ return null;
+ }
+ node = node["return"];
+ }
+ node.sibling["return"] = node["return"];
+ node = node.sibling;
+ }
+ // Flow needs the return null here, but ESLint complains about it.
+ // eslint-disable-next-line no-unreachable
+ return null;
+}
+
+var valueStack = [];
+
+{
+ var fiberStack = [];
+}
+
+var index = -1;
+
+function createCursor(defaultValue) {
+ return {
+ current: defaultValue
+ };
+}
+
+function pop(cursor, fiber) {
+ if (index < 0) {
+ {
+ warning(false, "Unexpected pop.");
+ }
+ return;
+ }
+
+ {
+ if (fiber !== fiberStack[index]) {
+ warning(false, "Unexpected Fiber popped.");
+ }
+ }
+
+ cursor.current = valueStack[index];
+
+ valueStack[index] = null;
+
+ {
+ fiberStack[index] = null;
+ }
+
+ index--;
+}
+
+function push(cursor, value, fiber) {
+ index++;
+
+ valueStack[index] = cursor.current;
+
+ {
+ fiberStack[index] = fiber;
+ }
+
+ cursor.current = value;
+}
+
+function reset() {
+ while (index > -1) {
+ valueStack[index] = null;
+
+ {
+ fiberStack[index] = null;
+ }
+
+ index--;
+ }
+}
+
+var describeComponentFrame = function(name, source, ownerName) {
+ return (
+ "\n in " +
+ (name || "Unknown") +
+ (source
+ ? " (at " +
+ source.fileName.replace(/^.*[\\\/]/, "") +
+ ":" +
+ source.lineNumber +
+ ")"
+ : ownerName ? " (created by " + ownerName + ")" : "")
+ );
+};
+
+function describeFiber(fiber) {
+ switch (fiber.tag) {
+ case IndeterminateComponent:
+ case FunctionalComponent:
+ case ClassComponent:
+ case HostComponent:
+ var owner = fiber._debugOwner;
+ var source = fiber._debugSource;
+ var name = getComponentName(fiber);
+ var ownerName = null;
+ if (owner) {
+ ownerName = getComponentName(owner);
+ }
+ return describeComponentFrame(name, source, ownerName);
+ default:
+ return "";
+ }
+}
+
+// This function can only be called with a work-in-progress fiber and
+// only during begin or complete phase. Do not call it under any other
+// circumstances.
+function getStackAddendumByWorkInProgressFiber(workInProgress) {
+ var info = "";
+ var node = workInProgress;
+ do {
+ info += describeFiber(node);
+ // Otherwise this return pointer might point to the wrong tree:
+ node = node["return"];
+ } while (node);
+ return info;
+}
+
+function getCurrentFiberOwnerName() {
+ {
+ var fiber = ReactDebugCurrentFiber.current;
+ if (fiber === null) {
+ return null;
+ }
+ var owner = fiber._debugOwner;
+ if (owner !== null && typeof owner !== "undefined") {
+ return getComponentName(owner);
+ }
+ }
+ return null;
+}
+
+function getCurrentFiberStackAddendum() {
+ {
+ var fiber = ReactDebugCurrentFiber.current;
+ if (fiber === null) {
+ return null;
+ }
+ // Safe because if current fiber exists, we are reconciling,
+ // and it is guaranteed to be the work-in-progress version.
+ return getStackAddendumByWorkInProgressFiber(fiber);
+ }
+ return null;
+}
+
+function resetCurrentFiber() {
+ ReactDebugCurrentFrame.getCurrentStack = null;
+ ReactDebugCurrentFiber.current = null;
+ ReactDebugCurrentFiber.phase = null;
+}
+
+function setCurrentFiber(fiber) {
+ ReactDebugCurrentFrame.getCurrentStack = getCurrentFiberStackAddendum;
+ ReactDebugCurrentFiber.current = fiber;
+ ReactDebugCurrentFiber.phase = null;
+}
+
+function setCurrentPhase(phase) {
+ ReactDebugCurrentFiber.phase = phase;
+}
+
+var ReactDebugCurrentFiber = {
+ current: null,
+ phase: null,
+ resetCurrentFiber: resetCurrentFiber,
+ setCurrentFiber: setCurrentFiber,
+ setCurrentPhase: setCurrentPhase,
+ getCurrentFiberOwnerName: getCurrentFiberOwnerName,
+ getCurrentFiberStackAddendum: getCurrentFiberStackAddendum
+};
+
+// Prefix measurements so that it's possible to filter them.
+// Longer prefixes are hard to read in DevTools.
+var reactEmoji = "\u269B";
+var warningEmoji = "\u26D4";
+var supportsUserTiming =
+ typeof performance !== "undefined" &&
+ typeof performance.mark === "function" &&
+ typeof performance.clearMarks === "function" &&
+ typeof performance.measure === "function" &&
+ typeof performance.clearMeasures === "function";
+
+// Keep track of current fiber so that we know the path to unwind on pause.
+// TODO: this looks the same as nextUnitOfWork in scheduler. Can we unify them?
+var currentFiber = null;
+// If we're in the middle of user code, which fiber and method is it?
+// Reusing `currentFiber` would be confusing for this because user code fiber
+// can change during commit phase too, but we don't need to unwind it (since
+// lifecycles in the commit phase don't resemble a tree).
+var currentPhase = null;
+var currentPhaseFiber = null;
+// Did lifecycle hook schedule an update? This is often a performance problem,
+// so we will keep track of it, and include it in the report.
+// Track commits caused by cascading updates.
+var isCommitting = false;
+var hasScheduledUpdateInCurrentCommit = false;
+var hasScheduledUpdateInCurrentPhase = false;
+var commitCountInCurrentWorkLoop = 0;
+var effectCountInCurrentCommit = 0;
+var isWaitingForCallback = false;
+// During commits, we only show a measurement once per method name
+// to avoid stretch the commit phase with measurement overhead.
+var labelsInCurrentCommit = new Set();
+
+var formatMarkName = function(markName) {
+ return reactEmoji + " " + markName;
+};
+
+var formatLabel = function(label, warning$$1) {
+ var prefix = warning$$1 ? warningEmoji + " " : reactEmoji + " ";
+ var suffix = warning$$1 ? " Warning: " + warning$$1 : "";
+ return "" + prefix + label + suffix;
+};
+
+var beginMark = function(markName) {
+ performance.mark(formatMarkName(markName));
+};
+
+var clearMark = function(markName) {
+ performance.clearMarks(formatMarkName(markName));
+};
+
+var endMark = function(label, markName, warning$$1) {
+ var formattedMarkName = formatMarkName(markName);
+ var formattedLabel = formatLabel(label, warning$$1);
+ try {
+ performance.measure(formattedLabel, formattedMarkName);
+ } catch (err) {}
+ // If previous mark was missing for some reason, this will throw.
+ // This could only happen if React crashed in an unexpected place earlier.
+ // Don't pile on with more errors.
+
+ // Clear marks immediately to avoid growing buffer.
+ performance.clearMarks(formattedMarkName);
+ performance.clearMeasures(formattedLabel);
+};
+
+var getFiberMarkName = function(label, debugID) {
+ return label + " (#" + debugID + ")";
+};
+
+var getFiberLabel = function(componentName, isMounted, phase) {
+ if (phase === null) {
+ // These are composite component total time measurements.
+ return componentName + " [" + (isMounted ? "update" : "mount") + "]";
+ } else {
+ // Composite component methods.
+ return componentName + "." + phase;
+ }
+};
+
+var beginFiberMark = function(fiber, phase) {
+ var componentName = getComponentName(fiber) || "Unknown";
+ var debugID = fiber._debugID;
+ var isMounted = fiber.alternate !== null;
+ var label = getFiberLabel(componentName, isMounted, phase);
+
+ if (isCommitting && labelsInCurrentCommit.has(label)) {
+ // During the commit phase, we don't show duplicate labels because
+ // there is a fixed overhead for every measurement, and we don't
+ // want to stretch the commit phase beyond necessary.
+ return false;
+ }
+ labelsInCurrentCommit.add(label);
+
+ var markName = getFiberMarkName(label, debugID);
+ beginMark(markName);
+ return true;
+};
+
+var clearFiberMark = function(fiber, phase) {
+ var componentName = getComponentName(fiber) || "Unknown";
+ var debugID = fiber._debugID;
+ var isMounted = fiber.alternate !== null;
+ var label = getFiberLabel(componentName, isMounted, phase);
+ var markName = getFiberMarkName(label, debugID);
+ clearMark(markName);
+};
+
+var endFiberMark = function(fiber, phase, warning$$1) {
+ var componentName = getComponentName(fiber) || "Unknown";
+ var debugID = fiber._debugID;
+ var isMounted = fiber.alternate !== null;
+ var label = getFiberLabel(componentName, isMounted, phase);
+ var markName = getFiberMarkName(label, debugID);
+ endMark(label, markName, warning$$1);
+};
+
+var shouldIgnoreFiber = function(fiber) {
+ // Host components should be skipped in the timeline.
+ // We could check typeof fiber.type, but does this work with RN?
+ switch (fiber.tag) {
+ case HostRoot:
+ case HostComponent:
+ case HostText:
+ case HostPortal:
+ case ReturnComponent:
+ case Fragment:
+ return true;
+ default:
+ return false;
+ }
+};
+
+var clearPendingPhaseMeasurement = function() {
+ if (currentPhase !== null && currentPhaseFiber !== null) {
+ clearFiberMark(currentPhaseFiber, currentPhase);
+ }
+ currentPhaseFiber = null;
+ currentPhase = null;
+ hasScheduledUpdateInCurrentPhase = false;
+};
+
+var pauseTimers = function() {
+ // Stops all currently active measurements so that they can be resumed
+ // if we continue in a later deferred loop from the same unit of work.
+ var fiber = currentFiber;
+ while (fiber) {
+ if (fiber._debugIsCurrentlyTiming) {
+ endFiberMark(fiber, null, null);
+ }
+ fiber = fiber["return"];
+ }
+};
+
+var resumeTimersRecursively = function(fiber) {
+ if (fiber["return"] !== null) {
+ resumeTimersRecursively(fiber["return"]);
+ }
+ if (fiber._debugIsCurrentlyTiming) {
+ beginFiberMark(fiber, null);
+ }
+};
+
+var resumeTimers = function() {
+ // Resumes all measurements that were active during the last deferred loop.
+ if (currentFiber !== null) {
+ resumeTimersRecursively(currentFiber);
+ }
+};
+
+function recordEffect() {
+ if (enableUserTimingAPI) {
+ effectCountInCurrentCommit++;
+ }
+}
+
+function recordScheduleUpdate() {
+ if (enableUserTimingAPI) {
+ if (isCommitting) {
+ hasScheduledUpdateInCurrentCommit = true;
+ }
+ if (
+ currentPhase !== null &&
+ currentPhase !== "componentWillMount" &&
+ currentPhase !== "componentWillReceiveProps"
+ ) {
+ hasScheduledUpdateInCurrentPhase = true;
+ }
+ }
+}
+
+function startRequestCallbackTimer() {
+ if (enableUserTimingAPI) {
+ if (supportsUserTiming && !isWaitingForCallback) {
+ isWaitingForCallback = true;
+ beginMark("(Waiting for async callback...)");
+ }
+ }
+}
+
+function stopRequestCallbackTimer(didExpire) {
+ if (enableUserTimingAPI) {
+ if (supportsUserTiming) {
+ isWaitingForCallback = false;
+ var warning$$1 = didExpire ? "React was blocked by main thread" : null;
+ endMark(
+ "(Waiting for async callback...)",
+ "(Waiting for async callback...)",
+ warning$$1
+ );
+ }
+ }
+}
+
+function startWorkTimer(fiber) {
+ if (enableUserTimingAPI) {
+ if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+ return;
+ }
+ // If we pause, this is the fiber to unwind from.
+ currentFiber = fiber;
+ if (!beginFiberMark(fiber, null)) {
+ return;
+ }
+ fiber._debugIsCurrentlyTiming = true;
+ }
+}
+
+function cancelWorkTimer(fiber) {
+ if (enableUserTimingAPI) {
+ if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+ return;
+ }
+ // Remember we shouldn't complete measurement for this fiber.
+ // Otherwise flamechart will be deep even for small updates.
+ fiber._debugIsCurrentlyTiming = false;
+ clearFiberMark(fiber, null);
+ }
+}
+
+function stopWorkTimer(fiber) {
+ if (enableUserTimingAPI) {
+ if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+ return;
+ }
+ // If we pause, its parent is the fiber to unwind from.
+ currentFiber = fiber["return"];
+ if (!fiber._debugIsCurrentlyTiming) {
+ return;
+ }
+ fiber._debugIsCurrentlyTiming = false;
+ endFiberMark(fiber, null, null);
+ }
+}
+
+function stopFailedWorkTimer(fiber) {
+ if (enableUserTimingAPI) {
+ if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
+ return;
+ }
+ // If we pause, its parent is the fiber to unwind from.
+ currentFiber = fiber["return"];
+ if (!fiber._debugIsCurrentlyTiming) {
+ return;
+ }
+ fiber._debugIsCurrentlyTiming = false;
+ var warning$$1 = "An error was thrown inside this error boundary";
+ endFiberMark(fiber, null, warning$$1);
+ }
+}
+
+function startPhaseTimer(fiber, phase) {
+ if (enableUserTimingAPI) {
+ if (!supportsUserTiming) {
+ return;
+ }
+ clearPendingPhaseMeasurement();
+ if (!beginFiberMark(fiber, phase)) {
+ return;
+ }
+ currentPhaseFiber = fiber;
+ currentPhase = phase;
+ }
+}
+
+function stopPhaseTimer() {
+ if (enableUserTimingAPI) {
+ if (!supportsUserTiming) {
+ return;
+ }
+ if (currentPhase !== null && currentPhaseFiber !== null) {
+ var warning$$1 = hasScheduledUpdateInCurrentPhase
+ ? "Scheduled a cascading update"
+ : null;
+ endFiberMark(currentPhaseFiber, currentPhase, warning$$1);
+ }
+ currentPhase = null;
+ currentPhaseFiber = null;
+ }
+}
+
+function startWorkLoopTimer(nextUnitOfWork) {
+ if (enableUserTimingAPI) {
+ currentFiber = nextUnitOfWork;
+ if (!supportsUserTiming) {
+ return;
+ }
+ commitCountInCurrentWorkLoop = 0;
+ // This is top level call.
+ // Any other measurements are performed within.
+ beginMark("(React Tree Reconciliation)");
+ // Resume any measurements that were in progress during the last loop.
+ resumeTimers();
+ }
+}
+
+function stopWorkLoopTimer(interruptedBy) {
+ if (enableUserTimingAPI) {
+ if (!supportsUserTiming) {
+ return;
+ }
+ var warning$$1 = null;
+ if (interruptedBy !== null) {
+ if (interruptedBy.tag === HostRoot) {
+ warning$$1 = "A top-level update interrupted the previous render";
+ } else {
+ var componentName = getComponentName(interruptedBy) || "Unknown";
+ warning$$1 =
+ "An update to " + componentName + " interrupted the previous render";
+ }
+ } else if (commitCountInCurrentWorkLoop > 1) {
+ warning$$1 = "There were cascading updates";
+ }
+ commitCountInCurrentWorkLoop = 0;
+ // Pause any measurements until the next loop.
+ pauseTimers();
+ endMark(
+ "(React Tree Reconciliation)",
+ "(React Tree Reconciliation)",
+ warning$$1
+ );
+ }
+}
+
+function startCommitTimer() {
+ if (enableUserTimingAPI) {
+ if (!supportsUserTiming) {
+ return;
+ }
+ isCommitting = true;
+ hasScheduledUpdateInCurrentCommit = false;
+ labelsInCurrentCommit.clear();
+ beginMark("(Committing Changes)");
+ }
+}
+
+function stopCommitTimer() {
+ if (enableUserTimingAPI) {
+ if (!supportsUserTiming) {
+ return;
+ }
+
+ var warning$$1 = null;
+ if (hasScheduledUpdateInCurrentCommit) {
+ warning$$1 = "Lifecycle hook scheduled a cascading update";
+ } else if (commitCountInCurrentWorkLoop > 0) {
+ warning$$1 = "Caused by a cascading update in earlier commit";
+ }
+ hasScheduledUpdateInCurrentCommit = false;
+ commitCountInCurrentWorkLoop++;
+ isCommitting = false;
+ labelsInCurrentCommit.clear();
+
+ endMark("(Committing Changes)", "(Committing Changes)", warning$$1);
+ }
+}
+
+function startCommitHostEffectsTimer() {
+ if (enableUserTimingAPI) {
+ if (!supportsUserTiming) {
+ return;
+ }
+ effectCountInCurrentCommit = 0;
+ beginMark("(Committing Host Effects)");
+ }
+}
+
+function stopCommitHostEffectsTimer() {
+ if (enableUserTimingAPI) {
+ if (!supportsUserTiming) {
+ return;
+ }
+ var count = effectCountInCurrentCommit;
+ effectCountInCurrentCommit = 0;
+ endMark(
+ "(Committing Host Effects: " + count + " Total)",
+ "(Committing Host Effects)",
+ null
+ );
+ }
+}
+
+function startCommitLifeCyclesTimer() {
+ if (enableUserTimingAPI) {
+ if (!supportsUserTiming) {
+ return;
+ }
+ effectCountInCurrentCommit = 0;
+ beginMark("(Calling Lifecycle Methods)");
+ }
+}
+
+function stopCommitLifeCyclesTimer() {
+ if (enableUserTimingAPI) {
+ if (!supportsUserTiming) {
+ return;
+ }
+ var count = effectCountInCurrentCommit;
+ effectCountInCurrentCommit = 0;
+ endMark(
+ "(Calling Lifecycle Methods: " + count + " Total)",
+ "(Calling Lifecycle Methods)",
+ null
+ );
+ }
+}
+
+{
+ var warnedAboutMissingGetChildContext = {};
+}
+
+// A cursor to the current merged context object on the stack.
+var contextStackCursor = createCursor(emptyObject);
+// A cursor to a boolean indicating whether the context has changed.
+var didPerformWorkStackCursor = createCursor(false);
+// Keep track of the previous context object that was on the stack.
+// We use this to get access to the parent context after we have already
+// pushed the next context provider, and now need to merge their contexts.
+var previousContext = emptyObject;
+
+function getUnmaskedContext(workInProgress) {
+ var hasOwnContext = isContextProvider(workInProgress);
+ if (hasOwnContext) {
+ // If the fiber is a context provider itself, when we read its context
+ // we have already pushed its own child context on the stack. A context
+ // provider should not "see" its own child context. Therefore we read the
+ // previous (parent) context instead for a context provider.
+ return previousContext;
+ }
+ return contextStackCursor.current;
+}
+
+function cacheContext(workInProgress, unmaskedContext, maskedContext) {
+ var instance = workInProgress.stateNode;
+ instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
+ instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
+}
+
+function getMaskedContext(workInProgress, unmaskedContext) {
+ var type = workInProgress.type;
+ var contextTypes = type.contextTypes;
+ if (!contextTypes) {
+ return emptyObject;
+ }
+
+ // Avoid recreating masked context unless unmasked context has changed.
+ // Failing to do this will result in unnecessary calls to componentWillReceiveProps.
+ // This may trigger infinite loops if componentWillReceiveProps calls setState.
+ var instance = workInProgress.stateNode;
+ if (
+ instance &&
+ instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
+ ) {
+ return instance.__reactInternalMemoizedMaskedChildContext;
+ }
+
+ var context = {};
+ for (var key in contextTypes) {
+ context[key] = unmaskedContext[key];
+ }
+
+ {
+ var name = getComponentName(workInProgress) || "Unknown";
+ checkPropTypes(
+ contextTypes,
+ context,
+ "context",
+ name,
+ ReactDebugCurrentFiber.getCurrentFiberStackAddendum
+ );
+ }
+
+ // Cache unmasked context so we can avoid recreating masked context unless necessary.
+ // Context is created before the class component is instantiated so check for instance.
+ if (instance) {
+ cacheContext(workInProgress, unmaskedContext, context);
+ }
+
+ return context;
+}
+
+function hasContextChanged() {
+ return didPerformWorkStackCursor.current;
+}
+
+function isContextConsumer(fiber) {
+ return fiber.tag === ClassComponent && fiber.type.contextTypes != null;
+}
+
+function isContextProvider(fiber) {
+ return fiber.tag === ClassComponent && fiber.type.childContextTypes != null;
+}
+
+function popContextProvider(fiber) {
+ if (!isContextProvider(fiber)) {
+ return;
+ }
+
+ pop(didPerformWorkStackCursor, fiber);
+ pop(contextStackCursor, fiber);
+}
+
+function popTopLevelContextObject(fiber) {
+ pop(didPerformWorkStackCursor, fiber);
+ pop(contextStackCursor, fiber);
+}
+
+function pushTopLevelContextObject(fiber, context, didChange) {
+ invariant(
+ contextStackCursor.cursor == null,
+ "Unexpected context found on stack. " +
+ "This error is likely caused by a bug in React. Please file an issue."
+ );
+
+ push(contextStackCursor, context, fiber);
+ push(didPerformWorkStackCursor, didChange, fiber);
+}
+
+function processChildContext(fiber, parentContext) {
+ var instance = fiber.stateNode;
+ var childContextTypes = fiber.type.childContextTypes;
+
+ // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+ // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+ if (typeof instance.getChildContext !== "function") {
+ {
+ var componentName = getComponentName(fiber) || "Unknown";
+
+ if (!warnedAboutMissingGetChildContext[componentName]) {
+ warnedAboutMissingGetChildContext[componentName] = true;
+ warning(
+ false,
+ "%s.childContextTypes is specified but there is no getChildContext() method " +
+ "on the instance. You can either define getChildContext() on %s or remove " +
+ "childContextTypes from it.",
+ componentName,
+ componentName
+ );
+ }
+ }
+ return parentContext;
+ }
+
+ var childContext = void 0;
+ {
+ ReactDebugCurrentFiber.setCurrentPhase("getChildContext");
+ }
+ startPhaseTimer(fiber, "getChildContext");
+ childContext = instance.getChildContext();
+ stopPhaseTimer();
+ {
+ ReactDebugCurrentFiber.setCurrentPhase(null);
+ }
+ for (var contextKey in childContext) {
+ invariant(
+ contextKey in childContextTypes,
+ '%s.getChildContext(): key "%s" is not defined in childContextTypes.',
+ getComponentName(fiber) || "Unknown",
+ contextKey
+ );
+ }
+ {
+ var name = getComponentName(fiber) || "Unknown";
+ checkPropTypes(
+ childContextTypes,
+ childContext,
+ "child context",
+ name,
+ // In practice, there is one case in which we won't get a stack. It's when
+ // somebody calls unstable_renderSubtreeIntoContainer() and we process
+ // context from the parent component instance. The stack will be missing
+ // because it's outside of the reconciliation, and so the pointer has not
+ // been set. This is rare and doesn't matter. We'll also remove that API.
+ ReactDebugCurrentFiber.getCurrentFiberStackAddendum
+ );
+ }
+
+ return Object.assign({}, parentContext, childContext);
+}
+
+function pushContextProvider(workInProgress) {
+ if (!isContextProvider(workInProgress)) {
+ return false;
+ }
+
+ var instance = workInProgress.stateNode;
+ // We push the context as early as possible to ensure stack integrity.
+ // If the instance does not exist yet, we will push null at first,
+ // and replace it on the stack later when invalidating the context.
+ var memoizedMergedChildContext =
+ (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+ emptyObject;
+
+ // Remember the parent context so we can merge with it later.
+ // Inherit the parent's did-perform-work value to avoid inadvertently blocking updates.
+ previousContext = contextStackCursor.current;
+ push(contextStackCursor, memoizedMergedChildContext, workInProgress);
+ push(
+ didPerformWorkStackCursor,
+ didPerformWorkStackCursor.current,
+ workInProgress
+ );
+
+ return true;
+}
+
+function invalidateContextProvider(workInProgress, didChange) {
+ var instance = workInProgress.stateNode;
+ invariant(
+ instance,
+ "Expected to have an instance by this point. " +
+ "This error is likely caused by a bug in React. Please file an issue."
+ );
+
+ if (didChange) {
+ // Merge parent and own context.
+ // Skip this if we're not updating due to sCU.
+ // This avoids unnecessarily recomputing memoized values.
+ var mergedContext = processChildContext(workInProgress, previousContext);
+ instance.__reactInternalMemoizedMergedChildContext = mergedContext;
+
+ // Replace the old (or empty) context with the new one.
+ // It is important to unwind the context in the reverse order.
+ pop(didPerformWorkStackCursor, workInProgress);
+ pop(contextStackCursor, workInProgress);
+ // Now push the new context and mark that it has changed.
+ push(contextStackCursor, mergedContext, workInProgress);
+ push(didPerformWorkStackCursor, didChange, workInProgress);
+ } else {
+ pop(didPerformWorkStackCursor, workInProgress);
+ push(didPerformWorkStackCursor, didChange, workInProgress);
+ }
+}
+
+function resetContext() {
+ previousContext = emptyObject;
+ contextStackCursor.current = emptyObject;
+ didPerformWorkStackCursor.current = false;
+}
+
+function findCurrentUnmaskedContext(fiber) {
+ // Currently this is only used with renderSubtreeIntoContainer; not sure if it
+ // makes sense elsewhere
+ invariant(
+ isFiberMounted(fiber) && fiber.tag === ClassComponent,
+ "Expected subtree parent to be a mounted class component. " +
+ "This error is likely caused by a bug in React. Please file an issue."
+ );
+
+ var node = fiber;
+ while (node.tag !== HostRoot) {
+ if (isContextProvider(node)) {
+ return node.stateNode.__reactInternalMemoizedMergedChildContext;
+ }
+ var parent = node["return"];
+ invariant(
+ parent,
+ "Found unexpected detached subtree parent. " +
+ "This error is likely caused by a bug in React. Please file an issue."
+ );
+ node = parent;
+ }
+ return node.stateNode.context;
+}
+
+var NoWork = 0; // TODO: Use an opaque type once ESLint et al support the syntax
+
+var Sync = 1;
+var Never = 2147483647; // Max int32: Math.pow(2, 31) - 1
+
+var UNIT_SIZE = 10;
+var MAGIC_NUMBER_OFFSET = 2;
+
+// 1 unit of expiration time represents 10ms.
+function msToExpirationTime(ms) {
+ // Always add an offset so that we don't clash with the magic number for NoWork.
+ return ((ms / UNIT_SIZE) | 0) + MAGIC_NUMBER_OFFSET;
+}
+
+function ceiling(num, precision) {
+ return (((num / precision) | 0) + 1) * precision;
+}
+
+function computeExpirationBucket(currentTime, expirationInMs, bucketSizeMs) {
+ return ceiling(
+ currentTime + expirationInMs / UNIT_SIZE,
+ bucketSizeMs / UNIT_SIZE
+ );
+}
+
+var NoContext = 0;
+var AsyncUpdates = 1;
+
+{
+ var hasBadMapPolyfill = false;
+ try {
+ var nonExtensibleObject = Object.preventExtensions({});
+ /* eslint-disable no-new */
+ new Map([[nonExtensibleObject, null]]);
+ new Set([nonExtensibleObject]);
+ /* eslint-enable no-new */
+ } catch (e) {
+ // TODO: Consider warning about bad polyfills
+ hasBadMapPolyfill = true;
+ }
+}
+
+// A Fiber is work on a Component that needs to be done or was done. There can
+// be more than one per component.
+
+{
+ var debugCounter = 1;
+}
+
+function FiberNode(tag, key, internalContextTag) {
+ // Instance
+ this.tag = tag;
+ this.key = key;
+ this.type = null;
+ this.stateNode = null;
+
+ // Fiber
+ this["return"] = null;
+ this.child = null;
+ this.sibling = null;
+ this.index = 0;
+
+ this.ref = null;
+
+ this.pendingProps = null;
+ this.memoizedProps = null;
+ this.updateQueue = null;
+ this.memoizedState = null;
+
+ this.internalContextTag = internalContextTag;
+
+ // Effects
+ this.effectTag = NoEffect;
+ this.nextEffect = null;
+
+ this.firstEffect = null;
+ this.lastEffect = null;
+
+ this.expirationTime = NoWork;
+
+ this.alternate = null;
+
+ {
+ this._debugID = debugCounter++;
+ this._debugSource = null;
+ this._debugOwner = null;
+ this._debugIsCurrentlyTiming = false;
+ if (!hasBadMapPolyfill && typeof Object.preventExtensions === "function") {
+ Object.preventExtensions(this);
+ }
+ }
+}
+
+// This is a constructor function, rather than a POJO constructor, still
+// please ensure we do the following:
+// 1) Nobody should add any instance methods on this. Instance methods can be
+// more difficult to predict when they get optimized and they are almost
+// never inlined properly in static compilers.
+// 2) Nobody should rely on `instanceof Fiber` for type testing. We should
+// always know when it is a fiber.
+// 3) We might want to experiment with using numeric keys since they are easier
+// to optimize in a non-JIT environment.
+// 4) We can easily go from a constructor to a createFiber object literal if that
+// is faster.
+// 5) It should be easy to port this to a C struct and keep a C implementation
+// compatible.
+var createFiber = function(tag, key, internalContextTag) {
+ // $FlowFixMe: the shapes are exact here but Flow doesn't like constructors
+ return new FiberNode(tag, key, internalContextTag);
+};
+
+function shouldConstruct(Component) {
+ return !!(Component.prototype && Component.prototype.isReactComponent);
+}
+
+// This is used to create an alternate fiber to do work on.
+function createWorkInProgress(current, pendingProps, expirationTime) {
+ var workInProgress = current.alternate;
+ if (workInProgress === null) {
+ // We use a double buffering pooling technique because we know that we'll
+ // only ever need at most two versions of a tree. We pool the "other" unused
+ // node that we're free to reuse. This is lazily created to avoid allocating
+ // extra objects for things that are never updated. It also allow us to
+ // reclaim the extra memory if needed.
+ workInProgress = createFiber(
+ current.tag,
+ current.key,
+ current.internalContextTag
+ );
+ workInProgress.type = current.type;
+ workInProgress.stateNode = current.stateNode;
+
+ {
+ // DEV-only fields
+ workInProgress._debugID = current._debugID;
+ workInProgress._debugSource = current._debugSource;
+ workInProgress._debugOwner = current._debugOwner;
+ }
+
+ workInProgress.alternate = current;
+ current.alternate = workInProgress;
+ } else {
+ // We already have an alternate.
+ // Reset the effect tag.
+ workInProgress.effectTag = NoEffect;
+
+ // The effect list is no longer valid.
+ workInProgress.nextEffect = null;
+ workInProgress.firstEffect = null;
+ workInProgress.lastEffect = null;
+ }
+
+ workInProgress.expirationTime = expirationTime;
+ workInProgress.pendingProps = pendingProps;
+
+ workInProgress.child = current.child;
+ workInProgress.memoizedProps = current.memoizedProps;
+ workInProgress.memoizedState = current.memoizedState;
+ workInProgress.updateQueue = current.updateQueue;
+
+ // These will be overridden during the parent's reconciliation
+ workInProgress.sibling = current.sibling;
+ workInProgress.index = current.index;
+ workInProgress.ref = current.ref;
+
+ return workInProgress;
+}
+
+function createHostRootFiber() {
+ var fiber = createFiber(HostRoot, null, NoContext);
+ return fiber;
+}
+
+function createFiberFromElement(element, internalContextTag, expirationTime) {
+ var owner = null;
+ {
+ owner = element._owner;
+ }
+
+ var fiber = void 0;
+ var type = element.type,
+ key = element.key;
+
+ if (typeof type === "function") {
+ fiber = shouldConstruct(type)
+ ? createFiber(ClassComponent, key, internalContextTag)
+ : createFiber(IndeterminateComponent, key, internalContextTag);
+ fiber.type = type;
+ fiber.pendingProps = element.props;
+ } else if (typeof type === "string") {
+ fiber = createFiber(HostComponent, key, internalContextTag);
+ fiber.type = type;
+ fiber.pendingProps = element.props;
+ } else if (
+ typeof type === "object" &&
+ type !== null &&
+ typeof type.tag === "number"
+ ) {
+ // Currently assumed to be a continuation and therefore is a fiber already.
+ // TODO: The yield system is currently broken for updates in some cases.
+ // The reified yield stores a fiber, but we don't know which fiber that is;
+ // the current or a workInProgress? When the continuation gets rendered here
+ // we don't know if we can reuse that fiber or if we need to clone it.
+ // There is probably a clever way to restructure this.
+ fiber = type;
+ fiber.pendingProps = element.props;
+ } else {
+ var info = "";
+ {
+ if (
+ type === undefined ||
+ (typeof type === "object" &&
+ type !== null &&
+ Object.keys(type).length === 0)
+ ) {
+ info +=
+ " You likely forgot to export your component from the file " +
+ "it's defined in, or you might have mixed up default and named imports.";
+ }
+ var ownerName = owner ? getComponentName(owner) : null;
+ if (ownerName) {
+ info += "\n\nCheck the render method of `" + ownerName + "`.";
+ }
+ }
+ invariant(
+ false,
+ "Element type is invalid: expected a string (for built-in components) " +
+ "or a class/function (for composite components) but got: %s.%s",
+ type == null ? type : typeof type,
+ info
+ );
+ }
+
+ {
+ fiber._debugSource = element._source;
+ fiber._debugOwner = element._owner;
+ }
+
+ fiber.expirationTime = expirationTime;
+
+ return fiber;
+}
+
+function createFiberFromFragment(
+ elements,
+ internalContextTag,
+ expirationTime,
+ key
+) {
+ var fiber = createFiber(Fragment, key, internalContextTag);
+ fiber.pendingProps = elements;
+ fiber.expirationTime = expirationTime;
+ return fiber;
+}
+
+function createFiberFromText(content, internalContextTag, expirationTime) {
+ var fiber = createFiber(HostText, null, internalContextTag);
+ fiber.pendingProps = content;
+ fiber.expirationTime = expirationTime;
+ return fiber;
+}
+
+function createFiberFromHostInstanceForDeletion() {
+ var fiber = createFiber(HostComponent, null, NoContext);
+ fiber.type = "DELETED";
+ return fiber;
+}
+
+function createFiberFromCall(call, internalContextTag, expirationTime) {
+ var fiber = createFiber(CallComponent, call.key, internalContextTag);
+ fiber.type = call.handler;
+ fiber.pendingProps = call;
+ fiber.expirationTime = expirationTime;
+ return fiber;
+}
+
+function createFiberFromReturn(returnNode, internalContextTag, expirationTime) {
+ var fiber = createFiber(ReturnComponent, null, internalContextTag);
+ fiber.expirationTime = expirationTime;
+ return fiber;
+}
+
+function createFiberFromPortal(portal, internalContextTag, expirationTime) {
+ var fiber = createFiber(HostPortal, portal.key, internalContextTag);
+ fiber.pendingProps = portal.children || [];
+ fiber.expirationTime = expirationTime;
+ fiber.stateNode = {
+ containerInfo: portal.containerInfo,
+ pendingChildren: null, // Used by persistent updates
+ implementation: portal.implementation
+ };
+ return fiber;
+}
+
+function createFiberRoot(containerInfo, hydrate) {
+ // Cyclic construction. This cheats the type system right now because
+ // stateNode is any.
+ var uninitializedFiber = createHostRootFiber();
+ var root = {
+ current: uninitializedFiber,
+ containerInfo: containerInfo,
+ pendingChildren: null,
+ remainingExpirationTime: NoWork,
+ isReadyForCommit: false,
+ finishedWork: null,
+ context: null,
+ pendingContext: null,
+ hydrate: hydrate,
+ nextScheduledRoot: null
+ };
+ uninitializedFiber.stateNode = root;
+ return root;
+}
+
+var onCommitFiberRoot = null;
+var onCommitFiberUnmount = null;
+var hasLoggedError = false;
+
+function catchErrors(fn) {
+ return function(arg) {
+ try {
+ return fn(arg);
+ } catch (err) {
+ if (true && !hasLoggedError) {
+ hasLoggedError = true;
+ warning(false, "React DevTools encountered an error: %s", err);
+ }
+ }
+ };
+}
+
+function injectInternals(internals) {
+ if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === "undefined") {
+ // No DevTools
+ return false;
+ }
+ var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+ if (hook.isDisabled) {
+ // This isn't a real property on the hook, but it can be set to opt out
+ // of DevTools integration and associated warnings and logs.
+ // https://github.com/facebook/react/issues/3877
+ return true;
+ }
+ if (!hook.supportsFiber) {
+ {
+ warning(
+ false,
+ "The installed version of React DevTools is too old and will not work " +
+ "with the current version of React. Please update React DevTools. " +
+ "https://fb.me/react-devtools"
+ );
+ }
+ // DevTools exists, even though it doesn't support Fiber.
+ return true;
+ }
+ try {
+ var rendererID = hook.inject(internals);
+ // We have successfully injected, so now it is safe to set up hooks.
+ onCommitFiberRoot = catchErrors(function(root) {
+ return hook.onCommitFiberRoot(rendererID, root);
+ });
+ onCommitFiberUnmount = catchErrors(function(fiber) {
+ return hook.onCommitFiberUnmount(rendererID, fiber);
+ });
+ } catch (err) {
+ // Catch all errors because it is unsafe to throw during initialization.
+ {
+ warning(false, "React DevTools encountered an error: %s.", err);
+ }
+ }
+ // DevTools exists
+ return true;
+}
+
+function onCommitRoot(root) {
+ if (typeof onCommitFiberRoot === "function") {
+ onCommitFiberRoot(root);
+ }
+}
+
+function onCommitUnmount(fiber) {
+ if (typeof onCommitFiberUnmount === "function") {
+ onCommitFiberUnmount(fiber);
+ }
+}
+
+{
+ var didWarnUpdateInsideUpdate = false;
+}
+
+// Callbacks are not validated until invocation
+
+// Singly linked-list of updates. When an update is scheduled, it is added to
+// the queue of the current fiber and the work-in-progress fiber. The two queues
+// are separate but they share a persistent structure.
+//
+// During reconciliation, updates are removed from the work-in-progress fiber,
+// but they remain on the current fiber. That ensures that if a work-in-progress
+// is aborted, the aborted updates are recovered by cloning from current.
+//
+// The work-in-progress queue is always a subset of the current queue.
+//
+// When the tree is committed, the work-in-progress becomes the current.
+
+function createUpdateQueue(baseState) {
+ var queue = {
+ baseState: baseState,
+ expirationTime: NoWork,
+ first: null,
+ last: null,
+ callbackList: null,
+ hasForceUpdate: false,
+ isInitialized: false
+ };
+ {
+ queue.isProcessing = false;
+ }
+ return queue;
+}
+
+function insertUpdateIntoQueue(queue, update) {
+ // Append the update to the end of the list.
+ if (queue.last === null) {
+ // Queue is empty
+ queue.first = queue.last = update;
+ } else {
+ queue.last.next = update;
+ queue.last = update;
+ }
+ if (
+ queue.expirationTime === NoWork ||
+ queue.expirationTime > update.expirationTime
+ ) {
+ queue.expirationTime = update.expirationTime;
+ }
+}
+
+function insertUpdateIntoFiber(fiber, update) {
+ // We'll have at least one and at most two distinct update queues.
+ var alternateFiber = fiber.alternate;
+ var queue1 = fiber.updateQueue;
+ if (queue1 === null) {
+ // TODO: We don't know what the base state will be until we begin work.
+ // It depends on which fiber is the next current. Initialize with an empty
+ // base state, then set to the memoizedState when rendering. Not super
+ // happy with this approach.
+ queue1 = fiber.updateQueue = createUpdateQueue(null);
+ }
+
+ var queue2 = void 0;
+ if (alternateFiber !== null) {
+ queue2 = alternateFiber.updateQueue;
+ if (queue2 === null) {
+ queue2 = alternateFiber.updateQueue = createUpdateQueue(null);
+ }
+ } else {
+ queue2 = null;
+ }
+ queue2 = queue2 !== queue1 ? queue2 : null;
+
+ // Warn if an update is scheduled from inside an updater function.
+ {
+ if (
+ (queue1.isProcessing || (queue2 !== null && queue2.isProcessing)) &&
+ !didWarnUpdateInsideUpdate
+ ) {
+ warning(
+ false,
+ "An update (setState, replaceState, or forceUpdate) was scheduled " +
+ "from inside an update function. Update functions should be pure, " +
+ "with zero side-effects. Consider using componentDidUpdate or a " +
+ "callback."
+ );
+ didWarnUpdateInsideUpdate = true;
+ }
+ }
+
+ // If there's only one queue, add the update to that queue and exit.
+ if (queue2 === null) {
+ insertUpdateIntoQueue(queue1, update);
+ return;
+ }
+
+ // If either queue is empty, we need to add to both queues.
+ if (queue1.last === null || queue2.last === null) {
+ insertUpdateIntoQueue(queue1, update);
+ insertUpdateIntoQueue(queue2, update);
+ return;
+ }
+
+ // If both lists are not empty, the last update is the same for both lists
+ // because of structural sharing. So, we should only append to one of
+ // the lists.
+ insertUpdateIntoQueue(queue1, update);
+ // But we still need to update the `last` pointer of queue2.
+ queue2.last = update;
+}
+
+function getUpdateExpirationTime(fiber) {
+ if (fiber.tag !== ClassComponent && fiber.tag !== HostRoot) {
+ return NoWork;
+ }
+ var updateQueue = fiber.updateQueue;
+ if (updateQueue === null) {
+ return NoWork;
+ }
+ return updateQueue.expirationTime;
+}
+
+function getStateFromUpdate(update, instance, prevState, props) {
+ var partialState = update.partialState;
+ if (typeof partialState === "function") {
+ var updateFn = partialState;
+ return updateFn.call(instance, prevState, props);
+ } else {
+ return partialState;
+ }
+}
+
+function processUpdateQueue(
+ current,
+ workInProgress,
+ queue,
+ instance,
+ props,
+ renderExpirationTime
+) {
+ if (current !== null && current.updateQueue === queue) {
+ // We need to create a work-in-progress queue, by cloning the current queue.
+ var currentQueue = queue;
+ queue = workInProgress.updateQueue = {
+ baseState: currentQueue.baseState,
+ expirationTime: currentQueue.expirationTime,
+ first: currentQueue.first,
+ last: currentQueue.last,
+ isInitialized: currentQueue.isInitialized,
+ // These fields are no longer valid because they were already committed.
+ // Reset them.
+ callbackList: null,
+ hasForceUpdate: false
+ };
+ }
+
+ {
+ // Set this flag so we can warn if setState is called inside the update
+ // function of another setState.
+ queue.isProcessing = true;
+ }
+
+ // Reset the remaining expiration time. If we skip over any updates, we'll
+ // increase this accordingly.
+ queue.expirationTime = NoWork;
+
+ // TODO: We don't know what the base state will be until we begin work.
+ // It depends on which fiber is the next current. Initialize with an empty
+ // base state, then set to the memoizedState when rendering. Not super
+ // happy with this approach.
+ var state = void 0;
+ if (queue.isInitialized) {
+ state = queue.baseState;
+ } else {
+ state = queue.baseState = workInProgress.memoizedState;
+ queue.isInitialized = true;
+ }
+ var dontMutatePrevState = true;
+ var update = queue.first;
+ var didSkip = false;
+ while (update !== null) {
+ var updateExpirationTime = update.expirationTime;
+ if (updateExpirationTime > renderExpirationTime) {
+ // This update does not have sufficient priority. Skip it.
+ var remainingExpirationTime = queue.expirationTime;
+ if (
+ remainingExpirationTime === NoWork ||
+ remainingExpirationTime > updateExpirationTime
+ ) {
+ // Update the remaining expiration time.
+ queue.expirationTime = updateExpirationTime;
+ }
+ if (!didSkip) {
+ didSkip = true;
+ queue.baseState = state;
+ }
+ // Continue to the next update.
+ update = update.next;
+ continue;
+ }
+
+ // This update does have sufficient priority.
+
+ // If no previous updates were skipped, drop this update from the queue by
+ // advancing the head of the list.
+ if (!didSkip) {
+ queue.first = update.next;
+ if (queue.first === null) {
+ queue.last = null;
+ }
+ }
+
+ // Process the update
+ var _partialState = void 0;
+ if (update.isReplace) {
+ state = getStateFromUpdate(update, instance, state, props);
+ dontMutatePrevState = true;
+ } else {
+ _partialState = getStateFromUpdate(update, instance, state, props);
+ if (_partialState) {
+ if (dontMutatePrevState) {
+ // $FlowFixMe: Idk how to type this properly.
+ state = Object.assign({}, state, _partialState);
+ } else {
+ state = Object.assign(state, _partialState);
+ }
+ dontMutatePrevState = false;
+ }
+ }
+ if (update.isForced) {
+ queue.hasForceUpdate = true;
+ }
+ if (update.callback !== null) {
+ // Append to list of callbacks.
+ var _callbackList = queue.callbackList;
+ if (_callbackList === null) {
+ _callbackList = queue.callbackList = [];
+ }
+ _callbackList.push(update);
+ }
+ update = update.next;
+ }
+
+ if (queue.callbackList !== null) {
+ workInProgress.effectTag |= Callback;
+ } else if (queue.first === null && !queue.hasForceUpdate) {
+ // The queue is empty. We can reset it.
+ workInProgress.updateQueue = null;
+ }
+
+ if (!didSkip) {
+ didSkip = true;
+ queue.baseState = state;
+ }
+
+ {
+ // No longer processing.
+ queue.isProcessing = false;
+ }
+
+ return state;
+}
+
+function commitCallbacks(queue, context) {
+ var callbackList = queue.callbackList;
+ if (callbackList === null) {
+ return;
+ }
+ // Set the list to null to make sure they don't get called more than once.
+ queue.callbackList = null;
+ for (var i = 0; i < callbackList.length; i++) {
+ var update = callbackList[i];
+ var _callback = update.callback;
+ // This update might be processed again. Clear the callback so it's only
+ // called once.
+ update.callback = null;
+ invariant(
+ typeof _callback === "function",
+ "Invalid argument passed as callback. Expected a function. Instead " +
+ "received: %s",
+ _callback
+ );
+ _callback.call(context);
+ }
+}
+
+var fakeInternalInstance = {};
+var isArray = Array.isArray;
+
+{
+ var didWarnAboutStateAssignmentForComponent = {};
+
+ var warnOnInvalidCallback = function(callback, callerName) {
+ warning(
+ callback === null || typeof callback === "function",
+ "%s(...): Expected the last optional `callback` argument to be a " +
+ "function. Instead received: %s.",
+ callerName,
+ callback
+ );
+ };
+
+ // This is so gross but it's at least non-critical and can be removed if
+ // it causes problems. This is meant to give a nicer error message for
+ // ReactDOM15.unstable_renderSubtreeIntoContainer(reactDOM16Component,
+ // ...)) which otherwise throws a "_processChildContext is not a function"
+ // exception.
+ Object.defineProperty(fakeInternalInstance, "_processChildContext", {
+ enumerable: false,
+ value: function() {
+ invariant(
+ false,
+ "_processChildContext is not available in React 16+. This likely " +
+ "means you have multiple copies of React and are attempting to nest " +
+ "a React 15 tree inside a React 16 tree using " +
+ "unstable_renderSubtreeIntoContainer, which isn't supported. Try " +
+ "to make sure you have only one copy of React (and ideally, switch " +
+ "to ReactDOM.createPortal)."
+ );
+ }
+ });
+ Object.freeze(fakeInternalInstance);
+}
+
+var ReactFiberClassComponent = function(
+ scheduleWork,
+ computeExpirationForFiber,
+ memoizeProps,
+ memoizeState
+) {
+ // Class component state updater
+ var updater = {
+ isMounted: isMounted,
+ enqueueSetState: function(instance, partialState, callback) {
+ var fiber = get(instance);
+ callback = callback === undefined ? null : callback;
+ {
+ warnOnInvalidCallback(callback, "setState");
+ }
+ var expirationTime = computeExpirationForFiber(fiber);
+ var update = {
+ expirationTime: expirationTime,
+ partialState: partialState,
+ callback: callback,
+ isReplace: false,
+ isForced: false,
+ nextCallback: null,
+ next: null
+ };
+ insertUpdateIntoFiber(fiber, update);
+ scheduleWork(fiber, expirationTime);
+ },
+ enqueueReplaceState: function(instance, state, callback) {
+ var fiber = get(instance);
+ callback = callback === undefined ? null : callback;
+ {
+ warnOnInvalidCallback(callback, "replaceState");
+ }
+ var expirationTime = computeExpirationForFiber(fiber);
+ var update = {
+ expirationTime: expirationTime,
+ partialState: state,
+ callback: callback,
+ isReplace: true,
+ isForced: false,
+ nextCallback: null,
+ next: null
+ };
+ insertUpdateIntoFiber(fiber, update);
+ scheduleWork(fiber, expirationTime);
+ },
+ enqueueForceUpdate: function(instance, callback) {
+ var fiber = get(instance);
+ callback = callback === undefined ? null : callback;
+ {
+ warnOnInvalidCallback(callback, "forceUpdate");
+ }
+ var expirationTime = computeExpirationForFiber(fiber);
+ var update = {
+ expirationTime: expirationTime,
+ partialState: null,
+ callback: callback,
+ isReplace: false,
+ isForced: true,
+ nextCallback: null,
+ next: null
+ };
+ insertUpdateIntoFiber(fiber, update);
+ scheduleWork(fiber, expirationTime);
+ }
+ };
+
+ function checkShouldComponentUpdate(
+ workInProgress,
+ oldProps,
+ newProps,
+ oldState,
+ newState,
+ newContext
+ ) {
+ if (
+ oldProps === null ||
+ (workInProgress.updateQueue !== null &&
+ workInProgress.updateQueue.hasForceUpdate)
+ ) {
+ // If the workInProgress already has an Update effect, return true
+ return true;
+ }
+
+ var instance = workInProgress.stateNode;
+ var type = workInProgress.type;
+ if (typeof instance.shouldComponentUpdate === "function") {
+ startPhaseTimer(workInProgress, "shouldComponentUpdate");
+ var shouldUpdate = instance.shouldComponentUpdate(
+ newProps,
+ newState,
+ newContext
+ );
+ stopPhaseTimer();
+
+ {
+ warning(
+ shouldUpdate !== undefined,
+ "%s.shouldComponentUpdate(): Returned undefined instead of a " +
+ "boolean value. Make sure to return true or false.",
+ getComponentName(workInProgress) || "Unknown"
+ );
+ }
+
+ return shouldUpdate;
+ }
+
+ if (type.prototype && type.prototype.isPureReactComponent) {
+ return (
+ !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+ );
+ }
+
+ return true;
+ }
+
+ function checkClassInstance(workInProgress) {
+ var instance = workInProgress.stateNode;
+ var type = workInProgress.type;
+ {
+ var name = getComponentName(workInProgress);
+ var renderPresent = instance.render;
+
+ if (!renderPresent) {
+ if (type.prototype && typeof type.prototype.render === "function") {
+ warning(
+ false,
+ "%s(...): No `render` method found on the returned component " +
+ "instance: did you accidentally return an object from the constructor?",
+ name
+ );
+ } else {
+ warning(
+ false,
+ "%s(...): No `render` method found on the returned component " +
+ "instance: you may have forgotten to define `render`.",
+ name
+ );
+ }
+ }
+
+ var noGetInitialStateOnES6 =
+ !instance.getInitialState ||
+ instance.getInitialState.isReactClassApproved ||
+ instance.state;
+ warning(
+ noGetInitialStateOnES6,
+ "getInitialState was defined on %s, a plain JavaScript class. " +
+ "This is only supported for classes created using React.createClass. " +
+ "Did you mean to define a state property instead?",
+ name
+ );
+ var noGetDefaultPropsOnES6 =
+ !instance.getDefaultProps ||
+ instance.getDefaultProps.isReactClassApproved;
+ warning(
+ noGetDefaultPropsOnES6,
+ "getDefaultProps was defined on %s, a plain JavaScript class. " +
+ "This is only supported for classes created using React.createClass. " +
+ "Use a static property to define defaultProps instead.",
+ name
+ );
+ var noInstancePropTypes = !instance.propTypes;
+ warning(
+ noInstancePropTypes,
+ "propTypes was defined as an instance property on %s. Use a static " +
+ "property to define propTypes instead.",
+ name
+ );
+ var noInstanceContextTypes = !instance.contextTypes;
+ warning(
+ noInstanceContextTypes,
+ "contextTypes was defined as an instance property on %s. Use a static " +
+ "property to define contextTypes instead.",
+ name
+ );
+ var noComponentShouldUpdate =
+ typeof instance.componentShouldUpdate !== "function";
+ warning(
+ noComponentShouldUpdate,
+ "%s has a method called " +
+ "componentShouldUpdate(). Did you mean shouldComponentUpdate()? " +
+ "The name is phrased as a question because the function is " +
+ "expected to return a value.",
+ name
+ );
+ if (
+ type.prototype &&
+ type.prototype.isPureReactComponent &&
+ typeof instance.shouldComponentUpdate !== "undefined"
+ ) {
+ warning(
+ false,
+ "%s has a method called shouldComponentUpdate(). " +
+ "shouldComponentUpdate should not be used when extending React.PureComponent. " +
+ "Please extend React.Component if shouldComponentUpdate is used.",
+ getComponentName(workInProgress) || "A pure component"
+ );
+ }
+ var noComponentDidUnmount =
+ typeof instance.componentDidUnmount !== "function";
+ warning(
+ noComponentDidUnmount,
+ "%s has a method called " +
+ "componentDidUnmount(). But there is no such lifecycle method. " +
+ "Did you mean componentWillUnmount()?",
+ name
+ );
+ var noComponentDidReceiveProps =
+ typeof instance.componentDidReceiveProps !== "function";
+ warning(
+ noComponentDidReceiveProps,
+ "%s has a method called " +
+ "componentDidReceiveProps(). But there is no such lifecycle method. " +
+ "If you meant to update the state in response to changing props, " +
+ "use componentWillReceiveProps(). If you meant to fetch data or " +
+ "run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
+ name
+ );
+ var noComponentWillRecieveProps =
+ typeof instance.componentWillRecieveProps !== "function";
+ warning(
+ noComponentWillRecieveProps,
+ "%s has a method called " +
+ "componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
+ name
+ );
+ var hasMutatedProps = instance.props !== workInProgress.pendingProps;
+ warning(
+ instance.props === undefined || !hasMutatedProps,
+ "%s(...): When calling super() in `%s`, make sure to pass " +
+ "up the same props that your component's constructor was passed.",
+ name,
+ name
+ );
+ var noInstanceDefaultProps = !instance.defaultProps;
+ warning(
+ noInstanceDefaultProps,
+ "Setting defaultProps as an instance property on %s is not supported and will be ignored." +
+ " Instead, define defaultProps as a static property on %s.",
+ name,
+ name
+ );
+ }
+
+ var state = instance.state;
+ if (state && (typeof state !== "object" || isArray(state))) {
+ invariant(
+ false,
+ "%s.state: must be set to an object or null",
+ getComponentName(workInProgress)
+ );
+ }
+ if (typeof instance.getChildContext === "function") {
+ invariant(
+ typeof workInProgress.type.childContextTypes === "object",
+ "%s.getChildContext(): childContextTypes must be defined in order to " +
+ "use getChildContext().",
+ getComponentName(workInProgress)
+ );
+ }
+ }
+
+ function resetInputPointers(workInProgress, instance) {
+ instance.props = workInProgress.memoizedProps;
+ instance.state = workInProgress.memoizedState;
+ }
+
+ function adoptClassInstance(workInProgress, instance) {
+ instance.updater = updater;
+ workInProgress.stateNode = instance;
+ // The instance needs access to the fiber so that it can schedule updates
+ set(instance, workInProgress);
+ {
+ instance._reactInternalInstance = fakeInternalInstance;
+ }
+ }
+
+ function constructClassInstance(workInProgress, props) {
+ var ctor = workInProgress.type;
+ var unmaskedContext = getUnmaskedContext(workInProgress);
+ var needsContext = isContextConsumer(workInProgress);
+ var context = needsContext
+ ? getMaskedContext(workInProgress, unmaskedContext)
+ : emptyObject;
+ var instance = new ctor(props, context);
+ adoptClassInstance(workInProgress, instance);
+
+ // Cache unmasked context so we can avoid recreating masked context unless necessary.
+ // ReactFiberContext usually updates this cache but can't for newly-created instances.
+ if (needsContext) {
+ cacheContext(workInProgress, unmaskedContext, context);
+ }
+
+ return instance;
+ }
+
+ function callComponentWillMount(workInProgress, instance) {
+ startPhaseTimer(workInProgress, "componentWillMount");
+ var oldState = instance.state;
+ instance.componentWillMount();
+
+ stopPhaseTimer();
+
+ if (oldState !== instance.state) {
+ {
+ warning(
+ false,
+ "%s.componentWillMount(): Assigning directly to this.state is " +
+ "deprecated (except inside a component's " +
+ "constructor). Use setState instead.",
+ getComponentName(workInProgress)
+ );
+ }
+ updater.enqueueReplaceState(instance, instance.state, null);
+ }
+ }
+
+ function callComponentWillReceiveProps(
+ workInProgress,
+ instance,
+ newProps,
+ newContext
+ ) {
+ startPhaseTimer(workInProgress, "componentWillReceiveProps");
+ var oldState = instance.state;
+ instance.componentWillReceiveProps(newProps, newContext);
+ stopPhaseTimer();
+
+ if (instance.state !== oldState) {
+ {
+ var componentName = getComponentName(workInProgress) || "Component";
+ if (!didWarnAboutStateAssignmentForComponent[componentName]) {
+ warning(
+ false,
+ "%s.componentWillReceiveProps(): Assigning directly to " +
+ "this.state is deprecated (except inside a component's " +
+ "constructor). Use setState instead.",
+ componentName
+ );
+ didWarnAboutStateAssignmentForComponent[componentName] = true;
+ }
+ }
+ updater.enqueueReplaceState(instance, instance.state, null);
+ }
+ }
+
+ // Invokes the mount life-cycles on a previously never rendered instance.
+ function mountClassInstance(workInProgress, renderExpirationTime) {
+ var current = workInProgress.alternate;
+
+ {
+ checkClassInstance(workInProgress);
+ }
+
+ var instance = workInProgress.stateNode;
+ var state = instance.state || null;
+
+ var props = workInProgress.pendingProps;
+ invariant(
+ props,
+ "There must be pending props for an initial mount. This error is " +
+ "likely caused by a bug in React. Please file an issue."
+ );
+
+ var unmaskedContext = getUnmaskedContext(workInProgress);
+
+ instance.props = props;
+ instance.state = workInProgress.memoizedState = state;
+ instance.refs = emptyObject;
+ instance.context = getMaskedContext(workInProgress, unmaskedContext);
+
+ if (
+ enableAsyncSubtreeAPI &&
+ workInProgress.type != null &&
+ workInProgress.type.prototype != null &&
+ workInProgress.type.prototype.unstable_isAsyncReactComponent === true
+ ) {
+ workInProgress.internalContextTag |= AsyncUpdates;
+ }
+
+ if (typeof instance.componentWillMount === "function") {
+ callComponentWillMount(workInProgress, instance);
+ // If we had additional state updates during this life-cycle, let's
+ // process them now.
+ var updateQueue = workInProgress.updateQueue;
+ if (updateQueue !== null) {
+ instance.state = processUpdateQueue(
+ current,
+ workInProgress,
+ updateQueue,
+ instance,
+ props,
+ renderExpirationTime
+ );
+ }
+ }
+ if (typeof instance.componentDidMount === "function") {
+ workInProgress.effectTag |= Update;
+ }
+ }
+
+ // Called on a preexisting class instance. Returns false if a resumed render
+ // could be reused.
+ // function resumeMountClassInstance(
+ // workInProgress: Fiber,
+ // priorityLevel: PriorityLevel,
+ // ): boolean {
+ // const instance = workInProgress.stateNode;
+ // resetInputPointers(workInProgress, instance);
+
+ // let newState = workInProgress.memoizedState;
+ // let newProps = workInProgress.pendingProps;
+ // if (!newProps) {
+ // // If there isn't any new props, then we'll reuse the memoized props.
+ // // This could be from already completed work.
+ // newProps = workInProgress.memoizedProps;
+ // invariant(
+ // newProps != null,
+ // 'There should always be pending or memoized props. This error is ' +
+ // 'likely caused by a bug in React. Please file an issue.',
+ // );
+ // }
+ // const newUnmaskedContext = getUnmaskedContext(workInProgress);
+ // const newContext = getMaskedContext(workInProgress, newUnmaskedContext);
+
+ // const oldContext = instance.context;
+ // const oldProps = workInProgress.memoizedProps;
+
+ // if (
+ // typeof instance.componentWillReceiveProps === 'function' &&
+ // (oldProps !== newProps || oldContext !== newContext)
+ // ) {
+ // callComponentWillReceiveProps(
+ // workInProgress,
+ // instance,
+ // newProps,
+ // newContext,
+ // );
+ // }
+
+ // // Process the update queue before calling shouldComponentUpdate
+ // const updateQueue = workInProgress.updateQueue;
+ // if (updateQueue !== null) {
+ // newState = processUpdateQueue(
+ // workInProgress,
+ // updateQueue,
+ // instance,
+ // newState,
+ // newProps,
+ // priorityLevel,
+ // );
+ // }
+
+ // // TODO: Should we deal with a setState that happened after the last
+ // // componentWillMount and before this componentWillMount? Probably
+ // // unsupported anyway.
+
+ // if (
+ // !checkShouldComponentUpdate(
+ // workInProgress,
+ // workInProgress.memoizedProps,
+ // newProps,
+ // workInProgress.memoizedState,
+ // newState,
+ // newContext,
+ // )
+ // ) {
+ // // Update the existing instance's state, props, and context pointers even
+ // // though we're bailing out.
+ // instance.props = newProps;
+ // instance.state = newState;
+ // instance.context = newContext;
+ // return false;
+ // }
+
+ // // Update the input pointers now so that they are correct when we call
+ // // componentWillMount
+ // instance.props = newProps;
+ // instance.state = newState;
+ // instance.context = newContext;
+
+ // if (typeof instance.componentWillMount === 'function') {
+ // callComponentWillMount(workInProgress, instance);
+ // // componentWillMount may have called setState. Process the update queue.
+ // const newUpdateQueue = workInProgress.updateQueue;
+ // if (newUpdateQueue !== null) {
+ // newState = processUpdateQueue(
+ // workInProgress,
+ // newUpdateQueue,
+ // instance,
+ // newState,
+ // newProps,
+ // priorityLevel,
+ // );
+ // }
+ // }
+
+ // if (typeof instance.componentDidMount === 'function') {
+ // workInProgress.effectTag |= Update;
+ // }
+
+ // instance.state = newState;
+
+ // return true;
+ // }
+
+ // Invokes the update life-cycles and returns false if it shouldn't rerender.
+ function updateClassInstance(current, workInProgress, renderExpirationTime) {
+ var instance = workInProgress.stateNode;
+ resetInputPointers(workInProgress, instance);
+
+ var oldProps = workInProgress.memoizedProps;
+ var newProps = workInProgress.pendingProps;
+ if (!newProps) {
+ // If there aren't any new props, then we'll reuse the memoized props.
+ // This could be from already completed work.
+ newProps = oldProps;
+ invariant(
+ newProps != null,
+ "There should always be pending or memoized props. This error is " +
+ "likely caused by a bug in React. Please file an issue."
+ );
+ }
+ var oldContext = instance.context;
+ var newUnmaskedContext = getUnmaskedContext(workInProgress);
+ var newContext = getMaskedContext(workInProgress, newUnmaskedContext);
+
+ // Note: During these life-cycles, instance.props/instance.state are what
+ // ever the previously attempted to render - not the "current". However,
+ // during componentDidUpdate we pass the "current" props.
+
+ if (
+ typeof instance.componentWillReceiveProps === "function" &&
+ (oldProps !== newProps || oldContext !== newContext)
+ ) {
+ callComponentWillReceiveProps(
+ workInProgress,
+ instance,
+ newProps,
+ newContext
+ );
+ }
+
+ // Compute the next state using the memoized state and the update queue.
+ var oldState = workInProgress.memoizedState;
+ // TODO: Previous state can be null.
+ var newState = void 0;
+ if (workInProgress.updateQueue !== null) {
+ newState = processUpdateQueue(
+ current,
+ workInProgress,
+ workInProgress.updateQueue,
+ instance,
+ newProps,
+ renderExpirationTime
+ );
+ } else {
+ newState = oldState;
+ }
+
+ if (
+ oldProps === newProps &&
+ oldState === newState &&
+ !hasContextChanged() &&
+ !(
+ workInProgress.updateQueue !== null &&
+ workInProgress.updateQueue.hasForceUpdate
+ )
+ ) {
+ // 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.componentDidUpdate === "function") {
+ if (
+ oldProps !== current.memoizedProps ||
+ oldState !== current.memoizedState
+ ) {
+ workInProgress.effectTag |= Update;
+ }
+ }
+ return false;
+ }
+
+ var shouldUpdate = checkShouldComponentUpdate(
+ workInProgress,
+ oldProps,
+ newProps,
+ oldState,
+ newState,
+ newContext
+ );
+
+ if (shouldUpdate) {
+ if (typeof instance.componentWillUpdate === "function") {
+ startPhaseTimer(workInProgress, "componentWillUpdate");
+ instance.componentWillUpdate(newProps, newState, newContext);
+ stopPhaseTimer();
+ }
+ if (typeof instance.componentDidUpdate === "function") {
+ workInProgress.effectTag |= Update;
+ }
+ } else {
+ // 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.componentDidUpdate === "function") {
+ if (
+ oldProps !== current.memoizedProps ||
+ oldState !== current.memoizedState
+ ) {
+ workInProgress.effectTag |= Update;
+ }
+ }
+
+ // If shouldComponentUpdate returned false, we should still update the
+ // memoized props/state to indicate that this work can be reused.
+ memoizeProps(workInProgress, newProps);
+ memoizeState(workInProgress, newState);
+ }
+
+ // Update the existing instance's state, props, and context pointers even
+ // if shouldComponentUpdate returns false.
+ instance.props = newProps;
+ instance.state = newState;
+ instance.context = newContext;
+
+ return shouldUpdate;
+ }
+
+ return {
+ adoptClassInstance: adoptClassInstance,
+ constructClassInstance: constructClassInstance,
+ mountClassInstance: mountClassInstance,
+ // resumeMountClassInstance,
+ updateClassInstance: updateClassInstance
+ };
+};
+
+var getCurrentFiberStackAddendum$1 =
+ ReactDebugCurrentFiber.getCurrentFiberStackAddendum;
+
+{
+ var didWarnAboutMaps = false;
+ /**
+ * Warn if there's no key explicitly set on dynamic arrays of children or
+ * object keys are not valid. This allows us to keep track of children between
+ * updates.
+ */
+ var ownerHasKeyUseWarning = {};
+ var ownerHasFunctionTypeWarning = {};
+
+ var warnForMissingKey = function(child) {
+ if (child === null || typeof child !== "object") {
+ return;
+ }
+ if (!child._store || child._store.validated || child.key != null) {
+ return;
+ }
+ invariant(
+ typeof child._store === "object",
+ "React Component in warnForMissingKey should have a _store. " +
+ "This error is likely caused by a bug in React. Please file an issue."
+ );
+ child._store.validated = true;
+
+ var currentComponentErrorInfo =
+ "Each child in an array or iterator should have a unique " +
+ '"key" prop. See https://fb.me/react-warning-keys for ' +
+ "more information." +
+ (getCurrentFiberStackAddendum$1() || "");
+ if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
+ return;
+ }
+ ownerHasKeyUseWarning[currentComponentErrorInfo] = true;
+
+ warning(
+ false,
+ "Each child in an array or iterator should have a unique " +
+ '"key" prop. See https://fb.me/react-warning-keys for ' +
+ "more information.%s",
+ getCurrentFiberStackAddendum$1()
+ );
+ };
+}
+
+var isArray$1 = Array.isArray;
+
+var ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = "@@iterator"; // Before Symbol spec.
+
+// 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.
+var REACT_ELEMENT_TYPE;
+var REACT_CALL_TYPE;
+var REACT_RETURN_TYPE;
+var REACT_FRAGMENT_TYPE;
+if (typeof Symbol === "function" && Symbol["for"]) {
+ REACT_ELEMENT_TYPE = Symbol["for"]("react.element");
+ REACT_CALL_TYPE = Symbol["for"]("react.call");
+ REACT_RETURN_TYPE = Symbol["for"]("react.return");
+ REACT_FRAGMENT_TYPE = Symbol["for"]("react.fragment");
+} else {
+ REACT_ELEMENT_TYPE = 0xeac7;
+ REACT_CALL_TYPE = 0xeac8;
+ REACT_RETURN_TYPE = 0xeac9;
+ REACT_FRAGMENT_TYPE = 0xeacb;
+}
+
+function getIteratorFn(maybeIterable) {
+ if (maybeIterable === null || typeof maybeIterable === "undefined") {
+ return null;
+ }
+ var iteratorFn =
+ (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL]) ||
+ maybeIterable[FAUX_ITERATOR_SYMBOL];
+ if (typeof iteratorFn === "function") {
+ return iteratorFn;
+ }
+ return null;
+}
+
+function coerceRef(current, element) {
+ var mixedRef = element.ref;
+ if (mixedRef !== null && typeof mixedRef !== "function") {
+ if (element._owner) {
+ var owner = element._owner;
+ var inst = void 0;
+ if (owner) {
+ var ownerFiber = owner;
+ invariant(
+ ownerFiber.tag === ClassComponent,
+ "Stateless function components cannot have refs."
+ );
+ inst = ownerFiber.stateNode;
+ }
+ invariant(
+ inst,
+ "Missing owner for string ref %s. This error is likely caused by a " +
+ "bug in React. Please file an issue.",
+ mixedRef
+ );
+ var stringRef = "" + mixedRef;
+ // Check if previous string ref matches new string ref
+ if (
+ current !== null &&
+ current.ref !== null &&
+ current.ref._stringRef === stringRef
+ ) {
+ return current.ref;
+ }
+ var ref = function(value) {
+ var refs = inst.refs === emptyObject ? (inst.refs = {}) : inst.refs;
+ if (value === null) {
+ delete refs[stringRef];
+ } else {
+ refs[stringRef] = value;
+ }
+ };
+ ref._stringRef = stringRef;
+ return ref;
+ } else {
+ invariant(
+ typeof mixedRef === "string",
+ "Expected ref to be a function or a string."
+ );
+ invariant(
+ element._owner,
+ "Element ref was specified as a string (%s) but no owner was " +
+ "set. You may have multiple copies of React loaded. " +
+ "(details: https://fb.me/react-refs-must-have-owner).",
+ mixedRef
+ );
+ }
+ }
+ return mixedRef;
+}
+
+function throwOnInvalidObjectType(returnFiber, newChild) {
+ if (returnFiber.type !== "textarea") {
+ var addendum = "";
+ {
+ addendum =
+ " If you meant to render a collection of children, use an array " +
+ "instead." +
+ (getCurrentFiberStackAddendum$1() || "");
+ }
+ invariant(
+ false,
+ "Objects are not valid as a React child (found: %s).%s",
+ Object.prototype.toString.call(newChild) === "[object Object]"
+ ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
+ : newChild,
+ addendum
+ );
+ }
+}
+
+function warnOnFunctionType() {
+ var currentComponentErrorInfo =
+ "Functions are not valid as a React child. This may happen if " +
+ "you return a Component instead of from render. " +
+ "Or maybe you meant to call this function rather than return it." +
+ (getCurrentFiberStackAddendum$1() || "");
+
+ if (ownerHasFunctionTypeWarning[currentComponentErrorInfo]) {
+ return;
+ }
+ ownerHasFunctionTypeWarning[currentComponentErrorInfo] = true;
+
+ warning(
+ false,
+ "Functions are not valid as a React child. This may happen if " +
+ "you return a Component instead of from render. " +
+ "Or maybe you meant to call this function rather than return it.%s",
+ getCurrentFiberStackAddendum$1() || ""
+ );
+}
+
+// This wrapper function exists because I expect to clone the code in each path
+// to be able to optimize each path individually by branching early. This needs
+// a compiler or we can do it manually. Helpers that don't need this branching
+// live outside of this function.
+function ChildReconciler(shouldClone, shouldTrackSideEffects) {
+ function deleteChild(returnFiber, childToDelete) {
+ if (!shouldTrackSideEffects) {
+ // Noop.
+ return;
+ }
+ if (!shouldClone) {
+ // When we're reconciling in place we have a work in progress copy. We
+ // actually want the current copy. If there is no current copy, then we
+ // don't need to track deletion side-effects.
+ if (childToDelete.alternate === null) {
+ return;
+ }
+ childToDelete = childToDelete.alternate;
+ }
+ // Deletions are added in reversed order so we add it to the front.
+ // At this point, the return fiber's effect list is empty except for
+ // deletions, so we can just append the deletion to the list. The remaining
+ // effects aren't added until the complete phase. Once we implement
+ // resuming, this may not be true.
+ var last = returnFiber.lastEffect;
+ if (last !== null) {
+ last.nextEffect = childToDelete;
+ returnFiber.lastEffect = childToDelete;
+ } else {
+ returnFiber.firstEffect = returnFiber.lastEffect = childToDelete;
+ }
+ childToDelete.nextEffect = null;
+ childToDelete.effectTag = Deletion;
+ }
+
+ function deleteRemainingChildren(returnFiber, currentFirstChild) {
+ if (!shouldTrackSideEffects) {
+ // Noop.
+ return null;
+ }
+
+ // TODO: For the shouldClone case, this could be micro-optimized a bit by
+ // assuming that after the first child we've already added everything.
+ var childToDelete = currentFirstChild;
+ while (childToDelete !== null) {
+ deleteChild(returnFiber, childToDelete);
+ childToDelete = childToDelete.sibling;
+ }
+ return null;
+ }
+
+ function mapRemainingChildren(returnFiber, currentFirstChild) {
+ // Add the remaining children to a temporary map so that we can find them by
+ // keys quickly. Implicit (null) keys get added to this set with their index
+ var existingChildren = new Map();
+
+ var existingChild = currentFirstChild;
+ while (existingChild !== null) {
+ if (existingChild.key !== null) {
+ existingChildren.set(existingChild.key, existingChild);
+ } else {
+ existingChildren.set(existingChild.index, existingChild);
+ }
+ existingChild = existingChild.sibling;
+ }
+ return existingChildren;
+ }
+
+ function useFiber(fiber, pendingProps, expirationTime) {
+ // We currently set sibling to null and index to 0 here because it is easy
+ // to forget to do before returning it. E.g. for the single child case.
+ if (shouldClone) {
+ var clone = createWorkInProgress(fiber, pendingProps, expirationTime);
+ clone.index = 0;
+ clone.sibling = null;
+ return clone;
+ } else {
+ // We override the expiration time even if it is earlier, because if
+ // we're reconciling at a later time that means that this was
+ // down-prioritized.
+ fiber.expirationTime = expirationTime;
+ fiber.effectTag = NoEffect;
+ fiber.index = 0;
+ fiber.sibling = null;
+ fiber.pendingProps = pendingProps;
+ return fiber;
+ }
+ }
+
+ function placeChild(newFiber, lastPlacedIndex, newIndex) {
+ newFiber.index = newIndex;
+ if (!shouldTrackSideEffects) {
+ // Noop.
+ return lastPlacedIndex;
+ }
+ var current = newFiber.alternate;
+ if (current !== null) {
+ var oldIndex = current.index;
+ if (oldIndex < lastPlacedIndex) {
+ // This is a move.
+ newFiber.effectTag = Placement;
+ return lastPlacedIndex;
+ } else {
+ // This item can stay in place.
+ return oldIndex;
+ }
+ } else {
+ // This is an insertion.
+ newFiber.effectTag = Placement;
+ return lastPlacedIndex;
+ }
+ }
+
+ function placeSingleChild(newFiber) {
+ // This is simpler for the single child case. We only need to do a
+ // placement for inserting new children.
+ if (shouldTrackSideEffects && newFiber.alternate === null) {
+ newFiber.effectTag = Placement;
+ }
+ return newFiber;
+ }
+
+ function updateTextNode(returnFiber, current, textContent, expirationTime) {
+ if (current === null || current.tag !== HostText) {
+ // Insert
+ var created = createFiberFromText(
+ textContent,
+ returnFiber.internalContextTag,
+ expirationTime
+ );
+ created["return"] = returnFiber;
+ return created;
+ } else {
+ // Update
+ var existing = useFiber(current, textContent, expirationTime);
+ existing["return"] = returnFiber;
+ return existing;
+ }
+ }
+
+ function updateElement(returnFiber, current, element, expirationTime) {
+ if (current !== null && current.type === element.type) {
+ // Move based on index
+ var existing = useFiber(current, element.props, expirationTime);
+ existing.ref = coerceRef(current, element);
+ existing["return"] = returnFiber;
+ {
+ existing._debugSource = element._source;
+ existing._debugOwner = element._owner;
+ }
+ return existing;
+ } else {
+ // Insert
+ var created = createFiberFromElement(
+ element,
+ returnFiber.internalContextTag,
+ expirationTime
+ );
+ created.ref = coerceRef(current, element);
+ created["return"] = returnFiber;
+ return created;
+ }
+ }
+
+ function updateCall(returnFiber, current, call, expirationTime) {
+ // TODO: Should this also compare handler to determine whether to reuse?
+ if (current === null || current.tag !== CallComponent) {
+ // Insert
+ var created = createFiberFromCall(
+ call,
+ returnFiber.internalContextTag,
+ expirationTime
+ );
+ created["return"] = returnFiber;
+ return created;
+ } else {
+ // Move based on index
+ var existing = useFiber(current, call, expirationTime);
+ existing["return"] = returnFiber;
+ return existing;
+ }
+ }
+
+ function updateReturn(returnFiber, current, returnNode, expirationTime) {
+ if (current === null || current.tag !== ReturnComponent) {
+ // Insert
+ var created = createFiberFromReturn(
+ returnNode,
+ returnFiber.internalContextTag,
+ expirationTime
+ );
+ created.type = returnNode.value;
+ created["return"] = returnFiber;
+ return created;
+ } else {
+ // Move based on index
+ var existing = useFiber(current, null, expirationTime);
+ existing.type = returnNode.value;
+ existing["return"] = returnFiber;
+ return existing;
+ }
+ }
+
+ function updatePortal(returnFiber, current, portal, expirationTime) {
+ if (
+ current === null ||
+ current.tag !== HostPortal ||
+ current.stateNode.containerInfo !== portal.containerInfo ||
+ current.stateNode.implementation !== portal.implementation
+ ) {
+ // Insert
+ var created = createFiberFromPortal(
+ portal,
+ returnFiber.internalContextTag,
+ expirationTime
+ );
+ created["return"] = returnFiber;
+ return created;
+ } else {
+ // Update
+ var existing = useFiber(current, portal.children || [], expirationTime);
+ existing["return"] = returnFiber;
+ return existing;
+ }
+ }
+
+ function updateFragment(returnFiber, current, fragment, expirationTime, key) {
+ if (current === null || current.tag !== Fragment) {
+ // Insert
+ var created = createFiberFromFragment(
+ fragment,
+ returnFiber.internalContextTag,
+ expirationTime,
+ key
+ );
+ created["return"] = returnFiber;
+ return created;
+ } else {
+ // Update
+ var existing = useFiber(current, fragment, expirationTime);
+ existing["return"] = returnFiber;
+ return existing;
+ }
+ }
+
+ function createChild(returnFiber, newChild, expirationTime) {
+ if (typeof newChild === "string" || typeof newChild === "number") {
+ // Text nodes don't have keys. If the previous node is implicitly keyed
+ // we can continue to replace it without aborting even if it is not a text
+ // node.
+ var created = createFiberFromText(
+ "" + newChild,
+ returnFiber.internalContextTag,
+ expirationTime
+ );
+ created["return"] = returnFiber;
+ return created;
+ }
+
+ if (typeof newChild === "object" && newChild !== null) {
+ switch (newChild.$$typeof) {
+ case REACT_ELEMENT_TYPE: {
+ if (newChild.type === REACT_FRAGMENT_TYPE) {
+ var _created = createFiberFromFragment(
+ newChild.props.children,
+ returnFiber.internalContextTag,
+ expirationTime,
+ newChild.key
+ );
+ _created["return"] = returnFiber;
+ return _created;
+ } else {
+ var _created2 = createFiberFromElement(
+ newChild,
+ returnFiber.internalContextTag,
+ expirationTime
+ );
+ _created2.ref = coerceRef(null, newChild);
+ _created2["return"] = returnFiber;
+ return _created2;
+ }
+ }
+
+ case REACT_CALL_TYPE: {
+ var _created3 = createFiberFromCall(
+ newChild,
+ returnFiber.internalContextTag,
+ expirationTime
+ );
+ _created3["return"] = returnFiber;
+ return _created3;
+ }
+
+ case REACT_RETURN_TYPE: {
+ var _created4 = createFiberFromReturn(
+ newChild,
+ returnFiber.internalContextTag,
+ expirationTime
+ );
+ _created4.type = newChild.value;
+ _created4["return"] = returnFiber;
+ return _created4;
+ }
+
+ case REACT_PORTAL_TYPE: {
+ var _created5 = createFiberFromPortal(
+ newChild,
+ returnFiber.internalContextTag,
+ expirationTime
+ );
+ _created5["return"] = returnFiber;
+ return _created5;
+ }
+ }
+
+ if (isArray$1(newChild) || getIteratorFn(newChild)) {
+ var _created6 = createFiberFromFragment(
+ newChild,
+ returnFiber.internalContextTag,
+ expirationTime,
+ null
+ );
+ _created6["return"] = returnFiber;
+ return _created6;
+ }
+
+ throwOnInvalidObjectType(returnFiber, newChild);
+ }
+
+ {
+ if (typeof newChild === "function") {
+ warnOnFunctionType();
+ }
+ }
+
+ return null;
+ }
+
+ function updateSlot(returnFiber, oldFiber, newChild, expirationTime) {
+ // Update the fiber if the keys match, otherwise return null.
+
+ var key = oldFiber !== null ? oldFiber.key : null;
+
+ if (typeof newChild === "string" || typeof newChild === "number") {
+ // Text nodes don't have keys. If the previous node is implicitly keyed
+ // we can continue to replace it without aborting even if it is not a text
+ // node.
+ if (key !== null) {
+ return null;
+ }
+ return updateTextNode(
+ returnFiber,
+ oldFiber,
+ "" + newChild,
+ expirationTime
+ );
+ }
+
+ if (typeof newChild === "object" && newChild !== null) {
+ switch (newChild.$$typeof) {
+ case REACT_ELEMENT_TYPE: {
+ if (newChild.key === key) {
+ if (newChild.type === REACT_FRAGMENT_TYPE) {
+ return updateFragment(
+ returnFiber,
+ oldFiber,
+ newChild.props.children,
+ expirationTime,
+ key
+ );
+ }
+ return updateElement(
+ returnFiber,
+ oldFiber,
+ newChild,
+ expirationTime
+ );
+ } else {
+ return null;
+ }
+ }
+
+ case REACT_CALL_TYPE: {
+ if (newChild.key === key) {
+ return updateCall(returnFiber, oldFiber, newChild, expirationTime);
+ } else {
+ return null;
+ }
+ }
+
+ case REACT_RETURN_TYPE: {
+ // Returns don't have keys. If the previous node is implicitly keyed
+ // we can continue to replace it without aborting even if it is not a
+ // yield.
+ if (key === null) {
+ return updateReturn(
+ returnFiber,
+ oldFiber,
+ newChild,
+ expirationTime
+ );
+ } else {
+ return null;
+ }
+ }
+
+ case REACT_PORTAL_TYPE: {
+ if (newChild.key === key) {
+ return updatePortal(
+ returnFiber,
+ oldFiber,
+ newChild,
+ expirationTime
+ );
+ } else {
+ return null;
+ }
+ }
+ }
+
+ if (isArray$1(newChild) || getIteratorFn(newChild)) {
+ if (key !== null) {
+ return null;
+ }
+
+ return updateFragment(
+ returnFiber,
+ oldFiber,
+ newChild,
+ expirationTime,
+ null
+ );
+ }
+
+ throwOnInvalidObjectType(returnFiber, newChild);
+ }
+
+ {
+ if (typeof newChild === "function") {
+ warnOnFunctionType();
+ }
+ }
+
+ return null;
+ }
+
+ function updateFromMap(
+ existingChildren,
+ returnFiber,
+ newIdx,
+ newChild,
+ expirationTime
+ ) {
+ if (typeof newChild === "string" || typeof newChild === "number") {
+ // Text nodes don't have keys, so we neither have to check the old nor
+ // new node for the key. If both are text nodes, they match.
+ var matchedFiber = existingChildren.get(newIdx) || null;
+ return updateTextNode(
+ returnFiber,
+ matchedFiber,
+ "" + newChild,
+ expirationTime
+ );
+ }
+
+ if (typeof newChild === "object" && newChild !== null) {
+ switch (newChild.$$typeof) {
+ case REACT_ELEMENT_TYPE: {
+ var _matchedFiber =
+ existingChildren.get(
+ newChild.key === null ? newIdx : newChild.key
+ ) || null;
+ if (newChild.type === REACT_FRAGMENT_TYPE) {
+ return updateFragment(
+ returnFiber,
+ _matchedFiber,
+ newChild.props.children,
+ expirationTime,
+ newChild.key
+ );
+ }
+ return updateElement(
+ returnFiber,
+ _matchedFiber,
+ newChild,
+ expirationTime
+ );
+ }
+
+ case REACT_CALL_TYPE: {
+ var _matchedFiber2 =
+ existingChildren.get(
+ newChild.key === null ? newIdx : newChild.key
+ ) || null;
+ return updateCall(
+ returnFiber,
+ _matchedFiber2,
+ newChild,
+ expirationTime
+ );
+ }
+
+ case REACT_RETURN_TYPE: {
+ // Returns don't have keys, so we neither have to check the old nor
+ // new node for the key. If both are returns, they match.
+ var _matchedFiber3 = existingChildren.get(newIdx) || null;
+ return updateReturn(
+ returnFiber,
+ _matchedFiber3,
+ newChild,
+ expirationTime
+ );
+ }
+
+ case REACT_PORTAL_TYPE: {
+ var _matchedFiber4 =
+ existingChildren.get(
+ newChild.key === null ? newIdx : newChild.key
+ ) || null;
+ return updatePortal(
+ returnFiber,
+ _matchedFiber4,
+ newChild,
+ expirationTime
+ );
+ }
+ }
+
+ if (isArray$1(newChild) || getIteratorFn(newChild)) {
+ var _matchedFiber5 = existingChildren.get(newIdx) || null;
+ return updateFragment(
+ returnFiber,
+ _matchedFiber5,
+ newChild,
+ expirationTime,
+ null
+ );
+ }
+
+ throwOnInvalidObjectType(returnFiber, newChild);
+ }
+
+ {
+ if (typeof newChild === "function") {
+ warnOnFunctionType();
+ }
+ }
+
+ return null;
+ }
+
+ /**
+ * Warns if there is a duplicate or missing key
+ */
+ function warnOnInvalidKey(child, knownKeys) {
+ {
+ if (typeof child !== "object" || child === null) {
+ return knownKeys;
+ }
+ switch (child.$$typeof) {
+ case REACT_ELEMENT_TYPE:
+ case REACT_CALL_TYPE:
+ case REACT_PORTAL_TYPE:
+ warnForMissingKey(child);
+ var key = child.key;
+ if (typeof key !== "string") {
+ break;
+ }
+ if (knownKeys === null) {
+ knownKeys = new Set();
+ knownKeys.add(key);
+ break;
+ }
+ if (!knownKeys.has(key)) {
+ knownKeys.add(key);
+ break;
+ }
+ warning(
+ false,
+ "Encountered two children with the same key, `%s`. " +
+ "Keys should be unique so that components maintain their identity " +
+ "across updates. Non-unique keys may cause children to be " +
+ "duplicated and/or omitted — the behavior is unsupported and " +
+ "could change in a future version.%s",
+ key,
+ getCurrentFiberStackAddendum$1()
+ );
+ break;
+ default:
+ break;
+ }
+ }
+ return knownKeys;
+ }
+
+ function reconcileChildrenArray(
+ returnFiber,
+ currentFirstChild,
+ newChildren,
+ expirationTime
+ ) {
+ // This algorithm can't optimize by searching from boths ends since we
+ // don't have backpointers on fibers. I'm trying to see how far we can get
+ // with that model. If it ends up not being worth the tradeoffs, we can
+ // add it later.
+
+ // Even with a two ended optimization, we'd want to optimize for the case
+ // where there are few changes and brute force the comparison instead of
+ // going for the Map. It'd like to explore hitting that path first in
+ // forward-only mode and only go for the Map once we notice that we need
+ // lots of look ahead. This doesn't handle reversal as well as two ended
+ // search but that's unusual. Besides, for the two ended optimization to
+ // work on Iterables, we'd need to copy the whole set.
+
+ // In this first iteration, we'll just live with hitting the bad case
+ // (adding everything to a Map) in for every insert/move.
+
+ // If you change this code, also update reconcileChildrenIterator() which
+ // uses the same algorithm.
+
+ {
+ // First, validate keys.
+ var knownKeys = null;
+ for (var i = 0; i < newChildren.length; i++) {
+ var child = newChildren[i];
+ knownKeys = warnOnInvalidKey(child, knownKeys);
+ }
+ }
+
+ var resultingFirstChild = null;
+ var previousNewFiber = null;
+
+ var oldFiber = currentFirstChild;
+ var lastPlacedIndex = 0;
+ var newIdx = 0;
+ var nextOldFiber = null;
+ for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
+ if (oldFiber.index > newIdx) {
+ nextOldFiber = oldFiber;
+ oldFiber = null;
+ } else {
+ nextOldFiber = oldFiber.sibling;
+ }
+ var newFiber = updateSlot(
+ returnFiber,
+ oldFiber,
+ newChildren[newIdx],
+ expirationTime
+ );
+ if (newFiber === null) {
+ // TODO: This breaks on empty slots like null children. That's
+ // unfortunate because it triggers the slow path all the time. We need
+ // a better way to communicate whether this was a miss or null,
+ // boolean, undefined, etc.
+ if (oldFiber === null) {
+ oldFiber = nextOldFiber;
+ }
+ break;
+ }
+ if (shouldTrackSideEffects) {
+ if (oldFiber && newFiber.alternate === null) {
+ // We matched the slot, but we didn't reuse the existing fiber, so we
+ // need to delete the existing child.
+ deleteChild(returnFiber, oldFiber);
+ }
+ }
+ lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+ if (previousNewFiber === null) {
+ // TODO: Move out of the loop. This only happens for the first run.
+ resultingFirstChild = newFiber;
+ } else {
+ // TODO: Defer siblings if we're not at the right index for this slot.
+ // I.e. if we had null values before, then we want to defer this
+ // for each null value. However, we also don't want to call updateSlot
+ // with the previous one.
+ previousNewFiber.sibling = newFiber;
+ }
+ previousNewFiber = newFiber;
+ oldFiber = nextOldFiber;
+ }
+
+ if (newIdx === newChildren.length) {
+ // We've reached the end of the new children. We can delete the rest.
+ deleteRemainingChildren(returnFiber, oldFiber);
+ return resultingFirstChild;
+ }
+
+ if (oldFiber === null) {
+ // If we don't have any more existing children we can choose a fast path
+ // since the rest will all be insertions.
+ for (; newIdx < newChildren.length; newIdx++) {
+ var _newFiber = createChild(
+ returnFiber,
+ newChildren[newIdx],
+ expirationTime
+ );
+ if (!_newFiber) {
+ continue;
+ }
+ lastPlacedIndex = placeChild(_newFiber, lastPlacedIndex, newIdx);
+ if (previousNewFiber === null) {
+ // TODO: Move out of the loop. This only happens for the first run.
+ resultingFirstChild = _newFiber;
+ } else {
+ previousNewFiber.sibling = _newFiber;
+ }
+ previousNewFiber = _newFiber;
+ }
+ return resultingFirstChild;
+ }
+
+ // Add all children to a key map for quick lookups.
+ var existingChildren = mapRemainingChildren(returnFiber, oldFiber);
+
+ // Keep scanning and use the map to restore deleted items as moves.
+ for (; newIdx < newChildren.length; newIdx++) {
+ var _newFiber2 = updateFromMap(
+ existingChildren,
+ returnFiber,
+ newIdx,
+ newChildren[newIdx],
+ expirationTime
+ );
+ if (_newFiber2) {
+ if (shouldTrackSideEffects) {
+ if (_newFiber2.alternate !== null) {
+ // The new fiber is a work in progress, but if there exists a
+ // current, that means that we reused the fiber. We need to delete
+ // it from the child list so that we don't add it to the deletion
+ // list.
+ existingChildren["delete"](
+ _newFiber2.key === null ? newIdx : _newFiber2.key
+ );
+ }
+ }
+ lastPlacedIndex = placeChild(_newFiber2, lastPlacedIndex, newIdx);
+ if (previousNewFiber === null) {
+ resultingFirstChild = _newFiber2;
+ } else {
+ previousNewFiber.sibling = _newFiber2;
+ }
+ previousNewFiber = _newFiber2;
+ }
+ }
+
+ if (shouldTrackSideEffects) {
+ // Any existing children that weren't consumed above were deleted. We need
+ // to add them to the deletion list.
+ existingChildren.forEach(function(child) {
+ return deleteChild(returnFiber, child);
+ });
+ }
+
+ return resultingFirstChild;
+ }
+
+ function reconcileChildrenIterator(
+ returnFiber,
+ currentFirstChild,
+ newChildrenIterable,
+ expirationTime
+ ) {
+ // This is the same implementation as reconcileChildrenArray(),
+ // but using the iterator instead.
+
+ var iteratorFn = getIteratorFn(newChildrenIterable);
+ invariant(
+ typeof iteratorFn === "function",
+ "An object is not an iterable. This error is likely caused by a bug in " +
+ "React. Please file an issue."
+ );
+
+ {
+ // Warn about using Maps as children
+ if (typeof newChildrenIterable.entries === "function") {
+ var possibleMap = newChildrenIterable;
+ if (possibleMap.entries === iteratorFn) {
+ warning(
+ didWarnAboutMaps,
+ "Using Maps as children is unsupported and will likely yield " +
+ "unexpected results. Convert it to a sequence/iterable of keyed " +
+ "ReactElements instead.%s",
+ getCurrentFiberStackAddendum$1()
+ );
+ didWarnAboutMaps = true;
+ }
+ }
+
+ // First, validate keys.
+ // We'll get a different iterator later for the main pass.
+ var _newChildren = iteratorFn.call(newChildrenIterable);
+ if (_newChildren) {
+ var knownKeys = null;
+ var _step = _newChildren.next();
+ for (; !_step.done; _step = _newChildren.next()) {
+ var child = _step.value;
+ knownKeys = warnOnInvalidKey(child, knownKeys);
+ }
+ }
+ }
+
+ var newChildren = iteratorFn.call(newChildrenIterable);
+ invariant(newChildren != null, "An iterable object provided no iterator.");
+
+ var resultingFirstChild = null;
+ var previousNewFiber = null;
+
+ var oldFiber = currentFirstChild;
+ var lastPlacedIndex = 0;
+ var newIdx = 0;
+ var nextOldFiber = null;
+
+ var step = newChildren.next();
+ for (
+ ;
+ oldFiber !== null && !step.done;
+ newIdx++, step = newChildren.next()
+ ) {
+ if (oldFiber.index > newIdx) {
+ nextOldFiber = oldFiber;
+ oldFiber = null;
+ } else {
+ nextOldFiber = oldFiber.sibling;
+ }
+ var newFiber = updateSlot(
+ returnFiber,
+ oldFiber,
+ step.value,
+ expirationTime
+ );
+ if (newFiber === null) {
+ // TODO: This breaks on empty slots like null children. That's
+ // unfortunate because it triggers the slow path all the time. We need
+ // a better way to communicate whether this was a miss or null,
+ // boolean, undefined, etc.
+ if (!oldFiber) {
+ oldFiber = nextOldFiber;
+ }
+ break;
+ }
+ if (shouldTrackSideEffects) {
+ if (oldFiber && newFiber.alternate === null) {
+ // We matched the slot, but we didn't reuse the existing fiber, so we
+ // need to delete the existing child.
+ deleteChild(returnFiber, oldFiber);
+ }
+ }
+ lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+ if (previousNewFiber === null) {
+ // TODO: Move out of the loop. This only happens for the first run.
+ resultingFirstChild = newFiber;
+ } else {
+ // TODO: Defer siblings if we're not at the right index for this slot.
+ // I.e. if we had null values before, then we want to defer this
+ // for each null value. However, we also don't want to call updateSlot
+ // with the previous one.
+ previousNewFiber.sibling = newFiber;
+ }
+ previousNewFiber = newFiber;
+ oldFiber = nextOldFiber;
+ }
+
+ if (step.done) {
+ // We've reached the end of the new children. We can delete the rest.
+ deleteRemainingChildren(returnFiber, oldFiber);
+ return resultingFirstChild;
+ }
+
+ if (oldFiber === null) {
+ // If we don't have any more existing children we can choose a fast path
+ // since the rest will all be insertions.
+ for (; !step.done; newIdx++, step = newChildren.next()) {
+ var _newFiber3 = createChild(returnFiber, step.value, expirationTime);
+ if (_newFiber3 === null) {
+ continue;
+ }
+ lastPlacedIndex = placeChild(_newFiber3, lastPlacedIndex, newIdx);
+ if (previousNewFiber === null) {
+ // TODO: Move out of the loop. This only happens for the first run.
+ resultingFirstChild = _newFiber3;
+ } else {
+ previousNewFiber.sibling = _newFiber3;
+ }
+ previousNewFiber = _newFiber3;
+ }
+ return resultingFirstChild;
+ }
+
+ // Add all children to a key map for quick lookups.
+ var existingChildren = mapRemainingChildren(returnFiber, oldFiber);
+
+ // Keep scanning and use the map to restore deleted items as moves.
+ for (; !step.done; newIdx++, step = newChildren.next()) {
+ var _newFiber4 = updateFromMap(
+ existingChildren,
+ returnFiber,
+ newIdx,
+ step.value,
+ expirationTime
+ );
+ if (_newFiber4 !== null) {
+ if (shouldTrackSideEffects) {
+ if (_newFiber4.alternate !== null) {
+ // The new fiber is a work in progress, but if there exists a
+ // current, that means that we reused the fiber. We need to delete
+ // it from the child list so that we don't add it to the deletion
+ // list.
+ existingChildren["delete"](
+ _newFiber4.key === null ? newIdx : _newFiber4.key
+ );
+ }
+ }
+ lastPlacedIndex = placeChild(_newFiber4, lastPlacedIndex, newIdx);
+ if (previousNewFiber === null) {
+ resultingFirstChild = _newFiber4;
+ } else {
+ previousNewFiber.sibling = _newFiber4;
+ }
+ previousNewFiber = _newFiber4;
+ }
+ }
+
+ if (shouldTrackSideEffects) {
+ // Any existing children that weren't consumed above were deleted. We need
+ // to add them to the deletion list.
+ existingChildren.forEach(function(child) {
+ return deleteChild(returnFiber, child);
+ });
+ }
+
+ return resultingFirstChild;
+ }
+
+ function reconcileSingleTextNode(
+ returnFiber,
+ currentFirstChild,
+ textContent,
+ expirationTime
+ ) {
+ // There's no need to check for keys on text nodes since we don't have a
+ // way to define them.
+ if (currentFirstChild !== null && currentFirstChild.tag === HostText) {
+ // We already have an existing node so let's just update it and delete
+ // the rest.
+ deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
+ var existing = useFiber(currentFirstChild, textContent, expirationTime);
+ existing["return"] = returnFiber;
+ return existing;
+ }
+ // The existing first child is not a text node so we need to create one
+ // and delete the existing ones.
+ deleteRemainingChildren(returnFiber, currentFirstChild);
+ var created = createFiberFromText(
+ textContent,
+ returnFiber.internalContextTag,
+ expirationTime
+ );
+ created["return"] = returnFiber;
+ return created;
+ }
+
+ function reconcileSingleElement(
+ returnFiber,
+ currentFirstChild,
+ element,
+ expirationTime
+ ) {
+ var key = element.key;
+ var child = currentFirstChild;
+ while (child !== null) {
+ // TODO: If key === null and child.key === null, then this only applies to
+ // the first item in the list.
+ if (child.key === key) {
+ if (
+ child.tag === Fragment
+ ? element.type === REACT_FRAGMENT_TYPE
+ : child.type === element.type
+ ) {
+ deleteRemainingChildren(returnFiber, child.sibling);
+ var existing = useFiber(
+ child,
+ element.type === REACT_FRAGMENT_TYPE
+ ? element.props.children
+ : element.props,
+ expirationTime
+ );
+ existing.ref = coerceRef(child, element);
+ existing["return"] = returnFiber;
+ {
+ existing._debugSource = element._source;
+ existing._debugOwner = element._owner;
+ }
+ return existing;
+ } else {
+ deleteRemainingChildren(returnFiber, child);
+ break;
+ }
+ } else {
+ deleteChild(returnFiber, child);
+ }
+ child = child.sibling;
+ }
+
+ if (element.type === REACT_FRAGMENT_TYPE) {
+ var created = createFiberFromFragment(
+ element.props.children,
+ returnFiber.internalContextTag,
+ expirationTime,
+ element.key
+ );
+ created["return"] = returnFiber;
+ return created;
+ } else {
+ var _created7 = createFiberFromElement(
+ element,
+ returnFiber.internalContextTag,
+ expirationTime
+ );
+ _created7.ref = coerceRef(currentFirstChild, element);
+ _created7["return"] = returnFiber;
+ return _created7;
+ }
+ }
+
+ function reconcileSingleCall(
+ returnFiber,
+ currentFirstChild,
+ call,
+ expirationTime
+ ) {
+ var key = call.key;
+ var child = currentFirstChild;
+ while (child !== null) {
+ // TODO: If key === null and child.key === null, then this only applies to
+ // the first item in the list.
+ if (child.key === key) {
+ if (child.tag === CallComponent) {
+ deleteRemainingChildren(returnFiber, child.sibling);
+ var existing = useFiber(child, call, expirationTime);
+ existing["return"] = returnFiber;
+ return existing;
+ } else {
+ deleteRemainingChildren(returnFiber, child);
+ break;
+ }
+ } else {
+ deleteChild(returnFiber, child);
+ }
+ child = child.sibling;
+ }
+
+ var created = createFiberFromCall(
+ call,
+ returnFiber.internalContextTag,
+ expirationTime
+ );
+ created["return"] = returnFiber;
+ return created;
+ }
+
+ function reconcileSingleReturn(
+ returnFiber,
+ currentFirstChild,
+ returnNode,
+ expirationTime
+ ) {
+ // There's no need to check for keys on yields since they're stateless.
+ var child = currentFirstChild;
+ if (child !== null) {
+ if (child.tag === ReturnComponent) {
+ deleteRemainingChildren(returnFiber, child.sibling);
+ var existing = useFiber(child, null, expirationTime);
+ existing.type = returnNode.value;
+ existing["return"] = returnFiber;
+ return existing;
+ } else {
+ deleteRemainingChildren(returnFiber, child);
+ }
+ }
+
+ var created = createFiberFromReturn(
+ returnNode,
+ returnFiber.internalContextTag,
+ expirationTime
+ );
+ created.type = returnNode.value;
+ created["return"] = returnFiber;
+ return created;
+ }
+
+ function reconcileSinglePortal(
+ returnFiber,
+ currentFirstChild,
+ portal,
+ expirationTime
+ ) {
+ var key = portal.key;
+ var child = currentFirstChild;
+ while (child !== null) {
+ // TODO: If key === null and child.key === null, then this only applies to
+ // the first item in the list.
+ if (child.key === key) {
+ if (
+ child.tag === HostPortal &&
+ child.stateNode.containerInfo === portal.containerInfo &&
+ child.stateNode.implementation === portal.implementation
+ ) {
+ deleteRemainingChildren(returnFiber, child.sibling);
+ var existing = useFiber(child, portal.children || [], expirationTime);
+ existing["return"] = returnFiber;
+ return existing;
+ } else {
+ deleteRemainingChildren(returnFiber, child);
+ break;
+ }
+ } else {
+ deleteChild(returnFiber, child);
+ }
+ child = child.sibling;
+ }
+
+ var created = createFiberFromPortal(
+ portal,
+ returnFiber.internalContextTag,
+ expirationTime
+ );
+ created["return"] = returnFiber;
+ return created;
+ }
+
+ // This API will tag the children with the side-effect of the reconciliation
+ // itself. They will be added to the side-effect list as we pass through the
+ // children and the parent.
+ function reconcileChildFibers(
+ returnFiber,
+ currentFirstChild,
+ newChild,
+ expirationTime
+ ) {
+ // This function is not recursive.
+ // If the top level item is an array, we treat it as a set of children,
+ // not as a fragment. Nested arrays on the other hand will be treated as
+ // fragment nodes. Recursion happens at the normal flow.
+
+ // Handle top level unkeyed fragments as if they were arrays.
+ // This leads to an ambiguity between <>{[...]} and <>....
+ // We treat the ambiguous cases above the same.
+ if (
+ enableReactFragment &&
+ typeof newChild === "object" &&
+ newChild !== null &&
+ newChild.type === REACT_FRAGMENT_TYPE &&
+ newChild.key === null
+ ) {
+ newChild = newChild.props.children;
+ }
+
+ // Handle object types
+ var isObject = typeof newChild === "object" && newChild !== null;
+
+ if (isObject) {
+ switch (newChild.$$typeof) {
+ case REACT_ELEMENT_TYPE:
+ return placeSingleChild(
+ reconcileSingleElement(
+ returnFiber,
+ currentFirstChild,
+ newChild,
+ expirationTime
+ )
+ );
+
+ case REACT_CALL_TYPE:
+ return placeSingleChild(
+ reconcileSingleCall(
+ returnFiber,
+ currentFirstChild,
+ newChild,
+ expirationTime
+ )
+ );
+ case REACT_RETURN_TYPE:
+ return placeSingleChild(
+ reconcileSingleReturn(
+ returnFiber,
+ currentFirstChild,
+ newChild,
+ expirationTime
+ )
+ );
+ case REACT_PORTAL_TYPE:
+ return placeSingleChild(
+ reconcileSinglePortal(
+ returnFiber,
+ currentFirstChild,
+ newChild,
+ expirationTime
+ )
+ );
+ }
+ }
+
+ if (typeof newChild === "string" || typeof newChild === "number") {
+ return placeSingleChild(
+ reconcileSingleTextNode(
+ returnFiber,
+ currentFirstChild,
+ "" + newChild,
+ expirationTime
+ )
+ );
+ }
+
+ if (isArray$1(newChild)) {
+ return reconcileChildrenArray(
+ returnFiber,
+ currentFirstChild,
+ newChild,
+ expirationTime
+ );
+ }
+
+ if (getIteratorFn(newChild)) {
+ return reconcileChildrenIterator(
+ returnFiber,
+ currentFirstChild,
+ newChild,
+ expirationTime
+ );
+ }
+
+ if (isObject) {
+ throwOnInvalidObjectType(returnFiber, newChild);
+ }
+
+ {
+ if (typeof newChild === "function") {
+ warnOnFunctionType();
+ }
+ }
+ if (typeof newChild === "undefined") {
+ // If the new child is undefined, and the return fiber is a composite
+ // component, throw an error. If Fiber return types are disabled,
+ // we already threw above.
+ switch (returnFiber.tag) {
+ case ClassComponent: {
+ {
+ var instance = returnFiber.stateNode;
+ if (instance.render._isMockFunction) {
+ // We allow auto-mocks to proceed as if they're returning null.
+ break;
+ }
+ }
+ }
+ // Intentionally fall through to the next case, which handles both
+ // functions and classes
+ // eslint-disable-next-lined no-fallthrough
+ case FunctionalComponent: {
+ var Component = returnFiber.type;
+ invariant(
+ false,
+ "%s(...): Nothing was returned from render. This usually means a " +
+ "return statement is missing. Or, to render nothing, " +
+ "return null.",
+ Component.displayName || Component.name || "Component"
+ );
+ }
+ }
+ }
+
+ // Remaining cases are all treated as empty.
+ return deleteRemainingChildren(returnFiber, currentFirstChild);
+ }
+
+ return reconcileChildFibers;
+}
+
+var reconcileChildFibers = ChildReconciler(true, true);
+
+var reconcileChildFibersInPlace = ChildReconciler(false, true);
+
+var mountChildFibersInPlace = ChildReconciler(false, false);
+
+function cloneChildFibers(current, workInProgress) {
+ invariant(
+ current === null || workInProgress.child === current.child,
+ "Resuming work not yet implemented."
+ );
+
+ if (workInProgress.child === null) {
+ return;
+ }
+
+ var currentChild = workInProgress.child;
+ var newChild = createWorkInProgress(
+ currentChild,
+ currentChild.pendingProps,
+ currentChild.expirationTime
+ );
+ workInProgress.child = newChild;
+
+ newChild["return"] = workInProgress;
+ while (currentChild.sibling !== null) {
+ currentChild = currentChild.sibling;
+ newChild = newChild.sibling = createWorkInProgress(
+ currentChild,
+ currentChild.pendingProps,
+ currentChild.expirationTime
+ );
+ newChild["return"] = workInProgress;
+ }
+ newChild.sibling = null;
+}
+
+{
+ var warnedAboutStatelessRefs = {};
+}
+
+var ReactFiberBeginWork = function(
+ config,
+ hostContext,
+ hydrationContext,
+ scheduleWork,
+ computeExpirationForFiber
+) {
+ var shouldSetTextContent = config.shouldSetTextContent,
+ useSyncScheduling = config.useSyncScheduling,
+ shouldDeprioritizeSubtree = config.shouldDeprioritizeSubtree;
+ var pushHostContext = hostContext.pushHostContext,
+ pushHostContainer = hostContext.pushHostContainer;
+ var enterHydrationState = hydrationContext.enterHydrationState,
+ resetHydrationState = hydrationContext.resetHydrationState,
+ tryToClaimNextHydratableInstance =
+ hydrationContext.tryToClaimNextHydratableInstance;
+
+ var _ReactFiberClassCompo = ReactFiberClassComponent(
+ scheduleWork,
+ computeExpirationForFiber,
+ memoizeProps,
+ memoizeState
+ ),
+ adoptClassInstance = _ReactFiberClassCompo.adoptClassInstance,
+ constructClassInstance = _ReactFiberClassCompo.constructClassInstance,
+ mountClassInstance = _ReactFiberClassCompo.mountClassInstance,
+ updateClassInstance = _ReactFiberClassCompo.updateClassInstance;
+
+ // TODO: Remove this and use reconcileChildrenAtExpirationTime directly.
+
+ function reconcileChildren(current, workInProgress, nextChildren) {
+ reconcileChildrenAtExpirationTime(
+ current,
+ workInProgress,
+ nextChildren,
+ workInProgress.expirationTime
+ );
+ }
+
+ function reconcileChildrenAtExpirationTime(
+ current,
+ workInProgress,
+ nextChildren,
+ renderExpirationTime
+ ) {
+ if (current === null) {
+ // If this is a fresh new component that hasn't been rendered yet, we
+ // won't update its child set by applying minimal side-effects. Instead,
+ // we will add them all to the child before it gets rendered. That means
+ // we can optimize this reconciliation pass by not tracking side-effects.
+ workInProgress.child = mountChildFibersInPlace(
+ workInProgress,
+ workInProgress.child,
+ nextChildren,
+ renderExpirationTime
+ );
+ } else if (current.child === workInProgress.child) {
+ // If the current child is the same as the work in progress, it means that
+ // we haven't yet started any work on these children. Therefore, we use
+ // the clone algorithm to create a copy of all the current children.
+
+ // If we had any progressed work already, that is invalid at this point so
+ // let's throw it out.
+ workInProgress.child = reconcileChildFibers(
+ workInProgress,
+ workInProgress.child,
+ nextChildren,
+ renderExpirationTime
+ );
+ } else {
+ // If, on the other hand, it is already using a clone, that means we've
+ // already begun some work on this tree and we can continue where we left
+ // off by reconciling against the existing children.
+ workInProgress.child = reconcileChildFibersInPlace(
+ workInProgress,
+ workInProgress.child,
+ nextChildren,
+ renderExpirationTime
+ );
+ }
+ }
+
+ function updateFragment(current, workInProgress) {
+ var nextChildren = workInProgress.pendingProps;
+ if (hasContextChanged()) {
+ // Normally we can bail out on props equality but if context has changed
+ // we don't do the bailout and we have to reuse existing props instead.
+ if (nextChildren === null) {
+ nextChildren = workInProgress.memoizedProps;
+ }
+ } else if (
+ nextChildren === null ||
+ workInProgress.memoizedProps === nextChildren
+ ) {
+ return bailoutOnAlreadyFinishedWork(current, workInProgress);
+ }
+ reconcileChildren(current, workInProgress, nextChildren);
+ memoizeProps(workInProgress, nextChildren);
+ return workInProgress.child;
+ }
+
+ function markRef(current, workInProgress) {
+ var ref = workInProgress.ref;
+ if (ref !== null && (!current || current.ref !== ref)) {
+ // Schedule a Ref effect
+ workInProgress.effectTag |= Ref;
+ }
+ }
+
+ function updateFunctionalComponent(current, workInProgress) {
+ var fn = workInProgress.type;
+ var nextProps = workInProgress.pendingProps;
+
+ var memoizedProps = workInProgress.memoizedProps;
+ if (hasContextChanged()) {
+ // Normally we can bail out on props equality but if context has changed
+ // we don't do the bailout and we have to reuse existing props instead.
+ if (nextProps === null) {
+ nextProps = memoizedProps;
+ }
+ } else {
+ if (nextProps === null || memoizedProps === nextProps) {
+ return bailoutOnAlreadyFinishedWork(current, workInProgress);
+ }
+ // TODO: consider bringing fn.shouldComponentUpdate() back.
+ // It used to be here.
+ }
+
+ var unmaskedContext = getUnmaskedContext(workInProgress);
+ var context = getMaskedContext(workInProgress, unmaskedContext);
+
+ var nextChildren;
+
+ {
+ ReactCurrentOwner.current = workInProgress;
+ ReactDebugCurrentFiber.setCurrentPhase("render");
+ nextChildren = fn(nextProps, context);
+ ReactDebugCurrentFiber.setCurrentPhase(null);
+ }
+ // React DevTools reads this flag.
+ workInProgress.effectTag |= PerformedWork;
+ reconcileChildren(current, workInProgress, nextChildren);
+ memoizeProps(workInProgress, nextProps);
+ return workInProgress.child;
+ }
+
+ function updateClassComponent(current, workInProgress, renderExpirationTime) {
+ // Push context providers early to prevent context stack mismatches.
+ // During mounting we don't know the child context yet as the instance doesn't exist.
+ // We will invalidate the child context in finishClassComponent() right after rendering.
+ var hasContext = pushContextProvider(workInProgress);
+
+ var shouldUpdate = void 0;
+ if (current === null) {
+ if (!workInProgress.stateNode) {
+ // In the initial pass we might need to construct the instance.
+ constructClassInstance(workInProgress, workInProgress.pendingProps);
+ mountClassInstance(workInProgress, renderExpirationTime);
+ shouldUpdate = true;
+ } else {
+ invariant(false, "Resuming work not yet implemented.");
+ // In a resume, we'll already have an instance we can reuse.
+ // shouldUpdate = resumeMountClassInstance(workInProgress, renderExpirationTime);
+ }
+ } else {
+ shouldUpdate = updateClassInstance(
+ current,
+ workInProgress,
+ renderExpirationTime
+ );
+ }
+ return finishClassComponent(
+ current,
+ workInProgress,
+ shouldUpdate,
+ hasContext
+ );
+ }
+
+ function finishClassComponent(
+ current,
+ workInProgress,
+ shouldUpdate,
+ hasContext
+ ) {
+ // Refs should update even if shouldComponentUpdate returns false
+ markRef(current, workInProgress);
+
+ if (!shouldUpdate) {
+ // Context providers should defer to sCU for rendering
+ if (hasContext) {
+ invalidateContextProvider(workInProgress, false);
+ }
+
+ return bailoutOnAlreadyFinishedWork(current, workInProgress);
+ }
+
+ var instance = workInProgress.stateNode;
+
+ // Rerender
+ ReactCurrentOwner.current = workInProgress;
+ var nextChildren = void 0;
+ {
+ ReactDebugCurrentFiber.setCurrentPhase("render");
+ nextChildren = instance.render();
+ ReactDebugCurrentFiber.setCurrentPhase(null);
+ }
+ // React DevTools reads this flag.
+ workInProgress.effectTag |= PerformedWork;
+ reconcileChildren(current, workInProgress, nextChildren);
+ // Memoize props and state using the values we just used to render.
+ // TODO: Restructure so we never read values from the instance.
+ memoizeState(workInProgress, instance.state);
+ memoizeProps(workInProgress, instance.props);
+
+ // The context might have changed so we need to recalculate it.
+ if (hasContext) {
+ invalidateContextProvider(workInProgress, true);
+ }
+
+ return workInProgress.child;
+ }
+
+ function pushHostRootContext(workInProgress) {
+ var root = workInProgress.stateNode;
+ if (root.pendingContext) {
+ pushTopLevelContextObject(
+ workInProgress,
+ root.pendingContext,
+ root.pendingContext !== root.context
+ );
+ } else if (root.context) {
+ // Should always be set
+ pushTopLevelContextObject(workInProgress, root.context, false);
+ }
+ pushHostContainer(workInProgress, root.containerInfo);
+ }
+
+ function updateHostRoot(current, workInProgress, renderExpirationTime) {
+ pushHostRootContext(workInProgress);
+ var updateQueue = workInProgress.updateQueue;
+ if (updateQueue !== null) {
+ var prevState = workInProgress.memoizedState;
+ var state = processUpdateQueue(
+ current,
+ workInProgress,
+ updateQueue,
+ null,
+ null,
+ renderExpirationTime
+ );
+ if (prevState === state) {
+ // If the state is the same as before, that's a bailout because we had
+ // no work that expires at this time.
+ resetHydrationState();
+ return bailoutOnAlreadyFinishedWork(current, workInProgress);
+ }
+ var element = state.element;
+ var root = workInProgress.stateNode;
+ if (
+ (current === null || current.child === null) &&
+ root.hydrate &&
+ enterHydrationState(workInProgress)
+ ) {
+ // If we don't have any current children this might be the first pass.
+ // We always try to hydrate. If this isn't a hydration pass there won't
+ // be any children to hydrate which is effectively the same thing as
+ // not hydrating.
+
+ // This is a bit of a hack. We track the host root as a placement to
+ // know that we're currently in a mounting state. That way isMounted
+ // works as expected. We must reset this before committing.
+ // TODO: Delete this when we delete isMounted and findDOMNode.
+ workInProgress.effectTag |= Placement;
+
+ // Ensure that children mount into this root without tracking
+ // side-effects. This ensures that we don't store Placement effects on
+ // nodes that will be hydrated.
+ workInProgress.child = mountChildFibersInPlace(
+ workInProgress,
+ workInProgress.child,
+ element,
+ renderExpirationTime
+ );
+ } else {
+ // Otherwise reset hydration state in case we aborted and resumed another
+ // root.
+ resetHydrationState();
+ reconcileChildren(current, workInProgress, element);
+ }
+ memoizeState(workInProgress, state);
+ return workInProgress.child;
+ }
+ resetHydrationState();
+ // If there is no update queue, that's a bailout because the root has no props.
+ return bailoutOnAlreadyFinishedWork(current, workInProgress);
+ }
+
+ function updateHostComponent(current, workInProgress, renderExpirationTime) {
+ pushHostContext(workInProgress);
+
+ if (current === null) {
+ tryToClaimNextHydratableInstance(workInProgress);
+ }
+
+ var type = workInProgress.type;
+ var memoizedProps = workInProgress.memoizedProps;
+ var nextProps = workInProgress.pendingProps;
+ if (nextProps === null) {
+ nextProps = memoizedProps;
+ invariant(
+ nextProps !== null,
+ "We should always have pending or current props. This error is " +
+ "likely caused by a bug in React. Please file an issue."
+ );
+ }
+ var prevProps = current !== null ? current.memoizedProps : null;
+
+ if (hasContextChanged()) {
+ // Normally we can bail out on props equality but if context has changed
+ // we don't do the bailout and we have to reuse existing props instead.
+ } else if (nextProps === null || memoizedProps === nextProps) {
+ return bailoutOnAlreadyFinishedWork(current, workInProgress);
+ }
+
+ var nextChildren = nextProps.children;
+ var isDirectTextChild = shouldSetTextContent(type, nextProps);
+
+ if (isDirectTextChild) {
+ // We special case a direct text child of a host node. This is a common
+ // case. We won't handle it as a reified child. We will instead handle
+ // this in the host environment that also have access to this prop. That
+ // avoids allocating another HostText fiber and traversing it.
+ nextChildren = null;
+ } else if (prevProps && shouldSetTextContent(type, prevProps)) {
+ // If we're switching from a direct text child to a normal child, or to
+ // empty, we need to schedule the text content to be reset.
+ workInProgress.effectTag |= ContentReset;
+ }
+
+ markRef(current, workInProgress);
+
+ // Check the host config to see if the children are offscreen/hidden.
+ if (
+ renderExpirationTime !== Never &&
+ !useSyncScheduling &&
+ shouldDeprioritizeSubtree(type, nextProps)
+ ) {
+ // Down-prioritize the children.
+ workInProgress.expirationTime = Never;
+ // Bailout and come back to this fiber later.
+ return null;
+ }
+
+ reconcileChildren(current, workInProgress, nextChildren);
+ memoizeProps(workInProgress, nextProps);
+ return workInProgress.child;
+ }
+
+ function updateHostText(current, workInProgress) {
+ if (current === null) {
+ tryToClaimNextHydratableInstance(workInProgress);
+ }
+ var nextProps = workInProgress.pendingProps;
+ if (nextProps === null) {
+ nextProps = workInProgress.memoizedProps;
+ }
+ memoizeProps(workInProgress, nextProps);
+ // Nothing to do here. This is terminal. We'll do the completion step
+ // immediately after.
+ return null;
+ }
+
+ function mountIndeterminateComponent(
+ current,
+ workInProgress,
+ renderExpirationTime
+ ) {
+ invariant(
+ current === null,
+ "An indeterminate component should never have mounted. This error is " +
+ "likely caused by a bug in React. Please file an issue."
+ );
+ var fn = workInProgress.type;
+ var props = workInProgress.pendingProps;
+ var unmaskedContext = getUnmaskedContext(workInProgress);
+ var context = getMaskedContext(workInProgress, unmaskedContext);
+
+ var value;
+
+ {
+ if (fn.prototype && typeof fn.prototype.render === "function") {
+ var componentName = getComponentName(workInProgress);
+ warning(
+ false,
+ "The <%s /> component appears to have a render method, but doesn't extend React.Component. " +
+ "This is likely to cause errors. Change %s to extend React.Component instead.",
+ componentName,
+ componentName
+ );
+ }
+ ReactCurrentOwner.current = workInProgress;
+ value = fn(props, context);
+ }
+ // React DevTools reads this flag.
+ workInProgress.effectTag |= PerformedWork;
+
+ if (
+ typeof value === "object" &&
+ value !== null &&
+ typeof value.render === "function"
+ ) {
+ // Proceed under the assumption that this is a class instance
+ workInProgress.tag = ClassComponent;
+
+ // Push context providers early to prevent context stack mismatches.
+ // During mounting we don't know the child context yet as the instance doesn't exist.
+ // We will invalidate the child context in finishClassComponent() right after rendering.
+ var hasContext = pushContextProvider(workInProgress);
+ adoptClassInstance(workInProgress, value);
+ mountClassInstance(workInProgress, renderExpirationTime);
+ return finishClassComponent(current, workInProgress, true, hasContext);
+ } else {
+ // Proceed under the assumption that this is a functional component
+ workInProgress.tag = FunctionalComponent;
+ {
+ var Component = workInProgress.type;
+
+ if (Component) {
+ warning(
+ !Component.childContextTypes,
+ "%s(...): childContextTypes cannot be defined on a functional component.",
+ Component.displayName || Component.name || "Component"
+ );
+ }
+ if (workInProgress.ref !== null) {
+ var info = "";
+ var ownerName = ReactDebugCurrentFiber.getCurrentFiberOwnerName();
+ if (ownerName) {
+ info += "\n\nCheck the render method of `" + ownerName + "`.";
+ }
+
+ var warningKey = ownerName || workInProgress._debugID || "";
+ var debugSource = workInProgress._debugSource;
+ if (debugSource) {
+ warningKey = debugSource.fileName + ":" + debugSource.lineNumber;
+ }
+ if (!warnedAboutStatelessRefs[warningKey]) {
+ warnedAboutStatelessRefs[warningKey] = true;
+ warning(
+ false,
+ "Stateless function components cannot be given refs. " +
+ "Attempts to access this ref will fail.%s%s",
+ info,
+ ReactDebugCurrentFiber.getCurrentFiberStackAddendum()
+ );
+ }
+ }
+ }
+ reconcileChildren(current, workInProgress, value);
+ memoizeProps(workInProgress, props);
+ return workInProgress.child;
+ }
+ }
+
+ function updateCallComponent(current, workInProgress, renderExpirationTime) {
+ var nextCall = workInProgress.pendingProps;
+ if (hasContextChanged()) {
+ // Normally we can bail out on props equality but if context has changed
+ // we don't do the bailout and we have to reuse existing props instead.
+ if (nextCall === null) {
+ nextCall = current && current.memoizedProps;
+ invariant(
+ nextCall !== null,
+ "We should always have pending or current props. This error is " +
+ "likely caused by a bug in React. Please file an issue."
+ );
+ }
+ } else if (nextCall === null || workInProgress.memoizedProps === nextCall) {
+ nextCall = workInProgress.memoizedProps;
+ // TODO: When bailing out, we might need to return the stateNode instead
+ // of the child. To check it for work.
+ // return bailoutOnAlreadyFinishedWork(current, workInProgress);
+ }
+
+ var nextChildren = nextCall.children;
+
+ // The following is a fork of reconcileChildrenAtExpirationTime but using
+ // stateNode to store the child.
+ if (current === null) {
+ workInProgress.stateNode = mountChildFibersInPlace(
+ workInProgress,
+ workInProgress.stateNode,
+ nextChildren,
+ renderExpirationTime
+ );
+ } else if (current.child === workInProgress.child) {
+ workInProgress.stateNode = reconcileChildFibers(
+ workInProgress,
+ workInProgress.stateNode,
+ nextChildren,
+ renderExpirationTime
+ );
+ } else {
+ workInProgress.stateNode = reconcileChildFibersInPlace(
+ workInProgress,
+ workInProgress.stateNode,
+ nextChildren,
+ renderExpirationTime
+ );
+ }
+
+ memoizeProps(workInProgress, nextCall);
+ // This doesn't take arbitrary time so we could synchronously just begin
+ // eagerly do the work of workInProgress.child as an optimization.
+ return workInProgress.stateNode;
+ }
+
+ function updatePortalComponent(
+ current,
+ workInProgress,
+ renderExpirationTime
+ ) {
+ pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
+ var nextChildren = workInProgress.pendingProps;
+ if (hasContextChanged()) {
+ // Normally we can bail out on props equality but if context has changed
+ // we don't do the bailout and we have to reuse existing props instead.
+ if (nextChildren === null) {
+ nextChildren = current && current.memoizedProps;
+ invariant(
+ nextChildren != null,
+ "We should always have pending or current props. This error is " +
+ "likely caused by a bug in React. Please file an issue."
+ );
+ }
+ } else if (
+ nextChildren === null ||
+ workInProgress.memoizedProps === nextChildren
+ ) {
+ return bailoutOnAlreadyFinishedWork(current, workInProgress);
+ }
+
+ if (current === null) {
+ // Portals are special because we don't append the children during mount
+ // but at commit. Therefore we need to track insertions which the normal
+ // flow doesn't do during mount. This doesn't happen at the root because
+ // the root always starts with a "current" with a null child.
+ // TODO: Consider unifying this with how the root works.
+ workInProgress.child = reconcileChildFibersInPlace(
+ workInProgress,
+ workInProgress.child,
+ nextChildren,
+ renderExpirationTime
+ );
+ memoizeProps(workInProgress, nextChildren);
+ } else {
+ reconcileChildren(current, workInProgress, nextChildren);
+ memoizeProps(workInProgress, nextChildren);
+ }
+ return workInProgress.child;
+ }
+
+ /*
+ function reuseChildrenEffects(returnFiber : Fiber, firstChild : Fiber) {
+ let child = firstChild;
+ do {
+ // Ensure that the first and last effect of the parent corresponds
+ // to the children's first and last effect.
+ if (!returnFiber.firstEffect) {
+ returnFiber.firstEffect = child.firstEffect;
+ }
+ if (child.lastEffect) {
+ if (returnFiber.lastEffect) {
+ returnFiber.lastEffect.nextEffect = child.firstEffect;
+ }
+ returnFiber.lastEffect = child.lastEffect;
+ }
+ } while (child = child.sibling);
+ }
+ */
+
+ function bailoutOnAlreadyFinishedWork(current, workInProgress) {
+ cancelWorkTimer(workInProgress);
+
+ // TODO: We should ideally be able to bail out early if the children have no
+ // more work to do. However, since we don't have a separation of this
+ // Fiber's priority and its children yet - we don't know without doing lots
+ // of the same work we do anyway. Once we have that separation we can just
+ // bail out here if the children has no more work at this priority level.
+ // if (workInProgress.priorityOfChildren <= priorityLevel) {
+ // // If there are side-effects in these children that have not yet been
+ // // committed we need to ensure that they get properly transferred up.
+ // if (current && current.child !== workInProgress.child) {
+ // reuseChildrenEffects(workInProgress, child);
+ // }
+ // return null;
+ // }
+
+ cloneChildFibers(current, workInProgress);
+ return workInProgress.child;
+ }
+
+ function bailoutOnLowPriority(current, workInProgress) {
+ cancelWorkTimer(workInProgress);
+
+ // TODO: Handle HostComponent tags here as well and call pushHostContext()?
+ // See PR 8590 discussion for context
+ switch (workInProgress.tag) {
+ case HostRoot:
+ pushHostRootContext(workInProgress);
+ break;
+ case ClassComponent:
+ pushContextProvider(workInProgress);
+ break;
+ case HostPortal:
+ pushHostContainer(
+ workInProgress,
+ workInProgress.stateNode.containerInfo
+ );
+ break;
+ }
+ // TODO: What if this is currently in progress?
+ // How can that happen? How is this not being cloned?
+ return null;
+ }
+
+ // TODO: Delete memoizeProps/State and move to reconcile/bailout instead
+ function memoizeProps(workInProgress, nextProps) {
+ workInProgress.memoizedProps = nextProps;
+ }
+
+ function memoizeState(workInProgress, nextState) {
+ workInProgress.memoizedState = nextState;
+ // Don't reset the updateQueue, in case there are pending updates. Resetting
+ // is handled by processUpdateQueue.
+ }
+
+ function beginWork(current, workInProgress, renderExpirationTime) {
+ if (
+ workInProgress.expirationTime === NoWork ||
+ workInProgress.expirationTime > renderExpirationTime
+ ) {
+ return bailoutOnLowPriority(current, workInProgress);
+ }
+
+ switch (workInProgress.tag) {
+ case IndeterminateComponent:
+ return mountIndeterminateComponent(
+ current,
+ workInProgress,
+ renderExpirationTime
+ );
+ case FunctionalComponent:
+ return updateFunctionalComponent(current, workInProgress);
+ case ClassComponent:
+ return updateClassComponent(
+ current,
+ workInProgress,
+ renderExpirationTime
+ );
+ case HostRoot:
+ return updateHostRoot(current, workInProgress, renderExpirationTime);
+ case HostComponent:
+ return updateHostComponent(
+ current,
+ workInProgress,
+ renderExpirationTime
+ );
+ case HostText:
+ return updateHostText(current, workInProgress);
+ case CallHandlerPhase:
+ // This is a restart. Reset the tag to the initial phase.
+ workInProgress.tag = CallComponent;
+ // Intentionally fall through since this is now the same.
+ case CallComponent:
+ return updateCallComponent(
+ current,
+ workInProgress,
+ renderExpirationTime
+ );
+ case ReturnComponent:
+ // A return component is just a placeholder, we can just run through the
+ // next one immediately.
+ return null;
+ case HostPortal:
+ return updatePortalComponent(
+ current,
+ workInProgress,
+ renderExpirationTime
+ );
+ case Fragment:
+ return updateFragment(current, workInProgress);
+ default:
+ invariant(
+ false,
+ "Unknown unit of work tag. This error is likely caused by a bug in " +
+ "React. Please file an issue."
+ );
+ }
+ }
+
+ function beginFailedWork(current, workInProgress, renderExpirationTime) {
+ // Push context providers here to avoid a push/pop context mismatch.
+ switch (workInProgress.tag) {
+ case ClassComponent:
+ pushContextProvider(workInProgress);
+ break;
+ case HostRoot:
+ pushHostRootContext(workInProgress);
+ break;
+ default:
+ invariant(
+ false,
+ "Invalid type of work. This error is likely caused by a bug in React. " +
+ "Please file an issue."
+ );
+ }
+
+ // Add an error effect so we can handle the error during the commit phase
+ workInProgress.effectTag |= Err;
+
+ // This is a weird case where we do "resume" work — work that failed on
+ // our first attempt. Because we no longer have a notion of "progressed
+ // deletions," reset the child to the current child to make sure we delete
+ // it again. TODO: Find a better way to handle this, perhaps during a more
+ // general overhaul of error handling.
+ if (current === null) {
+ workInProgress.child = null;
+ } else if (workInProgress.child !== current.child) {
+ workInProgress.child = current.child;
+ }
+
+ if (
+ workInProgress.expirationTime === NoWork ||
+ workInProgress.expirationTime > renderExpirationTime
+ ) {
+ return bailoutOnLowPriority(current, workInProgress);
+ }
+
+ // If we don't bail out, we're going be recomputing our children so we need
+ // to drop our effect list.
+ workInProgress.firstEffect = null;
+ workInProgress.lastEffect = null;
+
+ // Unmount the current children as if the component rendered null
+ var nextChildren = null;
+ reconcileChildrenAtExpirationTime(
+ current,
+ workInProgress,
+ nextChildren,
+ renderExpirationTime
+ );
+
+ if (workInProgress.tag === ClassComponent) {
+ var instance = workInProgress.stateNode;
+ workInProgress.memoizedProps = instance.props;
+ workInProgress.memoizedState = instance.state;
+ }
+
+ return workInProgress.child;
+ }
+
+ return {
+ beginWork: beginWork,
+ beginFailedWork: beginFailedWork
+ };
+};
+
+var ReactFiberCompleteWork = function(config, hostContext, hydrationContext) {
+ var createInstance = config.createInstance,
+ createTextInstance = config.createTextInstance,
+ appendInitialChild = config.appendInitialChild,
+ finalizeInitialChildren = config.finalizeInitialChildren,
+ prepareUpdate = config.prepareUpdate,
+ mutation = config.mutation,
+ persistence = config.persistence;
+ var getRootHostContainer = hostContext.getRootHostContainer,
+ popHostContext = hostContext.popHostContext,
+ getHostContext = hostContext.getHostContext,
+ popHostContainer = hostContext.popHostContainer;
+ var prepareToHydrateHostInstance =
+ hydrationContext.prepareToHydrateHostInstance,
+ prepareToHydrateHostTextInstance =
+ hydrationContext.prepareToHydrateHostTextInstance,
+ popHydrationState = hydrationContext.popHydrationState;
+
+ function markUpdate(workInProgress) {
+ // Tag the fiber with an update effect. This turns a Placement into
+ // an UpdateAndPlacement.
+ workInProgress.effectTag |= Update;
+ }
+
+ function markRef(workInProgress) {
+ workInProgress.effectTag |= Ref;
+ }
+
+ function appendAllReturns(returns, workInProgress) {
+ var node = workInProgress.stateNode;
+ if (node) {
+ node["return"] = workInProgress;
+ }
+ while (node !== null) {
+ if (
+ node.tag === HostComponent ||
+ node.tag === HostText ||
+ node.tag === HostPortal
+ ) {
+ invariant(false, "A call cannot have host component children.");
+ } else if (node.tag === ReturnComponent) {
+ returns.push(node.type);
+ } else if (node.child !== null) {
+ node.child["return"] = node;
+ node = node.child;
+ continue;
+ }
+ while (node.sibling === null) {
+ if (node["return"] === null || node["return"] === workInProgress) {
+ return;
+ }
+ node = node["return"];
+ }
+ node.sibling["return"] = node["return"];
+ node = node.sibling;
+ }
+ }
+
+ function moveCallToHandlerPhase(
+ current,
+ workInProgress,
+ renderExpirationTime
+ ) {
+ var call = workInProgress.memoizedProps;
+ invariant(
+ call,
+ "Should be resolved by now. This error is likely caused by a bug in " +
+ "React. Please file an issue."
+ );
+
+ // First step of the call has completed. Now we need to do the second.
+ // TODO: It would be nice to have a multi stage call represented by a
+ // single component, or at least tail call optimize nested ones. Currently
+ // that requires additional fields that we don't want to add to the fiber.
+ // So this requires nested handlers.
+ // Note: This doesn't mutate the alternate node. I don't think it needs to
+ // since this stage is reset for every pass.
+ workInProgress.tag = CallHandlerPhase;
+
+ // Build up the returns.
+ // TODO: Compare this to a generator or opaque helpers like Children.
+ var returns = [];
+ appendAllReturns(returns, workInProgress);
+ var fn = call.handler;
+ var props = call.props;
+ var nextChildren = fn(props, returns);
+
+ var currentFirstChild = current !== null ? current.child : null;
+ workInProgress.child = reconcileChildFibers(
+ workInProgress,
+ currentFirstChild,
+ nextChildren,
+ renderExpirationTime
+ );
+ return workInProgress.child;
+ }
+
+ function appendAllChildren(parent, workInProgress) {
+ // We only have the top Fiber that was created but we need recurse down its
+ // children to find all the terminal nodes.
+ var node = workInProgress.child;
+ while (node !== null) {
+ if (node.tag === HostComponent || node.tag === HostText) {
+ appendInitialChild(parent, node.stateNode);
+ } else if (node.tag === HostPortal) {
+ // If we have a portal child, then we don't want to traverse
+ // down its children. Instead, we'll get insertions from each child in
+ // the portal directly.
+ } else if (node.child !== null) {
+ node.child["return"] = node;
+ node = node.child;
+ continue;
+ }
+ if (node === workInProgress) {
+ return;
+ }
+ while (node.sibling === null) {
+ if (node["return"] === null || node["return"] === workInProgress) {
+ return;
+ }
+ node = node["return"];
+ }
+ node.sibling["return"] = node["return"];
+ node = node.sibling;
+ }
+ }
+
+ var updateHostContainer = void 0;
+ var updateHostComponent = void 0;
+ var updateHostText = void 0;
+ if (mutation) {
+ if (enableMutatingReconciler) {
+ // Mutation mode
+ updateHostContainer = function(workInProgress) {
+ // Noop
+ };
+ updateHostComponent = function(
+ current,
+ workInProgress,
+ updatePayload,
+ type,
+ oldProps,
+ newProps,
+ rootContainerInstance
+ ) {
+ // TODO: Type this specific to this type of component.
+ workInProgress.updateQueue = updatePayload;
+ // If the update payload indicates that there is a change or if there
+ // is a new ref we mark this as an update. All the work is done in commitWork.
+ if (updatePayload) {
+ markUpdate(workInProgress);
+ }
+ };
+ updateHostText = function(current, workInProgress, oldText, newText) {
+ // If the text differs, mark it as an update. All the work in done in commitWork.
+ if (oldText !== newText) {
+ markUpdate(workInProgress);
+ }
+ };
+ } else {
+ invariant(false, "Mutating reconciler is disabled.");
+ }
+ } else if (persistence) {
+ if (enablePersistentReconciler) {
+ // Persistent host tree mode
+ var cloneInstance = persistence.cloneInstance,
+ createContainerChildSet = persistence.createContainerChildSet,
+ appendChildToContainerChildSet =
+ persistence.appendChildToContainerChildSet,
+ finalizeContainerChildren = persistence.finalizeContainerChildren;
+
+ // An unfortunate fork of appendAllChildren because we have two different parent types.
+
+ var appendAllChildrenToContainer = function(
+ containerChildSet,
+ workInProgress
+ ) {
+ // We only have the top Fiber that was created but we need recurse down its
+ // children to find all the terminal nodes.
+ var node = workInProgress.child;
+ while (node !== null) {
+ if (node.tag === HostComponent || node.tag === HostText) {
+ appendChildToContainerChildSet(containerChildSet, node.stateNode);
+ } else if (node.tag === HostPortal) {
+ // If we have a portal child, then we don't want to traverse
+ // down its children. Instead, we'll get insertions from each child in
+ // the portal directly.
+ } else if (node.child !== null) {
+ node.child["return"] = node;
+ node = node.child;
+ continue;
+ }
+ if (node === workInProgress) {
+ return;
+ }
+ while (node.sibling === null) {
+ if (node["return"] === null || node["return"] === workInProgress) {
+ return;
+ }
+ node = node["return"];
+ }
+ node.sibling["return"] = node["return"];
+ node = node.sibling;
+ }
+ };
+ updateHostContainer = function(workInProgress) {
+ var portalOrRoot = workInProgress.stateNode;
+ var childrenUnchanged = workInProgress.firstEffect === null;
+ if (childrenUnchanged) {
+ // No changes, just reuse the existing instance.
+ } else {
+ var container = portalOrRoot.containerInfo;
+ var newChildSet = createContainerChildSet(container);
+ if (finalizeContainerChildren(container, newChildSet)) {
+ markUpdate(workInProgress);
+ }
+ portalOrRoot.pendingChildren = newChildSet;
+ // If children might have changed, we have to add them all to the set.
+ appendAllChildrenToContainer(newChildSet, workInProgress);
+ // Schedule an update on the container to swap out the container.
+ markUpdate(workInProgress);
+ }
+ };
+ updateHostComponent = function(
+ current,
+ workInProgress,
+ updatePayload,
+ type,
+ oldProps,
+ newProps,
+ rootContainerInstance
+ ) {
+ // If there are no effects associated with this node, then none of our children had any updates.
+ // This guarantees that we can reuse all of them.
+ var childrenUnchanged = workInProgress.firstEffect === null;
+ var currentInstance = current.stateNode;
+ if (childrenUnchanged && updatePayload === null) {
+ // No changes, just reuse the existing instance.
+ // Note that this might release a previous clone.
+ workInProgress.stateNode = currentInstance;
+ } else {
+ var recyclableInstance = workInProgress.stateNode;
+ var newInstance = cloneInstance(
+ currentInstance,
+ updatePayload,
+ type,
+ oldProps,
+ newProps,
+ workInProgress,
+ childrenUnchanged,
+ recyclableInstance
+ );
+ if (
+ finalizeInitialChildren(
+ newInstance,
+ type,
+ newProps,
+ rootContainerInstance
+ )
+ ) {
+ markUpdate(workInProgress);
+ }
+ workInProgress.stateNode = newInstance;
+ if (childrenUnchanged) {
+ // If there are no other effects in this tree, we need to flag this node as having one.
+ // Even though we're not going to use it for anything.
+ // Otherwise parents won't know that there are new children to propagate upwards.
+ markUpdate(workInProgress);
+ } else {
+ // If children might have changed, we have to add them all to the set.
+ appendAllChildren(newInstance, workInProgress);
+ }
+ }
+ };
+ updateHostText = function(current, workInProgress, oldText, newText) {
+ if (oldText !== newText) {
+ // If the text content differs, we'll create a new text instance for it.
+ var rootContainerInstance = getRootHostContainer();
+ var currentHostContext = getHostContext();
+ workInProgress.stateNode = createTextInstance(
+ newText,
+ rootContainerInstance,
+ currentHostContext,
+ workInProgress
+ );
+ // We'll have to mark it as having an effect, even though we won't use the effect for anything.
+ // This lets the parents know that at least one of their children has changed.
+ markUpdate(workInProgress);
+ }
+ };
+ } else {
+ invariant(false, "Persistent reconciler is disabled.");
+ }
+ } else {
+ if (enableNoopReconciler) {
+ // No host operations
+ updateHostContainer = function(workInProgress) {
+ // Noop
+ };
+ updateHostComponent = function(
+ current,
+ workInProgress,
+ updatePayload,
+ type,
+ oldProps,
+ newProps,
+ rootContainerInstance
+ ) {
+ // Noop
+ };
+ updateHostText = function(current, workInProgress, oldText, newText) {
+ // Noop
+ };
+ } else {
+ invariant(false, "Noop reconciler is disabled.");
+ }
+ }
+
+ function completeWork(current, workInProgress, renderExpirationTime) {
+ // Get the latest props.
+ var newProps = workInProgress.pendingProps;
+ if (newProps === null) {
+ newProps = workInProgress.memoizedProps;
+ } else if (
+ workInProgress.expirationTime !== Never ||
+ renderExpirationTime === Never
+ ) {
+ // Reset the pending props, unless this was a down-prioritization.
+ workInProgress.pendingProps = null;
+ }
+
+ switch (workInProgress.tag) {
+ case FunctionalComponent:
+ return null;
+ case ClassComponent: {
+ // We are leaving this subtree, so pop context if any.
+ popContextProvider(workInProgress);
+ return null;
+ }
+ case HostRoot: {
+ popHostContainer(workInProgress);
+ popTopLevelContextObject(workInProgress);
+ var fiberRoot = workInProgress.stateNode;
+ if (fiberRoot.pendingContext) {
+ fiberRoot.context = fiberRoot.pendingContext;
+ fiberRoot.pendingContext = null;
+ }
+
+ if (current === null || current.child === null) {
+ // If we hydrated, pop so that we can delete any remaining children
+ // that weren't hydrated.
+ popHydrationState(workInProgress);
+ // This resets the hacky state to fix isMounted before committing.
+ // TODO: Delete this when we delete isMounted and findDOMNode.
+ workInProgress.effectTag &= ~Placement;
+ }
+ updateHostContainer(workInProgress);
+ return null;
+ }
+ case HostComponent: {
+ popHostContext(workInProgress);
+ var rootContainerInstance = getRootHostContainer();
+ var type = workInProgress.type;
+ if (current !== null && workInProgress.stateNode != null) {
+ // If we have an alternate, that means this is an update and we need to
+ // schedule a side-effect to do the updates.
+ var oldProps = current.memoizedProps;
+ // If we get updated because one of our children updated, we don't
+ // have newProps so we'll have to reuse them.
+ // TODO: Split the update API as separate for the props vs. children.
+ // Even better would be if children weren't special cased at all tho.
+ var instance = workInProgress.stateNode;
+ var currentHostContext = getHostContext();
+ var updatePayload = prepareUpdate(
+ instance,
+ type,
+ oldProps,
+ newProps,
+ rootContainerInstance,
+ currentHostContext
+ );
+
+ updateHostComponent(
+ current,
+ workInProgress,
+ updatePayload,
+ type,
+ oldProps,
+ newProps,
+ rootContainerInstance
+ );
+
+ if (current.ref !== workInProgress.ref) {
+ markRef(workInProgress);
+ }
+ } else {
+ if (!newProps) {
+ invariant(
+ workInProgress.stateNode !== null,
+ "We must have new props for new mounts. This error is likely " +
+ "caused by a bug in React. Please file an issue."
+ );
+ // This can happen when we abort work.
+ return null;
+ }
+
+ var _currentHostContext = getHostContext();
+ // TODO: Move createInstance to beginWork and keep it on a context
+ // "stack" as the parent. Then append children as we go in beginWork
+ // or completeWork depending on we want to add then top->down or
+ // bottom->up. Top->down is faster in IE11.
+ var wasHydrated = popHydrationState(workInProgress);
+ if (wasHydrated) {
+ // TODO: Move this and createInstance step into the beginPhase
+ // to consolidate.
+ if (
+ prepareToHydrateHostInstance(
+ workInProgress,
+ rootContainerInstance,
+ _currentHostContext
+ )
+ ) {
+ // If changes to the hydrated node needs to be applied at the
+ // commit-phase we mark this as such.
+ markUpdate(workInProgress);
+ }
+ } else {
+ var _instance = createInstance(
+ type,
+ newProps,
+ rootContainerInstance,
+ _currentHostContext,
+ workInProgress
+ );
+
+ appendAllChildren(_instance, workInProgress);
+
+ // Certain renderers require commit-time effects for initial mount.
+ // (eg DOM renderer supports auto-focus for certain elements).
+ // Make sure such renderers get scheduled for later work.
+ if (
+ finalizeInitialChildren(
+ _instance,
+ type,
+ newProps,
+ rootContainerInstance
+ )
+ ) {
+ markUpdate(workInProgress);
+ }
+ workInProgress.stateNode = _instance;
+ }
+
+ if (workInProgress.ref !== null) {
+ // If there is a ref on a host node we need to schedule a callback
+ markRef(workInProgress);
+ }
+ }
+ return null;
+ }
+ case HostText: {
+ var newText = newProps;
+ if (current && workInProgress.stateNode != null) {
+ var oldText = current.memoizedProps;
+ // If we have an alternate, that means this is an update and we need
+ // to schedule a side-effect to do the updates.
+ updateHostText(current, workInProgress, oldText, newText);
+ } else {
+ if (typeof newText !== "string") {
+ invariant(
+ workInProgress.stateNode !== null,
+ "We must have new props for new mounts. This error is likely " +
+ "caused by a bug in React. Please file an issue."
+ );
+ // This can happen when we abort work.
+ return null;
+ }
+ var _rootContainerInstance = getRootHostContainer();
+ var _currentHostContext2 = getHostContext();
+ var _wasHydrated = popHydrationState(workInProgress);
+ if (_wasHydrated) {
+ if (prepareToHydrateHostTextInstance(workInProgress)) {
+ markUpdate(workInProgress);
+ }
+ } else {
+ workInProgress.stateNode = createTextInstance(
+ newText,
+ _rootContainerInstance,
+ _currentHostContext2,
+ workInProgress
+ );
+ }
+ }
+ return null;
+ }
+ case CallComponent:
+ return moveCallToHandlerPhase(
+ current,
+ workInProgress,
+ renderExpirationTime
+ );
+ case CallHandlerPhase:
+ // Reset the tag to now be a first phase call.
+ workInProgress.tag = CallComponent;
+ return null;
+ case ReturnComponent:
+ // Does nothing.
+ return null;
+ case Fragment:
+ return null;
+ case HostPortal:
+ popHostContainer(workInProgress);
+ updateHostContainer(workInProgress);
+ return null;
+ // Error cases
+ case IndeterminateComponent:
+ invariant(
+ false,
+ "An indeterminate component should have become determinate before " +
+ "completing. This error is likely caused by a bug in React. Please " +
+ "file an issue."
+ );
+ // eslint-disable-next-line no-fallthrough
+ default:
+ invariant(
+ false,
+ "Unknown unit of work tag. This error is likely caused by a bug in " +
+ "React. Please file an issue."
+ );
+ }
+ }
+
+ return {
+ completeWork: completeWork
+ };
+};
+
+var invokeGuardedCallback$2 = ReactErrorUtils.invokeGuardedCallback;
+var hasCaughtError$1 = ReactErrorUtils.hasCaughtError;
+var clearCaughtError$1 = ReactErrorUtils.clearCaughtError;
+
+var ReactFiberCommitWork = function(config, captureError) {
+ var getPublicInstance = config.getPublicInstance,
+ mutation = config.mutation,
+ persistence = config.persistence;
+
+ var callComponentWillUnmountWithTimer = function(current, instance) {
+ startPhaseTimer(current, "componentWillUnmount");
+ instance.props = current.memoizedProps;
+ instance.state = current.memoizedState;
+ instance.componentWillUnmount();
+ stopPhaseTimer();
+ };
+
+ // Capture errors so they don't interrupt unmounting.
+ function safelyCallComponentWillUnmount(current, instance) {
+ {
+ invokeGuardedCallback$2(
+ null,
+ callComponentWillUnmountWithTimer,
+ null,
+ current,
+ instance
+ );
+ if (hasCaughtError$1()) {
+ var unmountError = clearCaughtError$1();
+ captureError(current, unmountError);
+ }
+ }
+ }
+
+ function safelyDetachRef(current) {
+ var ref = current.ref;
+ if (ref !== null) {
+ {
+ invokeGuardedCallback$2(null, ref, null, null);
+ if (hasCaughtError$1()) {
+ var refError = clearCaughtError$1();
+ captureError(current, refError);
+ }
+ }
+ }
+ }
+
+ function commitLifeCycles(current, finishedWork) {
+ switch (finishedWork.tag) {
+ case ClassComponent: {
+ var instance = finishedWork.stateNode;
+ if (finishedWork.effectTag & Update) {
+ if (current === null) {
+ startPhaseTimer(finishedWork, "componentDidMount");
+ instance.props = finishedWork.memoizedProps;
+ instance.state = finishedWork.memoizedState;
+ instance.componentDidMount();
+ stopPhaseTimer();
+ } else {
+ var prevProps = current.memoizedProps;
+ var prevState = current.memoizedState;
+ startPhaseTimer(finishedWork, "componentDidUpdate");
+ instance.props = finishedWork.memoizedProps;
+ instance.state = finishedWork.memoizedState;
+ instance.componentDidUpdate(prevProps, prevState);
+ stopPhaseTimer();
+ }
+ }
+ var updateQueue = finishedWork.updateQueue;
+ if (updateQueue !== null) {
+ commitCallbacks(updateQueue, instance);
+ }
+ return;
+ }
+ case HostRoot: {
+ var _updateQueue = finishedWork.updateQueue;
+ if (_updateQueue !== null) {
+ var _instance =
+ finishedWork.child !== null ? finishedWork.child.stateNode : null;
+ commitCallbacks(_updateQueue, _instance);
+ }
+ return;
+ }
+ case HostComponent: {
+ var _instance2 = finishedWork.stateNode;
+
+ // Renderers may schedule work to be done after host components are mounted
+ // (eg DOM renderer may schedule auto-focus for inputs and form controls).
+ // These effects should only be committed when components are first mounted,
+ // aka when there is no current/alternate.
+ if (current === null && finishedWork.effectTag & Update) {
+ var type = finishedWork.type;
+ var props = finishedWork.memoizedProps;
+ commitMount(_instance2, type, props, finishedWork);
+ }
+
+ return;
+ }
+ case HostText: {
+ // We have no life-cycles associated with text.
+ return;
+ }
+ case HostPortal: {
+ // We have no life-cycles associated with portals.
+ return;
+ }
+ default: {
+ invariant(
+ false,
+ "This unit of work tag should not have side-effects. This error is " +
+ "likely caused by a bug in React. Please file an issue."
+ );
+ }
+ }
+ }
+
+ function commitAttachRef(finishedWork) {
+ var ref = finishedWork.ref;
+ if (ref !== null) {
+ var instance = finishedWork.stateNode;
+ switch (finishedWork.tag) {
+ case HostComponent:
+ ref(getPublicInstance(instance));
+ break;
+ default:
+ ref(instance);
+ }
+ }
+ }
+
+ function commitDetachRef(current) {
+ var currentRef = current.ref;
+ if (currentRef !== null) {
+ currentRef(null);
+ }
+ }
+
+ // User-originating errors (lifecycles and refs) should not interrupt
+ // deletion, so don't let them throw. Host-originating errors should
+ // interrupt deletion, so it's okay
+ function commitUnmount(current) {
+ if (typeof onCommitUnmount === "function") {
+ onCommitUnmount(current);
+ }
+
+ switch (current.tag) {
+ case ClassComponent: {
+ safelyDetachRef(current);
+ var instance = current.stateNode;
+ if (typeof instance.componentWillUnmount === "function") {
+ safelyCallComponentWillUnmount(current, instance);
+ }
+ return;
+ }
+ case HostComponent: {
+ safelyDetachRef(current);
+ return;
+ }
+ case CallComponent: {
+ commitNestedUnmounts(current.stateNode);
+ return;
+ }
+ case HostPortal: {
+ // TODO: this is recursive.
+ // We are also not using this parent because
+ // the portal will get pushed immediately.
+ if (enableMutatingReconciler && mutation) {
+ unmountHostComponents(current);
+ } else if (enablePersistentReconciler && persistence) {
+ emptyPortalContainer(current);
+ }
+ return;
+ }
+ }
+ }
+
+ function commitNestedUnmounts(root) {
+ // While we're inside a removed host node we don't want to call
+ // removeChild on the inner nodes because they're removed by the top
+ // call anyway. We also want to call componentWillUnmount on all
+ // composites before this host node is removed from the tree. Therefore
+ var node = root;
+ while (true) {
+ commitUnmount(node);
+ // Visit children because they may contain more composite or host nodes.
+ // Skip portals because commitUnmount() currently visits them recursively.
+ if (
+ node.child !== null &&
+ // If we use mutation we drill down into portals using commitUnmount above.
+ // If we don't use mutation we drill down into portals here instead.
+ (!mutation || node.tag !== HostPortal)
+ ) {
+ node.child["return"] = node;
+ node = node.child;
+ continue;
+ }
+ if (node === root) {
+ return;
+ }
+ while (node.sibling === null) {
+ if (node["return"] === null || node["return"] === root) {
+ return;
+ }
+ node = node["return"];
+ }
+ node.sibling["return"] = node["return"];
+ node = node.sibling;
+ }
+ }
+
+ function detachFiber(current) {
+ // Cut off the return pointers to disconnect it from the tree. Ideally, we
+ // should clear the child pointer of the parent alternate to let this
+ // get GC:ed but we don't know which for sure which parent is the current
+ // one so we'll settle for GC:ing the subtree of this child. This child
+ // itself will be GC:ed when the parent updates the next time.
+ current["return"] = null;
+ current.child = null;
+ if (current.alternate) {
+ current.alternate.child = null;
+ current.alternate["return"] = null;
+ }
+ }
+
+ if (!mutation) {
+ var commitContainer = void 0;
+ if (persistence) {
+ var replaceContainerChildren = persistence.replaceContainerChildren,
+ createContainerChildSet = persistence.createContainerChildSet;
+
+ var emptyPortalContainer = function(current) {
+ var portal = current.stateNode;
+ var containerInfo = portal.containerInfo;
+
+ var emptyChildSet = createContainerChildSet(containerInfo);
+ replaceContainerChildren(containerInfo, emptyChildSet);
+ };
+ commitContainer = function(finishedWork) {
+ switch (finishedWork.tag) {
+ case ClassComponent: {
+ return;
+ }
+ case HostComponent: {
+ return;
+ }
+ case HostText: {
+ return;
+ }
+ case HostRoot:
+ case HostPortal: {
+ var portalOrRoot = finishedWork.stateNode;
+ var containerInfo = portalOrRoot.containerInfo,
+ _pendingChildren = portalOrRoot.pendingChildren;
+
+ replaceContainerChildren(containerInfo, _pendingChildren);
+ return;
+ }
+ default: {
+ invariant(
+ false,
+ "This unit of work tag should not have side-effects. This error is " +
+ "likely caused by a bug in React. Please file an issue."
+ );
+ }
+ }
+ };
+ } else {
+ commitContainer = function(finishedWork) {
+ // Noop
+ };
+ }
+ if (enablePersistentReconciler || enableNoopReconciler) {
+ return {
+ commitResetTextContent: function(finishedWork) {},
+ commitPlacement: function(finishedWork) {},
+ commitDeletion: function(current) {
+ // Detach refs and call componentWillUnmount() on the whole subtree.
+ commitNestedUnmounts(current);
+ detachFiber(current);
+ },
+ commitWork: function(current, finishedWork) {
+ commitContainer(finishedWork);
+ },
+
+ commitLifeCycles: commitLifeCycles,
+ commitAttachRef: commitAttachRef,
+ commitDetachRef: commitDetachRef
+ };
+ } else if (persistence) {
+ invariant(false, "Persistent reconciler is disabled.");
+ } else {
+ invariant(false, "Noop reconciler is disabled.");
+ }
+ }
+ var commitMount = mutation.commitMount,
+ commitUpdate = mutation.commitUpdate,
+ resetTextContent = mutation.resetTextContent,
+ commitTextUpdate = mutation.commitTextUpdate,
+ appendChild = mutation.appendChild,
+ appendChildToContainer = mutation.appendChildToContainer,
+ insertBefore = mutation.insertBefore,
+ insertInContainerBefore = mutation.insertInContainerBefore,
+ removeChild = mutation.removeChild,
+ removeChildFromContainer = mutation.removeChildFromContainer;
+
+ function getHostParentFiber(fiber) {
+ var parent = fiber["return"];
+ while (parent !== null) {
+ if (isHostParent(parent)) {
+ return parent;
+ }
+ parent = parent["return"];
+ }
+ invariant(
+ false,
+ "Expected to find a host parent. This error is likely caused by a bug " +
+ "in React. Please file an issue."
+ );
+ }
+
+ function isHostParent(fiber) {
+ return (
+ fiber.tag === HostComponent ||
+ fiber.tag === HostRoot ||
+ fiber.tag === HostPortal
+ );
+ }
+
+ function getHostSibling(fiber) {
+ // We're going to search forward into the tree until we find a sibling host
+ // node. Unfortunately, if multiple insertions are done in a row we have to
+ // search past them. This leads to exponential search for the next sibling.
+ var node = fiber;
+ siblings: while (true) {
+ // If we didn't find anything, let's try the next sibling.
+ while (node.sibling === null) {
+ if (node["return"] === null || isHostParent(node["return"])) {
+ // If we pop out of the root or hit the parent the fiber we are the
+ // last sibling.
+ return null;
+ }
+ node = node["return"];
+ }
+ node.sibling["return"] = node["return"];
+ node = node.sibling;
+ while (node.tag !== HostComponent && node.tag !== HostText) {
+ // If it is not host node and, we might have a host node inside it.
+ // Try to search down until we find one.
+ if (node.effectTag & Placement) {
+ // If we don't have a child, try the siblings instead.
+ continue siblings;
+ }
+ // If we don't have a child, try the siblings instead.
+ // We also skip portals because they are not part of this host tree.
+ if (node.child === null || node.tag === HostPortal) {
+ continue siblings;
+ } else {
+ node.child["return"] = node;
+ node = node.child;
+ }
+ }
+ // Check if this host node is stable or about to be placed.
+ if (!(node.effectTag & Placement)) {
+ // Found it!
+ return node.stateNode;
+ }
+ }
+ }
+
+ function commitPlacement(finishedWork) {
+ // Recursively insert all host nodes into the parent.
+ var parentFiber = getHostParentFiber(finishedWork);
+ var parent = void 0;
+ var isContainer = void 0;
+ switch (parentFiber.tag) {
+ case HostComponent:
+ parent = parentFiber.stateNode;
+ isContainer = false;
+ break;
+ case HostRoot:
+ parent = parentFiber.stateNode.containerInfo;
+ isContainer = true;
+ break;
+ case HostPortal:
+ parent = parentFiber.stateNode.containerInfo;
+ isContainer = true;
+ break;
+ default:
+ invariant(
+ false,
+ "Invalid host parent fiber. This error is likely caused by a bug " +
+ "in React. Please file an issue."
+ );
+ }
+ if (parentFiber.effectTag & ContentReset) {
+ // Reset the text content of the parent before doing any insertions
+ resetTextContent(parent);
+ // Clear ContentReset from the effect tag
+ parentFiber.effectTag &= ~ContentReset;
+ }
+
+ var before = getHostSibling(finishedWork);
+ // We only have the top Fiber that was inserted but we need recurse down its
+ // children to find all the terminal nodes.
+ var node = finishedWork;
+ while (true) {
+ if (node.tag === HostComponent || node.tag === HostText) {
+ if (before) {
+ if (isContainer) {
+ insertInContainerBefore(parent, node.stateNode, before);
+ } else {
+ insertBefore(parent, node.stateNode, before);
+ }
+ } else {
+ if (isContainer) {
+ appendChildToContainer(parent, node.stateNode);
+ } else {
+ appendChild(parent, node.stateNode);
+ }
+ }
+ } else if (node.tag === HostPortal) {
+ // If the insertion itself is a portal, then we don't want to traverse
+ // down its children. Instead, we'll get insertions from each child in
+ // the portal directly.
+ } else if (node.child !== null) {
+ node.child["return"] = node;
+ node = node.child;
+ continue;
+ }
+ if (node === finishedWork) {
+ return;
+ }
+ while (node.sibling === null) {
+ if (node["return"] === null || node["return"] === finishedWork) {
+ return;
+ }
+ node = node["return"];
+ }
+ node.sibling["return"] = node["return"];
+ node = node.sibling;
+ }
+ }
+
+ function unmountHostComponents(current) {
+ // We only have the top Fiber that was inserted but we need recurse down its
+ var node = current;
+
+ // Each iteration, currentParent is populated with node's host parent if not
+ // currentParentIsValid.
+ var currentParentIsValid = false;
+ var currentParent = void 0;
+ var currentParentIsContainer = void 0;
+
+ while (true) {
+ if (!currentParentIsValid) {
+ var parent = node["return"];
+ findParent: while (true) {
+ invariant(
+ parent !== null,
+ "Expected to find a host parent. This error is likely caused by " +
+ "a bug in React. Please file an issue."
+ );
+ switch (parent.tag) {
+ case HostComponent:
+ currentParent = parent.stateNode;
+ currentParentIsContainer = false;
+ break findParent;
+ case HostRoot:
+ currentParent = parent.stateNode.containerInfo;
+ currentParentIsContainer = true;
+ break findParent;
+ case HostPortal:
+ currentParent = parent.stateNode.containerInfo;
+ currentParentIsContainer = true;
+ break findParent;
+ }
+ parent = parent["return"];
+ }
+ currentParentIsValid = true;
+ }
+
+ if (node.tag === HostComponent || node.tag === HostText) {
+ commitNestedUnmounts(node);
+ // After all the children have unmounted, it is now safe to remove the
+ // node from the tree.
+ if (currentParentIsContainer) {
+ removeChildFromContainer(currentParent, node.stateNode);
+ } else {
+ removeChild(currentParent, node.stateNode);
+ }
+ // Don't visit children because we already visited them.
+ } else if (node.tag === HostPortal) {
+ // When we go into a portal, it becomes the parent to remove from.
+ // We will reassign it back when we pop the portal on the way up.
+ currentParent = node.stateNode.containerInfo;
+ // Visit children because portals might contain host components.
+ if (node.child !== null) {
+ node.child["return"] = node;
+ node = node.child;
+ continue;
+ }
+ } else {
+ commitUnmount(node);
+ // Visit children because we may find more host components below.
+ if (node.child !== null) {
+ node.child["return"] = node;
+ node = node.child;
+ continue;
+ }
+ }
+ if (node === current) {
+ return;
+ }
+ while (node.sibling === null) {
+ if (node["return"] === null || node["return"] === current) {
+ return;
+ }
+ node = node["return"];
+ if (node.tag === HostPortal) {
+ // When we go out of the portal, we need to restore the parent.
+ // Since we don't keep a stack of them, we will search for it.
+ currentParentIsValid = false;
+ }
+ }
+ node.sibling["return"] = node["return"];
+ node = node.sibling;
+ }
+ }
+
+ function commitDeletion(current) {
+ // Recursively delete all host nodes from the parent.
+ // Detach refs and call componentWillUnmount() on the whole subtree.
+ unmountHostComponents(current);
+ detachFiber(current);
+ }
+
+ function commitWork(current, finishedWork) {
+ switch (finishedWork.tag) {
+ case ClassComponent: {
+ return;
+ }
+ case HostComponent: {
+ var instance = finishedWork.stateNode;
+ if (instance != null) {
+ // Commit the work prepared earlier.
+ var newProps = finishedWork.memoizedProps;
+ // For hydration we reuse the update path but we treat the oldProps
+ // as the newProps. The updatePayload will contain the real change in
+ // this case.
+ var oldProps = current !== null ? current.memoizedProps : newProps;
+ var type = finishedWork.type;
+ // TODO: Type the updateQueue to be specific to host components.
+ var updatePayload = finishedWork.updateQueue;
+ finishedWork.updateQueue = null;
+ if (updatePayload !== null) {
+ commitUpdate(
+ instance,
+ updatePayload,
+ type,
+ oldProps,
+ newProps,
+ finishedWork
+ );
+ }
+ }
+ return;
+ }
+ case HostText: {
+ invariant(
+ finishedWork.stateNode !== null,
+ "This should have a text node initialized. This error is likely " +
+ "caused by a bug in React. Please file an issue."
+ );
+ var textInstance = finishedWork.stateNode;
+ var newText = finishedWork.memoizedProps;
+ // For hydration we reuse the update path but we treat the oldProps
+ // as the newProps. The updatePayload will contain the real change in
+ // this case.
+ var oldText = current !== null ? current.memoizedProps : newText;
+ commitTextUpdate(textInstance, oldText, newText);
+ return;
+ }
+ case HostRoot: {
+ return;
+ }
+ default: {
+ invariant(
+ false,
+ "This unit of work tag should not have side-effects. This error is " +
+ "likely caused by a bug in React. Please file an issue."
+ );
+ }
+ }
+ }
+
+ function commitResetTextContent(current) {
+ resetTextContent(current.stateNode);
+ }
+
+ if (enableMutatingReconciler) {
+ return {
+ commitResetTextContent: commitResetTextContent,
+ commitPlacement: commitPlacement,
+ commitDeletion: commitDeletion,
+ commitWork: commitWork,
+ commitLifeCycles: commitLifeCycles,
+ commitAttachRef: commitAttachRef,
+ commitDetachRef: commitDetachRef
+ };
+ } else {
+ invariant(false, "Mutating reconciler is disabled.");
+ }
+};
+
+var NO_CONTEXT = {};
+
+var ReactFiberHostContext = function(config) {
+ var getChildHostContext = config.getChildHostContext,
+ getRootHostContext = config.getRootHostContext;
+
+ var contextStackCursor = createCursor(NO_CONTEXT);
+ var contextFiberStackCursor = createCursor(NO_CONTEXT);
+ var rootInstanceStackCursor = createCursor(NO_CONTEXT);
+
+ function requiredContext(c) {
+ invariant(
+ c !== NO_CONTEXT,
+ "Expected host context to exist. This error is likely caused by a bug " +
+ "in React. Please file an issue."
+ );
+ return c;
+ }
+
+ function getRootHostContainer() {
+ var rootInstance = requiredContext(rootInstanceStackCursor.current);
+ return rootInstance;
+ }
+
+ function pushHostContainer(fiber, nextRootInstance) {
+ // Push current root instance onto the stack;
+ // This allows us to reset root when portals are popped.
+ push(rootInstanceStackCursor, nextRootInstance, fiber);
+
+ var nextRootContext = getRootHostContext(nextRootInstance);
+
+ // Track the context and the Fiber that provided it.
+ // This enables us to pop only Fibers that provide unique contexts.
+ push(contextFiberStackCursor, fiber, fiber);
+ push(contextStackCursor, nextRootContext, fiber);
+ }
+
+ function popHostContainer(fiber) {
+ pop(contextStackCursor, fiber);
+ pop(contextFiberStackCursor, fiber);
+ pop(rootInstanceStackCursor, fiber);
+ }
+
+ function getHostContext() {
+ var context = requiredContext(contextStackCursor.current);
+ return context;
+ }
+
+ function pushHostContext(fiber) {
+ var rootInstance = requiredContext(rootInstanceStackCursor.current);
+ var context = requiredContext(contextStackCursor.current);
+ var nextContext = getChildHostContext(context, fiber.type, rootInstance);
+
+ // Don't push this Fiber's context unless it's unique.
+ if (context === nextContext) {
+ return;
+ }
+
+ // Track the context and the Fiber that provided it.
+ // This enables us to pop only Fibers that provide unique contexts.
+ push(contextFiberStackCursor, fiber, fiber);
+ push(contextStackCursor, nextContext, fiber);
+ }
+
+ function popHostContext(fiber) {
+ // Do not pop unless this Fiber provided the current context.
+ // pushHostContext() only pushes Fibers that provide unique contexts.
+ if (contextFiberStackCursor.current !== fiber) {
+ return;
+ }
+
+ pop(contextStackCursor, fiber);
+ pop(contextFiberStackCursor, fiber);
+ }
+
+ function resetHostContainer() {
+ contextStackCursor.current = NO_CONTEXT;
+ rootInstanceStackCursor.current = NO_CONTEXT;
+ }
+
+ return {
+ getHostContext: getHostContext,
+ getRootHostContainer: getRootHostContainer,
+ popHostContainer: popHostContainer,
+ popHostContext: popHostContext,
+ pushHostContainer: pushHostContainer,
+ pushHostContext: pushHostContext,
+ resetHostContainer: resetHostContainer
+ };
+};
+
+var ReactFiberHydrationContext = function(config) {
+ var shouldSetTextContent = config.shouldSetTextContent,
+ hydration = config.hydration;
+
+ // If this doesn't have hydration mode.
+
+ if (!hydration) {
+ return {
+ enterHydrationState: function() {
+ return false;
+ },
+ resetHydrationState: function() {},
+ tryToClaimNextHydratableInstance: function() {},
+ prepareToHydrateHostInstance: function() {
+ invariant(
+ false,
+ "Expected prepareToHydrateHostInstance() to never be called. " +
+ "This error is likely caused by a bug in React. Please file an issue."
+ );
+ },
+ prepareToHydrateHostTextInstance: function() {
+ invariant(
+ false,
+ "Expected prepareToHydrateHostTextInstance() to never be called. " +
+ "This error is likely caused by a bug in React. Please file an issue."
+ );
+ },
+ popHydrationState: function(fiber) {
+ return false;
+ }
+ };
+ }
+
+ var canHydrateInstance = hydration.canHydrateInstance,
+ canHydrateTextInstance = hydration.canHydrateTextInstance,
+ getNextHydratableSibling = hydration.getNextHydratableSibling,
+ getFirstHydratableChild = hydration.getFirstHydratableChild,
+ hydrateInstance = hydration.hydrateInstance,
+ hydrateTextInstance = hydration.hydrateTextInstance,
+ didNotMatchHydratedContainerTextInstance =
+ hydration.didNotMatchHydratedContainerTextInstance,
+ didNotMatchHydratedTextInstance = hydration.didNotMatchHydratedTextInstance,
+ didNotHydrateContainerInstance = hydration.didNotHydrateContainerInstance,
+ didNotHydrateInstance = hydration.didNotHydrateInstance,
+ didNotFindHydratableContainerInstance =
+ hydration.didNotFindHydratableContainerInstance,
+ didNotFindHydratableContainerTextInstance =
+ hydration.didNotFindHydratableContainerTextInstance,
+ didNotFindHydratableInstance = hydration.didNotFindHydratableInstance,
+ didNotFindHydratableTextInstance =
+ hydration.didNotFindHydratableTextInstance;
+
+ // The deepest Fiber on the stack involved in a hydration context.
+ // This may have been an insertion or a hydration.
+
+ var hydrationParentFiber = null;
+ var nextHydratableInstance = null;
+ var isHydrating = false;
+
+ function enterHydrationState(fiber) {
+ var parentInstance = fiber.stateNode.containerInfo;
+ nextHydratableInstance = getFirstHydratableChild(parentInstance);
+ hydrationParentFiber = fiber;
+ isHydrating = true;
+ return true;
+ }
+
+ function deleteHydratableInstance(returnFiber, instance) {
+ {
+ switch (returnFiber.tag) {
+ case HostRoot:
+ didNotHydrateContainerInstance(
+ returnFiber.stateNode.containerInfo,
+ instance
+ );
+ break;
+ case HostComponent:
+ didNotHydrateInstance(
+ returnFiber.type,
+ returnFiber.memoizedProps,
+ returnFiber.stateNode,
+ instance
+ );
+ break;
+ }
+ }
+
+ var childToDelete = createFiberFromHostInstanceForDeletion();
+ childToDelete.stateNode = instance;
+ childToDelete["return"] = returnFiber;
+ childToDelete.effectTag = Deletion;
+
+ // This might seem like it belongs on progressedFirstDeletion. However,
+ // these children are not part of the reconciliation list of children.
+ // Even if we abort and rereconcile the children, that will try to hydrate
+ // again and the nodes are still in the host tree so these will be
+ // recreated.
+ if (returnFiber.lastEffect !== null) {
+ returnFiber.lastEffect.nextEffect = childToDelete;
+ returnFiber.lastEffect = childToDelete;
+ } else {
+ returnFiber.firstEffect = returnFiber.lastEffect = childToDelete;
+ }
+ }
+
+ function insertNonHydratedInstance(returnFiber, fiber) {
+ fiber.effectTag |= Placement;
+ {
+ switch (returnFiber.tag) {
+ case HostRoot: {
+ var parentContainer = returnFiber.stateNode.containerInfo;
+ switch (fiber.tag) {
+ case HostComponent:
+ var type = fiber.type;
+ var props = fiber.pendingProps;
+ didNotFindHydratableContainerInstance(
+ parentContainer,
+ type,
+ props
+ );
+ break;
+ case HostText:
+ var text = fiber.pendingProps;
+ didNotFindHydratableContainerTextInstance(parentContainer, text);
+ break;
+ }
+ break;
+ }
+ case HostComponent: {
+ var parentType = returnFiber.type;
+ var parentProps = returnFiber.memoizedProps;
+ var parentInstance = returnFiber.stateNode;
+ switch (fiber.tag) {
+ case HostComponent:
+ var _type = fiber.type;
+ var _props = fiber.pendingProps;
+ didNotFindHydratableInstance(
+ parentType,
+ parentProps,
+ parentInstance,
+ _type,
+ _props
+ );
+ break;
+ case HostText:
+ var _text = fiber.pendingProps;
+ didNotFindHydratableTextInstance(
+ parentType,
+ parentProps,
+ parentInstance,
+ _text
+ );
+ break;
+ }
+ break;
+ }
+ default:
+ return;
+ }
+ }
+ }
+
+ function tryHydrate(fiber, nextInstance) {
+ switch (fiber.tag) {
+ case HostComponent: {
+ var type = fiber.type;
+ var props = fiber.pendingProps;
+ var instance = canHydrateInstance(nextInstance, type, props);
+ if (instance !== null) {
+ fiber.stateNode = instance;
+ return true;
+ }
+ return false;
+ }
+ case HostText: {
+ var text = fiber.pendingProps;
+ var textInstance = canHydrateTextInstance(nextInstance, text);
+ if (textInstance !== null) {
+ fiber.stateNode = textInstance;
+ return true;
+ }
+ return false;
+ }
+ default:
+ return false;
+ }
+ }
+
+ function tryToClaimNextHydratableInstance(fiber) {
+ if (!isHydrating) {
+ return;
+ }
+ var nextInstance = nextHydratableInstance;
+ if (!nextInstance) {
+ // Nothing to hydrate. Make it an insertion.
+ insertNonHydratedInstance(hydrationParentFiber, fiber);
+ isHydrating = false;
+ hydrationParentFiber = fiber;
+ return;
+ }
+ if (!tryHydrate(fiber, nextInstance)) {
+ // If we can't hydrate this instance let's try the next one.
+ // We use this as a heuristic. It's based on intuition and not data so it
+ // might be flawed or unnecessary.
+ nextInstance = getNextHydratableSibling(nextInstance);
+ if (!nextInstance || !tryHydrate(fiber, nextInstance)) {
+ // Nothing to hydrate. Make it an insertion.
+ insertNonHydratedInstance(hydrationParentFiber, fiber);
+ isHydrating = false;
+ hydrationParentFiber = fiber;
+ return;
+ }
+ // We matched the next one, we'll now assume that the first one was
+ // superfluous and we'll delete it. Since we can't eagerly delete it
+ // we'll have to schedule a deletion. To do that, this node needs a dummy
+ // fiber associated with it.
+ deleteHydratableInstance(hydrationParentFiber, nextHydratableInstance);
+ }
+ hydrationParentFiber = fiber;
+ nextHydratableInstance = getFirstHydratableChild(nextInstance);
+ }
+
+ function prepareToHydrateHostInstance(
+ fiber,
+ rootContainerInstance,
+ hostContext
+ ) {
+ var instance = fiber.stateNode;
+ var updatePayload = hydrateInstance(
+ instance,
+ fiber.type,
+ fiber.memoizedProps,
+ rootContainerInstance,
+ hostContext,
+ fiber
+ );
+ // TODO: Type this specific to this type of component.
+ fiber.updateQueue = updatePayload;
+ // If the update payload indicates that there is a change or if there
+ // is a new ref we mark this as an update.
+ if (updatePayload !== null) {
+ return true;
+ }
+ return false;
+ }
+
+ function prepareToHydrateHostTextInstance(fiber) {
+ var textInstance = fiber.stateNode;
+ var textContent = fiber.memoizedProps;
+ var shouldUpdate = hydrateTextInstance(textInstance, textContent, fiber);
+ {
+ if (shouldUpdate) {
+ // We assume that prepareToHydrateHostTextInstance is called in a context where the
+ // hydration parent is the parent host component of this host text.
+ var returnFiber = hydrationParentFiber;
+ if (returnFiber !== null) {
+ switch (returnFiber.tag) {
+ case HostRoot: {
+ var parentContainer = returnFiber.stateNode.containerInfo;
+ didNotMatchHydratedContainerTextInstance(
+ parentContainer,
+ textInstance,
+ textContent
+ );
+ break;
+ }
+ case HostComponent: {
+ var parentType = returnFiber.type;
+ var parentProps = returnFiber.memoizedProps;
+ var parentInstance = returnFiber.stateNode;
+ didNotMatchHydratedTextInstance(
+ parentType,
+ parentProps,
+ parentInstance,
+ textInstance,
+ textContent
+ );
+ break;
+ }
+ }
+ }
+ }
+ }
+ return shouldUpdate;
+ }
+
+ function popToNextHostParent(fiber) {
+ var parent = fiber["return"];
+ while (
+ parent !== null &&
+ parent.tag !== HostComponent &&
+ parent.tag !== HostRoot
+ ) {
+ parent = parent["return"];
+ }
+ hydrationParentFiber = parent;
+ }
+
+ function popHydrationState(fiber) {
+ if (fiber !== hydrationParentFiber) {
+ // We're deeper than the current hydration context, inside an inserted
+ // tree.
+ return false;
+ }
+ if (!isHydrating) {
+ // If we're not currently hydrating but we're in a hydration context, then
+ // we were an insertion and now need to pop up reenter hydration of our
+ // siblings.
+ popToNextHostParent(fiber);
+ isHydrating = true;
+ return false;
+ }
+
+ var type = fiber.type;
+
+ // If we have any remaining hydratable nodes, we need to delete them now.
+ // We only do this deeper than head and body since they tend to have random
+ // other nodes in them. We also ignore components with pure text content in
+ // side of them.
+ // TODO: Better heuristic.
+ if (
+ fiber.tag !== HostComponent ||
+ (type !== "head" &&
+ type !== "body" &&
+ !shouldSetTextContent(type, fiber.memoizedProps))
+ ) {
+ var nextInstance = nextHydratableInstance;
+ while (nextInstance) {
+ deleteHydratableInstance(fiber, nextInstance);
+ nextInstance = getNextHydratableSibling(nextInstance);
+ }
+ }
+
+ popToNextHostParent(fiber);
+ nextHydratableInstance = hydrationParentFiber
+ ? getNextHydratableSibling(fiber.stateNode)
+ : null;
+ return true;
+ }
+
+ function resetHydrationState() {
+ hydrationParentFiber = null;
+ nextHydratableInstance = null;
+ isHydrating = false;
+ }
+
+ return {
+ enterHydrationState: enterHydrationState,
+ resetHydrationState: resetHydrationState,
+ tryToClaimNextHydratableInstance: tryToClaimNextHydratableInstance,
+ prepareToHydrateHostInstance: prepareToHydrateHostInstance,
+ prepareToHydrateHostTextInstance: prepareToHydrateHostTextInstance,
+ popHydrationState: popHydrationState
+ };
+};
+
+// This lets us hook into Fiber to debug what it's doing.
+// See https://github.com/facebook/react/pull/8033.
+// This is not part of the public API, not even for React DevTools.
+// You may only inject a debugTool if you work on React Fiber itself.
+var ReactFiberInstrumentation = {
+ debugTool: null
+};
+
+var ReactFiberInstrumentation_1 = ReactFiberInstrumentation;
+
+var invokeGuardedCallback$1 = ReactErrorUtils.invokeGuardedCallback;
+var hasCaughtError = ReactErrorUtils.hasCaughtError;
+var clearCaughtError = ReactErrorUtils.clearCaughtError;
+
+{
+ var didWarnAboutStateTransition = false;
+ var didWarnSetStateChildContext = false;
+ var didWarnStateUpdateForUnmountedComponent = {};
+
+ var warnAboutUpdateOnUnmounted = function(fiber) {
+ var componentName = getComponentName(fiber) || "ReactClass";
+ if (didWarnStateUpdateForUnmountedComponent[componentName]) {
+ return;
+ }
+ warning(
+ false,
+ "Can only update a mounted or mounting " +
+ "component. This usually means you called setState, replaceState, " +
+ "or forceUpdate on an unmounted component. This is a no-op.\n\nPlease " +
+ "check the code for the %s component.",
+ componentName
+ );
+ didWarnStateUpdateForUnmountedComponent[componentName] = true;
+ };
+
+ var warnAboutInvalidUpdates = function(instance) {
+ switch (ReactDebugCurrentFiber.phase) {
+ case "getChildContext":
+ if (didWarnSetStateChildContext) {
+ return;
+ }
+ warning(
+ false,
+ "setState(...): Cannot call setState() inside getChildContext()"
+ );
+ didWarnSetStateChildContext = true;
+ break;
+ case "render":
+ if (didWarnAboutStateTransition) {
+ return;
+ }
+ warning(
+ false,
+ "Cannot update during an existing state transition (such as within " +
+ "`render` or another component's constructor). Render methods should " +
+ "be a pure function of props and state; constructor side-effects are " +
+ "an anti-pattern, but can be moved to `componentWillMount`."
+ );
+ didWarnAboutStateTransition = true;
+ break;
+ }
+ };
+}
+
+var ReactFiberScheduler = function(config) {
+ var hostContext = ReactFiberHostContext(config);
+ var hydrationContext = ReactFiberHydrationContext(config);
+ var popHostContainer = hostContext.popHostContainer,
+ popHostContext = hostContext.popHostContext,
+ resetHostContainer = hostContext.resetHostContainer;
+
+ var _ReactFiberBeginWork = ReactFiberBeginWork(
+ config,
+ hostContext,
+ hydrationContext,
+ scheduleWork,
+ computeExpirationForFiber
+ ),
+ beginWork = _ReactFiberBeginWork.beginWork,
+ beginFailedWork = _ReactFiberBeginWork.beginFailedWork;
+
+ var _ReactFiberCompleteWo = ReactFiberCompleteWork(
+ config,
+ hostContext,
+ hydrationContext
+ ),
+ completeWork = _ReactFiberCompleteWo.completeWork;
+
+ var _ReactFiberCommitWork = ReactFiberCommitWork(config, captureError),
+ commitResetTextContent = _ReactFiberCommitWork.commitResetTextContent,
+ commitPlacement = _ReactFiberCommitWork.commitPlacement,
+ commitDeletion = _ReactFiberCommitWork.commitDeletion,
+ commitWork = _ReactFiberCommitWork.commitWork,
+ commitLifeCycles = _ReactFiberCommitWork.commitLifeCycles,
+ commitAttachRef = _ReactFiberCommitWork.commitAttachRef,
+ commitDetachRef = _ReactFiberCommitWork.commitDetachRef;
+
+ var now = config.now,
+ scheduleDeferredCallback = config.scheduleDeferredCallback,
+ useSyncScheduling = config.useSyncScheduling,
+ prepareForCommit = config.prepareForCommit,
+ resetAfterCommit = config.resetAfterCommit;
+
+ // Represents the current time in ms.
+
+ var startTime = now();
+ var mostRecentCurrentTime = msToExpirationTime(0);
+
+ // Represents the expiration time that incoming updates should use. (If this
+ // is NoWork, use the default strategy: async updates in async mode, sync
+ // updates in sync mode.)
+ var expirationContext = NoWork;
+
+ var isWorking = false;
+
+ // The next work in progress fiber that we're currently working on.
+ var nextUnitOfWork = null;
+ var nextRoot = null;
+ // The time at which we're currently rendering work.
+ var nextRenderExpirationTime = NoWork;
+
+ // The next fiber with an effect that we're currently committing.
+ var nextEffect = null;
+
+ // Keep track of which fibers have captured an error that need to be handled.
+ // Work is removed from this collection after componentDidCatch is called.
+ var capturedErrors = null;
+ // Keep track of which fibers have failed during the current batch of work.
+ // This is a different set than capturedErrors, because it is not reset until
+ // the end of the batch. This is needed to propagate errors correctly if a
+ // subtree fails more than once.
+ var failedBoundaries = null;
+ // Error boundaries that captured an error during the current commit.
+ var commitPhaseBoundaries = null;
+ var firstUncaughtError = null;
+ var didFatal = false;
+
+ var isCommitting = false;
+ var isUnmounting = false;
+
+ // Used for performance tracking.
+ var interruptedBy = null;
+
+ function resetContextStack() {
+ // Reset the stack
+ reset();
+ // Reset the cursors
+ resetContext();
+ resetHostContainer();
+ }
+
+ function commitAllHostEffects() {
+ while (nextEffect !== null) {
+ {
+ ReactDebugCurrentFiber.setCurrentFiber(nextEffect);
+ }
+ recordEffect();
+
+ var effectTag = nextEffect.effectTag;
+ if (effectTag & ContentReset) {
+ commitResetTextContent(nextEffect);
+ }
+
+ if (effectTag & Ref) {
+ var current = nextEffect.alternate;
+ if (current !== null) {
+ commitDetachRef(current);
+ }
+ }
+
+ // The following switch statement is only concerned about placement,
+ // updates, and deletions. To avoid needing to add a case for every
+ // possible bitmap value, we remove the secondary effects from the
+ // effect tag and switch on that value.
+ var primaryEffectTag =
+ effectTag & ~(Callback | Err | ContentReset | Ref | PerformedWork);
+ switch (primaryEffectTag) {
+ case Placement: {
+ commitPlacement(nextEffect);
+ // Clear the "placement" from effect tag so that we know that this is inserted, before
+ // any life-cycles like componentDidMount gets called.
+ // TODO: findDOMNode doesn't rely on this any more but isMounted
+ // does and isMounted is deprecated anyway so we should be able
+ // to kill this.
+ nextEffect.effectTag &= ~Placement;
+ break;
+ }
+ case PlacementAndUpdate: {
+ // Placement
+ commitPlacement(nextEffect);
+ // Clear the "placement" from effect tag so that we know that this is inserted, before
+ // any life-cycles like componentDidMount gets called.
+ nextEffect.effectTag &= ~Placement;
+
+ // Update
+ var _current = nextEffect.alternate;
+ commitWork(_current, nextEffect);
+ break;
+ }
+ case Update: {
+ var _current2 = nextEffect.alternate;
+ commitWork(_current2, nextEffect);
+ break;
+ }
+ case Deletion: {
+ isUnmounting = true;
+ commitDeletion(nextEffect);
+ isUnmounting = false;
+ break;
+ }
+ }
+ nextEffect = nextEffect.nextEffect;
+ }
+
+ {
+ ReactDebugCurrentFiber.resetCurrentFiber();
+ }
+ }
+
+ function commitAllLifeCycles() {
+ while (nextEffect !== null) {
+ var effectTag = nextEffect.effectTag;
+
+ if (effectTag & (Update | Callback)) {
+ recordEffect();
+ var current = nextEffect.alternate;
+ commitLifeCycles(current, nextEffect);
+ }
+
+ if (effectTag & Ref) {
+ recordEffect();
+ commitAttachRef(nextEffect);
+ }
+
+ if (effectTag & Err) {
+ recordEffect();
+ commitErrorHandling(nextEffect);
+ }
+
+ var next = nextEffect.nextEffect;
+ // Ensure that we clean these up so that we don't accidentally keep them.
+ // I'm not actually sure this matters because we can't reset firstEffect
+ // and lastEffect since they're on every node, not just the effectful
+ // ones. So we have to clean everything as we reuse nodes anyway.
+ nextEffect.nextEffect = null;
+ // Ensure that we reset the effectTag here so that we can rely on effect
+ // tags to reason about the current life-cycle.
+ nextEffect = next;
+ }
+ }
+
+ function commitRoot(finishedWork) {
+ // We keep track of this so that captureError can collect any boundaries
+ // that capture an error during the commit phase. The reason these aren't
+ // local to this function is because errors that occur during cWU are
+ // captured elsewhere, to prevent the unmount from being interrupted.
+ isWorking = true;
+ isCommitting = true;
+ startCommitTimer();
+
+ var root = finishedWork.stateNode;
+ invariant(
+ root.current !== finishedWork,
+ "Cannot commit the same tree as before. This is probably a bug " +
+ "related to the return field. This error is likely caused by a bug " +
+ "in React. Please file an issue."
+ );
+ root.isReadyForCommit = false;
+
+ // Reset this to null before calling lifecycles
+ ReactCurrentOwner.current = null;
+
+ var firstEffect = void 0;
+ if (finishedWork.effectTag > PerformedWork) {
+ // A fiber's effect list consists only of its children, not itself. So if
+ // the root has an effect, we need to add it to the end of the list. The
+ // resulting list is the set that would belong to the root's parent, if
+ // it had one; that is, all the effects in the tree including the root.
+ if (finishedWork.lastEffect !== null) {
+ finishedWork.lastEffect.nextEffect = finishedWork;
+ firstEffect = finishedWork.firstEffect;
+ } else {
+ firstEffect = finishedWork;
+ }
+ } else {
+ // There is no effect on the root.
+ firstEffect = finishedWork.firstEffect;
+ }
+
+ prepareForCommit();
+
+ // Commit all the side-effects within a tree. We'll do this in two passes.
+ // The first pass performs all the host insertions, updates, deletions and
+ // ref unmounts.
+ nextEffect = firstEffect;
+ startCommitHostEffectsTimer();
+ while (nextEffect !== null) {
+ var didError = false;
+ var _error = void 0;
+ {
+ invokeGuardedCallback$1(null, commitAllHostEffects, null);
+ if (hasCaughtError()) {
+ didError = true;
+ _error = clearCaughtError();
+ }
+ }
+ if (didError) {
+ invariant(
+ nextEffect !== null,
+ "Should have next effect. This error is likely caused by a bug " +
+ "in React. Please file an issue."
+ );
+ captureError(nextEffect, _error);
+ // Clean-up
+ if (nextEffect !== null) {
+ nextEffect = nextEffect.nextEffect;
+ }
+ }
+ }
+ stopCommitHostEffectsTimer();
+
+ resetAfterCommit();
+
+ // The work-in-progress tree is now the current tree. This must come after
+ // the first pass of the commit phase, so that the previous tree is still
+ // current during componentWillUnmount, but before the second pass, so that
+ // the finished work is current during componentDidMount/Update.
+ root.current = finishedWork;
+
+ // In the second pass we'll perform all life-cycles and ref callbacks.
+ // Life-cycles happen as a separate pass so that all placements, updates,
+ // and deletions in the entire tree have already been invoked.
+ // This pass also triggers any renderer-specific initial effects.
+ nextEffect = firstEffect;
+ startCommitLifeCyclesTimer();
+ while (nextEffect !== null) {
+ var _didError = false;
+ var _error2 = void 0;
+ {
+ invokeGuardedCallback$1(null, commitAllLifeCycles, null);
+ if (hasCaughtError()) {
+ _didError = true;
+ _error2 = clearCaughtError();
+ }
+ }
+ if (_didError) {
+ invariant(
+ nextEffect !== null,
+ "Should have next effect. This error is likely caused by a bug " +
+ "in React. Please file an issue."
+ );
+ captureError(nextEffect, _error2);
+ if (nextEffect !== null) {
+ nextEffect = nextEffect.nextEffect;
+ }
+ }
+ }
+
+ isCommitting = false;
+ isWorking = false;
+ stopCommitLifeCyclesTimer();
+ stopCommitTimer();
+ if (typeof onCommitRoot === "function") {
+ onCommitRoot(finishedWork.stateNode);
+ }
+ if (true && ReactFiberInstrumentation_1.debugTool) {
+ ReactFiberInstrumentation_1.debugTool.onCommitWork(finishedWork);
+ }
+
+ // If we caught any errors during this commit, schedule their boundaries
+ // to update.
+ if (commitPhaseBoundaries) {
+ commitPhaseBoundaries.forEach(scheduleErrorRecovery);
+ commitPhaseBoundaries = null;
+ }
+
+ if (firstUncaughtError !== null) {
+ var _error3 = firstUncaughtError;
+ firstUncaughtError = null;
+ onUncaughtError(_error3);
+ }
+
+ var remainingTime = root.current.expirationTime;
+
+ if (remainingTime === NoWork) {
+ capturedErrors = null;
+ failedBoundaries = null;
+ }
+
+ return remainingTime;
+ }
+
+ function resetExpirationTime(workInProgress, renderTime) {
+ if (renderTime !== Never && workInProgress.expirationTime === Never) {
+ // The children of this component are hidden. Don't bubble their
+ // expiration times.
+ return;
+ }
+
+ // Check for pending updates.
+ var newExpirationTime = getUpdateExpirationTime(workInProgress);
+
+ // TODO: Calls need to visit stateNode
+
+ // Bubble up the earliest expiration time.
+ var child = workInProgress.child;
+ while (child !== null) {
+ if (
+ child.expirationTime !== NoWork &&
+ (newExpirationTime === NoWork ||
+ newExpirationTime > child.expirationTime)
+ ) {
+ newExpirationTime = child.expirationTime;
+ }
+ child = child.sibling;
+ }
+ workInProgress.expirationTime = newExpirationTime;
+ }
+
+ function completeUnitOfWork(workInProgress) {
+ while (true) {
+ // The current, flushed, state of this fiber is the alternate.
+ // Ideally nothing should rely on this, but relying on it here
+ // means that we don't need an additional field on the work in
+ // progress.
+ var current = workInProgress.alternate;
+ {
+ ReactDebugCurrentFiber.setCurrentFiber(workInProgress);
+ }
+ var next = completeWork(
+ current,
+ workInProgress,
+ nextRenderExpirationTime
+ );
+ {
+ ReactDebugCurrentFiber.resetCurrentFiber();
+ }
+
+ var returnFiber = workInProgress["return"];
+ var siblingFiber = workInProgress.sibling;
+
+ resetExpirationTime(workInProgress, nextRenderExpirationTime);
+
+ if (next !== null) {
+ stopWorkTimer(workInProgress);
+ if (true && ReactFiberInstrumentation_1.debugTool) {
+ ReactFiberInstrumentation_1.debugTool.onCompleteWork(workInProgress);
+ }
+ // If completing this work spawned new work, do that next. We'll come
+ // back here again.
+ return next;
+ }
+
+ if (returnFiber !== null) {
+ // Append all the effects of the subtree and this fiber onto the effect
+ // list of the parent. The completion order of the children affects the
+ // side-effect order.
+ if (returnFiber.firstEffect === null) {
+ returnFiber.firstEffect = workInProgress.firstEffect;
+ }
+ if (workInProgress.lastEffect !== null) {
+ if (returnFiber.lastEffect !== null) {
+ returnFiber.lastEffect.nextEffect = workInProgress.firstEffect;
+ }
+ returnFiber.lastEffect = workInProgress.lastEffect;
+ }
+
+ // If this fiber had side-effects, we append it AFTER the children's
+ // side-effects. We can perform certain side-effects earlier if
+ // needed, by doing multiple passes over the effect list. We don't want
+ // to schedule our own side-effect on our own list because if end up
+ // reusing children we'll schedule this effect onto itself since we're
+ // at the end.
+ var effectTag = workInProgress.effectTag;
+ // Skip both NoWork and PerformedWork tags when creating the effect list.
+ // PerformedWork effect is read by React DevTools but shouldn't be committed.
+ if (effectTag > PerformedWork) {
+ if (returnFiber.lastEffect !== null) {
+ returnFiber.lastEffect.nextEffect = workInProgress;
+ } else {
+ returnFiber.firstEffect = workInProgress;
+ }
+ returnFiber.lastEffect = workInProgress;
+ }
+ }
+
+ stopWorkTimer(workInProgress);
+ if (true && ReactFiberInstrumentation_1.debugTool) {
+ ReactFiberInstrumentation_1.debugTool.onCompleteWork(workInProgress);
+ }
+
+ if (siblingFiber !== null) {
+ // If there is more work to do in this returnFiber, do that next.
+ return siblingFiber;
+ } else if (returnFiber !== null) {
+ // If there's no more work in this returnFiber. Complete the returnFiber.
+ workInProgress = returnFiber;
+ continue;
+ } else {
+ // We've reached the root.
+ var root = workInProgress.stateNode;
+ root.isReadyForCommit = true;
+ return null;
+ }
+ }
+
+ // Without this explicit null return Flow complains of invalid return type
+ // TODO Remove the above while(true) loop
+ // eslint-disable-next-line no-unreachable
+ return null;
+ }
+
+ function performUnitOfWork(workInProgress) {
+ // The current, flushed, state of this fiber is the alternate.
+ // Ideally nothing should rely on this, but relying on it here
+ // means that we don't need an additional field on the work in
+ // progress.
+ var current = workInProgress.alternate;
+
+ // See if beginning this work spawns more work.
+ startWorkTimer(workInProgress);
+ {
+ ReactDebugCurrentFiber.setCurrentFiber(workInProgress);
+ }
+ var next = beginWork(current, workInProgress, nextRenderExpirationTime);
+ {
+ ReactDebugCurrentFiber.resetCurrentFiber();
+ }
+ if (true && ReactFiberInstrumentation_1.debugTool) {
+ ReactFiberInstrumentation_1.debugTool.onBeginWork(workInProgress);
+ }
+
+ if (next === null) {
+ // If this doesn't spawn new work, complete the current work.
+ next = completeUnitOfWork(workInProgress);
+ }
+
+ ReactCurrentOwner.current = null;
+
+ return next;
+ }
+
+ function performFailedUnitOfWork(workInProgress) {
+ // The current, flushed, state of this fiber is the alternate.
+ // Ideally nothing should rely on this, but relying on it here
+ // means that we don't need an additional field on the work in
+ // progress.
+ var current = workInProgress.alternate;
+
+ // See if beginning this work spawns more work.
+ startWorkTimer(workInProgress);
+ {
+ ReactDebugCurrentFiber.setCurrentFiber(workInProgress);
+ }
+ var next = beginFailedWork(
+ current,
+ workInProgress,
+ nextRenderExpirationTime
+ );
+ {
+ ReactDebugCurrentFiber.resetCurrentFiber();
+ }
+ if (true && ReactFiberInstrumentation_1.debugTool) {
+ ReactFiberInstrumentation_1.debugTool.onBeginWork(workInProgress);
+ }
+
+ if (next === null) {
+ // If this doesn't spawn new work, complete the current work.
+ next = completeUnitOfWork(workInProgress);
+ }
+
+ ReactCurrentOwner.current = null;
+
+ return next;
+ }
+
+ function workLoop(expirationTime) {
+ if (capturedErrors !== null) {
+ // If there are unhandled errors, switch to the slow work loop.
+ // TODO: How to avoid this check in the fast path? Maybe the renderer
+ // could keep track of which roots have unhandled errors and call a
+ // forked version of renderRoot.
+ slowWorkLoopThatChecksForFailedWork(expirationTime);
+ return;
+ }
+ if (
+ nextRenderExpirationTime === NoWork ||
+ nextRenderExpirationTime > expirationTime
+ ) {
+ return;
+ }
+
+ if (nextRenderExpirationTime <= mostRecentCurrentTime) {
+ // Flush all expired work.
+ while (nextUnitOfWork !== null) {
+ nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
+ }
+ } else {
+ // Flush asynchronous work until the deadline runs out of time.
+ while (nextUnitOfWork !== null && !shouldYield()) {
+ nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
+ }
+ }
+ }
+
+ function slowWorkLoopThatChecksForFailedWork(expirationTime) {
+ if (
+ nextRenderExpirationTime === NoWork ||
+ nextRenderExpirationTime > expirationTime
+ ) {
+ return;
+ }
+
+ if (nextRenderExpirationTime <= mostRecentCurrentTime) {
+ // Flush all expired work.
+ while (nextUnitOfWork !== null) {
+ if (hasCapturedError(nextUnitOfWork)) {
+ // Use a forked version of performUnitOfWork
+ nextUnitOfWork = performFailedUnitOfWork(nextUnitOfWork);
+ } else {
+ nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
+ }
+ }
+ } else {
+ // Flush asynchronous work until the deadline runs out of time.
+ while (nextUnitOfWork !== null && !shouldYield()) {
+ if (hasCapturedError(nextUnitOfWork)) {
+ // Use a forked version of performUnitOfWork
+ nextUnitOfWork = performFailedUnitOfWork(nextUnitOfWork);
+ } else {
+ nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
+ }
+ }
+ }
+ }
+
+ function renderRootCatchBlock(root, failedWork, boundary, expirationTime) {
+ // We're going to restart the error boundary that captured the error.
+ // Conceptually, we're unwinding the stack. We need to unwind the
+ // context stack, too.
+ unwindContexts(failedWork, boundary);
+
+ // Restart the error boundary using a forked version of
+ // performUnitOfWork that deletes the boundary's children. The entire
+ // failed subree will be unmounted. During the commit phase, a special
+ // lifecycle method is called on the error boundary, which triggers
+ // a re-render.
+ nextUnitOfWork = performFailedUnitOfWork(boundary);
+
+ // Continue working.
+ workLoop(expirationTime);
+ }
+
+ function renderRoot(root, expirationTime) {
+ invariant(
+ !isWorking,
+ "renderRoot was called recursively. This error is likely caused " +
+ "by a bug in React. Please file an issue."
+ );
+ isWorking = true;
+
+ // We're about to mutate the work-in-progress tree. If the root was pending
+ // commit, it no longer is: we'll need to complete it again.
+ root.isReadyForCommit = false;
+
+ // Check if we're starting from a fresh stack, or if we're resuming from
+ // previously yielded work.
+ if (
+ root !== nextRoot ||
+ expirationTime !== nextRenderExpirationTime ||
+ nextUnitOfWork === null
+ ) {
+ // Reset the stack and start working from the root.
+ resetContextStack();
+ nextRoot = root;
+ nextRenderExpirationTime = expirationTime;
+ nextUnitOfWork = createWorkInProgress(
+ nextRoot.current,
+ null,
+ expirationTime
+ );
+ }
+
+ startWorkLoopTimer(nextUnitOfWork);
+
+ var didError = false;
+ var error = null;
+ {
+ invokeGuardedCallback$1(null, workLoop, null, expirationTime);
+ if (hasCaughtError()) {
+ didError = true;
+ error = clearCaughtError();
+ }
+ }
+
+ // An error was thrown during the render phase.
+ while (didError) {
+ if (didFatal) {
+ // This was a fatal error. Don't attempt to recover from it.
+ firstUncaughtError = error;
+ break;
+ }
+
+ var failedWork = nextUnitOfWork;
+ if (failedWork === null) {
+ // An error was thrown but there's no current unit of work. This can
+ // happen during the commit phase if there's a bug in the renderer.
+ didFatal = true;
+ continue;
+ }
+
+ // "Capture" the error by finding the nearest boundary. If there is no
+ // error boundary, we use the root.
+ var boundary = captureError(failedWork, error);
+ invariant(
+ boundary !== null,
+ "Should have found an error boundary. This error is likely " +
+ "caused by a bug in React. Please file an issue."
+ );
+
+ if (didFatal) {
+ // The error we just captured was a fatal error. This happens
+ // when the error propagates to the root more than once.
+ continue;
+ }
+
+ didError = false;
+ error = null;
+ {
+ invokeGuardedCallback$1(
+ null,
+ renderRootCatchBlock,
+ null,
+ root,
+ failedWork,
+ boundary,
+ expirationTime
+ );
+ if (hasCaughtError()) {
+ didError = true;
+ error = clearCaughtError();
+ continue;
+ }
+ }
+ // We're finished working. Exit the error loop.
+ break;
+ }
+
+ var uncaughtError = firstUncaughtError;
+
+ // We're done performing work. Time to clean up.
+ stopWorkLoopTimer(interruptedBy);
+ interruptedBy = null;
+ isWorking = false;
+ didFatal = false;
+ firstUncaughtError = null;
+
+ if (uncaughtError !== null) {
+ onUncaughtError(uncaughtError);
+ }
+
+ return root.isReadyForCommit ? root.current.alternate : null;
+ }
+
+ // Returns the boundary that captured the error, or null if the error is ignored
+ function captureError(failedWork, error) {
+ // It is no longer valid because we exited the user code.
+ ReactCurrentOwner.current = null;
+ {
+ ReactDebugCurrentFiber.resetCurrentFiber();
+ }
+
+ // Search for the nearest error boundary.
+ var boundary = null;
+
+ // Passed to logCapturedError()
+ var errorBoundaryFound = false;
+ var willRetry = false;
+ var errorBoundaryName = null;
+
+ // Host containers are a special case. If the failed work itself is a host
+ // container, then it acts as its own boundary. In all other cases, we
+ // ignore the work itself and only search through the parents.
+ if (failedWork.tag === HostRoot) {
+ boundary = failedWork;
+
+ if (isFailedBoundary(failedWork)) {
+ // If this root already failed, there must have been an error when
+ // attempting to unmount it. This is a worst-case scenario and
+ // should only be possible if there's a bug in the renderer.
+ didFatal = true;
+ }
+ } else {
+ var node = failedWork["return"];
+ while (node !== null && boundary === null) {
+ if (node.tag === ClassComponent) {
+ var instance = node.stateNode;
+ if (typeof instance.componentDidCatch === "function") {
+ errorBoundaryFound = true;
+ errorBoundaryName = getComponentName(node);
+
+ // Found an error boundary!
+ boundary = node;
+ willRetry = true;
+ }
+ } else if (node.tag === HostRoot) {
+ // Treat the root like a no-op error boundary
+ boundary = node;
+ }
+
+ if (isFailedBoundary(node)) {
+ // This boundary is already in a failed state.
+
+ // If we're currently unmounting, that means this error was
+ // thrown while unmounting a failed subtree. We should ignore
+ // the error.
+ if (isUnmounting) {
+ return null;
+ }
+
+ // If we're in the commit phase, we should check to see if
+ // this boundary already captured an error during this commit.
+ // This case exists because multiple errors can be thrown during
+ // a single commit without interruption.
+ if (
+ commitPhaseBoundaries !== null &&
+ (commitPhaseBoundaries.has(node) ||
+ (node.alternate !== null &&
+ commitPhaseBoundaries.has(node.alternate)))
+ ) {
+ // If so, we should ignore this error.
+ return null;
+ }
+
+ // The error should propagate to the next boundary -— we keep looking.
+ boundary = null;
+ willRetry = false;
+ }
+
+ node = node["return"];
+ }
+ }
+
+ if (boundary !== null) {
+ // Add to the collection of failed boundaries. This lets us know that
+ // subsequent errors in this subtree should propagate to the next boundary.
+ if (failedBoundaries === null) {
+ failedBoundaries = new Set();
+ }
+ failedBoundaries.add(boundary);
+
+ // This method is unsafe outside of the begin and complete phases.
+ // We might be in the commit phase when an error is captured.
+ // The risk is that the return path from this Fiber may not be accurate.
+ // That risk is acceptable given the benefit of providing users more context.
+ var _componentStack = getStackAddendumByWorkInProgressFiber(failedWork);
+ var _componentName = getComponentName(failedWork);
+
+ // Add to the collection of captured errors. This is stored as a global
+ // map of errors and their component stack location keyed by the boundaries
+ // that capture them. We mostly use this Map as a Set; it's a Map only to
+ // avoid adding a field to Fiber to store the error.
+ if (capturedErrors === null) {
+ capturedErrors = new Map();
+ }
+
+ var capturedError = {
+ componentName: _componentName,
+ componentStack: _componentStack,
+ error: error,
+ errorBoundary: errorBoundaryFound ? boundary.stateNode : null,
+ errorBoundaryFound: errorBoundaryFound,
+ errorBoundaryName: errorBoundaryName,
+ willRetry: willRetry
+ };
+
+ capturedErrors.set(boundary, capturedError);
+
+ try {
+ logCapturedError(capturedError);
+ } catch (e) {
+ // Prevent cycle if logCapturedError() throws.
+ // A cycle may still occur if logCapturedError renders a component that throws.
+ console.error(e);
+ }
+
+ // If we're in the commit phase, defer scheduling an update on the
+ // boundary until after the commit is complete
+ if (isCommitting) {
+ if (commitPhaseBoundaries === null) {
+ commitPhaseBoundaries = new Set();
+ }
+ commitPhaseBoundaries.add(boundary);
+ } else {
+ // Otherwise, schedule an update now.
+ // TODO: Is this actually necessary during the render phase? Is it
+ // possible to unwind and continue rendering at the same priority,
+ // without corrupting internal state?
+ scheduleErrorRecovery(boundary);
+ }
+ return boundary;
+ } else if (firstUncaughtError === null) {
+ // If no boundary is found, we'll need to throw the error
+ firstUncaughtError = error;
+ }
+ return null;
+ }
+
+ function hasCapturedError(fiber) {
+ // TODO: capturedErrors should store the boundary instance, to avoid needing
+ // to check the alternate.
+ return (
+ capturedErrors !== null &&
+ (capturedErrors.has(fiber) ||
+ (fiber.alternate !== null && capturedErrors.has(fiber.alternate)))
+ );
+ }
+
+ function isFailedBoundary(fiber) {
+ // TODO: failedBoundaries should store the boundary instance, to avoid
+ // needing to check the alternate.
+ return (
+ failedBoundaries !== null &&
+ (failedBoundaries.has(fiber) ||
+ (fiber.alternate !== null && failedBoundaries.has(fiber.alternate)))
+ );
+ }
+
+ function commitErrorHandling(effectfulFiber) {
+ var capturedError = void 0;
+ if (capturedErrors !== null) {
+ capturedError = capturedErrors.get(effectfulFiber);
+ capturedErrors["delete"](effectfulFiber);
+ if (capturedError == null) {
+ if (effectfulFiber.alternate !== null) {
+ effectfulFiber = effectfulFiber.alternate;
+ capturedError = capturedErrors.get(effectfulFiber);
+ capturedErrors["delete"](effectfulFiber);
+ }
+ }
+ }
+
+ invariant(
+ capturedError != null,
+ "No error for given unit of work. This error is likely caused by a " +
+ "bug in React. Please file an issue."
+ );
+
+ switch (effectfulFiber.tag) {
+ case ClassComponent:
+ var instance = effectfulFiber.stateNode;
+
+ var info = {
+ componentStack: capturedError.componentStack
+ };
+
+ // Allow the boundary to handle the error, usually by scheduling
+ // an update to itself
+ instance.componentDidCatch(capturedError.error, info);
+ return;
+ case HostRoot:
+ if (firstUncaughtError === null) {
+ firstUncaughtError = capturedError.error;
+ }
+ return;
+ default:
+ invariant(
+ false,
+ "Invalid type of work. This error is likely caused by a bug in " +
+ "React. Please file an issue."
+ );
+ }
+ }
+
+ function unwindContexts(from, to) {
+ var node = from;
+ while (node !== null) {
+ switch (node.tag) {
+ case ClassComponent:
+ popContextProvider(node);
+ break;
+ case HostComponent:
+ popHostContext(node);
+ break;
+ case HostRoot:
+ popHostContainer(node);
+ break;
+ case HostPortal:
+ popHostContainer(node);
+ break;
+ }
+ if (node === to || node.alternate === to) {
+ stopFailedWorkTimer(node);
+ break;
+ } else {
+ stopWorkTimer(node);
+ }
+ node = node["return"];
+ }
+ }
+
+ function computeAsyncExpiration() {
+ // Given the current clock time, returns an expiration time. We use rounding
+ // to batch like updates together.
+ // Should complete within ~1000ms. 1200ms max.
+ var currentTime = recalculateCurrentTime();
+ var expirationMs = 1000;
+ var bucketSizeMs = 200;
+ return computeExpirationBucket(currentTime, expirationMs, bucketSizeMs);
+ }
+
+ function computeExpirationForFiber(fiber) {
+ var expirationTime = void 0;
+ if (expirationContext !== NoWork) {
+ // An explicit expiration context was set;
+ expirationTime = expirationContext;
+ } else if (isWorking) {
+ if (isCommitting) {
+ // Updates that occur during the commit phase should have sync priority
+ // by default.
+ expirationTime = Sync;
+ } else {
+ // Updates during the render phase should expire at the same time as
+ // the work that is being rendered.
+ expirationTime = nextRenderExpirationTime;
+ }
+ } else {
+ // No explicit expiration context was set, and we're not currently
+ // performing work. Calculate a new expiration time.
+ if (useSyncScheduling && !(fiber.internalContextTag & AsyncUpdates)) {
+ // This is a sync update
+ expirationTime = Sync;
+ } else {
+ // This is an async update
+ expirationTime = computeAsyncExpiration();
+ }
+ }
+ return expirationTime;
+ }
+
+ function scheduleWork(fiber, expirationTime) {
+ return scheduleWorkImpl(fiber, expirationTime, false);
+ }
+
+ function scheduleWorkImpl(fiber, expirationTime, isErrorRecovery) {
+ recordScheduleUpdate();
+
+ {
+ if (!isErrorRecovery && fiber.tag === ClassComponent) {
+ var instance = fiber.stateNode;
+ warnAboutInvalidUpdates(instance);
+ }
+ }
+
+ var node = fiber;
+ while (node !== null) {
+ // Walk the parent path to the root and update each node's
+ // expiration time.
+ if (
+ node.expirationTime === NoWork ||
+ node.expirationTime > expirationTime
+ ) {
+ node.expirationTime = expirationTime;
+ }
+ if (node.alternate !== null) {
+ if (
+ node.alternate.expirationTime === NoWork ||
+ node.alternate.expirationTime > expirationTime
+ ) {
+ node.alternate.expirationTime = expirationTime;
+ }
+ }
+ if (node["return"] === null) {
+ if (node.tag === HostRoot) {
+ var root = node.stateNode;
+ if (
+ !isWorking &&
+ root === nextRoot &&
+ expirationTime <= nextRenderExpirationTime
+ ) {
+ // Restart the root from the top.
+ if (nextUnitOfWork !== null) {
+ // This is an interruption. (Used for performance tracking.)
+ interruptedBy = fiber;
+ }
+ nextRoot = null;
+ nextUnitOfWork = null;
+ nextRenderExpirationTime = NoWork;
+ }
+ requestWork(root, expirationTime);
+ } else {
+ {
+ if (!isErrorRecovery && fiber.tag === ClassComponent) {
+ warnAboutUpdateOnUnmounted(fiber);
+ }
+ }
+ return;
+ }
+ }
+ node = node["return"];
+ }
+ }
+
+ function scheduleErrorRecovery(fiber) {
+ scheduleWorkImpl(fiber, Sync, true);
+ }
+
+ function recalculateCurrentTime() {
+ // Subtract initial time so it fits inside 32bits
+ var ms = now() - startTime;
+ mostRecentCurrentTime = msToExpirationTime(ms);
+ return mostRecentCurrentTime;
+ }
+
+ function deferredUpdates(fn) {
+ var previousExpirationContext = expirationContext;
+ expirationContext = computeAsyncExpiration();
+ try {
+ return fn();
+ } finally {
+ expirationContext = previousExpirationContext;
+ }
+ }
+
+ function syncUpdates(fn) {
+ var previousExpirationContext = expirationContext;
+ expirationContext = Sync;
+ try {
+ return fn();
+ } finally {
+ expirationContext = previousExpirationContext;
+ }
+ }
+
+ // TODO: Everything below this is written as if it has been lifted to the
+ // renderers. I'll do this in a follow-up.
+
+ // Linked-list of roots
+ var firstScheduledRoot = null;
+ var lastScheduledRoot = null;
+
+ var isCallbackScheduled = false;
+ var isRendering = false;
+ var nextFlushedRoot = null;
+ var nextFlushedExpirationTime = NoWork;
+ var deadlineDidExpire = false;
+ var hasUnhandledError = false;
+ var unhandledError = null;
+ var deadline = null;
+
+ var isBatchingUpdates = false;
+ var isUnbatchingUpdates = false;
+
+ // Use these to prevent an infinite loop of nested updates
+ var NESTED_UPDATE_LIMIT = 1000;
+ var nestedUpdateCount = 0;
+
+ var timeHeuristicForUnitOfWork = 1;
+
+ // requestWork is called by the scheduler whenever a root receives an update.
+ // It's up to the renderer to call renderRoot at some point in the future.
+ function requestWork(root, expirationTime) {
+ if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
+ invariant(
+ false,
+ "Maximum update depth exceeded. This can happen when a " +
+ "component repeatedly calls setState inside componentWillUpdate or " +
+ "componentDidUpdate. React limits the number of nested updates to " +
+ "prevent infinite loops."
+ );
+ }
+
+ // Add the root to the schedule.
+ // Check if this root is already part of the schedule.
+ if (root.nextScheduledRoot === null) {
+ // This root is not already scheduled. Add it.
+ root.remainingExpirationTime = expirationTime;
+ if (lastScheduledRoot === null) {
+ firstScheduledRoot = lastScheduledRoot = root;
+ root.nextScheduledRoot = root;
+ } else {
+ lastScheduledRoot.nextScheduledRoot = root;
+ lastScheduledRoot = root;
+ lastScheduledRoot.nextScheduledRoot = firstScheduledRoot;
+ }
+ } else {
+ // This root is already scheduled, but its priority may have increased.
+ var remainingExpirationTime = root.remainingExpirationTime;
+ if (
+ remainingExpirationTime === NoWork ||
+ expirationTime < remainingExpirationTime
+ ) {
+ // Update the priority.
+ root.remainingExpirationTime = expirationTime;
+ }
+ }
+
+ if (isRendering) {
+ // Prevent reentrancy. Remaining work will be scheduled at the end of
+ // the currently rendering batch.
+ return;
+ }
+
+ if (isBatchingUpdates) {
+ // Flush work at the end of the batch.
+ if (isUnbatchingUpdates) {
+ // ...unless we're inside unbatchedUpdates, in which case we should
+ // flush it now.
+ performWorkOnRoot(root, Sync);
+ }
+ return;
+ }
+
+ // TODO: Get rid of Sync and use current time?
+ if (expirationTime === Sync) {
+ performWork(Sync, null);
+ } else if (!isCallbackScheduled) {
+ isCallbackScheduled = true;
+ startRequestCallbackTimer();
+ scheduleDeferredCallback(performAsyncWork);
+ }
+ }
+
+ function findHighestPriorityRoot() {
+ var highestPriorityWork = NoWork;
+ var highestPriorityRoot = null;
+
+ if (lastScheduledRoot !== null) {
+ var previousScheduledRoot = lastScheduledRoot;
+ var root = firstScheduledRoot;
+ while (root !== null) {
+ var remainingExpirationTime = root.remainingExpirationTime;
+ if (remainingExpirationTime === NoWork) {
+ // This root no longer has work. Remove it from the scheduler.
+
+ // TODO: This check is redudant, but Flow is confused by the branch
+ // below where we set lastScheduledRoot to null, even though we break
+ // from the loop right after.
+ invariant(
+ previousScheduledRoot !== null && lastScheduledRoot !== null,
+ "Should have a previous and last root. This error is likely " +
+ "caused by a bug in React. Please file an issue."
+ );
+ if (root === root.nextScheduledRoot) {
+ // This is the only root in the list.
+ root.nextScheduledRoot = null;
+ firstScheduledRoot = lastScheduledRoot = null;
+ break;
+ } else if (root === firstScheduledRoot) {
+ // This is the first root in the list.
+ var next = root.nextScheduledRoot;
+ firstScheduledRoot = next;
+ lastScheduledRoot.nextScheduledRoot = next;
+ root.nextScheduledRoot = null;
+ } else if (root === lastScheduledRoot) {
+ // This is the last root in the list.
+ lastScheduledRoot = previousScheduledRoot;
+ lastScheduledRoot.nextScheduledRoot = firstScheduledRoot;
+ root.nextScheduledRoot = null;
+ break;
+ } else {
+ previousScheduledRoot.nextScheduledRoot = root.nextScheduledRoot;
+ root.nextScheduledRoot = null;
+ }
+ root = previousScheduledRoot.nextScheduledRoot;
+ } else {
+ if (
+ highestPriorityWork === NoWork ||
+ remainingExpirationTime < highestPriorityWork
+ ) {
+ // Update the priority, if it's higher
+ highestPriorityWork = remainingExpirationTime;
+ highestPriorityRoot = root;
+ }
+ if (root === lastScheduledRoot) {
+ break;
+ }
+ previousScheduledRoot = root;
+ root = root.nextScheduledRoot;
+ }
+ }
+ }
+
+ // If the next root is the same as the previous root, this is a nested
+ // update. To prevent an infinite loop, increment the nested update count.
+ var previousFlushedRoot = nextFlushedRoot;
+ if (
+ previousFlushedRoot !== null &&
+ previousFlushedRoot === highestPriorityRoot
+ ) {
+ nestedUpdateCount++;
+ } else {
+ // Reset whenever we switch roots.
+ nestedUpdateCount = 0;
+ }
+ nextFlushedRoot = highestPriorityRoot;
+ nextFlushedExpirationTime = highestPriorityWork;
+ }
+
+ function performAsyncWork(dl) {
+ performWork(NoWork, dl);
+ }
+
+ function performWork(minExpirationTime, dl) {
+ deadline = dl;
+
+ // Keep working on roots until there's no more work, or until the we reach
+ // the deadline.
+ findHighestPriorityRoot();
+
+ if (enableUserTimingAPI && deadline !== null) {
+ var didExpire = nextFlushedExpirationTime < recalculateCurrentTime();
+ stopRequestCallbackTimer(didExpire);
+ }
+
+ while (
+ nextFlushedRoot !== null &&
+ nextFlushedExpirationTime !== NoWork &&
+ (minExpirationTime === NoWork ||
+ nextFlushedExpirationTime <= minExpirationTime) &&
+ !deadlineDidExpire
+ ) {
+ performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime);
+ // Find the next highest priority work.
+ findHighestPriorityRoot();
+ }
+
+ // We're done flushing work. Either we ran out of time in this callback,
+ // or there's no more work left with sufficient priority.
+
+ // If we're inside a callback, set this to false since we just completed it.
+ if (deadline !== null) {
+ isCallbackScheduled = false;
+ }
+ // If there's work left over, schedule a new callback.
+ if (nextFlushedRoot !== null && !isCallbackScheduled) {
+ isCallbackScheduled = true;
+ startRequestCallbackTimer();
+ scheduleDeferredCallback(performAsyncWork);
+ }
+
+ // Clean-up.
+ deadline = null;
+ deadlineDidExpire = false;
+ nestedUpdateCount = 0;
+
+ if (hasUnhandledError) {
+ var _error4 = unhandledError;
+ unhandledError = null;
+ hasUnhandledError = false;
+ throw _error4;
+ }
+ }
+
+ function performWorkOnRoot(root, expirationTime) {
+ invariant(
+ !isRendering,
+ "performWorkOnRoot was called recursively. This error is likely caused " +
+ "by a bug in React. Please file an issue."
+ );
+
+ isRendering = true;
+
+ // Check if this is async work or sync/expired work.
+ // TODO: Pass current time as argument to renderRoot, commitRoot
+ if (expirationTime <= recalculateCurrentTime()) {
+ // Flush sync work.
+ var finishedWork = root.finishedWork;
+ if (finishedWork !== null) {
+ // This root is already complete. We can commit it.
+ root.finishedWork = null;
+ root.remainingExpirationTime = commitRoot(finishedWork);
+ } else {
+ root.finishedWork = null;
+ finishedWork = renderRoot(root, expirationTime);
+ if (finishedWork !== null) {
+ // We've completed the root. Commit it.
+ root.remainingExpirationTime = commitRoot(finishedWork);
+ }
+ }
+ } else {
+ // Flush async work.
+ var _finishedWork = root.finishedWork;
+ if (_finishedWork !== null) {
+ // This root is already complete. We can commit it.
+ root.finishedWork = null;
+ root.remainingExpirationTime = commitRoot(_finishedWork);
+ } else {
+ root.finishedWork = null;
+ _finishedWork = renderRoot(root, expirationTime);
+ if (_finishedWork !== null) {
+ // We've completed the root. Check the deadline one more time
+ // before committing.
+ if (!shouldYield()) {
+ // Still time left. Commit the root.
+ root.remainingExpirationTime = commitRoot(_finishedWork);
+ } else {
+ // There's no time left. Mark this root as complete. We'll come
+ // back and commit it later.
+ root.finishedWork = _finishedWork;
+ }
+ }
+ }
+ }
+
+ isRendering = false;
+ }
+
+ // When working on async work, the reconciler asks the renderer if it should
+ // yield execution. For DOM, we implement this with requestIdleCallback.
+ function shouldYield() {
+ if (deadline === null) {
+ return false;
+ }
+ if (deadline.timeRemaining() > timeHeuristicForUnitOfWork) {
+ return false;
+ }
+ deadlineDidExpire = true;
+ return true;
+ }
+
+ // TODO: Not happy about this hook. Conceptually, renderRoot should return a
+ // tuple of (isReadyForCommit, didError, error)
+ function onUncaughtError(error) {
+ invariant(
+ nextFlushedRoot !== null,
+ "Should be working on a root. This error is likely caused by a bug in " +
+ "React. Please file an issue."
+ );
+ // Unschedule this root so we don't work on it again until there's
+ // another update.
+ nextFlushedRoot.remainingExpirationTime = NoWork;
+ if (!hasUnhandledError) {
+ hasUnhandledError = true;
+ unhandledError = error;
+ }
+ }
+
+ // TODO: Batching should be implemented at the renderer level, not inside
+ // the reconciler.
+ function batchedUpdates(fn, a) {
+ var previousIsBatchingUpdates = isBatchingUpdates;
+ isBatchingUpdates = true;
+ try {
+ return fn(a);
+ } finally {
+ isBatchingUpdates = previousIsBatchingUpdates;
+ if (!isBatchingUpdates && !isRendering) {
+ performWork(Sync, null);
+ }
+ }
+ }
+
+ // TODO: Batching should be implemented at the renderer level, not inside
+ // the reconciler.
+ function unbatchedUpdates(fn) {
+ if (isBatchingUpdates && !isUnbatchingUpdates) {
+ isUnbatchingUpdates = true;
+ try {
+ return fn();
+ } finally {
+ isUnbatchingUpdates = false;
+ }
+ }
+ return fn();
+ }
+
+ // TODO: Batching should be implemented at the renderer level, not within
+ // the reconciler.
+ function flushSync(fn) {
+ var previousIsBatchingUpdates = isBatchingUpdates;
+ isBatchingUpdates = true;
+ try {
+ return syncUpdates(fn);
+ } finally {
+ isBatchingUpdates = previousIsBatchingUpdates;
+ invariant(
+ !isRendering,
+ "flushSync was called from inside a lifecycle method. It cannot be " +
+ "called when React is already rendering."
+ );
+ performWork(Sync, null);
+ }
+ }
+
+ return {
+ computeAsyncExpiration: computeAsyncExpiration,
+ computeExpirationForFiber: computeExpirationForFiber,
+ scheduleWork: scheduleWork,
+ batchedUpdates: batchedUpdates,
+ unbatchedUpdates: unbatchedUpdates,
+ flushSync: flushSync,
+ deferredUpdates: deferredUpdates
+ };
+};
+
+{
+ var didWarnAboutNestedUpdates = false;
+}
+
+// 0 is PROD, 1 is DEV.
+// Might add PROFILE later.
+
+function getContextForSubtree(parentComponent) {
+ if (!parentComponent) {
+ return emptyObject;
+ }
+
+ var fiber = get(parentComponent);
+ var parentContext = findCurrentUnmaskedContext(fiber);
+ return isContextProvider(fiber)
+ ? processChildContext(fiber, parentContext)
+ : parentContext;
+}
+
+var ReactFiberReconciler$1 = function(config) {
+ var getPublicInstance = config.getPublicInstance;
+
+ var _ReactFiberScheduler = ReactFiberScheduler(config),
+ computeAsyncExpiration = _ReactFiberScheduler.computeAsyncExpiration,
+ computeExpirationForFiber = _ReactFiberScheduler.computeExpirationForFiber,
+ scheduleWork = _ReactFiberScheduler.scheduleWork,
+ batchedUpdates = _ReactFiberScheduler.batchedUpdates,
+ unbatchedUpdates = _ReactFiberScheduler.unbatchedUpdates,
+ flushSync = _ReactFiberScheduler.flushSync,
+ deferredUpdates = _ReactFiberScheduler.deferredUpdates;
+
+ function scheduleTopLevelUpdate(current, element, callback) {
+ {
+ if (
+ ReactDebugCurrentFiber.phase === "render" &&
+ ReactDebugCurrentFiber.current !== null &&
+ !didWarnAboutNestedUpdates
+ ) {
+ didWarnAboutNestedUpdates = true;
+ warning(
+ false,
+ "Render methods should be a pure function of props and state; " +
+ "triggering nested component updates from render is not allowed. " +
+ "If necessary, trigger nested updates in componentDidUpdate.\n\n" +
+ "Check the render method of %s.",
+ getComponentName(ReactDebugCurrentFiber.current) || "Unknown"
+ );
+ }
+ }
+
+ callback = callback === undefined ? null : callback;
+ {
+ warning(
+ callback === null || typeof callback === "function",
+ "render(...): Expected the last optional `callback` argument to be a " +
+ "function. Instead received: %s.",
+ callback
+ );
+ }
+
+ var expirationTime = void 0;
+ // Check if the top-level element is an async wrapper component. If so,
+ // treat updates to the root as async. This is a bit weird but lets us
+ // avoid a separate `renderAsync` API.
+ if (
+ enableAsyncSubtreeAPI &&
+ element != null &&
+ element.type != null &&
+ element.type.prototype != null &&
+ element.type.prototype.unstable_isAsyncReactComponent === true
+ ) {
+ expirationTime = computeAsyncExpiration();
+ } else {
+ expirationTime = computeExpirationForFiber(current);
+ }
+
+ var update = {
+ expirationTime: expirationTime,
+ partialState: { element: element },
+ callback: callback,
+ isReplace: false,
+ isForced: false,
+ nextCallback: null,
+ next: null
+ };
+ insertUpdateIntoFiber(current, update);
+ scheduleWork(current, expirationTime);
+ }
+
+ function findHostInstance(fiber) {
+ var hostFiber = findCurrentHostFiber(fiber);
+ if (hostFiber === null) {
+ return null;
+ }
+ return hostFiber.stateNode;
+ }
+
+ return {
+ createContainer: function(containerInfo, hydrate) {
+ return createFiberRoot(containerInfo, hydrate);
+ },
+ updateContainer: function(element, container, parentComponent, callback) {
+ // TODO: If this is a nested container, this won't be the root.
+ var current = container.current;
+
+ {
+ if (ReactFiberInstrumentation_1.debugTool) {
+ if (current.alternate === null) {
+ ReactFiberInstrumentation_1.debugTool.onMountContainer(container);
+ } else if (element === null) {
+ ReactFiberInstrumentation_1.debugTool.onUnmountContainer(container);
+ } else {
+ ReactFiberInstrumentation_1.debugTool.onUpdateContainer(container);
+ }
+ }
+ }
+
+ var context = getContextForSubtree(parentComponent);
+ if (container.context === null) {
+ container.context = context;
+ } else {
+ container.pendingContext = context;
+ }
+
+ scheduleTopLevelUpdate(current, element, callback);
+ },
+
+ batchedUpdates: batchedUpdates,
+
+ unbatchedUpdates: unbatchedUpdates,
+
+ deferredUpdates: deferredUpdates,
+
+ flushSync: flushSync,
+
+ getPublicRootInstance: function(container) {
+ var containerFiber = container.current;
+ if (!containerFiber.child) {
+ return null;
+ }
+ switch (containerFiber.child.tag) {
+ case HostComponent:
+ return getPublicInstance(containerFiber.child.stateNode);
+ default:
+ return containerFiber.child.stateNode;
+ }
+ },
+
+ findHostInstance: findHostInstance,
+
+ findHostInstanceWithNoPortals: function(fiber) {
+ var hostFiber = findCurrentHostFiberWithNoPortals(fiber);
+ if (hostFiber === null) {
+ return null;
+ }
+ return hostFiber.stateNode;
+ },
+ injectIntoDevTools: function(devToolsConfig) {
+ var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+
+ return injectInternals(
+ Object.assign({}, devToolsConfig, {
+ findHostInstanceByFiber: function(fiber) {
+ return findHostInstance(fiber);
+ },
+ findFiberByHostInstance: function(instance) {
+ if (!findFiberByHostInstance) {
+ // Might not be implemented by the renderer.
+ return null;
+ }
+ return findFiberByHostInstance(instance);
+ }
+ })
+ );
+ }
+ };
+};
+
+var ReactFiberReconciler$2 = Object.freeze({
+ default: ReactFiberReconciler$1
+});
+
+var ReactFiberReconciler$3 =
+ (ReactFiberReconciler$2 && ReactFiberReconciler$1) || ReactFiberReconciler$2;
+
+// TODO: bundle Flow types with the package.
+
+// TODO: decide on the top-level export form.
+// This is hacky but makes it work with both Rollup and Jest.
+var reactReconciler = ReactFiberReconciler$3["default"]
+ ? ReactFiberReconciler$3["default"]
+ : ReactFiberReconciler$3;
+
+var viewConfigCallbacks = new Map();
+var viewConfigs = new Map();
+
+/**
+ * Registers a native view/component by name.
+ * A callback is provided to load the view config from UIManager.
+ * The callback is deferred until the view is actually rendered.
+ * This is done to avoid causing Prepack deopts.
+ */
+function register(name, callback) {
+ invariant(
+ !viewConfigCallbacks.has(name),
+ "Tried to register two views with the same name %s",
+ name
+ );
+ viewConfigCallbacks.set(name, callback);
+ return name;
+}
+
+/**
+ * Retrieves a config for the specified view.
+ * If this is the first time the view has been used,
+ * This configuration will be lazy-loaded from UIManager.
+ */
+function get$1(name) {
+ var viewConfig = void 0;
+ if (!viewConfigs.has(name)) {
+ var callback = viewConfigCallbacks.get(name);
+ invariant(
+ typeof callback === "function",
+ "View config not found for name %s",
+ name
+ );
+ viewConfigCallbacks.set(name, null);
+ viewConfig = callback();
+ viewConfigs.set(name, viewConfig);
+ } else {
+ viewConfig = viewConfigs.get(name);
+ }
+ invariant(viewConfig, "View config not found for name %s", name);
+ return viewConfig;
+}
+
+function _classCallCheck$1(instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+}
+
+// Modules provided by RN:
+/**
+ * This component defines the same methods as NativeMethodsMixin but without the
+ * findNodeHandle wrapper. This wrapper is unnecessary for HostComponent views
+ * and would also result in a circular require.js dependency (since
+ * ReactNativeFiber depends on this component and NativeMethodsMixin depends on
+ * ReactNativeFiber).
+ */
+
+var ReactNativeFiberHostComponent = (function() {
+ function ReactNativeFiberHostComponent(tag, viewConfig) {
+ _classCallCheck$1(this, ReactNativeFiberHostComponent);
+
+ this._nativeTag = tag;
+ this._children = [];
+ this.viewConfig = viewConfig;
+ }
+
+ ReactNativeFiberHostComponent.prototype.blur = function blur() {
+ TextInputState.blurTextInput(this._nativeTag);
+ };
+
+ ReactNativeFiberHostComponent.prototype.focus = function focus() {
+ TextInputState.focusTextInput(this._nativeTag);
+ };
+
+ ReactNativeFiberHostComponent.prototype.measure = function measure(callback) {
+ UIManager.measure(this._nativeTag, mountSafeCallback(this, callback));
+ };
+
+ ReactNativeFiberHostComponent.prototype.measureInWindow = function measureInWindow(
+ callback
+ ) {
+ UIManager.measureInWindow(
+ this._nativeTag,
+ mountSafeCallback(this, callback)
+ );
+ };
+
+ ReactNativeFiberHostComponent.prototype.measureLayout = function measureLayout(
+ relativeToNativeNode,
+ onSuccess,
+ onFail /* currently unused */
+ ) {
+ UIManager.measureLayout(
+ this._nativeTag,
+ relativeToNativeNode,
+ mountSafeCallback(this, onFail),
+ mountSafeCallback(this, onSuccess)
+ );
+ };
+
+ ReactNativeFiberHostComponent.prototype.setNativeProps = function setNativeProps(
+ nativeProps
+ ) {
+ {
+ warnForStyleProps(nativeProps, this.viewConfig.validAttributes);
+ }
+
+ var updatePayload = create(nativeProps, this.viewConfig.validAttributes);
+
+ // Avoid the overhead of bridge calls if there's no update.
+ // This is an expensive no-op for Android, and causes an unnecessary
+ // view invalidation for certain components (eg RCTTextInput) on iOS.
+ if (updatePayload != null) {
+ UIManager.updateView(
+ this._nativeTag,
+ this.viewConfig.uiViewClassName,
+ updatePayload
+ );
+ }
+ };
+
+ return ReactNativeFiberHostComponent;
+})();
+
+// eslint-disable-next-line no-unused-expressions
+
+ReactNativeFiberHostComponent.prototype;
+
+var hasNativePerformanceNow =
+ typeof performance === "object" && typeof performance.now === "function";
+
+var now = hasNativePerformanceNow
+ ? function() {
+ return performance.now();
+ }
+ : function() {
+ return Date.now();
+ };
+
+var isCallbackScheduled = false;
+var scheduledCallback = null;
+var frameDeadline = 0;
+
+var frameDeadlineObject = {
+ timeRemaining: function() {
+ return frameDeadline - now();
+ }
+};
+
+function setTimeoutCallback() {
+ isCallbackScheduled = false;
+
+ // TODO (bvaughn) Hard-coded 5ms unblocks initial async testing.
+ // React API probably changing to boolean rather than time remaining.
+ // Longer-term plan is to rewrite this using shared memory,
+ // And just return the value of the bit as the boolean.
+ frameDeadline = now() + 5;
+
+ var callback = scheduledCallback;
+ scheduledCallback = null;
+ if (callback !== null) {
+ callback(frameDeadlineObject);
+ }
+}
+
+// RN has a poor polyfill for requestIdleCallback so we aren't using it.
+// This implementation is only intended for short-term use anyway.
+// We also don't implement cancel functionality b'c Fiber doesn't currently need it.
+function scheduleDeferredCallback(callback) {
+ // We assume only one callback is scheduled at a time b'c that's how Fiber works.
+ scheduledCallback = callback;
+
+ if (!isCallbackScheduled) {
+ isCallbackScheduled = true;
+ setTimeout(setTimeoutCallback, 1);
+ }
+
+ return 0;
+}
+
+// Modules provided by RN:
+function recursivelyUncacheFiberNode(node) {
+ if (typeof node === "number") {
+ // Leaf node (eg text)
+ uncacheFiberNode(node);
+ } else {
+ uncacheFiberNode(node._nativeTag);
+
+ node._children.forEach(recursivelyUncacheFiberNode);
+ }
+}
+
+var NativeRenderer = reactReconciler({
+ appendInitialChild: function(parentInstance, child) {
+ parentInstance._children.push(child);
+ },
+ createInstance: function(
+ type,
+ props,
+ rootContainerInstance,
+ hostContext,
+ internalInstanceHandle
+ ) {
+ var tag = ReactNativeTagHandles.allocateTag();
+ var viewConfig = get$1(type);
+
+ {
+ for (var key in viewConfig.validAttributes) {
+ if (props.hasOwnProperty(key)) {
+ deepFreezeAndThrowOnMutationInDev(props[key]);
+ }
+ }
+ }
+
+ var updatePayload = create(props, viewConfig.validAttributes);
+
+ UIManager.createView(
+ tag, // reactTag
+ viewConfig.uiViewClassName, // viewName
+ rootContainerInstance, // rootTag
+ updatePayload
+ );
+
+ var component = new ReactNativeFiberHostComponent(tag, viewConfig);
+
+ precacheFiberNode(internalInstanceHandle, tag);
+ updateFiberProps(tag, props);
+
+ // Not sure how to avoid this cast. Flow is okay if the component is defined
+ // in the same file but if it's external it can't see the types.
+ return component;
+ },
+ createTextInstance: function(
+ text,
+ rootContainerInstance,
+ hostContext,
+ internalInstanceHandle
+ ) {
+ var tag = ReactNativeTagHandles.allocateTag();
+
+ UIManager.createView(
+ tag, // reactTag
+ "RCTRawText", // viewName
+ rootContainerInstance, // rootTag
+ { text: text }
+ );
+
+ precacheFiberNode(internalInstanceHandle, tag);
+
+ return tag;
+ },
+ finalizeInitialChildren: function(
+ parentInstance,
+ type,
+ props,
+ rootContainerInstance
+ ) {
+ // Don't send a no-op message over the bridge.
+ if (parentInstance._children.length === 0) {
+ return false;
+ }
+
+ // Map from child objects to native tags.
+ // Either way we need to pass a copy of the Array to prevent it from being frozen.
+ var nativeTags = parentInstance._children.map(function(child) {
+ return typeof child === "number"
+ ? child // Leaf node (eg text)
+ : child._nativeTag;
+ });
+
+ UIManager.setChildren(
+ parentInstance._nativeTag, // containerTag
+ nativeTags
+ );
+
+ return false;
+ },
+ getRootHostContext: function() {
+ return emptyObject;
+ },
+ getChildHostContext: function() {
+ return emptyObject;
+ },
+ getPublicInstance: function(instance) {
+ return instance;
+ },
+
+ now: now,
+
+ prepareForCommit: function() {
+ // Noop
+ },
+ prepareUpdate: function(
+ instance,
+ type,
+ oldProps,
+ newProps,
+ rootContainerInstance,
+ hostContext
+ ) {
+ return emptyObject;
+ },
+ resetAfterCommit: function() {
+ // Noop
+ },
+
+ scheduleDeferredCallback: scheduleDeferredCallback,
+
+ shouldDeprioritizeSubtree: function(type, props) {
+ return false;
+ },
+ shouldSetTextContent: function(type, props) {
+ // TODO (bvaughn) Revisit this decision.
+ // Always returning false simplifies the createInstance() implementation,
+ // But creates an additional child Fiber for raw text children.
+ // No additional native views are created though.
+ // It's not clear to me which is better so I'm deferring for now.
+ // More context @ github.com/facebook/react/pull/8560#discussion_r92111303
+ return false;
+ },
+
+ useSyncScheduling: true,
+
+ mutation: {
+ appendChild: function(parentInstance, child) {
+ var childTag = typeof child === "number" ? child : child._nativeTag;
+ var children = parentInstance._children;
+ var index = children.indexOf(child);
+
+ if (index >= 0) {
+ children.splice(index, 1);
+ children.push(child);
+
+ UIManager.manageChildren(
+ parentInstance._nativeTag, // containerTag
+ [index], // moveFromIndices
+ [children.length - 1], // moveToIndices
+ [], // addChildReactTags
+ [], // addAtIndices
+ []
+ );
+ } else {
+ children.push(child);
+
+ UIManager.manageChildren(
+ parentInstance._nativeTag, // containerTag
+ [], // moveFromIndices
+ [], // moveToIndices
+ [childTag], // addChildReactTags
+ [children.length - 1], // addAtIndices
+ []
+ );
+ }
+ },
+ appendChildToContainer: function(parentInstance, child) {
+ var childTag = typeof child === "number" ? child : child._nativeTag;
+ UIManager.setChildren(
+ parentInstance, // containerTag
+ [childTag]
+ );
+ },
+ commitTextUpdate: function(textInstance, oldText, newText) {
+ UIManager.updateView(
+ textInstance, // reactTag
+ "RCTRawText", // viewName
+ { text: newText }
+ );
+ },
+ commitMount: function(instance, type, newProps, internalInstanceHandle) {
+ // Noop
+ },
+ commitUpdate: function(
+ instance,
+ updatePayloadTODO,
+ type,
+ oldProps,
+ newProps,
+ internalInstanceHandle
+ ) {
+ var viewConfig = instance.viewConfig;
+
+ updateFiberProps(instance._nativeTag, newProps);
+
+ var updatePayload = diff(oldProps, newProps, viewConfig.validAttributes);
+
+ // Avoid the overhead of bridge calls if there's no update.
+ // This is an expensive no-op for Android, and causes an unnecessary
+ // view invalidation for certain components (eg RCTTextInput) on iOS.
+ if (updatePayload != null) {
+ UIManager.updateView(
+ instance._nativeTag, // reactTag
+ viewConfig.uiViewClassName, // viewName
+ updatePayload
+ );
+ }
+ },
+ insertBefore: function(parentInstance, child, beforeChild) {
+ var children = parentInstance._children;
+ var index = children.indexOf(child);
+
+ // Move existing child or add new child?
+ if (index >= 0) {
+ children.splice(index, 1);
+ var beforeChildIndex = children.indexOf(beforeChild);
+ children.splice(beforeChildIndex, 0, child);
+
+ UIManager.manageChildren(
+ parentInstance._nativeTag, // containerID
+ [index], // moveFromIndices
+ [beforeChildIndex], // moveToIndices
+ [], // addChildReactTags
+ [], // addAtIndices
+ []
+ );
+ } else {
+ var _beforeChildIndex = children.indexOf(beforeChild);
+ children.splice(_beforeChildIndex, 0, child);
+
+ var childTag = typeof child === "number" ? child : child._nativeTag;
+
+ UIManager.manageChildren(
+ parentInstance._nativeTag, // containerID
+ [], // moveFromIndices
+ [], // moveToIndices
+ [childTag], // addChildReactTags
+ [_beforeChildIndex], // addAtIndices
+ []
+ );
+ }
+ },
+ insertInContainerBefore: function(parentInstance, child, beforeChild) {
+ // TODO (bvaughn): Remove this check when...
+ // We create a wrapper object for the container in ReactNative render()
+ // Or we refactor to remove wrapper objects entirely.
+ // For more info on pros/cons see PR #8560 description.
+ invariant(
+ typeof parentInstance !== "number",
+ "Container does not support insertBefore operation"
+ );
+ },
+ removeChild: function(parentInstance, child) {
+ recursivelyUncacheFiberNode(child);
+ var children = parentInstance._children;
+ var index = children.indexOf(child);
+
+ children.splice(index, 1);
+
+ UIManager.manageChildren(
+ parentInstance._nativeTag, // containerID
+ [], // moveFromIndices
+ [], // moveToIndices
+ [], // addChildReactTags
+ [], // addAtIndices
+ [index]
+ );
+ },
+ removeChildFromContainer: function(parentInstance, child) {
+ recursivelyUncacheFiberNode(child);
+ UIManager.manageChildren(
+ parentInstance, // containerID
+ [], // moveFromIndices
+ [], // moveToIndices
+ [], // addChildReactTags
+ [], // addAtIndices
+ [0]
+ );
+ },
+ resetTextContent: function(instance) {
+ // Noop
+ }
+ }
+});
+
+/**
+ * ReactNative vs ReactWeb
+ * -----------------------
+ * React treats some pieces of data opaquely. This means that the information
+ * is first class (it can be passed around), but cannot be inspected. This
+ * allows us to build infrastructure that reasons about resources, without
+ * making assumptions about the nature of those resources, and this allows that
+ * infra to be shared across multiple platforms, where the resources are very
+ * different. General infra (such as `ReactMultiChild`) reasons opaquely about
+ * the data, but platform specific code (such as `ReactNativeBaseComponent`) can
+ * make assumptions about the data.
+ *
+ *
+ * `rootNodeID`, uniquely identifies a position in the generated native view
+ * tree. Many layers of composite components (created with `React.createClass`)
+ * can all share the same `rootNodeID`.
+ *
+ * `nodeHandle`: A sufficiently unambiguous way to refer to a lower level
+ * resource (dom node, native view etc). The `rootNodeID` is sufficient for web
+ * `nodeHandle`s, because the position in a tree is always enough to uniquely
+ * identify a DOM node (we never have nodes in some bank outside of the
+ * document). The same would be true for `ReactNative`, but we must maintain a
+ * mapping that we can send efficiently serializable
+ * strings across native boundaries.
+ *
+ * Opaque name TodaysWebReact FutureWebWorkerReact ReactNative
+ * ----------------------------------------------------------------------------
+ * nodeHandle N/A rootNodeID tag
+ */
+
+// TODO (bvaughn) Rename the findNodeHandle module to something more descriptive
+// eg findInternalHostInstance. This will reduce the likelihood of someone
+// accidentally deep-requiring this version.
+function findNodeHandle(componentOrHandle) {
+ {
+ var owner = ReactCurrentOwner.current;
+ if (owner !== null && owner.stateNode !== null) {
+ warning(
+ owner.stateNode._warnedAboutRefsInRender,
+ "%s is accessing findNodeHandle inside its render(). " +
+ "render() should be a pure function of props and state. It should " +
+ "never access something that requires stale data from the previous " +
+ "render, such as refs. Move this logic to componentDidMount and " +
+ "componentDidUpdate instead.",
+ getComponentName(owner) || "A component"
+ );
+
+ owner.stateNode._warnedAboutRefsInRender = true;
+ }
+ }
+ if (componentOrHandle == null) {
+ return null;
+ }
+ if (typeof componentOrHandle === "number") {
+ // Already a node handle
+ return componentOrHandle;
+ }
+
+ var component = componentOrHandle;
+
+ // TODO (balpert): Wrap iOS native components in a composite wrapper, then
+ // ReactInstanceMap.get here will always succeed for mounted components
+ var internalInstance = get(component);
+ if (internalInstance) {
+ return NativeRenderer.findHostInstance(internalInstance);
+ } else {
+ if (component) {
+ return component;
+ } else {
+ invariant(
+ // Native
+ (typeof component === "object" && "_nativeTag" in component) ||
+ // Composite
+ (component.render != null && typeof component.render === "function"),
+ "findNodeHandle(...): Argument is not a component " +
+ "(type: %s, keys: %s)",
+ typeof component,
+ Object.keys(component)
+ );
+ invariant(
+ false,
+ "findNodeHandle(...): Unable to find node handle for unmounted " +
+ "component."
+ );
+ }
+ }
+}
+
+/**
+ * External users of findNodeHandle() expect the host tag number return type.
+ * The injected findNodeHandle() strategy returns the instance wrapper though.
+ * See NativeMethodsMixin#setNativeProps for more info on why this is done.
+ */
+function findNumericNodeHandleFiber(componentOrHandle) {
+ var instance = findNodeHandle(componentOrHandle);
+ if (instance == null || typeof instance === "number") {
+ return instance;
+ }
+ return instance._nativeTag;
+}
+
+// Modules provided by RN:
+/**
+ * `NativeMethodsMixin` provides methods to access the underlying native
+ * component directly. This can be useful in cases when you want to focus
+ * a view or measure its on-screen dimensions, for example.
+ *
+ * The methods described here are available on most of the default components
+ * provided by React Native. Note, however, that they are *not* available on
+ * composite components that aren't directly backed by a native view. This will
+ * generally include most components that you define in your own app. For more
+ * information, see [Direct
+ * Manipulation](docs/direct-manipulation.html).
+ *
+ * Note the Flow $Exact<> syntax is required to support mixins.
+ * React createClass mixins can only be used with exact types.
+ */
+var NativeMethodsMixin = {
+ /**
+ * Determines the location on screen, width, and height of the given view and
+ * returns the values via an async callback. If successful, the callback will
+ * be called with the following arguments:
+ *
+ * - x
+ * - y
+ * - width
+ * - height
+ * - pageX
+ * - pageY
+ *
+ * Note that these measurements are not available until after the rendering
+ * has been completed in native. If you need the measurements as soon as
+ * possible, consider using the [`onLayout`
+ * prop](docs/view.html#onlayout) instead.
+ */
+ measure: function(callback) {
+ UIManager.measure(
+ findNumericNodeHandleFiber(this),
+ mountSafeCallback(this, callback)
+ );
+ },
+
+ /**
+ * Determines the location of the given view in the window and returns the
+ * values via an async callback. If the React root view is embedded in
+ * another native view, this will give you the absolute coordinates. If
+ * successful, the callback will be called with the following
+ * arguments:
+ *
+ * - x
+ * - y
+ * - width
+ * - height
+ *
+ * Note that these measurements are not available until after the rendering
+ * has been completed in native.
+ */
+ measureInWindow: function(callback) {
+ UIManager.measureInWindow(
+ findNumericNodeHandleFiber(this),
+ mountSafeCallback(this, callback)
+ );
+ },
+
+ /**
+ * Like [`measure()`](#measure), but measures the view relative an ancestor,
+ * specified as `relativeToNativeNode`. This means that the returned x, y
+ * are relative to the origin x, y of the ancestor view.
+ *
+ * As always, to obtain a native node handle for a component, you can use
+ * `findNumericNodeHandle(component)`.
+ */
+ measureLayout: function(
+ relativeToNativeNode,
+ onSuccess,
+ onFail /* currently unused */
+ ) {
+ UIManager.measureLayout(
+ findNumericNodeHandleFiber(this),
+ relativeToNativeNode,
+ mountSafeCallback(this, onFail),
+ mountSafeCallback(this, onSuccess)
+ );
+ },
+
+ /**
+ * This function sends props straight to native. They will not participate in
+ * future diff process - this means that if you do not include them in the
+ * next render, they will remain active (see [Direct
+ * Manipulation](docs/direct-manipulation.html)).
+ */
+ setNativeProps: function(nativeProps) {
+ // Class components don't have viewConfig -> validateAttributes.
+ // Nor does it make sense to set native props on a non-native component.
+ // Instead, find the nearest host component and set props on it.
+ // Use findNodeHandle() rather than findNumericNodeHandle() because
+ // We want the instance/wrapper (not the native tag).
+ var maybeInstance = void 0;
+
+ // Fiber errors if findNodeHandle is called for an umounted component.
+ // Tests using ReactTestRenderer will trigger this case indirectly.
+ // Mimicking stack behavior, we should silently ignore this case.
+ // TODO Fix ReactTestRenderer so we can remove this try/catch.
+ try {
+ maybeInstance = findNodeHandle(this);
+ } catch (error) {}
+
+ // If there is no host component beneath this we should fail silently.
+ // This is not an error; it could mean a class component rendered null.
+ if (maybeInstance == null) {
+ return;
+ }
+
+ var viewConfig = maybeInstance.viewConfig;
+
+ {
+ warnForStyleProps(nativeProps, viewConfig.validAttributes);
+ }
+
+ var updatePayload = create(nativeProps, viewConfig.validAttributes);
+
+ // Avoid the overhead of bridge calls if there's no update.
+ // This is an expensive no-op for Android, and causes an unnecessary
+ // view invalidation for certain components (eg RCTTextInput) on iOS.
+ if (updatePayload != null) {
+ UIManager.updateView(
+ maybeInstance._nativeTag,
+ viewConfig.uiViewClassName,
+ updatePayload
+ );
+ }
+ },
+
+ /**
+ * Requests focus for the given input or view. The exact behavior triggered
+ * will depend on the platform and type of view.
+ */
+ focus: function() {
+ TextInputState.focusTextInput(findNumericNodeHandleFiber(this));
+ },
+
+ /**
+ * Removes focus from an input or view. This is the opposite of `focus()`.
+ */
+ blur: function() {
+ TextInputState.blurTextInput(findNumericNodeHandleFiber(this));
+ }
+};
+
+{
+ // hide this from Flow since we can't define these properties outside of
+ // true without actually implementing them (setting them to undefined
+ // isn't allowed by ReactClass)
+ var NativeMethodsMixin_DEV = NativeMethodsMixin;
+ invariant(
+ !NativeMethodsMixin_DEV.componentWillMount &&
+ !NativeMethodsMixin_DEV.componentWillReceiveProps,
+ "Do not override existing functions."
+ );
+ NativeMethodsMixin_DEV.componentWillMount = function() {
+ throwOnStylesProp(this, this.props);
+ };
+ NativeMethodsMixin_DEV.componentWillReceiveProps = function(newProps) {
+ throwOnStylesProp(this, newProps);
+ };
+}
+
+function _classCallCheck$2(instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+}
+
+function _possibleConstructorReturn(self, call) {
+ if (!self) {
+ throw new ReferenceError(
+ "this hasn't been initialised - super() hasn't been called"
+ );
+ }
+ return call && (typeof call === "object" || typeof call === "function")
+ ? call
+ : self;
+}
+
+function _inherits(subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError(
+ "Super expression must either be null or a function, not " +
+ typeof superClass
+ );
+ }
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ enumerable: false,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass)
+ Object.setPrototypeOf
+ ? Object.setPrototypeOf(subClass, superClass)
+ : (subClass.__proto__ = superClass);
+}
+
+// Modules provided by RN:
+/**
+ * Superclass that provides methods to access the underlying native component.
+ * This can be useful when you want to focus a view or measure its dimensions.
+ *
+ * Methods implemented by this class are available on most default components
+ * provided by React Native. However, they are *not* available on composite
+ * components that are not directly backed by a native view. For more
+ * information, see [Direct Manipulation](docs/direct-manipulation.html).
+ *
+ * @abstract
+ */
+
+var ReactNativeComponent = (function(_React$Component) {
+ _inherits(ReactNativeComponent, _React$Component);
+
+ function ReactNativeComponent() {
+ _classCallCheck$2(this, ReactNativeComponent);
+
+ return _possibleConstructorReturn(
+ this,
+ _React$Component.apply(this, arguments)
+ );
+ }
+
+ /**
+ * Removes focus. This is the opposite of `focus()`.
+ */
+ ReactNativeComponent.prototype.blur = function blur() {
+ TextInputState.blurTextInput(findNumericNodeHandleFiber(this));
+ };
+
+ /**
+ * Requests focus. The exact behavior depends on the platform and view.
+ */
+
+ ReactNativeComponent.prototype.focus = function focus() {
+ TextInputState.focusTextInput(findNumericNodeHandleFiber(this));
+ };
+
+ /**
+ * Measures the on-screen location and dimensions. If successful, the callback
+ * will be called asynchronously with the following arguments:
+ *
+ * - x
+ * - y
+ * - width
+ * - height
+ * - pageX
+ * - pageY
+ *
+ * These values are not available until after natives rendering completes. If
+ * you need the measurements as soon as possible, consider using the
+ * [`onLayout` prop](docs/view.html#onlayout) instead.
+ */
+
+ ReactNativeComponent.prototype.measure = function measure(callback) {
+ UIManager.measure(
+ findNumericNodeHandleFiber(this),
+ mountSafeCallback(this, callback)
+ );
+ };
+
+ /**
+ * Measures the on-screen location and dimensions. Even if the React Native
+ * root view is embedded within another native view, this method will give you
+ * the absolute coordinates measured from the window. If successful, the
+ * callback will be called asynchronously with the following arguments:
+ *
+ * - x
+ * - y
+ * - width
+ * - height
+ *
+ * These values are not available until after natives rendering completes.
+ */
+
+ ReactNativeComponent.prototype.measureInWindow = function measureInWindow(
+ callback
+ ) {
+ UIManager.measureInWindow(
+ findNumericNodeHandleFiber(this),
+ mountSafeCallback(this, callback)
+ );
+ };
+
+ /**
+ * Similar to [`measure()`](#measure), but the resulting location will be
+ * relative to the supplied ancestor's location.
+ *
+ * Obtain a native node handle with `ReactNative.findNodeHandle(component)`.
+ */
+
+ ReactNativeComponent.prototype.measureLayout = function measureLayout(
+ relativeToNativeNode,
+ onSuccess,
+ onFail /* currently unused */
+ ) {
+ UIManager.measureLayout(
+ findNumericNodeHandleFiber(this),
+ relativeToNativeNode,
+ mountSafeCallback(this, onFail),
+ mountSafeCallback(this, onSuccess)
+ );
+ };
+
+ /**
+ * This function sends props straight to native. They will not participate in
+ * future diff process - this means that if you do not include them in the
+ * next render, they will remain active (see [Direct
+ * Manipulation](docs/direct-manipulation.html)).
+ */
+
+ ReactNativeComponent.prototype.setNativeProps = function setNativeProps(
+ nativeProps
+ ) {
+ // Class components don't have viewConfig -> validateAttributes.
+ // Nor does it make sense to set native props on a non-native component.
+ // Instead, find the nearest host component and set props on it.
+ // Use findNodeHandle() rather than ReactNative.findNodeHandle() because
+ // We want the instance/wrapper (not the native tag).
+ var maybeInstance = void 0;
+
+ // Fiber errors if findNodeHandle is called for an umounted component.
+ // Tests using ReactTestRenderer will trigger this case indirectly.
+ // Mimicking stack behavior, we should silently ignore this case.
+ // TODO Fix ReactTestRenderer so we can remove this try/catch.
+ try {
+ maybeInstance = findNodeHandle(this);
+ } catch (error) {}
+
+ // If there is no host component beneath this we should fail silently.
+ // This is not an error; it could mean a class component rendered null.
+ if (maybeInstance == null) {
+ return;
+ }
+
+ var viewConfig = maybeInstance.viewConfig;
+
+ var updatePayload = create(nativeProps, viewConfig.validAttributes);
+
+ // Avoid the overhead of bridge calls if there's no update.
+ // This is an expensive no-op for Android, and causes an unnecessary
+ // view invalidation for certain components (eg RCTTextInput) on iOS.
+ if (updatePayload != null) {
+ UIManager.updateView(
+ maybeInstance._nativeTag,
+ viewConfig.uiViewClassName,
+ updatePayload
+ );
+ }
+ };
+
+ return ReactNativeComponent;
+})(React.Component);
+
+// eslint-disable-next-line no-unused-expressions
+
+ReactNativeComponent.prototype;
+
+// Module provided by RN:
+var getInspectorDataForViewTag = void 0;
+
+{
+ var traverseOwnerTreeUp = function(hierarchy, instance) {
+ if (instance) {
+ hierarchy.unshift(instance);
+ traverseOwnerTreeUp(hierarchy, instance._debugOwner);
+ }
+ };
+
+ var getOwnerHierarchy = function(instance) {
+ var hierarchy = [];
+ traverseOwnerTreeUp(hierarchy, instance);
+ return hierarchy;
+ };
+
+ var lastNonHostInstance = function(hierarchy) {
+ for (var i = hierarchy.length - 1; i > 1; i--) {
+ var instance = hierarchy[i];
+
+ if (instance.tag !== HostComponent) {
+ return instance;
+ }
+ }
+ return hierarchy[0];
+ };
+
+ var getHostProps = function(fiber) {
+ var host = findCurrentHostFiber(fiber);
+ if (host) {
+ return host.memoizedProps || emptyObject;
+ }
+ return emptyObject;
+ };
+
+ var getHostNode = function(fiber, findNodeHandle) {
+ var hostNode = void 0;
+ // look for children first for the hostNode
+ // as composite fibers do not have a hostNode
+ while (fiber) {
+ if (fiber.stateNode !== null && fiber.tag === HostComponent) {
+ hostNode = findNodeHandle(fiber.stateNode);
+ }
+ if (hostNode) {
+ return hostNode;
+ }
+ fiber = fiber.child;
+ }
+ return null;
+ };
+
+ var createHierarchy = function(fiberHierarchy) {
+ return fiberHierarchy.map(function(fiber) {
+ return {
+ name: getComponentName(fiber),
+ getInspectorData: function(findNodeHandle) {
+ return {
+ measure: function(callback) {
+ return UIManager.measure(
+ getHostNode(fiber, findNodeHandle),
+ callback
+ );
+ },
+ props: getHostProps(fiber),
+ source: fiber._debugSource
+ };
+ }
+ };
+ });
+ };
+
+ getInspectorDataForViewTag = function(viewTag) {
+ var closestInstance = getInstanceFromTag(viewTag);
+
+ // Handle case where user clicks outside of ReactNative
+ if (!closestInstance) {
+ return {
+ hierarchy: [],
+ props: emptyObject,
+ selection: null,
+ source: null
+ };
+ }
+
+ var fiber = findCurrentFiberUsingSlowPath(closestInstance);
+ var fiberHierarchy = getOwnerHierarchy(fiber);
+ var instance = lastNonHostInstance(fiberHierarchy);
+ var hierarchy = createHierarchy(fiberHierarchy);
+ var props = getHostProps(instance);
+ var source = instance._debugSource;
+ var selection = fiberHierarchy.indexOf(instance);
+
+ return {
+ hierarchy: hierarchy,
+ props: props,
+ selection: selection,
+ source: source
+ };
+ };
+}
+
+/**
+ * Creates a renderable ReactNative host component.
+ * Use this method for view configs that are loaded from UIManager.
+ * Use createReactNativeComponentClass() for view configs defined within JavaScript.
+ *
+ * @param {string} config iOS View configuration.
+ * @private
+ */
+var createReactNativeComponentClass = function(name, callback) {
+ return register(name, callback);
+};
+
+// Module provided by RN:
+/**
+ * Capture an image of the screen, window or an individual view. The image
+ * will be stored in a temporary file that will only exist for as long as the
+ * app is running.
+ *
+ * The `view` argument can be the literal string `window` if you want to
+ * capture the entire window, or it can be a reference to a specific
+ * React Native component.
+ *
+ * The `options` argument may include:
+ * - width/height (number) - the width and height of the image to capture.
+ * - format (string) - either 'png' or 'jpeg'. Defaults to 'png'.
+ * - quality (number) - the quality when using jpeg. 0.0 - 1.0 (default).
+ *
+ * Returns a Promise.
+ * @platform ios
+ */
+function takeSnapshot(view, options) {
+ if (typeof view !== "number" && view !== "window") {
+ view = findNumericNodeHandleFiber(view) || "window";
+ }
+
+ // Call the hidden '__takeSnapshot' method; the main one throws an error to
+ // prevent accidental backwards-incompatible usage.
+ return UIManager.__takeSnapshot(view, options);
+}
+
+// TODO: direct imports like some-package/src/* are bad. Fix me.
+// Module provided by RN:
+injection$2.injectFiberBatchedUpdates(NativeRenderer.batchedUpdates);
+
+var roots = new Map();
+
+// Intercept lifecycle errors and ensure they are shown with the correct stack
+// trace within the native redbox component.
+injection$4.injectDialog(showDialog$1);
+
+var ReactNativeRenderer = {
+ NativeComponent: ReactNativeComponent,
+
+ findNodeHandle: findNumericNodeHandleFiber,
+
+ render: function(element, containerTag, callback) {
+ var root = roots.get(containerTag);
+
+ if (!root) {
+ // TODO (bvaughn): If we decide to keep the wrapper component,
+ // We could create a wrapper for containerTag as well to reduce special casing.
+ root = NativeRenderer.createContainer(containerTag, false);
+ roots.set(containerTag, root);
+ }
+ NativeRenderer.updateContainer(element, root, null, callback);
+
+ return NativeRenderer.getPublicRootInstance(root);
+ },
+ unmountComponentAtNode: function(containerTag) {
+ var root = roots.get(containerTag);
+ if (root) {
+ // TODO: Is it safe to reset this now or should I wait since this unmount could be deferred?
+ NativeRenderer.updateContainer(null, root, null, function() {
+ roots["delete"](containerTag);
+ });
+ }
+ },
+ unmountComponentAtNodeAndRemoveContainer: function(containerTag) {
+ ReactNativeRenderer.unmountComponentAtNode(containerTag);
+
+ // Call back into native to remove all of the subviews from this container
+ UIManager.removeRootView(containerTag);
+ },
+ createPortal: function(children, containerTag) {
+ var key =
+ arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
+ return createPortal(children, containerTag, null, key);
+ },
+
+ unstable_batchedUpdates: batchedUpdates,
+
+ flushSync: NativeRenderer.flushSync,
+
+ __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
+ // Used as a mixin in many createClass-based components
+ NativeMethodsMixin: NativeMethodsMixin,
+ // Used by react-native-github/Libraries/ components
+ ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin, // requireNativeComponent
+ ReactGlobalSharedState: ReactGlobalSharedState, // Systrace
+ ReactNativeComponentTree: ReactNativeComponentTree, // InspectorUtils, ScrollResponder
+ ReactNativePropRegistry: ReactNativePropRegistry, // flattenStyle, Stylesheet
+ TouchHistoryMath: TouchHistoryMath, // PanResponder
+ createReactNativeComponentClass: createReactNativeComponentClass, // RCTText, RCTView, ReactNativeART
+ takeSnapshot: takeSnapshot
+ }
+};
+
+{
+ // $FlowFixMe
+ Object.assign(
+ ReactNativeRenderer.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
+ {
+ // TODO: none of these work since Fiber. Remove these dependencies.
+ // Used by RCTRenderingPerf, Systrace:
+ ReactDebugTool: {
+ addHook: function() {},
+ removeHook: function() {}
+ },
+ // Used by ReactPerfStallHandler, RCTRenderingPerf:
+ ReactPerf: {
+ start: function() {},
+ stop: function() {},
+ printInclusive: function() {},
+ printWasted: function() {}
+ }
+ }
+ );
+}
+
+NativeRenderer.injectIntoDevTools({
+ findFiberByHostInstance: getInstanceFromTag,
+ getInspectorDataForViewTag: getInspectorDataForViewTag,
+ bundleType: 1,
+ version: ReactVersion,
+ rendererPackageName: "react-native-renderer"
+});
+
+var ReactNativeRenderer$2 = Object.freeze({
+ default: ReactNativeRenderer
+});
+
+var ReactNativeRenderer$3 =
+ (ReactNativeRenderer$2 && ReactNativeRenderer) || ReactNativeRenderer$2;
+
+// TODO: decide on the top-level export form.
+// This is hacky but makes it work with both Rollup and Jest.
+var reactNativeRenderer = ReactNativeRenderer$3["default"]
+ ? ReactNativeRenderer$3["default"]
+ : ReactNativeRenderer$3;
+
+module.exports = reactNativeRenderer;
+
+ })();
+}
diff --git a/Libraries/Renderer/ReactNativeRenderer-prod.js b/Libraries/Renderer/ReactNativeRenderer-prod.js
new file mode 100644
index 000000000..936be8252
--- /dev/null
+++ b/Libraries/Renderer/ReactNativeRenderer-prod.js
@@ -0,0 +1,5806 @@
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ * @providesModule ReactNativeRenderer-prod
+ * @preventMunge
+ */
+
+"use strict";
+require("InitializeCore");
+var invariant = require("fbjs/lib/invariant"),
+ emptyFunction = require("fbjs/lib/emptyFunction"),
+ RCTEventEmitter = require("RCTEventEmitter"),
+ UIManager = require("UIManager"),
+ React = require("react"),
+ ExceptionsManager = require("ExceptionsManager"),
+ TextInputState = require("TextInputState"),
+ deepDiffer = require("deepDiffer"),
+ flattenStyle = require("flattenStyle"),
+ emptyObject = require("fbjs/lib/emptyObject"),
+ shallowEqual = require("fbjs/lib/shallowEqual"),
+ ReactErrorUtils = {
+ _caughtError: null,
+ _hasCaughtError: !1,
+ _rethrowError: null,
+ _hasRethrowError: !1,
+ injection: {
+ injectErrorUtils: function(injectedErrorUtils) {
+ invariant(
+ "function" === typeof injectedErrorUtils.invokeGuardedCallback,
+ "Injected invokeGuardedCallback() must be a function."
+ );
+ invokeGuardedCallback = injectedErrorUtils.invokeGuardedCallback;
+ }
+ },
+ invokeGuardedCallback: function(name, func, context, a, b, c, d, e, f) {
+ invokeGuardedCallback.apply(ReactErrorUtils, arguments);
+ },
+ invokeGuardedCallbackAndCatchFirstError: function(
+ name,
+ func,
+ context,
+ a,
+ b,
+ c,
+ d,
+ e,
+ f
+ ) {
+ ReactErrorUtils.invokeGuardedCallback.apply(this, arguments);
+ if (ReactErrorUtils.hasCaughtError()) {
+ var error = ReactErrorUtils.clearCaughtError();
+ ReactErrorUtils._hasRethrowError ||
+ ((ReactErrorUtils._hasRethrowError = !0),
+ (ReactErrorUtils._rethrowError = error));
+ }
+ },
+ rethrowCaughtError: function() {
+ return rethrowCaughtError.apply(ReactErrorUtils, arguments);
+ },
+ hasCaughtError: function() {
+ return ReactErrorUtils._hasCaughtError;
+ },
+ clearCaughtError: function() {
+ if (ReactErrorUtils._hasCaughtError) {
+ var error = ReactErrorUtils._caughtError;
+ ReactErrorUtils._caughtError = null;
+ ReactErrorUtils._hasCaughtError = !1;
+ return error;
+ }
+ invariant(
+ !1,
+ "clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue."
+ );
+ }
+ };
+function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
+ ReactErrorUtils._hasCaughtError = !1;
+ ReactErrorUtils._caughtError = null;
+ var funcArgs = Array.prototype.slice.call(arguments, 3);
+ try {
+ func.apply(context, funcArgs);
+ } catch (error) {
+ (ReactErrorUtils._caughtError = error),
+ (ReactErrorUtils._hasCaughtError = !0);
+ }
+}
+function rethrowCaughtError() {
+ if (ReactErrorUtils._hasRethrowError) {
+ var error = ReactErrorUtils._rethrowError;
+ ReactErrorUtils._rethrowError = null;
+ ReactErrorUtils._hasRethrowError = !1;
+ throw error;
+ }
+}
+var eventPluginOrder = null,
+ namesToPlugins = {};
+function recomputePluginOrdering() {
+ if (eventPluginOrder)
+ for (var pluginName in namesToPlugins) {
+ var pluginModule = namesToPlugins[pluginName],
+ pluginIndex = eventPluginOrder.indexOf(pluginName);
+ invariant(
+ -1 < pluginIndex,
+ "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `%s`.",
+ pluginName
+ );
+ if (!plugins[pluginIndex]) {
+ invariant(
+ pluginModule.extractEvents,
+ "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `%s` does not.",
+ pluginName
+ );
+ plugins[pluginIndex] = pluginModule;
+ pluginIndex = pluginModule.eventTypes;
+ for (var eventName in pluginIndex) {
+ var JSCompiler_inline_result = void 0;
+ var dispatchConfig = pluginIndex[eventName],
+ pluginModule$jscomp$0 = pluginModule,
+ eventName$jscomp$0 = eventName;
+ invariant(
+ !eventNameDispatchConfigs.hasOwnProperty(eventName$jscomp$0),
+ "EventPluginHub: More than one plugin attempted to publish the same event name, `%s`.",
+ eventName$jscomp$0
+ );
+ eventNameDispatchConfigs[eventName$jscomp$0] = dispatchConfig;
+ var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+ if (phasedRegistrationNames) {
+ for (JSCompiler_inline_result in phasedRegistrationNames)
+ phasedRegistrationNames.hasOwnProperty(
+ JSCompiler_inline_result
+ ) &&
+ publishRegistrationName(
+ phasedRegistrationNames[JSCompiler_inline_result],
+ pluginModule$jscomp$0,
+ eventName$jscomp$0
+ );
+ JSCompiler_inline_result = !0;
+ } else
+ dispatchConfig.registrationName
+ ? (publishRegistrationName(
+ dispatchConfig.registrationName,
+ pluginModule$jscomp$0,
+ eventName$jscomp$0
+ ),
+ (JSCompiler_inline_result = !0))
+ : (JSCompiler_inline_result = !1);
+ invariant(
+ JSCompiler_inline_result,
+ "EventPluginRegistry: Failed to publish event `%s` for plugin `%s`.",
+ eventName,
+ pluginName
+ );
+ }
+ }
+ }
+}
+function publishRegistrationName(registrationName, pluginModule) {
+ invariant(
+ !registrationNameModules[registrationName],
+ "EventPluginHub: More than one plugin attempted to publish the same registration name, `%s`.",
+ registrationName
+ );
+ registrationNameModules[registrationName] = pluginModule;
+}
+var plugins = [],
+ eventNameDispatchConfigs = {},
+ registrationNameModules = {},
+ getFiberCurrentPropsFromNode = null,
+ getInstanceFromNode = null,
+ getNodeFromInstance = null;
+function isEndish(topLevelType) {
+ return (
+ "topMouseUp" === topLevelType ||
+ "topTouchEnd" === topLevelType ||
+ "topTouchCancel" === topLevelType
+ );
+}
+function isMoveish(topLevelType) {
+ return "topMouseMove" === topLevelType || "topTouchMove" === topLevelType;
+}
+function isStartish(topLevelType) {
+ return "topMouseDown" === topLevelType || "topTouchStart" === topLevelType;
+}
+function executeDispatch(event, simulated, listener, inst) {
+ simulated = event.type || "unknown-event";
+ event.currentTarget = getNodeFromInstance(inst);
+ ReactErrorUtils.invokeGuardedCallbackAndCatchFirstError(
+ simulated,
+ listener,
+ void 0,
+ event
+ );
+ event.currentTarget = null;
+}
+function executeDirectDispatch(event) {
+ var dispatchListener = event._dispatchListeners,
+ dispatchInstance = event._dispatchInstances;
+ invariant(
+ !Array.isArray(dispatchListener),
+ "executeDirectDispatch(...): Invalid `event`."
+ );
+ event.currentTarget = dispatchListener
+ ? getNodeFromInstance(dispatchInstance)
+ : null;
+ dispatchListener = dispatchListener ? dispatchListener(event) : null;
+ event.currentTarget = null;
+ event._dispatchListeners = null;
+ event._dispatchInstances = null;
+ return dispatchListener;
+}
+function accumulateInto(current, next) {
+ invariant(
+ null != next,
+ "accumulateInto(...): Accumulated items must not be null or undefined."
+ );
+ if (null == current) return next;
+ if (Array.isArray(current)) {
+ if (Array.isArray(next)) return current.push.apply(current, next), current;
+ current.push(next);
+ return current;
+ }
+ return Array.isArray(next) ? [current].concat(next) : [current, next];
+}
+function forEachAccumulated(arr, cb, scope) {
+ Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
+}
+var eventQueue = null;
+function executeDispatchesAndReleaseTopLevel(e) {
+ if (e) {
+ var dispatchListeners = e._dispatchListeners,
+ dispatchInstances = e._dispatchInstances;
+ if (Array.isArray(dispatchListeners))
+ for (
+ var i = 0;
+ i < dispatchListeners.length && !e.isPropagationStopped();
+ i++
+ )
+ executeDispatch(e, !1, dispatchListeners[i], dispatchInstances[i]);
+ else
+ dispatchListeners &&
+ executeDispatch(e, !1, dispatchListeners, dispatchInstances);
+ e._dispatchListeners = null;
+ e._dispatchInstances = null;
+ e.isPersistent() || e.constructor.release(e);
+ }
+}
+var injection = {
+ injectEventPluginOrder: function(injectedEventPluginOrder) {
+ invariant(
+ !eventPluginOrder,
+ "EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React."
+ );
+ eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
+ recomputePluginOrdering();
+ },
+ injectEventPluginsByName: function(injectedNamesToPlugins) {
+ var isOrderingDirty = !1,
+ pluginName;
+ for (pluginName in injectedNamesToPlugins)
+ if (injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+ var pluginModule = injectedNamesToPlugins[pluginName];
+ (namesToPlugins.hasOwnProperty(pluginName) &&
+ namesToPlugins[pluginName] === pluginModule) ||
+ (invariant(
+ !namesToPlugins[pluginName],
+ "EventPluginRegistry: Cannot inject two different event plugins using the same name, `%s`.",
+ pluginName
+ ),
+ (namesToPlugins[pluginName] = pluginModule),
+ (isOrderingDirty = !0));
+ }
+ isOrderingDirty && recomputePluginOrdering();
+ }
+};
+function getListener(inst, registrationName) {
+ var listener = inst.stateNode;
+ if (!listener) return null;
+ var props = getFiberCurrentPropsFromNode(listener);
+ if (!props) return null;
+ listener = props[registrationName];
+ a: switch (registrationName) {
+ case "onClick":
+ case "onClickCapture":
+ case "onDoubleClick":
+ case "onDoubleClickCapture":
+ case "onMouseDown":
+ case "onMouseDownCapture":
+ case "onMouseMove":
+ case "onMouseMoveCapture":
+ case "onMouseUp":
+ case "onMouseUpCapture":
+ (props = !props.disabled) ||
+ ((inst = inst.type),
+ (props = !(
+ "button" === inst ||
+ "input" === inst ||
+ "select" === inst ||
+ "textarea" === inst
+ )));
+ inst = !props;
+ break a;
+ default:
+ inst = !1;
+ }
+ if (inst) return null;
+ invariant(
+ !listener || "function" === typeof listener,
+ "Expected `%s` listener to be a function, instead got a value of `%s` type.",
+ registrationName,
+ typeof listener
+ );
+ return listener;
+}
+function getParent(inst) {
+ do inst = inst["return"];
+ while (inst && 5 !== inst.tag);
+ return inst ? inst : null;
+}
+function traverseTwoPhase(inst, fn, arg) {
+ for (var path = []; inst; ) path.push(inst), (inst = getParent(inst));
+ for (inst = path.length; 0 < inst--; ) fn(path[inst], "captured", arg);
+ for (inst = 0; inst < path.length; inst++) fn(path[inst], "bubbled", arg);
+}
+function accumulateDirectionalDispatches(inst, phase, event) {
+ if (
+ (phase = getListener(
+ inst,
+ event.dispatchConfig.phasedRegistrationNames[phase]
+ ))
+ )
+ (event._dispatchListeners = accumulateInto(
+ event._dispatchListeners,
+ phase
+ )),
+ (event._dispatchInstances = accumulateInto(
+ event._dispatchInstances,
+ inst
+ ));
+}
+function accumulateTwoPhaseDispatchesSingle(event) {
+ event &&
+ event.dispatchConfig.phasedRegistrationNames &&
+ traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
+}
+function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
+ if (event && event.dispatchConfig.phasedRegistrationNames) {
+ var targetInst = event._targetInst;
+ targetInst = targetInst ? getParent(targetInst) : null;
+ traverseTwoPhase(targetInst, accumulateDirectionalDispatches, event);
+ }
+}
+function accumulateDirectDispatchesSingle(event) {
+ if (event && event.dispatchConfig.registrationName) {
+ var inst = event._targetInst;
+ if (inst && event && event.dispatchConfig.registrationName) {
+ var listener = getListener(inst, event.dispatchConfig.registrationName);
+ listener &&
+ ((event._dispatchListeners = accumulateInto(
+ event._dispatchListeners,
+ listener
+ )),
+ (event._dispatchInstances = accumulateInto(
+ event._dispatchInstances,
+ inst
+ )));
+ }
+ }
+}
+var shouldBeReleasedProperties = "dispatchConfig _targetInst nativeEvent isDefaultPrevented isPropagationStopped _dispatchListeners _dispatchInstances".split(
+ " "
+ ),
+ EventInterface = {
+ type: null,
+ target: null,
+ currentTarget: emptyFunction.thatReturnsNull,
+ eventPhase: null,
+ bubbles: null,
+ cancelable: null,
+ timeStamp: function(event) {
+ return event.timeStamp || Date.now();
+ },
+ defaultPrevented: null,
+ isTrusted: null
+ };
+function SyntheticEvent(
+ dispatchConfig,
+ targetInst,
+ nativeEvent,
+ nativeEventTarget
+) {
+ this.dispatchConfig = dispatchConfig;
+ this._targetInst = targetInst;
+ this.nativeEvent = nativeEvent;
+ dispatchConfig = this.constructor.Interface;
+ for (var propName in dispatchConfig)
+ dispatchConfig.hasOwnProperty(propName) &&
+ ((targetInst = dispatchConfig[propName])
+ ? (this[propName] = targetInst(nativeEvent))
+ : "target" === propName
+ ? (this.target = nativeEventTarget)
+ : (this[propName] = nativeEvent[propName]));
+ this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
+ ? nativeEvent.defaultPrevented
+ : !1 === nativeEvent.returnValue)
+ ? emptyFunction.thatReturnsTrue
+ : emptyFunction.thatReturnsFalse;
+ this.isPropagationStopped = emptyFunction.thatReturnsFalse;
+ return this;
+}
+Object.assign(SyntheticEvent.prototype, {
+ preventDefault: function() {
+ this.defaultPrevented = !0;
+ var event = this.nativeEvent;
+ event &&
+ (event.preventDefault
+ ? event.preventDefault()
+ : "unknown" !== typeof event.returnValue && (event.returnValue = !1),
+ (this.isDefaultPrevented = emptyFunction.thatReturnsTrue));
+ },
+ stopPropagation: function() {
+ var event = this.nativeEvent;
+ event &&
+ (event.stopPropagation
+ ? event.stopPropagation()
+ : "unknown" !== typeof event.cancelBubble && (event.cancelBubble = !0),
+ (this.isPropagationStopped = emptyFunction.thatReturnsTrue));
+ },
+ persist: function() {
+ this.isPersistent = emptyFunction.thatReturnsTrue;
+ },
+ isPersistent: emptyFunction.thatReturnsFalse,
+ destructor: function() {
+ var Interface = this.constructor.Interface,
+ propName;
+ for (propName in Interface) this[propName] = null;
+ for (
+ Interface = 0;
+ Interface < shouldBeReleasedProperties.length;
+ Interface++
+ )
+ this[shouldBeReleasedProperties[Interface]] = null;
+ }
+});
+SyntheticEvent.Interface = EventInterface;
+SyntheticEvent.augmentClass = function(Class, Interface) {
+ function E() {}
+ E.prototype = this.prototype;
+ var prototype = new E();
+ Object.assign(prototype, Class.prototype);
+ Class.prototype = prototype;
+ Class.prototype.constructor = Class;
+ Class.Interface = Object.assign({}, this.Interface, Interface);
+ Class.augmentClass = this.augmentClass;
+ addEventPoolingTo(Class);
+};
+addEventPoolingTo(SyntheticEvent);
+function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
+ if (this.eventPool.length) {
+ var instance = this.eventPool.pop();
+ this.call(instance, dispatchConfig, targetInst, nativeEvent, nativeInst);
+ return instance;
+ }
+ return new this(dispatchConfig, targetInst, nativeEvent, nativeInst);
+}
+function releasePooledEvent(event) {
+ invariant(
+ event instanceof this,
+ "Trying to release an event instance into a pool of a different type."
+ );
+ event.destructor();
+ 10 > this.eventPool.length && this.eventPool.push(event);
+}
+function addEventPoolingTo(EventConstructor) {
+ EventConstructor.eventPool = [];
+ EventConstructor.getPooled = getPooledEvent;
+ EventConstructor.release = releasePooledEvent;
+}
+function ResponderSyntheticEvent(
+ dispatchConfig,
+ dispatchMarker,
+ nativeEvent,
+ nativeEventTarget
+) {
+ return SyntheticEvent.call(
+ this,
+ dispatchConfig,
+ dispatchMarker,
+ nativeEvent,
+ nativeEventTarget
+ );
+}
+SyntheticEvent.augmentClass(ResponderSyntheticEvent, {
+ touchHistory: function() {
+ return null;
+ }
+});
+var touchBank = [],
+ touchHistory = {
+ touchBank: touchBank,
+ numberActiveTouches: 0,
+ indexOfSingleActiveTouch: -1,
+ mostRecentTimeStamp: 0
+ };
+function timestampForTouch(touch) {
+ return touch.timeStamp || touch.timestamp;
+}
+function getTouchIdentifier(_ref) {
+ _ref = _ref.identifier;
+ invariant(null != _ref, "Touch object is missing identifier.");
+ return _ref;
+}
+function recordTouchStart(touch) {
+ var identifier = getTouchIdentifier(touch),
+ touchRecord = touchBank[identifier];
+ touchRecord
+ ? ((touchRecord.touchActive = !0),
+ (touchRecord.startPageX = touch.pageX),
+ (touchRecord.startPageY = touch.pageY),
+ (touchRecord.startTimeStamp = timestampForTouch(touch)),
+ (touchRecord.currentPageX = touch.pageX),
+ (touchRecord.currentPageY = touch.pageY),
+ (touchRecord.currentTimeStamp = timestampForTouch(touch)),
+ (touchRecord.previousPageX = touch.pageX),
+ (touchRecord.previousPageY = touch.pageY),
+ (touchRecord.previousTimeStamp = timestampForTouch(touch)))
+ : ((touchRecord = {
+ touchActive: !0,
+ startPageX: touch.pageX,
+ startPageY: touch.pageY,
+ startTimeStamp: timestampForTouch(touch),
+ currentPageX: touch.pageX,
+ currentPageY: touch.pageY,
+ currentTimeStamp: timestampForTouch(touch),
+ previousPageX: touch.pageX,
+ previousPageY: touch.pageY,
+ previousTimeStamp: timestampForTouch(touch)
+ }),
+ (touchBank[identifier] = touchRecord));
+ touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+}
+function recordTouchMove(touch) {
+ var touchRecord = touchBank[getTouchIdentifier(touch)];
+ touchRecord
+ ? ((touchRecord.touchActive = !0),
+ (touchRecord.previousPageX = touchRecord.currentPageX),
+ (touchRecord.previousPageY = touchRecord.currentPageY),
+ (touchRecord.previousTimeStamp = touchRecord.currentTimeStamp),
+ (touchRecord.currentPageX = touch.pageX),
+ (touchRecord.currentPageY = touch.pageY),
+ (touchRecord.currentTimeStamp = timestampForTouch(touch)),
+ (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
+ : console.error(
+ "Cannot record touch move without a touch start.\nTouch Move: %s\n",
+ "Touch Bank: %s",
+ printTouch(touch),
+ printTouchBank()
+ );
+}
+function recordTouchEnd(touch) {
+ var touchRecord = touchBank[getTouchIdentifier(touch)];
+ touchRecord
+ ? ((touchRecord.touchActive = !1),
+ (touchRecord.previousPageX = touchRecord.currentPageX),
+ (touchRecord.previousPageY = touchRecord.currentPageY),
+ (touchRecord.previousTimeStamp = touchRecord.currentTimeStamp),
+ (touchRecord.currentPageX = touch.pageX),
+ (touchRecord.currentPageY = touch.pageY),
+ (touchRecord.currentTimeStamp = timestampForTouch(touch)),
+ (touchHistory.mostRecentTimeStamp = timestampForTouch(touch)))
+ : console.error(
+ "Cannot record touch end without a touch start.\nTouch End: %s\n",
+ "Touch Bank: %s",
+ printTouch(touch),
+ printTouchBank()
+ );
+}
+function printTouch(touch) {
+ return JSON.stringify({
+ identifier: touch.identifier,
+ pageX: touch.pageX,
+ pageY: touch.pageY,
+ timestamp: timestampForTouch(touch)
+ });
+}
+function printTouchBank() {
+ var printed = JSON.stringify(touchBank.slice(0, 20));
+ 20 < touchBank.length &&
+ (printed += " (original size: " + touchBank.length + ")");
+ return printed;
+}
+var ResponderTouchHistoryStore = {
+ recordTouchTrack: function(topLevelType, nativeEvent) {
+ if (isMoveish(topLevelType))
+ nativeEvent.changedTouches.forEach(recordTouchMove);
+ else if (isStartish(topLevelType))
+ nativeEvent.changedTouches.forEach(recordTouchStart),
+ (touchHistory.numberActiveTouches = nativeEvent.touches.length),
+ 1 === touchHistory.numberActiveTouches &&
+ (touchHistory.indexOfSingleActiveTouch =
+ nativeEvent.touches[0].identifier);
+ else if (
+ isEndish(topLevelType) &&
+ (nativeEvent.changedTouches.forEach(recordTouchEnd),
+ (touchHistory.numberActiveTouches = nativeEvent.touches.length),
+ 1 === touchHistory.numberActiveTouches)
+ )
+ for (topLevelType = 0; topLevelType < touchBank.length; topLevelType++)
+ if (
+ ((nativeEvent = touchBank[topLevelType]),
+ null != nativeEvent && nativeEvent.touchActive)
+ ) {
+ touchHistory.indexOfSingleActiveTouch = topLevelType;
+ break;
+ }
+ },
+ touchHistory: touchHistory
+};
+function accumulate(current, next) {
+ invariant(
+ null != next,
+ "accumulate(...): Accumulated items must be not be null or undefined."
+ );
+ return null == current
+ ? next
+ : Array.isArray(current)
+ ? current.concat(next)
+ : Array.isArray(next) ? [current].concat(next) : [current, next];
+}
+var responderInst = null,
+ trackedTouchCount = 0,
+ previousActiveTouches = 0;
+function changeResponder(nextResponderInst, blockHostResponder) {
+ var oldResponderInst = responderInst;
+ responderInst = nextResponderInst;
+ if (null !== ResponderEventPlugin.GlobalResponderHandler)
+ ResponderEventPlugin.GlobalResponderHandler.onChange(
+ oldResponderInst,
+ nextResponderInst,
+ blockHostResponder
+ );
+}
+var eventTypes = {
+ startShouldSetResponder: {
+ phasedRegistrationNames: {
+ bubbled: "onStartShouldSetResponder",
+ captured: "onStartShouldSetResponderCapture"
+ }
+ },
+ scrollShouldSetResponder: {
+ phasedRegistrationNames: {
+ bubbled: "onScrollShouldSetResponder",
+ captured: "onScrollShouldSetResponderCapture"
+ }
+ },
+ selectionChangeShouldSetResponder: {
+ phasedRegistrationNames: {
+ bubbled: "onSelectionChangeShouldSetResponder",
+ captured: "onSelectionChangeShouldSetResponderCapture"
+ }
+ },
+ moveShouldSetResponder: {
+ phasedRegistrationNames: {
+ bubbled: "onMoveShouldSetResponder",
+ captured: "onMoveShouldSetResponderCapture"
+ }
+ },
+ responderStart: { registrationName: "onResponderStart" },
+ responderMove: { registrationName: "onResponderMove" },
+ responderEnd: { registrationName: "onResponderEnd" },
+ responderRelease: { registrationName: "onResponderRelease" },
+ responderTerminationRequest: {
+ registrationName: "onResponderTerminationRequest"
+ },
+ responderGrant: { registrationName: "onResponderGrant" },
+ responderReject: { registrationName: "onResponderReject" },
+ responderTerminate: { registrationName: "onResponderTerminate" }
+ },
+ ResponderEventPlugin = {
+ _getResponder: function() {
+ return responderInst;
+ },
+ eventTypes: eventTypes,
+ extractEvents: function(
+ topLevelType,
+ targetInst,
+ nativeEvent,
+ nativeEventTarget
+ ) {
+ if (isStartish(topLevelType)) trackedTouchCount += 1;
+ else if (isEndish(topLevelType))
+ if (0 <= trackedTouchCount) --trackedTouchCount;
+ else
+ return (
+ console.error(
+ "Ended a touch event which was not counted in `trackedTouchCount`."
+ ),
+ null
+ );
+ ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
+ if (
+ targetInst &&
+ (("topScroll" === topLevelType && !nativeEvent.responderIgnoreScroll) ||
+ (0 < trackedTouchCount && "topSelectionChange" === topLevelType) ||
+ isStartish(topLevelType) ||
+ isMoveish(topLevelType))
+ ) {
+ var shouldSetEventType = isStartish(topLevelType)
+ ? eventTypes.startShouldSetResponder
+ : isMoveish(topLevelType)
+ ? eventTypes.moveShouldSetResponder
+ : "topSelectionChange" === topLevelType
+ ? eventTypes.selectionChangeShouldSetResponder
+ : eventTypes.scrollShouldSetResponder;
+ if (responderInst)
+ b: {
+ var JSCompiler_temp = responderInst;
+ for (
+ var depthA = 0, tempA = JSCompiler_temp;
+ tempA;
+ tempA = getParent(tempA)
+ )
+ depthA++;
+ tempA = 0;
+ for (var tempB = targetInst; tempB; tempB = getParent(tempB))
+ tempA++;
+ for (; 0 < depthA - tempA; )
+ (JSCompiler_temp = getParent(JSCompiler_temp)), depthA--;
+ for (; 0 < tempA - depthA; )
+ (targetInst = getParent(targetInst)), tempA--;
+ for (; depthA--; ) {
+ if (
+ JSCompiler_temp === targetInst ||
+ JSCompiler_temp === targetInst.alternate
+ )
+ break b;
+ JSCompiler_temp = getParent(JSCompiler_temp);
+ targetInst = getParent(targetInst);
+ }
+ JSCompiler_temp = null;
+ }
+ else JSCompiler_temp = targetInst;
+ targetInst = JSCompiler_temp === responderInst;
+ JSCompiler_temp = ResponderSyntheticEvent.getPooled(
+ shouldSetEventType,
+ JSCompiler_temp,
+ nativeEvent,
+ nativeEventTarget
+ );
+ JSCompiler_temp.touchHistory = ResponderTouchHistoryStore.touchHistory;
+ targetInst
+ ? forEachAccumulated(
+ JSCompiler_temp,
+ accumulateTwoPhaseDispatchesSingleSkipTarget
+ )
+ : forEachAccumulated(
+ JSCompiler_temp,
+ accumulateTwoPhaseDispatchesSingle
+ );
+ b: {
+ shouldSetEventType = JSCompiler_temp._dispatchListeners;
+ targetInst = JSCompiler_temp._dispatchInstances;
+ if (Array.isArray(shouldSetEventType))
+ for (
+ depthA = 0;
+ depthA < shouldSetEventType.length &&
+ !JSCompiler_temp.isPropagationStopped();
+ depthA++
+ ) {
+ if (
+ shouldSetEventType[depthA](JSCompiler_temp, targetInst[depthA])
+ ) {
+ shouldSetEventType = targetInst[depthA];
+ break b;
+ }
+ }
+ else if (
+ shouldSetEventType &&
+ shouldSetEventType(JSCompiler_temp, targetInst)
+ ) {
+ shouldSetEventType = targetInst;
+ break b;
+ }
+ shouldSetEventType = null;
+ }
+ JSCompiler_temp._dispatchInstances = null;
+ JSCompiler_temp._dispatchListeners = null;
+ JSCompiler_temp.isPersistent() ||
+ JSCompiler_temp.constructor.release(JSCompiler_temp);
+ if (shouldSetEventType && shouldSetEventType !== responderInst)
+ if (
+ ((JSCompiler_temp = ResponderSyntheticEvent.getPooled(
+ eventTypes.responderGrant,
+ shouldSetEventType,
+ nativeEvent,
+ nativeEventTarget
+ )),
+ (JSCompiler_temp.touchHistory =
+ ResponderTouchHistoryStore.touchHistory),
+ forEachAccumulated(
+ JSCompiler_temp,
+ accumulateDirectDispatchesSingle
+ ),
+ (targetInst = !0 === executeDirectDispatch(JSCompiler_temp)),
+ responderInst)
+ )
+ if (
+ ((depthA = ResponderSyntheticEvent.getPooled(
+ eventTypes.responderTerminationRequest,
+ responderInst,
+ nativeEvent,
+ nativeEventTarget
+ )),
+ (depthA.touchHistory = ResponderTouchHistoryStore.touchHistory),
+ forEachAccumulated(depthA, accumulateDirectDispatchesSingle),
+ (tempA =
+ !depthA._dispatchListeners || executeDirectDispatch(depthA)),
+ depthA.isPersistent() || depthA.constructor.release(depthA),
+ tempA)
+ ) {
+ depthA = ResponderSyntheticEvent.getPooled(
+ eventTypes.responderTerminate,
+ responderInst,
+ nativeEvent,
+ nativeEventTarget
+ );
+ depthA.touchHistory = ResponderTouchHistoryStore.touchHistory;
+ forEachAccumulated(depthA, accumulateDirectDispatchesSingle);
+ var JSCompiler_temp$jscomp$0 = accumulate(
+ JSCompiler_temp$jscomp$0,
+ [JSCompiler_temp, depthA]
+ );
+ changeResponder(shouldSetEventType, targetInst);
+ } else
+ (shouldSetEventType = ResponderSyntheticEvent.getPooled(
+ eventTypes.responderReject,
+ shouldSetEventType,
+ nativeEvent,
+ nativeEventTarget
+ )),
+ (shouldSetEventType.touchHistory =
+ ResponderTouchHistoryStore.touchHistory),
+ forEachAccumulated(
+ shouldSetEventType,
+ accumulateDirectDispatchesSingle
+ ),
+ (JSCompiler_temp$jscomp$0 = accumulate(
+ JSCompiler_temp$jscomp$0,
+ shouldSetEventType
+ ));
+ else
+ (JSCompiler_temp$jscomp$0 = accumulate(
+ JSCompiler_temp$jscomp$0,
+ JSCompiler_temp
+ )),
+ changeResponder(shouldSetEventType, targetInst);
+ else JSCompiler_temp$jscomp$0 = null;
+ } else JSCompiler_temp$jscomp$0 = null;
+ shouldSetEventType = responderInst && isStartish(topLevelType);
+ JSCompiler_temp = responderInst && isMoveish(topLevelType);
+ targetInst = responderInst && isEndish(topLevelType);
+ if (
+ (shouldSetEventType = shouldSetEventType
+ ? eventTypes.responderStart
+ : JSCompiler_temp
+ ? eventTypes.responderMove
+ : targetInst ? eventTypes.responderEnd : null)
+ )
+ (shouldSetEventType = ResponderSyntheticEvent.getPooled(
+ shouldSetEventType,
+ responderInst,
+ nativeEvent,
+ nativeEventTarget
+ )),
+ (shouldSetEventType.touchHistory =
+ ResponderTouchHistoryStore.touchHistory),
+ forEachAccumulated(
+ shouldSetEventType,
+ accumulateDirectDispatchesSingle
+ ),
+ (JSCompiler_temp$jscomp$0 = accumulate(
+ JSCompiler_temp$jscomp$0,
+ shouldSetEventType
+ ));
+ shouldSetEventType = responderInst && "topTouchCancel" === topLevelType;
+ if (
+ (topLevelType =
+ responderInst && !shouldSetEventType && isEndish(topLevelType))
+ )
+ a: {
+ if ((topLevelType = nativeEvent.touches) && 0 !== topLevelType.length)
+ for (
+ JSCompiler_temp = 0;
+ JSCompiler_temp < topLevelType.length;
+ JSCompiler_temp++
+ )
+ if (
+ ((targetInst = topLevelType[JSCompiler_temp].target),
+ null !== targetInst &&
+ void 0 !== targetInst &&
+ 0 !== targetInst)
+ ) {
+ depthA = getInstanceFromNode(targetInst);
+ b: {
+ for (targetInst = responderInst; depthA; ) {
+ if (
+ targetInst === depthA ||
+ targetInst === depthA.alternate
+ ) {
+ targetInst = !0;
+ break b;
+ }
+ depthA = getParent(depthA);
+ }
+ targetInst = !1;
+ }
+ if (targetInst) {
+ topLevelType = !1;
+ break a;
+ }
+ }
+ topLevelType = !0;
+ }
+ if (
+ (topLevelType = shouldSetEventType
+ ? eventTypes.responderTerminate
+ : topLevelType ? eventTypes.responderRelease : null)
+ )
+ (nativeEvent = ResponderSyntheticEvent.getPooled(
+ topLevelType,
+ responderInst,
+ nativeEvent,
+ nativeEventTarget
+ )),
+ (nativeEvent.touchHistory = ResponderTouchHistoryStore.touchHistory),
+ forEachAccumulated(nativeEvent, accumulateDirectDispatchesSingle),
+ (JSCompiler_temp$jscomp$0 = accumulate(
+ JSCompiler_temp$jscomp$0,
+ nativeEvent
+ )),
+ changeResponder(null);
+ nativeEvent = ResponderTouchHistoryStore.touchHistory.numberActiveTouches;
+ if (
+ ResponderEventPlugin.GlobalInteractionHandler &&
+ nativeEvent !== previousActiveTouches
+ )
+ ResponderEventPlugin.GlobalInteractionHandler.onChange(nativeEvent);
+ previousActiveTouches = nativeEvent;
+ return JSCompiler_temp$jscomp$0;
+ },
+ GlobalResponderHandler: null,
+ GlobalInteractionHandler: null,
+ injection: {
+ injectGlobalResponderHandler: function(GlobalResponderHandler) {
+ ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
+ },
+ injectGlobalInteractionHandler: function(GlobalInteractionHandler) {
+ ResponderEventPlugin.GlobalInteractionHandler = GlobalInteractionHandler;
+ }
+ }
+ },
+ customBubblingEventTypes = {},
+ customDirectEventTypes = {},
+ ReactNativeBridgeEventPlugin = {
+ eventTypes: {},
+ extractEvents: function(
+ topLevelType,
+ targetInst,
+ nativeEvent,
+ nativeEventTarget
+ ) {
+ var bubbleDispatchConfig = customBubblingEventTypes[topLevelType],
+ directDispatchConfig = customDirectEventTypes[topLevelType];
+ invariant(
+ bubbleDispatchConfig || directDispatchConfig,
+ 'Unsupported top level event type "%s" dispatched',
+ topLevelType
+ );
+ topLevelType = SyntheticEvent.getPooled(
+ bubbleDispatchConfig || directDispatchConfig,
+ targetInst,
+ nativeEvent,
+ nativeEventTarget
+ );
+ if (bubbleDispatchConfig)
+ forEachAccumulated(topLevelType, accumulateTwoPhaseDispatchesSingle);
+ else if (directDispatchConfig)
+ forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
+ else return null;
+ return topLevelType;
+ },
+ processEventTypes: function(viewConfig) {
+ var bubblingEventTypes = viewConfig.bubblingEventTypes;
+ viewConfig = viewConfig.directEventTypes;
+ if (null != bubblingEventTypes)
+ for (var _topLevelType in bubblingEventTypes)
+ null == customBubblingEventTypes[_topLevelType] &&
+ (ReactNativeBridgeEventPlugin.eventTypes[
+ _topLevelType
+ ] = customBubblingEventTypes[_topLevelType] =
+ bubblingEventTypes[_topLevelType]);
+ if (null != viewConfig)
+ for (var _topLevelType2 in viewConfig)
+ null == customDirectEventTypes[_topLevelType2] &&
+ (ReactNativeBridgeEventPlugin.eventTypes[
+ _topLevelType2
+ ] = customDirectEventTypes[_topLevelType2] =
+ viewConfig[_topLevelType2]);
+ }
+ },
+ instanceCache = {},
+ instanceProps = {};
+function uncacheFiberNode(tag) {
+ delete instanceCache[tag];
+ delete instanceProps[tag];
+}
+function getInstanceFromTag(tag) {
+ return instanceCache[tag] || null;
+}
+var ReactNativeComponentTree = Object.freeze({
+ precacheFiberNode: function(hostInst, tag) {
+ instanceCache[tag] = hostInst;
+ },
+ uncacheFiberNode: uncacheFiberNode,
+ getClosestInstanceFromNode: getInstanceFromTag,
+ getInstanceFromNode: getInstanceFromTag,
+ getNodeFromInstance: function(inst) {
+ inst = inst.stateNode._nativeTag;
+ invariant(inst, "All native instances should have a tag.");
+ return inst;
+ },
+ getFiberCurrentPropsFromNode: function(stateNode) {
+ return instanceProps[stateNode._nativeTag] || null;
+ },
+ updateFiberProps: function(tag, props) {
+ instanceProps[tag] = props;
+ }
+ }),
+ restoreTarget = null,
+ restoreQueue = null;
+function restoreStateOfTarget(target) {
+ if ((target = getInstanceFromNode(target))) {
+ invariant(
+ null,
+ "Fiber needs to be injected to handle a fiber target for controlled events. This error is likely caused by a bug in React. Please file an issue."
+ );
+ var props = getFiberCurrentPropsFromNode(target.stateNode);
+ null.restoreControlledState(target.stateNode, target.type, props);
+ }
+}
+function fiberBatchedUpdates(fn, bookkeeping) {
+ return fn(bookkeeping);
+}
+var isNestingBatched = !1;
+function batchedUpdates(fn, bookkeeping) {
+ if (isNestingBatched) return fiberBatchedUpdates(fn, bookkeeping);
+ isNestingBatched = !0;
+ try {
+ return fiberBatchedUpdates(fn, bookkeeping);
+ } finally {
+ if (
+ ((isNestingBatched = !1),
+ restoreTarget &&
+ ((bookkeeping = restoreTarget),
+ (fn = restoreQueue),
+ (restoreQueue = restoreTarget = null),
+ restoreStateOfTarget(bookkeeping),
+ fn))
+ )
+ for (bookkeeping = 0; bookkeeping < fn.length; bookkeeping++)
+ restoreStateOfTarget(fn[bookkeeping]);
+ }
+}
+function handleTopLevel(
+ topLevelType,
+ targetInst,
+ nativeEvent,
+ nativeEventTarget
+) {
+ for (var events, i = 0; i < plugins.length; i++) {
+ var possiblePlugin = plugins[i];
+ possiblePlugin &&
+ (possiblePlugin = possiblePlugin.extractEvents(
+ topLevelType,
+ targetInst,
+ nativeEvent,
+ nativeEventTarget
+ )) &&
+ (events = accumulateInto(events, possiblePlugin));
+ }
+ events && (eventQueue = accumulateInto(eventQueue, events));
+ topLevelType = eventQueue;
+ eventQueue = null;
+ forEachAccumulated(topLevelType, executeDispatchesAndReleaseTopLevel);
+ invariant(
+ !eventQueue,
+ "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+ );
+ ReactErrorUtils.rethrowCaughtError();
+}
+var ReactNativeTagHandles = {
+ tagsStartAt: 1,
+ tagCount: 1,
+ allocateTag: function() {
+ for (; this.reactTagIsNativeTopRootID(ReactNativeTagHandles.tagCount); )
+ ReactNativeTagHandles.tagCount++;
+ var tag = ReactNativeTagHandles.tagCount;
+ ReactNativeTagHandles.tagCount++;
+ return tag;
+ },
+ assertRootTag: function(tag) {
+ invariant(
+ this.reactTagIsNativeTopRootID(tag),
+ "Expect a native root tag, instead got %s",
+ tag
+ );
+ },
+ reactTagIsNativeTopRootID: function(reactTag) {
+ return 1 === reactTag % 10;
+ }
+ },
+ EMPTY_NATIVE_EVENT = {};
+function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
+ var nativeEvent = nativeEventParam || EMPTY_NATIVE_EVENT,
+ inst = getInstanceFromTag(rootNodeID);
+ batchedUpdates(function() {
+ handleTopLevel(topLevelType, inst, nativeEvent, nativeEvent.target);
+ });
+}
+var ReactNativeEventEmitter = Object.freeze({
+ getListener: getListener,
+ registrationNames: registrationNameModules,
+ _receiveRootNodeIDEvent: _receiveRootNodeIDEvent,
+ receiveEvent: function(rootNodeID, topLevelType, nativeEventParam) {
+ _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam);
+ },
+ receiveTouches: function(eventTopLevelType, touches, changedIndices) {
+ if (
+ "topTouchEnd" === eventTopLevelType ||
+ "topTouchCancel" === eventTopLevelType
+ ) {
+ var JSCompiler_temp = [];
+ for (var i = 0; i < changedIndices.length; i++) {
+ var index = changedIndices[i];
+ JSCompiler_temp.push(touches[index]);
+ touches[index] = null;
+ }
+ for (i = changedIndices = 0; i < touches.length; i++)
+ (index = touches[i]),
+ null !== index && (touches[changedIndices++] = index);
+ touches.length = changedIndices;
+ } else
+ for (JSCompiler_temp = [], i = 0; i < changedIndices.length; i++)
+ JSCompiler_temp.push(touches[changedIndices[i]]);
+ for (
+ changedIndices = 0;
+ changedIndices < JSCompiler_temp.length;
+ changedIndices++
+ ) {
+ i = JSCompiler_temp[changedIndices];
+ i.changedTouches = JSCompiler_temp;
+ i.touches = touches;
+ index = null;
+ var target = i.target;
+ null === target ||
+ void 0 === target ||
+ target < ReactNativeTagHandles.tagsStartAt ||
+ (index = target);
+ _receiveRootNodeIDEvent(index, eventTopLevelType, i);
+ }
+ },
+ handleTopLevel: handleTopLevel
+});
+RCTEventEmitter.register(ReactNativeEventEmitter);
+injection.injectEventPluginOrder([
+ "ResponderEventPlugin",
+ "ReactNativeBridgeEventPlugin"
+]);
+getFiberCurrentPropsFromNode =
+ ReactNativeComponentTree.getFiberCurrentPropsFromNode;
+getInstanceFromNode = ReactNativeComponentTree.getInstanceFromNode;
+getNodeFromInstance = ReactNativeComponentTree.getNodeFromInstance;
+ResponderEventPlugin.injection.injectGlobalResponderHandler({
+ onChange: function(from, to, blockNativeResponder) {
+ null !== to
+ ? UIManager.setJSResponder(to.stateNode._nativeTag, blockNativeResponder)
+ : UIManager.clearJSResponder();
+ }
+});
+injection.injectEventPluginsByName({
+ ResponderEventPlugin: ResponderEventPlugin,
+ ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
+});
+function defaultShowDialog() {
+ return !0;
+}
+var showDialog = defaultShowDialog,
+ REACT_PORTAL_TYPE =
+ ("function" === typeof Symbol &&
+ Symbol["for"] &&
+ Symbol["for"]("react.portal")) ||
+ 60106;
+function createPortal(children, containerInfo, implementation) {
+ var key =
+ 3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
+ return {
+ $$typeof: REACT_PORTAL_TYPE,
+ key: null == key ? null : "" + key,
+ children: children,
+ containerInfo: containerInfo,
+ implementation: implementation
+ };
+}
+var TouchHistoryMath = {
+ centroidDimension: function(
+ touchHistory,
+ touchesChangedAfter,
+ isXAxis,
+ ofCurrent
+ ) {
+ var touchBank = touchHistory.touchBank,
+ total = 0,
+ count = 0;
+ touchHistory =
+ 1 === touchHistory.numberActiveTouches
+ ? touchHistory.touchBank[touchHistory.indexOfSingleActiveTouch]
+ : null;
+ if (null !== touchHistory)
+ touchHistory.touchActive &&
+ touchHistory.currentTimeStamp > touchesChangedAfter &&
+ ((total +=
+ ofCurrent && isXAxis
+ ? touchHistory.currentPageX
+ : ofCurrent && !isXAxis
+ ? touchHistory.currentPageY
+ : !ofCurrent && isXAxis
+ ? touchHistory.previousPageX
+ : touchHistory.previousPageY),
+ (count = 1));
+ else
+ for (
+ touchHistory = 0;
+ touchHistory < touchBank.length;
+ touchHistory++
+ ) {
+ var touchTrack = touchBank[touchHistory];
+ null !== touchTrack &&
+ void 0 !== touchTrack &&
+ touchTrack.touchActive &&
+ touchTrack.currentTimeStamp >= touchesChangedAfter &&
+ ((total +=
+ ofCurrent && isXAxis
+ ? touchTrack.currentPageX
+ : ofCurrent && !isXAxis
+ ? touchTrack.currentPageY
+ : !ofCurrent && isXAxis
+ ? touchTrack.previousPageX
+ : touchTrack.previousPageY),
+ count++);
+ }
+ return 0 < count ? total / count : TouchHistoryMath.noCentroid;
+ },
+ currentCentroidXOfTouchesChangedAfter: function(
+ touchHistory,
+ touchesChangedAfter
+ ) {
+ return TouchHistoryMath.centroidDimension(
+ touchHistory,
+ touchesChangedAfter,
+ !0,
+ !0
+ );
+ },
+ currentCentroidYOfTouchesChangedAfter: function(
+ touchHistory,
+ touchesChangedAfter
+ ) {
+ return TouchHistoryMath.centroidDimension(
+ touchHistory,
+ touchesChangedAfter,
+ !1,
+ !0
+ );
+ },
+ previousCentroidXOfTouchesChangedAfter: function(
+ touchHistory,
+ touchesChangedAfter
+ ) {
+ return TouchHistoryMath.centroidDimension(
+ touchHistory,
+ touchesChangedAfter,
+ !0,
+ !1
+ );
+ },
+ previousCentroidYOfTouchesChangedAfter: function(
+ touchHistory,
+ touchesChangedAfter
+ ) {
+ return TouchHistoryMath.centroidDimension(
+ touchHistory,
+ touchesChangedAfter,
+ !1,
+ !1
+ );
+ },
+ currentCentroidX: function(touchHistory) {
+ return TouchHistoryMath.centroidDimension(touchHistory, 0, !0, !0);
+ },
+ currentCentroidY: function(touchHistory) {
+ return TouchHistoryMath.centroidDimension(touchHistory, 0, !1, !0);
+ },
+ noCentroid: -1
+ },
+ ReactCurrentOwner =
+ React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,
+ ReactGlobalSharedState = Object.freeze({
+ ReactCurrentOwner: ReactCurrentOwner,
+ ReactDebugCurrentFrame: null
+ }),
+ objects = {},
+ uniqueID = 1,
+ emptyObject$2 = {},
+ ReactNativePropRegistry = (function() {
+ function ReactNativePropRegistry() {
+ if (!(this instanceof ReactNativePropRegistry))
+ throw new TypeError("Cannot call a class as a function");
+ }
+ ReactNativePropRegistry.register = function(object) {
+ var id = ++uniqueID;
+ objects[id] = object;
+ return id;
+ };
+ ReactNativePropRegistry.getByID = function(id) {
+ if (!id) return emptyObject$2;
+ var object = objects[id];
+ return object
+ ? object
+ : (console.warn("Invalid style with id `" + id + "`. Skipping ..."),
+ emptyObject$2);
+ };
+ return ReactNativePropRegistry;
+ })(),
+ emptyObject$1 = {},
+ removedKeys = null,
+ removedKeyCount = 0;
+function resolveObject(idOrObject) {
+ return "number" === typeof idOrObject
+ ? ReactNativePropRegistry.getByID(idOrObject)
+ : idOrObject;
+}
+function restoreDeletedValuesInNestedArray(
+ updatePayload,
+ node,
+ validAttributes
+) {
+ if (Array.isArray(node))
+ for (var i = node.length; i-- && 0 < removedKeyCount; )
+ restoreDeletedValuesInNestedArray(
+ updatePayload,
+ node[i],
+ validAttributes
+ );
+ else if (node && 0 < removedKeyCount)
+ for (i in ((node = resolveObject(node)), removedKeys))
+ if (removedKeys[i]) {
+ var nextProp = node[i];
+ if (void 0 !== nextProp) {
+ var attributeConfig = validAttributes[i];
+ if (attributeConfig) {
+ "function" === typeof nextProp && (nextProp = !0);
+ "undefined" === typeof nextProp && (nextProp = null);
+ if ("object" !== typeof attributeConfig)
+ updatePayload[i] = nextProp;
+ else if (
+ "function" === typeof attributeConfig.diff ||
+ "function" === typeof attributeConfig.process
+ )
+ (nextProp =
+ "function" === typeof attributeConfig.process
+ ? attributeConfig.process(nextProp)
+ : nextProp),
+ (updatePayload[i] = nextProp);
+ removedKeys[i] = !1;
+ removedKeyCount--;
+ }
+ }
+ }
+}
+function diffNestedProperty(
+ updatePayload,
+ prevProp,
+ nextProp,
+ validAttributes
+) {
+ if (!updatePayload && prevProp === nextProp) return updatePayload;
+ if (!prevProp || !nextProp)
+ return nextProp
+ ? addNestedProperty(updatePayload, nextProp, validAttributes)
+ : prevProp
+ ? clearNestedProperty(updatePayload, prevProp, validAttributes)
+ : updatePayload;
+ if (!Array.isArray(prevProp) && !Array.isArray(nextProp))
+ return diffProperties(
+ updatePayload,
+ resolveObject(prevProp),
+ resolveObject(nextProp),
+ validAttributes
+ );
+ if (Array.isArray(prevProp) && Array.isArray(nextProp)) {
+ var minLength =
+ prevProp.length < nextProp.length ? prevProp.length : nextProp.length,
+ i;
+ for (i = 0; i < minLength; i++)
+ updatePayload = diffNestedProperty(
+ updatePayload,
+ prevProp[i],
+ nextProp[i],
+ validAttributes
+ );
+ for (; i < prevProp.length; i++)
+ updatePayload = clearNestedProperty(
+ updatePayload,
+ prevProp[i],
+ validAttributes
+ );
+ for (; i < nextProp.length; i++)
+ updatePayload = addNestedProperty(
+ updatePayload,
+ nextProp[i],
+ validAttributes
+ );
+ return updatePayload;
+ }
+ return Array.isArray(prevProp)
+ ? diffProperties(
+ updatePayload,
+ flattenStyle(prevProp),
+ resolveObject(nextProp),
+ validAttributes
+ )
+ : diffProperties(
+ updatePayload,
+ resolveObject(prevProp),
+ flattenStyle(nextProp),
+ validAttributes
+ );
+}
+function addNestedProperty(updatePayload, nextProp, validAttributes) {
+ if (!nextProp) return updatePayload;
+ if (!Array.isArray(nextProp))
+ return (
+ (nextProp = resolveObject(nextProp)),
+ diffProperties(updatePayload, emptyObject$1, nextProp, validAttributes)
+ );
+ for (var i = 0; i < nextProp.length; i++)
+ updatePayload = addNestedProperty(
+ updatePayload,
+ nextProp[i],
+ validAttributes
+ );
+ return updatePayload;
+}
+function clearNestedProperty(updatePayload, prevProp, validAttributes) {
+ if (!prevProp) return updatePayload;
+ if (!Array.isArray(prevProp))
+ return (
+ (prevProp = resolveObject(prevProp)),
+ diffProperties(updatePayload, prevProp, emptyObject$1, validAttributes)
+ );
+ for (var i = 0; i < prevProp.length; i++)
+ updatePayload = clearNestedProperty(
+ updatePayload,
+ prevProp[i],
+ validAttributes
+ );
+ return updatePayload;
+}
+function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
+ var attributeConfig, propKey;
+ for (propKey in nextProps)
+ if ((attributeConfig = validAttributes[propKey])) {
+ var prevProp = prevProps[propKey];
+ var nextProp = nextProps[propKey];
+ "function" === typeof nextProp &&
+ ((nextProp = !0), "function" === typeof prevProp && (prevProp = !0));
+ "undefined" === typeof nextProp &&
+ ((nextProp = null),
+ "undefined" === typeof prevProp && (prevProp = null));
+ removedKeys && (removedKeys[propKey] = !1);
+ if (updatePayload && void 0 !== updatePayload[propKey])
+ if ("object" !== typeof attributeConfig)
+ updatePayload[propKey] = nextProp;
+ else {
+ if (
+ "function" === typeof attributeConfig.diff ||
+ "function" === typeof attributeConfig.process
+ )
+ (attributeConfig =
+ "function" === typeof attributeConfig.process
+ ? attributeConfig.process(nextProp)
+ : nextProp),
+ (updatePayload[propKey] = attributeConfig);
+ }
+ else if (prevProp !== nextProp)
+ if ("object" !== typeof attributeConfig)
+ ("object" !== typeof nextProp ||
+ null === nextProp ||
+ deepDiffer(prevProp, nextProp)) &&
+ ((updatePayload || (updatePayload = {}))[propKey] = nextProp);
+ else if (
+ "function" === typeof attributeConfig.diff ||
+ "function" === typeof attributeConfig.process
+ ) {
+ if (
+ void 0 === prevProp ||
+ ("function" === typeof attributeConfig.diff
+ ? attributeConfig.diff(prevProp, nextProp)
+ : "object" !== typeof nextProp ||
+ null === nextProp ||
+ deepDiffer(prevProp, nextProp))
+ )
+ (attributeConfig =
+ "function" === typeof attributeConfig.process
+ ? attributeConfig.process(nextProp)
+ : nextProp),
+ ((updatePayload || (updatePayload = {}))[
+ propKey
+ ] = attributeConfig);
+ } else
+ (removedKeys = null),
+ (removedKeyCount = 0),
+ (updatePayload = diffNestedProperty(
+ updatePayload,
+ prevProp,
+ nextProp,
+ attributeConfig
+ )),
+ 0 < removedKeyCount &&
+ updatePayload &&
+ (restoreDeletedValuesInNestedArray(
+ updatePayload,
+ nextProp,
+ attributeConfig
+ ),
+ (removedKeys = null));
+ }
+ for (propKey in prevProps)
+ void 0 === nextProps[propKey] &&
+ (!(attributeConfig = validAttributes[propKey]) ||
+ (updatePayload && void 0 !== updatePayload[propKey]) ||
+ ((prevProp = prevProps[propKey]),
+ void 0 !== prevProp &&
+ ("object" !== typeof attributeConfig ||
+ "function" === typeof attributeConfig.diff ||
+ "function" === typeof attributeConfig.process
+ ? (((updatePayload || (updatePayload = {}))[propKey] = null),
+ removedKeys || (removedKeys = {}),
+ removedKeys[propKey] ||
+ ((removedKeys[propKey] = !0), removedKeyCount++))
+ : (updatePayload = clearNestedProperty(
+ updatePayload,
+ prevProp,
+ attributeConfig
+ )))));
+ return updatePayload;
+}
+function mountSafeCallback(context, callback) {
+ return function() {
+ if (callback) {
+ if ("boolean" === typeof context.__isMounted) {
+ if (!context.__isMounted) return;
+ } else if (
+ "function" === typeof context.isMounted &&
+ !context.isMounted()
+ )
+ return;
+ return callback.apply(context, arguments);
+ }
+ };
+}
+function getComponentName(fiber) {
+ fiber = fiber.type;
+ return "string" === typeof fiber
+ ? fiber
+ : "function" === typeof fiber ? fiber.displayName || fiber.name : null;
+}
+function isFiberMountedImpl(fiber) {
+ var node = fiber;
+ if (fiber.alternate) for (; node["return"]; ) node = node["return"];
+ else {
+ if (0 !== (node.effectTag & 2)) return 1;
+ for (; node["return"]; )
+ if (((node = node["return"]), 0 !== (node.effectTag & 2))) return 1;
+ }
+ return 3 === node.tag ? 2 : 3;
+}
+function isMounted(component) {
+ return (component = component._reactInternalFiber)
+ ? 2 === isFiberMountedImpl(component)
+ : !1;
+}
+function assertIsMounted(fiber) {
+ invariant(
+ 2 === isFiberMountedImpl(fiber),
+ "Unable to find node on an unmounted component."
+ );
+}
+function findCurrentFiberUsingSlowPath(fiber) {
+ var alternate = fiber.alternate;
+ if (!alternate)
+ return (
+ (alternate = isFiberMountedImpl(fiber)),
+ invariant(
+ 3 !== alternate,
+ "Unable to find node on an unmounted component."
+ ),
+ 1 === alternate ? null : fiber
+ );
+ for (var a = fiber, b = alternate; ; ) {
+ var parentA = a["return"],
+ parentB = parentA ? parentA.alternate : null;
+ if (!parentA || !parentB) break;
+ if (parentA.child === parentB.child) {
+ for (var child = parentA.child; child; ) {
+ if (child === a) return assertIsMounted(parentA), fiber;
+ if (child === b) return assertIsMounted(parentA), alternate;
+ child = child.sibling;
+ }
+ invariant(!1, "Unable to find node on an unmounted component.");
+ }
+ if (a["return"] !== b["return"]) (a = parentA), (b = parentB);
+ else {
+ child = !1;
+ for (var _child = parentA.child; _child; ) {
+ if (_child === a) {
+ child = !0;
+ a = parentA;
+ b = parentB;
+ break;
+ }
+ if (_child === b) {
+ child = !0;
+ b = parentA;
+ a = parentB;
+ break;
+ }
+ _child = _child.sibling;
+ }
+ if (!child) {
+ for (_child = parentB.child; _child; ) {
+ if (_child === a) {
+ child = !0;
+ a = parentB;
+ b = parentA;
+ break;
+ }
+ if (_child === b) {
+ child = !0;
+ b = parentB;
+ a = parentA;
+ break;
+ }
+ _child = _child.sibling;
+ }
+ invariant(
+ child,
+ "Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue."
+ );
+ }
+ }
+ invariant(
+ a.alternate === b,
+ "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
+ );
+ }
+ invariant(3 === a.tag, "Unable to find node on an unmounted component.");
+ return a.stateNode.current === a ? fiber : alternate;
+}
+function findCurrentHostFiber(parent) {
+ parent = findCurrentFiberUsingSlowPath(parent);
+ if (!parent) return null;
+ for (var node = parent; ; ) {
+ if (5 === node.tag || 6 === node.tag) return node;
+ if (node.child) (node.child["return"] = node), (node = node.child);
+ else {
+ if (node === parent) break;
+ for (; !node.sibling; ) {
+ if (!node["return"] || node["return"] === parent) return null;
+ node = node["return"];
+ }
+ node.sibling["return"] = node["return"];
+ node = node.sibling;
+ }
+ }
+ return null;
+}
+function findCurrentHostFiberWithNoPortals(parent) {
+ parent = findCurrentFiberUsingSlowPath(parent);
+ if (!parent) return null;
+ for (var node = parent; ; ) {
+ if (5 === node.tag || 6 === node.tag) return node;
+ if (node.child && 4 !== node.tag)
+ (node.child["return"] = node), (node = node.child);
+ else {
+ if (node === parent) break;
+ for (; !node.sibling; ) {
+ if (!node["return"] || node["return"] === parent) return null;
+ node = node["return"];
+ }
+ node.sibling["return"] = node["return"];
+ node = node.sibling;
+ }
+ }
+ return null;
+}
+var valueStack = [],
+ index = -1;
+function pop(cursor) {
+ 0 > index ||
+ ((cursor.current = valueStack[index]), (valueStack[index] = null), index--);
+}
+function push(cursor, value) {
+ index++;
+ valueStack[index] = cursor.current;
+ cursor.current = value;
+}
+new Set();
+var contextStackCursor = { current: emptyObject },
+ didPerformWorkStackCursor = { current: !1 },
+ previousContext = emptyObject;
+function getUnmaskedContext(workInProgress) {
+ return isContextProvider(workInProgress)
+ ? previousContext
+ : contextStackCursor.current;
+}
+function getMaskedContext(workInProgress, unmaskedContext) {
+ var contextTypes = workInProgress.type.contextTypes;
+ if (!contextTypes) return emptyObject;
+ var instance = workInProgress.stateNode;
+ if (
+ instance &&
+ instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
+ )
+ return instance.__reactInternalMemoizedMaskedChildContext;
+ var context = {},
+ key;
+ for (key in contextTypes) context[key] = unmaskedContext[key];
+ instance &&
+ ((workInProgress = workInProgress.stateNode),
+ (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
+ (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
+ return context;
+}
+function isContextProvider(fiber) {
+ return 2 === fiber.tag && null != fiber.type.childContextTypes;
+}
+function popContextProvider(fiber) {
+ isContextProvider(fiber) &&
+ (pop(didPerformWorkStackCursor, fiber), pop(contextStackCursor, fiber));
+}
+function pushTopLevelContextObject(fiber, context, didChange) {
+ invariant(
+ null == contextStackCursor.cursor,
+ "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
+ );
+ push(contextStackCursor, context, fiber);
+ push(didPerformWorkStackCursor, didChange, fiber);
+}
+function processChildContext(fiber, parentContext) {
+ var instance = fiber.stateNode,
+ childContextTypes = fiber.type.childContextTypes;
+ if ("function" !== typeof instance.getChildContext) return parentContext;
+ instance = instance.getChildContext();
+ for (var contextKey in instance)
+ invariant(
+ contextKey in childContextTypes,
+ '%s.getChildContext(): key "%s" is not defined in childContextTypes.',
+ getComponentName(fiber) || "Unknown",
+ contextKey
+ );
+ return Object.assign({}, parentContext, instance);
+}
+function pushContextProvider(workInProgress) {
+ if (!isContextProvider(workInProgress)) return !1;
+ var instance = workInProgress.stateNode;
+ instance =
+ (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+ emptyObject;
+ previousContext = contextStackCursor.current;
+ push(contextStackCursor, instance, workInProgress);
+ push(
+ didPerformWorkStackCursor,
+ didPerformWorkStackCursor.current,
+ workInProgress
+ );
+ return !0;
+}
+function invalidateContextProvider(workInProgress, didChange) {
+ var instance = workInProgress.stateNode;
+ invariant(
+ instance,
+ "Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue."
+ );
+ if (didChange) {
+ var mergedContext = processChildContext(workInProgress, previousContext);
+ instance.__reactInternalMemoizedMergedChildContext = mergedContext;
+ pop(didPerformWorkStackCursor, workInProgress);
+ pop(contextStackCursor, workInProgress);
+ push(contextStackCursor, mergedContext, workInProgress);
+ } else pop(didPerformWorkStackCursor, workInProgress);
+ push(didPerformWorkStackCursor, didChange, workInProgress);
+}
+function FiberNode(tag, key, internalContextTag) {
+ this.tag = tag;
+ this.key = key;
+ this.stateNode = this.type = null;
+ this.sibling = this.child = this["return"] = null;
+ this.index = 0;
+ this.memoizedState = this.updateQueue = this.memoizedProps = this.pendingProps = this.ref = null;
+ this.internalContextTag = internalContextTag;
+ this.effectTag = 0;
+ this.lastEffect = this.firstEffect = this.nextEffect = null;
+ this.expirationTime = 0;
+ this.alternate = null;
+}
+function createWorkInProgress(current, pendingProps, expirationTime) {
+ var workInProgress = current.alternate;
+ null === workInProgress
+ ? ((workInProgress = new FiberNode(
+ current.tag,
+ current.key,
+ current.internalContextTag
+ )),
+ (workInProgress.type = current.type),
+ (workInProgress.stateNode = current.stateNode),
+ (workInProgress.alternate = current),
+ (current.alternate = workInProgress))
+ : ((workInProgress.effectTag = 0),
+ (workInProgress.nextEffect = null),
+ (workInProgress.firstEffect = null),
+ (workInProgress.lastEffect = null));
+ workInProgress.expirationTime = expirationTime;
+ workInProgress.pendingProps = pendingProps;
+ workInProgress.child = current.child;
+ workInProgress.memoizedProps = current.memoizedProps;
+ workInProgress.memoizedState = current.memoizedState;
+ workInProgress.updateQueue = current.updateQueue;
+ workInProgress.sibling = current.sibling;
+ workInProgress.index = current.index;
+ workInProgress.ref = current.ref;
+ return workInProgress;
+}
+function createFiberFromElement(element, internalContextTag, expirationTime) {
+ var fiber = void 0,
+ type = element.type,
+ key = element.key;
+ "function" === typeof type
+ ? ((fiber =
+ type.prototype && type.prototype.isReactComponent
+ ? new FiberNode(2, key, internalContextTag)
+ : new FiberNode(0, key, internalContextTag)),
+ (fiber.type = type),
+ (fiber.pendingProps = element.props))
+ : "string" === typeof type
+ ? ((fiber = new FiberNode(5, key, internalContextTag)),
+ (fiber.type = type),
+ (fiber.pendingProps = element.props))
+ : "object" === typeof type &&
+ null !== type &&
+ "number" === typeof type.tag
+ ? ((fiber = type), (fiber.pendingProps = element.props))
+ : invariant(
+ !1,
+ "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
+ null == type ? type : typeof type,
+ ""
+ );
+ fiber.expirationTime = expirationTime;
+ return fiber;
+}
+function createFiberFromFragment(
+ elements,
+ internalContextTag,
+ expirationTime,
+ key
+) {
+ internalContextTag = new FiberNode(10, key, internalContextTag);
+ internalContextTag.pendingProps = elements;
+ internalContextTag.expirationTime = expirationTime;
+ return internalContextTag;
+}
+function createFiberFromText(content, internalContextTag, expirationTime) {
+ internalContextTag = new FiberNode(6, null, internalContextTag);
+ internalContextTag.pendingProps = content;
+ internalContextTag.expirationTime = expirationTime;
+ return internalContextTag;
+}
+function createFiberFromCall(call, internalContextTag, expirationTime) {
+ internalContextTag = new FiberNode(7, call.key, internalContextTag);
+ internalContextTag.type = call.handler;
+ internalContextTag.pendingProps = call;
+ internalContextTag.expirationTime = expirationTime;
+ return internalContextTag;
+}
+function createFiberFromReturn(returnNode, internalContextTag, expirationTime) {
+ returnNode = new FiberNode(9, null, internalContextTag);
+ returnNode.expirationTime = expirationTime;
+ return returnNode;
+}
+function createFiberFromPortal(portal, internalContextTag, expirationTime) {
+ internalContextTag = new FiberNode(4, portal.key, internalContextTag);
+ internalContextTag.pendingProps = portal.children || [];
+ internalContextTag.expirationTime = expirationTime;
+ internalContextTag.stateNode = {
+ containerInfo: portal.containerInfo,
+ pendingChildren: null,
+ implementation: portal.implementation
+ };
+ return internalContextTag;
+}
+var onCommitFiberRoot = null,
+ onCommitFiberUnmount = null;
+function catchErrors(fn) {
+ return function(arg) {
+ try {
+ return fn(arg);
+ } catch (err) {}
+ };
+}
+function injectInternals(internals) {
+ if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
+ var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+ if (hook.isDisabled || !hook.supportsFiber) return !0;
+ try {
+ var rendererID = hook.inject(internals);
+ onCommitFiberRoot = catchErrors(function(root) {
+ return hook.onCommitFiberRoot(rendererID, root);
+ });
+ onCommitFiberUnmount = catchErrors(function(fiber) {
+ return hook.onCommitFiberUnmount(rendererID, fiber);
+ });
+ } catch (err) {}
+ return !0;
+}
+function onCommitRoot(root) {
+ "function" === typeof onCommitFiberRoot && onCommitFiberRoot(root);
+}
+function onCommitUnmount(fiber) {
+ "function" === typeof onCommitFiberUnmount && onCommitFiberUnmount(fiber);
+}
+function createUpdateQueue(baseState) {
+ return {
+ baseState: baseState,
+ expirationTime: 0,
+ first: null,
+ last: null,
+ callbackList: null,
+ hasForceUpdate: !1,
+ isInitialized: !1
+ };
+}
+function insertUpdateIntoQueue(queue, update) {
+ null === queue.last
+ ? (queue.first = queue.last = update)
+ : ((queue.last.next = update), (queue.last = update));
+ if (
+ 0 === queue.expirationTime ||
+ queue.expirationTime > update.expirationTime
+ )
+ queue.expirationTime = update.expirationTime;
+}
+function insertUpdateIntoFiber(fiber, update) {
+ var alternateFiber = fiber.alternate,
+ queue1 = fiber.updateQueue;
+ null === queue1 && (queue1 = fiber.updateQueue = createUpdateQueue(null));
+ null !== alternateFiber
+ ? ((fiber = alternateFiber.updateQueue),
+ null === fiber &&
+ (fiber = alternateFiber.updateQueue = createUpdateQueue(null)))
+ : (fiber = null);
+ fiber = fiber !== queue1 ? fiber : null;
+ null === fiber
+ ? insertUpdateIntoQueue(queue1, update)
+ : null === queue1.last || null === fiber.last
+ ? (insertUpdateIntoQueue(queue1, update),
+ insertUpdateIntoQueue(fiber, update))
+ : (insertUpdateIntoQueue(queue1, update), (fiber.last = update));
+}
+function getStateFromUpdate(update, instance, prevState, props) {
+ update = update.partialState;
+ return "function" === typeof update
+ ? update.call(instance, prevState, props)
+ : update;
+}
+function processUpdateQueue(
+ current,
+ workInProgress,
+ queue,
+ instance,
+ props,
+ renderExpirationTime
+) {
+ null !== current &&
+ current.updateQueue === queue &&
+ (queue = workInProgress.updateQueue = {
+ baseState: queue.baseState,
+ expirationTime: queue.expirationTime,
+ first: queue.first,
+ last: queue.last,
+ isInitialized: queue.isInitialized,
+ callbackList: null,
+ hasForceUpdate: !1
+ });
+ queue.expirationTime = 0;
+ queue.isInitialized
+ ? (current = queue.baseState)
+ : ((current = queue.baseState = workInProgress.memoizedState),
+ (queue.isInitialized = !0));
+ for (
+ var dontMutatePrevState = !0, update = queue.first, didSkip = !1;
+ null !== update;
+
+ ) {
+ var updateExpirationTime = update.expirationTime;
+ if (updateExpirationTime > renderExpirationTime) {
+ var remainingExpirationTime = queue.expirationTime;
+ if (
+ 0 === remainingExpirationTime ||
+ remainingExpirationTime > updateExpirationTime
+ )
+ queue.expirationTime = updateExpirationTime;
+ didSkip || ((didSkip = !0), (queue.baseState = current));
+ } else {
+ didSkip ||
+ ((queue.first = update.next),
+ null === queue.first && (queue.last = null));
+ if (update.isReplace)
+ (current = getStateFromUpdate(update, instance, current, props)),
+ (dontMutatePrevState = !0);
+ else if (
+ (updateExpirationTime = getStateFromUpdate(
+ update,
+ instance,
+ current,
+ props
+ ))
+ )
+ (current = dontMutatePrevState
+ ? Object.assign({}, current, updateExpirationTime)
+ : Object.assign(current, updateExpirationTime)),
+ (dontMutatePrevState = !1);
+ update.isForced && (queue.hasForceUpdate = !0);
+ null !== update.callback &&
+ ((updateExpirationTime = queue.callbackList),
+ null === updateExpirationTime &&
+ (updateExpirationTime = queue.callbackList = []),
+ updateExpirationTime.push(update));
+ }
+ update = update.next;
+ }
+ null !== queue.callbackList
+ ? (workInProgress.effectTag |= 32)
+ : null !== queue.first ||
+ queue.hasForceUpdate ||
+ (workInProgress.updateQueue = null);
+ didSkip || (queue.baseState = current);
+ return current;
+}
+function commitCallbacks(queue, context) {
+ var callbackList = queue.callbackList;
+ if (null !== callbackList)
+ for (
+ queue.callbackList = null, queue = 0;
+ queue < callbackList.length;
+ queue++
+ ) {
+ var update = callbackList[queue],
+ _callback = update.callback;
+ update.callback = null;
+ invariant(
+ "function" === typeof _callback,
+ "Invalid argument passed as callback. Expected a function. Instead received: %s",
+ _callback
+ );
+ _callback.call(context);
+ }
+}
+function ReactFiberClassComponent(
+ scheduleWork,
+ computeExpirationForFiber,
+ memoizeProps,
+ memoizeState
+) {
+ function adoptClassInstance(workInProgress, instance) {
+ instance.updater = updater;
+ workInProgress.stateNode = instance;
+ instance._reactInternalFiber = workInProgress;
+ }
+ var updater = {
+ isMounted: isMounted,
+ enqueueSetState: function(instance, partialState, callback) {
+ instance = instance._reactInternalFiber;
+ callback = void 0 === callback ? null : callback;
+ var expirationTime = computeExpirationForFiber(instance);
+ insertUpdateIntoFiber(instance, {
+ expirationTime: expirationTime,
+ partialState: partialState,
+ callback: callback,
+ isReplace: !1,
+ isForced: !1,
+ nextCallback: null,
+ next: null
+ });
+ scheduleWork(instance, expirationTime);
+ },
+ enqueueReplaceState: function(instance, state, callback) {
+ instance = instance._reactInternalFiber;
+ callback = void 0 === callback ? null : callback;
+ var expirationTime = computeExpirationForFiber(instance);
+ insertUpdateIntoFiber(instance, {
+ expirationTime: expirationTime,
+ partialState: state,
+ callback: callback,
+ isReplace: !0,
+ isForced: !1,
+ nextCallback: null,
+ next: null
+ });
+ scheduleWork(instance, expirationTime);
+ },
+ enqueueForceUpdate: function(instance, callback) {
+ instance = instance._reactInternalFiber;
+ callback = void 0 === callback ? null : callback;
+ var expirationTime = computeExpirationForFiber(instance);
+ insertUpdateIntoFiber(instance, {
+ expirationTime: expirationTime,
+ partialState: null,
+ callback: callback,
+ isReplace: !1,
+ isForced: !0,
+ nextCallback: null,
+ next: null
+ });
+ scheduleWork(instance, expirationTime);
+ }
+ };
+ return {
+ adoptClassInstance: adoptClassInstance,
+ constructClassInstance: function(workInProgress, props) {
+ var ctor = workInProgress.type,
+ unmaskedContext = getUnmaskedContext(workInProgress),
+ needsContext =
+ 2 === workInProgress.tag && null != workInProgress.type.contextTypes,
+ context = needsContext
+ ? getMaskedContext(workInProgress, unmaskedContext)
+ : emptyObject;
+ props = new ctor(props, context);
+ adoptClassInstance(workInProgress, props);
+ needsContext &&
+ ((workInProgress = workInProgress.stateNode),
+ (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
+ (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
+ return props;
+ },
+ mountClassInstance: function(workInProgress, renderExpirationTime) {
+ var current = workInProgress.alternate,
+ instance = workInProgress.stateNode,
+ state = instance.state || null,
+ props = workInProgress.pendingProps;
+ invariant(
+ props,
+ "There must be pending props for an initial mount. This error is likely caused by a bug in React. Please file an issue."
+ );
+ var unmaskedContext = getUnmaskedContext(workInProgress);
+ instance.props = props;
+ instance.state = workInProgress.memoizedState = state;
+ instance.refs = emptyObject;
+ instance.context = getMaskedContext(workInProgress, unmaskedContext);
+ null != workInProgress.type &&
+ null != workInProgress.type.prototype &&
+ !0 === workInProgress.type.prototype.unstable_isAsyncReactComponent &&
+ (workInProgress.internalContextTag |= 1);
+ "function" === typeof instance.componentWillMount &&
+ ((state = instance.state),
+ instance.componentWillMount(),
+ state !== instance.state &&
+ updater.enqueueReplaceState(instance, instance.state, null),
+ (state = workInProgress.updateQueue),
+ null !== state &&
+ (instance.state = processUpdateQueue(
+ current,
+ workInProgress,
+ state,
+ instance,
+ props,
+ renderExpirationTime
+ )));
+ "function" === typeof instance.componentDidMount &&
+ (workInProgress.effectTag |= 4);
+ },
+ updateClassInstance: function(
+ current,
+ workInProgress,
+ renderExpirationTime
+ ) {
+ var instance = workInProgress.stateNode;
+ instance.props = workInProgress.memoizedProps;
+ instance.state = workInProgress.memoizedState;
+ var oldProps = workInProgress.memoizedProps,
+ newProps = workInProgress.pendingProps;
+ newProps ||
+ ((newProps = oldProps),
+ invariant(
+ null != newProps,
+ "There should always be pending or memoized props. This error is likely caused by a bug in React. Please file an issue."
+ ));
+ var oldContext = instance.context,
+ newUnmaskedContext = getUnmaskedContext(workInProgress);
+ newUnmaskedContext = getMaskedContext(workInProgress, newUnmaskedContext);
+ "function" !== typeof instance.componentWillReceiveProps ||
+ (oldProps === newProps && oldContext === newUnmaskedContext) ||
+ ((oldContext = instance.state),
+ instance.componentWillReceiveProps(newProps, newUnmaskedContext),
+ instance.state !== oldContext &&
+ updater.enqueueReplaceState(instance, instance.state, null));
+ oldContext = workInProgress.memoizedState;
+ renderExpirationTime =
+ null !== workInProgress.updateQueue
+ ? processUpdateQueue(
+ current,
+ workInProgress,
+ workInProgress.updateQueue,
+ instance,
+ newProps,
+ renderExpirationTime
+ )
+ : oldContext;
+ if (
+ !(
+ oldProps !== newProps ||
+ oldContext !== renderExpirationTime ||
+ didPerformWorkStackCursor.current ||
+ (null !== workInProgress.updateQueue &&
+ workInProgress.updateQueue.hasForceUpdate)
+ )
+ )
+ return (
+ "function" !== typeof instance.componentDidUpdate ||
+ (oldProps === current.memoizedProps &&
+ oldContext === current.memoizedState) ||
+ (workInProgress.effectTag |= 4),
+ !1
+ );
+ var shouldUpdate = newProps;
+ if (
+ null === oldProps ||
+ (null !== workInProgress.updateQueue &&
+ workInProgress.updateQueue.hasForceUpdate)
+ )
+ shouldUpdate = !0;
+ else {
+ var instance$jscomp$0 = workInProgress.stateNode,
+ type = workInProgress.type;
+ shouldUpdate =
+ "function" === typeof instance$jscomp$0.shouldComponentUpdate
+ ? instance$jscomp$0.shouldComponentUpdate(
+ shouldUpdate,
+ renderExpirationTime,
+ newUnmaskedContext
+ )
+ : type.prototype && type.prototype.isPureReactComponent
+ ? !shallowEqual(oldProps, shouldUpdate) ||
+ !shallowEqual(oldContext, renderExpirationTime)
+ : !0;
+ }
+ shouldUpdate
+ ? ("function" === typeof instance.componentWillUpdate &&
+ instance.componentWillUpdate(
+ newProps,
+ renderExpirationTime,
+ newUnmaskedContext
+ ),
+ "function" === typeof instance.componentDidUpdate &&
+ (workInProgress.effectTag |= 4))
+ : ("function" !== typeof instance.componentDidUpdate ||
+ (oldProps === current.memoizedProps &&
+ oldContext === current.memoizedState) ||
+ (workInProgress.effectTag |= 4),
+ memoizeProps(workInProgress, newProps),
+ memoizeState(workInProgress, renderExpirationTime));
+ instance.props = newProps;
+ instance.state = renderExpirationTime;
+ instance.context = newUnmaskedContext;
+ return shouldUpdate;
+ }
+ };
+}
+var isArray$1 = Array.isArray,
+ ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator,
+ REACT_ELEMENT_TYPE,
+ REACT_CALL_TYPE,
+ REACT_RETURN_TYPE,
+ REACT_FRAGMENT_TYPE;
+"function" === typeof Symbol && Symbol["for"]
+ ? ((REACT_ELEMENT_TYPE = Symbol["for"]("react.element")),
+ (REACT_CALL_TYPE = Symbol["for"]("react.call")),
+ (REACT_RETURN_TYPE = Symbol["for"]("react.return")),
+ (REACT_FRAGMENT_TYPE = Symbol["for"]("react.fragment")))
+ : ((REACT_ELEMENT_TYPE = 60103),
+ (REACT_CALL_TYPE = 60104),
+ (REACT_RETURN_TYPE = 60105),
+ (REACT_FRAGMENT_TYPE = 60107));
+function getIteratorFn(maybeIterable) {
+ if (null === maybeIterable || "undefined" === typeof maybeIterable)
+ return null;
+ maybeIterable =
+ (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL]) ||
+ maybeIterable["@@iterator"];
+ return "function" === typeof maybeIterable ? maybeIterable : null;
+}
+function coerceRef(current, element) {
+ var mixedRef = element.ref;
+ if (null !== mixedRef && "function" !== typeof mixedRef) {
+ if (element._owner) {
+ element = element._owner;
+ var inst = void 0;
+ element &&
+ (invariant(
+ 2 === element.tag,
+ "Stateless function components cannot have refs."
+ ),
+ (inst = element.stateNode));
+ invariant(
+ inst,
+ "Missing owner for string ref %s. This error is likely caused by a bug in React. Please file an issue.",
+ mixedRef
+ );
+ var stringRef = "" + mixedRef;
+ if (
+ null !== current &&
+ null !== current.ref &&
+ current.ref._stringRef === stringRef
+ )
+ return current.ref;
+ current = function(value) {
+ var refs = inst.refs === emptyObject ? (inst.refs = {}) : inst.refs;
+ null === value ? delete refs[stringRef] : (refs[stringRef] = value);
+ };
+ current._stringRef = stringRef;
+ return current;
+ }
+ invariant(
+ "string" === typeof mixedRef,
+ "Expected ref to be a function or a string."
+ );
+ invariant(
+ element._owner,
+ "Element ref was specified as a string (%s) but no owner was set. You may have multiple copies of React loaded. (details: https://fb.me/react-refs-must-have-owner).",
+ mixedRef
+ );
+ }
+ return mixedRef;
+}
+function throwOnInvalidObjectType(returnFiber, newChild) {
+ "textarea" !== returnFiber.type &&
+ invariant(
+ !1,
+ "Objects are not valid as a React child (found: %s).%s",
+ "[object Object]" === Object.prototype.toString.call(newChild)
+ ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
+ : newChild,
+ ""
+ );
+}
+function ChildReconciler(shouldClone, shouldTrackSideEffects) {
+ function deleteChild(returnFiber, childToDelete) {
+ if (shouldTrackSideEffects) {
+ if (!shouldClone) {
+ if (null === childToDelete.alternate) return;
+ childToDelete = childToDelete.alternate;
+ }
+ var last = returnFiber.lastEffect;
+ null !== last
+ ? ((last.nextEffect = childToDelete),
+ (returnFiber.lastEffect = childToDelete))
+ : (returnFiber.firstEffect = returnFiber.lastEffect = childToDelete);
+ childToDelete.nextEffect = null;
+ childToDelete.effectTag = 8;
+ }
+ }
+ function deleteRemainingChildren(returnFiber, currentFirstChild) {
+ if (!shouldTrackSideEffects) return null;
+ for (; null !== currentFirstChild; )
+ deleteChild(returnFiber, currentFirstChild),
+ (currentFirstChild = currentFirstChild.sibling);
+ return null;
+ }
+ function mapRemainingChildren(returnFiber, currentFirstChild) {
+ for (returnFiber = new Map(); null !== currentFirstChild; )
+ null !== currentFirstChild.key
+ ? returnFiber.set(currentFirstChild.key, currentFirstChild)
+ : returnFiber.set(currentFirstChild.index, currentFirstChild),
+ (currentFirstChild = currentFirstChild.sibling);
+ return returnFiber;
+ }
+ function useFiber(fiber, pendingProps, expirationTime) {
+ if (shouldClone)
+ return (
+ (fiber = createWorkInProgress(fiber, pendingProps, expirationTime)),
+ (fiber.index = 0),
+ (fiber.sibling = null),
+ fiber
+ );
+ fiber.expirationTime = expirationTime;
+ fiber.effectTag = 0;
+ fiber.index = 0;
+ fiber.sibling = null;
+ fiber.pendingProps = pendingProps;
+ return fiber;
+ }
+ function placeChild(newFiber, lastPlacedIndex, newIndex) {
+ newFiber.index = newIndex;
+ if (!shouldTrackSideEffects) return lastPlacedIndex;
+ newIndex = newFiber.alternate;
+ if (null !== newIndex)
+ return (
+ (newIndex = newIndex.index),
+ newIndex < lastPlacedIndex
+ ? ((newFiber.effectTag = 2), lastPlacedIndex)
+ : newIndex
+ );
+ newFiber.effectTag = 2;
+ return lastPlacedIndex;
+ }
+ function placeSingleChild(newFiber) {
+ shouldTrackSideEffects &&
+ null === newFiber.alternate &&
+ (newFiber.effectTag = 2);
+ return newFiber;
+ }
+ function updateTextNode(returnFiber, current, textContent, expirationTime) {
+ if (null === current || 6 !== current.tag)
+ return (
+ (current = createFiberFromText(
+ textContent,
+ returnFiber.internalContextTag,
+ expirationTime
+ )),
+ (current["return"] = returnFiber),
+ current
+ );
+ current = useFiber(current, textContent, expirationTime);
+ current["return"] = returnFiber;
+ return current;
+ }
+ function updateElement(returnFiber, current, element, expirationTime) {
+ if (null !== current && current.type === element.type)
+ return (
+ (expirationTime = useFiber(current, element.props, expirationTime)),
+ (expirationTime.ref = coerceRef(current, element)),
+ (expirationTime["return"] = returnFiber),
+ expirationTime
+ );
+ expirationTime = createFiberFromElement(
+ element,
+ returnFiber.internalContextTag,
+ expirationTime
+ );
+ expirationTime.ref = coerceRef(current, element);
+ expirationTime["return"] = returnFiber;
+ return expirationTime;
+ }
+ function updateCall(returnFiber, current, call, expirationTime) {
+ if (null === current || 7 !== current.tag)
+ return (
+ (current = createFiberFromCall(
+ call,
+ returnFiber.internalContextTag,
+ expirationTime
+ )),
+ (current["return"] = returnFiber),
+ current
+ );
+ current = useFiber(current, call, expirationTime);
+ current["return"] = returnFiber;
+ return current;
+ }
+ function updateReturn(returnFiber, current, returnNode, expirationTime) {
+ if (null === current || 9 !== current.tag)
+ return (
+ (current = createFiberFromReturn(
+ returnNode,
+ returnFiber.internalContextTag,
+ expirationTime
+ )),
+ (current.type = returnNode.value),
+ (current["return"] = returnFiber),
+ current
+ );
+ current = useFiber(current, null, expirationTime);
+ current.type = returnNode.value;
+ current["return"] = returnFiber;
+ return current;
+ }
+ function updatePortal(returnFiber, current, portal, expirationTime) {
+ if (
+ null === current ||
+ 4 !== current.tag ||
+ current.stateNode.containerInfo !== portal.containerInfo ||
+ current.stateNode.implementation !== portal.implementation
+ )
+ return (
+ (current = createFiberFromPortal(
+ portal,
+ returnFiber.internalContextTag,
+ expirationTime
+ )),
+ (current["return"] = returnFiber),
+ current
+ );
+ current = useFiber(current, portal.children || [], expirationTime);
+ current["return"] = returnFiber;
+ return current;
+ }
+ function updateFragment(returnFiber, current, fragment, expirationTime, key) {
+ if (null === current || 10 !== current.tag)
+ return (
+ (current = createFiberFromFragment(
+ fragment,
+ returnFiber.internalContextTag,
+ expirationTime,
+ key
+ )),
+ (current["return"] = returnFiber),
+ current
+ );
+ current = useFiber(current, fragment, expirationTime);
+ current["return"] = returnFiber;
+ return current;
+ }
+ function createChild(returnFiber, newChild, expirationTime) {
+ if ("string" === typeof newChild || "number" === typeof newChild)
+ return (
+ (newChild = createFiberFromText(
+ "" + newChild,
+ returnFiber.internalContextTag,
+ expirationTime
+ )),
+ (newChild["return"] = returnFiber),
+ newChild
+ );
+ if ("object" === typeof newChild && null !== newChild) {
+ switch (newChild.$$typeof) {
+ case REACT_ELEMENT_TYPE:
+ if (newChild.type === REACT_FRAGMENT_TYPE)
+ return (
+ (newChild = createFiberFromFragment(
+ newChild.props.children,
+ returnFiber.internalContextTag,
+ expirationTime,
+ newChild.key
+ )),
+ (newChild["return"] = returnFiber),
+ newChild
+ );
+ expirationTime = createFiberFromElement(
+ newChild,
+ returnFiber.internalContextTag,
+ expirationTime
+ );
+ expirationTime.ref = coerceRef(null, newChild);
+ expirationTime["return"] = returnFiber;
+ return expirationTime;
+ case REACT_CALL_TYPE:
+ return (
+ (newChild = createFiberFromCall(
+ newChild,
+ returnFiber.internalContextTag,
+ expirationTime
+ )),
+ (newChild["return"] = returnFiber),
+ newChild
+ );
+ case REACT_RETURN_TYPE:
+ return (
+ (expirationTime = createFiberFromReturn(
+ newChild,
+ returnFiber.internalContextTag,
+ expirationTime
+ )),
+ (expirationTime.type = newChild.value),
+ (expirationTime["return"] = returnFiber),
+ expirationTime
+ );
+ case REACT_PORTAL_TYPE:
+ return (
+ (newChild = createFiberFromPortal(
+ newChild,
+ returnFiber.internalContextTag,
+ expirationTime
+ )),
+ (newChild["return"] = returnFiber),
+ newChild
+ );
+ }
+ if (isArray$1(newChild) || getIteratorFn(newChild))
+ return (
+ (newChild = createFiberFromFragment(
+ newChild,
+ returnFiber.internalContextTag,
+ expirationTime,
+ null
+ )),
+ (newChild["return"] = returnFiber),
+ newChild
+ );
+ throwOnInvalidObjectType(returnFiber, newChild);
+ }
+ return null;
+ }
+ function updateSlot(returnFiber, oldFiber, newChild, expirationTime) {
+ var key = null !== oldFiber ? oldFiber.key : null;
+ if ("string" === typeof newChild || "number" === typeof newChild)
+ return null !== key
+ ? null
+ : updateTextNode(returnFiber, oldFiber, "" + newChild, expirationTime);
+ if ("object" === typeof newChild && null !== newChild) {
+ switch (newChild.$$typeof) {
+ case REACT_ELEMENT_TYPE:
+ return newChild.key === key
+ ? newChild.type === REACT_FRAGMENT_TYPE
+ ? updateFragment(
+ returnFiber,
+ oldFiber,
+ newChild.props.children,
+ expirationTime,
+ key
+ )
+ : updateElement(returnFiber, oldFiber, newChild, expirationTime)
+ : null;
+ case REACT_CALL_TYPE:
+ return newChild.key === key
+ ? updateCall(returnFiber, oldFiber, newChild, expirationTime)
+ : null;
+ case REACT_RETURN_TYPE:
+ return null === key
+ ? updateReturn(returnFiber, oldFiber, newChild, expirationTime)
+ : null;
+ case REACT_PORTAL_TYPE:
+ return newChild.key === key
+ ? updatePortal(returnFiber, oldFiber, newChild, expirationTime)
+ : null;
+ }
+ if (isArray$1(newChild) || getIteratorFn(newChild))
+ return null !== key
+ ? null
+ : updateFragment(
+ returnFiber,
+ oldFiber,
+ newChild,
+ expirationTime,
+ null
+ );
+ throwOnInvalidObjectType(returnFiber, newChild);
+ }
+ return null;
+ }
+ function updateFromMap(
+ existingChildren,
+ returnFiber,
+ newIdx,
+ newChild,
+ expirationTime
+ ) {
+ if ("string" === typeof newChild || "number" === typeof newChild)
+ return (
+ (existingChildren = existingChildren.get(newIdx) || null),
+ updateTextNode(
+ returnFiber,
+ existingChildren,
+ "" + newChild,
+ expirationTime
+ )
+ );
+ if ("object" === typeof newChild && null !== newChild) {
+ switch (newChild.$$typeof) {
+ case REACT_ELEMENT_TYPE:
+ return (
+ (existingChildren =
+ existingChildren.get(
+ null === newChild.key ? newIdx : newChild.key
+ ) || null),
+ newChild.type === REACT_FRAGMENT_TYPE
+ ? updateFragment(
+ returnFiber,
+ existingChildren,
+ newChild.props.children,
+ expirationTime,
+ newChild.key
+ )
+ : updateElement(
+ returnFiber,
+ existingChildren,
+ newChild,
+ expirationTime
+ )
+ );
+ case REACT_CALL_TYPE:
+ return (
+ (existingChildren =
+ existingChildren.get(
+ null === newChild.key ? newIdx : newChild.key
+ ) || null),
+ updateCall(returnFiber, existingChildren, newChild, expirationTime)
+ );
+ case REACT_RETURN_TYPE:
+ return (
+ (existingChildren = existingChildren.get(newIdx) || null),
+ updateReturn(
+ returnFiber,
+ existingChildren,
+ newChild,
+ expirationTime
+ )
+ );
+ case REACT_PORTAL_TYPE:
+ return (
+ (existingChildren =
+ existingChildren.get(
+ null === newChild.key ? newIdx : newChild.key
+ ) || null),
+ updatePortal(
+ returnFiber,
+ existingChildren,
+ newChild,
+ expirationTime
+ )
+ );
+ }
+ if (isArray$1(newChild) || getIteratorFn(newChild))
+ return (
+ (existingChildren = existingChildren.get(newIdx) || null),
+ updateFragment(
+ returnFiber,
+ existingChildren,
+ newChild,
+ expirationTime,
+ null
+ )
+ );
+ throwOnInvalidObjectType(returnFiber, newChild);
+ }
+ return null;
+ }
+ function reconcileChildrenArray(
+ returnFiber,
+ currentFirstChild,
+ newChildren,
+ expirationTime
+ ) {
+ for (
+ var resultingFirstChild = null,
+ previousNewFiber = null,
+ oldFiber = currentFirstChild,
+ newIdx = (currentFirstChild = 0),
+ nextOldFiber = null;
+ null !== oldFiber && newIdx < newChildren.length;
+ newIdx++
+ ) {
+ oldFiber.index > newIdx
+ ? ((nextOldFiber = oldFiber), (oldFiber = null))
+ : (nextOldFiber = oldFiber.sibling);
+ var newFiber = updateSlot(
+ returnFiber,
+ oldFiber,
+ newChildren[newIdx],
+ expirationTime
+ );
+ if (null === newFiber) {
+ null === oldFiber && (oldFiber = nextOldFiber);
+ break;
+ }
+ shouldTrackSideEffects &&
+ oldFiber &&
+ null === newFiber.alternate &&
+ deleteChild(returnFiber, oldFiber);
+ currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
+ null === previousNewFiber
+ ? (resultingFirstChild = newFiber)
+ : (previousNewFiber.sibling = newFiber);
+ previousNewFiber = newFiber;
+ oldFiber = nextOldFiber;
+ }
+ if (newIdx === newChildren.length)
+ return (
+ deleteRemainingChildren(returnFiber, oldFiber), resultingFirstChild
+ );
+ if (null === oldFiber) {
+ for (; newIdx < newChildren.length; newIdx++)
+ if (
+ (oldFiber = createChild(
+ returnFiber,
+ newChildren[newIdx],
+ expirationTime
+ ))
+ )
+ (currentFirstChild = placeChild(oldFiber, currentFirstChild, newIdx)),
+ null === previousNewFiber
+ ? (resultingFirstChild = oldFiber)
+ : (previousNewFiber.sibling = oldFiber),
+ (previousNewFiber = oldFiber);
+ return resultingFirstChild;
+ }
+ for (
+ oldFiber = mapRemainingChildren(returnFiber, oldFiber);
+ newIdx < newChildren.length;
+ newIdx++
+ )
+ if (
+ (nextOldFiber = updateFromMap(
+ oldFiber,
+ returnFiber,
+ newIdx,
+ newChildren[newIdx],
+ expirationTime
+ ))
+ ) {
+ if (shouldTrackSideEffects && null !== nextOldFiber.alternate)
+ oldFiber["delete"](
+ null === nextOldFiber.key ? newIdx : nextOldFiber.key
+ );
+ currentFirstChild = placeChild(nextOldFiber, currentFirstChild, newIdx);
+ null === previousNewFiber
+ ? (resultingFirstChild = nextOldFiber)
+ : (previousNewFiber.sibling = nextOldFiber);
+ previousNewFiber = nextOldFiber;
+ }
+ shouldTrackSideEffects &&
+ oldFiber.forEach(function(child) {
+ return deleteChild(returnFiber, child);
+ });
+ return resultingFirstChild;
+ }
+ function reconcileChildrenIterator(
+ returnFiber,
+ currentFirstChild,
+ newChildrenIterable,
+ expirationTime
+ ) {
+ var iteratorFn = getIteratorFn(newChildrenIterable);
+ invariant(
+ "function" === typeof iteratorFn,
+ "An object is not an iterable. This error is likely caused by a bug in React. Please file an issue."
+ );
+ newChildrenIterable = iteratorFn.call(newChildrenIterable);
+ invariant(
+ null != newChildrenIterable,
+ "An iterable object provided no iterator."
+ );
+ for (
+ var previousNewFiber = (iteratorFn = null),
+ oldFiber = currentFirstChild,
+ newIdx = (currentFirstChild = 0),
+ nextOldFiber = null,
+ step = newChildrenIterable.next();
+ null !== oldFiber && !step.done;
+ newIdx++, step = newChildrenIterable.next()
+ ) {
+ oldFiber.index > newIdx
+ ? ((nextOldFiber = oldFiber), (oldFiber = null))
+ : (nextOldFiber = oldFiber.sibling);
+ var newFiber = updateSlot(
+ returnFiber,
+ oldFiber,
+ step.value,
+ expirationTime
+ );
+ if (null === newFiber) {
+ oldFiber || (oldFiber = nextOldFiber);
+ break;
+ }
+ shouldTrackSideEffects &&
+ oldFiber &&
+ null === newFiber.alternate &&
+ deleteChild(returnFiber, oldFiber);
+ currentFirstChild = placeChild(newFiber, currentFirstChild, newIdx);
+ null === previousNewFiber
+ ? (iteratorFn = newFiber)
+ : (previousNewFiber.sibling = newFiber);
+ previousNewFiber = newFiber;
+ oldFiber = nextOldFiber;
+ }
+ if (step.done)
+ return deleteRemainingChildren(returnFiber, oldFiber), iteratorFn;
+ if (null === oldFiber) {
+ for (; !step.done; newIdx++, step = newChildrenIterable.next())
+ (step = createChild(returnFiber, step.value, expirationTime)),
+ null !== step &&
+ ((currentFirstChild = placeChild(step, currentFirstChild, newIdx)),
+ null === previousNewFiber
+ ? (iteratorFn = step)
+ : (previousNewFiber.sibling = step),
+ (previousNewFiber = step));
+ return iteratorFn;
+ }
+ for (
+ oldFiber = mapRemainingChildren(returnFiber, oldFiber);
+ !step.done;
+ newIdx++, step = newChildrenIterable.next()
+ )
+ if (
+ ((step = updateFromMap(
+ oldFiber,
+ returnFiber,
+ newIdx,
+ step.value,
+ expirationTime
+ )),
+ null !== step)
+ ) {
+ if (shouldTrackSideEffects && null !== step.alternate)
+ oldFiber["delete"](null === step.key ? newIdx : step.key);
+ currentFirstChild = placeChild(step, currentFirstChild, newIdx);
+ null === previousNewFiber
+ ? (iteratorFn = step)
+ : (previousNewFiber.sibling = step);
+ previousNewFiber = step;
+ }
+ shouldTrackSideEffects &&
+ oldFiber.forEach(function(child) {
+ return deleteChild(returnFiber, child);
+ });
+ return iteratorFn;
+ }
+ return function(returnFiber, currentFirstChild, newChild, expirationTime) {
+ var isObject = "object" === typeof newChild && null !== newChild;
+ if (isObject)
+ switch (newChild.$$typeof) {
+ case REACT_ELEMENT_TYPE:
+ a: {
+ var key = newChild.key;
+ for (isObject = currentFirstChild; null !== isObject; ) {
+ if (isObject.key === key)
+ if (
+ 10 === isObject.tag
+ ? newChild.type === REACT_FRAGMENT_TYPE
+ : isObject.type === newChild.type
+ ) {
+ deleteRemainingChildren(returnFiber, isObject.sibling);
+ currentFirstChild = useFiber(
+ isObject,
+ newChild.type === REACT_FRAGMENT_TYPE
+ ? newChild.props.children
+ : newChild.props,
+ expirationTime
+ );
+ currentFirstChild.ref = coerceRef(isObject, newChild);
+ currentFirstChild["return"] = returnFiber;
+ returnFiber = currentFirstChild;
+ break a;
+ } else {
+ deleteRemainingChildren(returnFiber, isObject);
+ break;
+ }
+ else deleteChild(returnFiber, isObject);
+ isObject = isObject.sibling;
+ }
+ newChild.type === REACT_FRAGMENT_TYPE
+ ? ((newChild = createFiberFromFragment(
+ newChild.props.children,
+ returnFiber.internalContextTag,
+ expirationTime,
+ newChild.key
+ )),
+ (newChild["return"] = returnFiber),
+ (returnFiber = newChild))
+ : ((expirationTime = createFiberFromElement(
+ newChild,
+ returnFiber.internalContextTag,
+ expirationTime
+ )),
+ (expirationTime.ref = coerceRef(currentFirstChild, newChild)),
+ (expirationTime["return"] = returnFiber),
+ (returnFiber = expirationTime));
+ }
+ return placeSingleChild(returnFiber);
+ case REACT_CALL_TYPE:
+ a: {
+ for (isObject = newChild.key; null !== currentFirstChild; ) {
+ if (currentFirstChild.key === isObject)
+ if (7 === currentFirstChild.tag) {
+ deleteRemainingChildren(
+ returnFiber,
+ currentFirstChild.sibling
+ );
+ newChild = useFiber(
+ currentFirstChild,
+ newChild,
+ expirationTime
+ );
+ newChild["return"] = returnFiber;
+ returnFiber = newChild;
+ break a;
+ } else {
+ deleteRemainingChildren(returnFiber, currentFirstChild);
+ break;
+ }
+ else deleteChild(returnFiber, currentFirstChild);
+ currentFirstChild = currentFirstChild.sibling;
+ }
+ newChild = createFiberFromCall(
+ newChild,
+ returnFiber.internalContextTag,
+ expirationTime
+ );
+ newChild["return"] = returnFiber;
+ returnFiber = newChild;
+ }
+ return placeSingleChild(returnFiber);
+ case REACT_RETURN_TYPE:
+ a: {
+ if (null !== currentFirstChild)
+ if (9 === currentFirstChild.tag) {
+ deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
+ currentFirstChild = useFiber(
+ currentFirstChild,
+ null,
+ expirationTime
+ );
+ currentFirstChild.type = newChild.value;
+ currentFirstChild["return"] = returnFiber;
+ returnFiber = currentFirstChild;
+ break a;
+ } else deleteRemainingChildren(returnFiber, currentFirstChild);
+ currentFirstChild = createFiberFromReturn(
+ newChild,
+ returnFiber.internalContextTag,
+ expirationTime
+ );
+ currentFirstChild.type = newChild.value;
+ currentFirstChild["return"] = returnFiber;
+ returnFiber = currentFirstChild;
+ }
+ return placeSingleChild(returnFiber);
+ case REACT_PORTAL_TYPE:
+ a: {
+ for (isObject = newChild.key; null !== currentFirstChild; ) {
+ if (currentFirstChild.key === isObject)
+ if (
+ 4 === currentFirstChild.tag &&
+ currentFirstChild.stateNode.containerInfo ===
+ newChild.containerInfo &&
+ currentFirstChild.stateNode.implementation ===
+ newChild.implementation
+ ) {
+ deleteRemainingChildren(
+ returnFiber,
+ currentFirstChild.sibling
+ );
+ newChild = useFiber(
+ currentFirstChild,
+ newChild.children || [],
+ expirationTime
+ );
+ newChild["return"] = returnFiber;
+ returnFiber = newChild;
+ break a;
+ } else {
+ deleteRemainingChildren(returnFiber, currentFirstChild);
+ break;
+ }
+ else deleteChild(returnFiber, currentFirstChild);
+ currentFirstChild = currentFirstChild.sibling;
+ }
+ newChild = createFiberFromPortal(
+ newChild,
+ returnFiber.internalContextTag,
+ expirationTime
+ );
+ newChild["return"] = returnFiber;
+ returnFiber = newChild;
+ }
+ return placeSingleChild(returnFiber);
+ }
+ if ("string" === typeof newChild || "number" === typeof newChild)
+ return (
+ (newChild = "" + newChild),
+ null !== currentFirstChild && 6 === currentFirstChild.tag
+ ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
+ (newChild = useFiber(currentFirstChild, newChild, expirationTime)))
+ : (deleteRemainingChildren(returnFiber, currentFirstChild),
+ (newChild = createFiberFromText(
+ newChild,
+ returnFiber.internalContextTag,
+ expirationTime
+ ))),
+ (newChild["return"] = returnFiber),
+ (returnFiber = newChild),
+ placeSingleChild(returnFiber)
+ );
+ if (isArray$1(newChild))
+ return reconcileChildrenArray(
+ returnFiber,
+ currentFirstChild,
+ newChild,
+ expirationTime
+ );
+ if (getIteratorFn(newChild))
+ return reconcileChildrenIterator(
+ returnFiber,
+ currentFirstChild,
+ newChild,
+ expirationTime
+ );
+ isObject && throwOnInvalidObjectType(returnFiber, newChild);
+ if ("undefined" === typeof newChild)
+ switch (returnFiber.tag) {
+ case 2:
+ case 1:
+ (newChild = returnFiber.type),
+ invariant(
+ !1,
+ "%s(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.",
+ newChild.displayName || newChild.name || "Component"
+ );
+ }
+ return deleteRemainingChildren(returnFiber, currentFirstChild);
+ };
+}
+var reconcileChildFibers = ChildReconciler(!0, !0),
+ reconcileChildFibersInPlace = ChildReconciler(!1, !0),
+ mountChildFibersInPlace = ChildReconciler(!1, !1);
+function ReactFiberBeginWork(
+ config,
+ hostContext,
+ hydrationContext,
+ scheduleWork,
+ computeExpirationForFiber
+) {
+ function reconcileChildren(current, workInProgress, nextChildren) {
+ reconcileChildrenAtExpirationTime(
+ current,
+ workInProgress,
+ nextChildren,
+ workInProgress.expirationTime
+ );
+ }
+ function reconcileChildrenAtExpirationTime(
+ current,
+ workInProgress,
+ nextChildren,
+ renderExpirationTime
+ ) {
+ workInProgress.child =
+ null === current
+ ? mountChildFibersInPlace(
+ workInProgress,
+ workInProgress.child,
+ nextChildren,
+ renderExpirationTime
+ )
+ : current.child === workInProgress.child
+ ? reconcileChildFibers(
+ workInProgress,
+ workInProgress.child,
+ nextChildren,
+ renderExpirationTime
+ )
+ : reconcileChildFibersInPlace(
+ workInProgress,
+ workInProgress.child,
+ nextChildren,
+ renderExpirationTime
+ );
+ }
+ function markRef(current, workInProgress) {
+ var ref = workInProgress.ref;
+ null === ref ||
+ (current && current.ref === ref) ||
+ (workInProgress.effectTag |= 128);
+ }
+ function finishClassComponent(
+ current,
+ workInProgress,
+ shouldUpdate,
+ hasContext
+ ) {
+ markRef(current, workInProgress);
+ if (!shouldUpdate)
+ return (
+ hasContext && invalidateContextProvider(workInProgress, !1),
+ bailoutOnAlreadyFinishedWork(current, workInProgress)
+ );
+ shouldUpdate = workInProgress.stateNode;
+ ReactCurrentOwner.current = workInProgress;
+ var nextChildren = shouldUpdate.render();
+ workInProgress.effectTag |= 1;
+ reconcileChildren(current, workInProgress, nextChildren);
+ workInProgress.memoizedState = shouldUpdate.state;
+ workInProgress.memoizedProps = shouldUpdate.props;
+ hasContext && invalidateContextProvider(workInProgress, !0);
+ return workInProgress.child;
+ }
+ function pushHostRootContext(workInProgress) {
+ var root = workInProgress.stateNode;
+ root.pendingContext
+ ? pushTopLevelContextObject(
+ workInProgress,
+ root.pendingContext,
+ root.pendingContext !== root.context
+ )
+ : root.context &&
+ pushTopLevelContextObject(workInProgress, root.context, !1);
+ pushHostContainer(workInProgress, root.containerInfo);
+ }
+ function bailoutOnAlreadyFinishedWork(current, workInProgress) {
+ invariant(
+ null === current || workInProgress.child === current.child,
+ "Resuming work not yet implemented."
+ );
+ if (null !== workInProgress.child) {
+ current = workInProgress.child;
+ var newChild = createWorkInProgress(
+ current,
+ current.pendingProps,
+ current.expirationTime
+ );
+ workInProgress.child = newChild;
+ for (newChild["return"] = workInProgress; null !== current.sibling; )
+ (current = current.sibling),
+ (newChild = newChild.sibling = createWorkInProgress(
+ current,
+ current.pendingProps,
+ current.expirationTime
+ )),
+ (newChild["return"] = workInProgress);
+ newChild.sibling = null;
+ }
+ return workInProgress.child;
+ }
+ function bailoutOnLowPriority(current, workInProgress) {
+ switch (workInProgress.tag) {
+ case 3:
+ pushHostRootContext(workInProgress);
+ break;
+ case 2:
+ pushContextProvider(workInProgress);
+ break;
+ case 4:
+ pushHostContainer(
+ workInProgress,
+ workInProgress.stateNode.containerInfo
+ );
+ }
+ return null;
+ }
+ var shouldSetTextContent = config.shouldSetTextContent,
+ useSyncScheduling = config.useSyncScheduling,
+ shouldDeprioritizeSubtree = config.shouldDeprioritizeSubtree,
+ pushHostContext = hostContext.pushHostContext,
+ pushHostContainer = hostContext.pushHostContainer,
+ enterHydrationState = hydrationContext.enterHydrationState,
+ resetHydrationState = hydrationContext.resetHydrationState,
+ tryToClaimNextHydratableInstance =
+ hydrationContext.tryToClaimNextHydratableInstance;
+ config = ReactFiberClassComponent(
+ scheduleWork,
+ computeExpirationForFiber,
+ function(workInProgress, nextProps) {
+ workInProgress.memoizedProps = nextProps;
+ },
+ function(workInProgress, nextState) {
+ workInProgress.memoizedState = nextState;
+ }
+ );
+ var adoptClassInstance = config.adoptClassInstance,
+ constructClassInstance = config.constructClassInstance,
+ mountClassInstance = config.mountClassInstance,
+ updateClassInstance = config.updateClassInstance;
+ return {
+ beginWork: function(current, workInProgress, renderExpirationTime) {
+ if (
+ 0 === workInProgress.expirationTime ||
+ workInProgress.expirationTime > renderExpirationTime
+ )
+ return bailoutOnLowPriority(current, workInProgress);
+ switch (workInProgress.tag) {
+ case 0:
+ invariant(
+ null === current,
+ "An indeterminate component should never have mounted. This error is likely caused by a bug in React. Please file an issue."
+ );
+ var fn = workInProgress.type,
+ props = workInProgress.pendingProps,
+ unmaskedContext = getUnmaskedContext(workInProgress);
+ unmaskedContext = getMaskedContext(workInProgress, unmaskedContext);
+ fn = fn(props, unmaskedContext);
+ workInProgress.effectTag |= 1;
+ "object" === typeof fn &&
+ null !== fn &&
+ "function" === typeof fn.render
+ ? ((workInProgress.tag = 2),
+ (props = pushContextProvider(workInProgress)),
+ adoptClassInstance(workInProgress, fn),
+ mountClassInstance(workInProgress, renderExpirationTime),
+ (workInProgress = finishClassComponent(
+ current,
+ workInProgress,
+ !0,
+ props
+ )))
+ : ((workInProgress.tag = 1),
+ reconcileChildren(current, workInProgress, fn),
+ (workInProgress.memoizedProps = props),
+ (workInProgress = workInProgress.child));
+ return workInProgress;
+ case 1:
+ a: {
+ props = workInProgress.type;
+ renderExpirationTime = workInProgress.pendingProps;
+ fn = workInProgress.memoizedProps;
+ if (didPerformWorkStackCursor.current)
+ null === renderExpirationTime && (renderExpirationTime = fn);
+ else if (
+ null === renderExpirationTime ||
+ fn === renderExpirationTime
+ ) {
+ workInProgress = bailoutOnAlreadyFinishedWork(
+ current,
+ workInProgress
+ );
+ break a;
+ }
+ fn = getUnmaskedContext(workInProgress);
+ fn = getMaskedContext(workInProgress, fn);
+ props = props(renderExpirationTime, fn);
+ workInProgress.effectTag |= 1;
+ reconcileChildren(current, workInProgress, props);
+ workInProgress.memoizedProps = renderExpirationTime;
+ workInProgress = workInProgress.child;
+ }
+ return workInProgress;
+ case 2:
+ return (
+ (props = pushContextProvider(workInProgress)),
+ (fn = void 0),
+ null === current
+ ? workInProgress.stateNode
+ ? invariant(!1, "Resuming work not yet implemented.")
+ : (constructClassInstance(
+ workInProgress,
+ workInProgress.pendingProps
+ ),
+ mountClassInstance(workInProgress, renderExpirationTime),
+ (fn = !0))
+ : (fn = updateClassInstance(
+ current,
+ workInProgress,
+ renderExpirationTime
+ )),
+ finishClassComponent(current, workInProgress, fn, props)
+ );
+ case 3:
+ return (
+ pushHostRootContext(workInProgress),
+ (props = workInProgress.updateQueue),
+ null !== props
+ ? ((fn = workInProgress.memoizedState),
+ (props = processUpdateQueue(
+ current,
+ workInProgress,
+ props,
+ null,
+ null,
+ renderExpirationTime
+ )),
+ fn === props
+ ? (resetHydrationState(),
+ (workInProgress = bailoutOnAlreadyFinishedWork(
+ current,
+ workInProgress
+ )))
+ : ((fn = props.element),
+ (unmaskedContext = workInProgress.stateNode),
+ (null === current || null === current.child) &&
+ unmaskedContext.hydrate &&
+ enterHydrationState(workInProgress)
+ ? ((workInProgress.effectTag |= 2),
+ (workInProgress.child = mountChildFibersInPlace(
+ workInProgress,
+ workInProgress.child,
+ fn,
+ renderExpirationTime
+ )))
+ : (resetHydrationState(),
+ reconcileChildren(current, workInProgress, fn)),
+ (workInProgress.memoizedState = props),
+ (workInProgress = workInProgress.child)))
+ : (resetHydrationState(),
+ (workInProgress = bailoutOnAlreadyFinishedWork(
+ current,
+ workInProgress
+ ))),
+ workInProgress
+ );
+ case 5:
+ pushHostContext(workInProgress);
+ null === current && tryToClaimNextHydratableInstance(workInProgress);
+ props = workInProgress.type;
+ var memoizedProps = workInProgress.memoizedProps;
+ fn = workInProgress.pendingProps;
+ null === fn &&
+ ((fn = memoizedProps),
+ invariant(
+ null !== fn,
+ "We should always have pending or current props. This error is likely caused by a bug in React. Please file an issue."
+ ));
+ unmaskedContext = null !== current ? current.memoizedProps : null;
+ didPerformWorkStackCursor.current ||
+ (null !== fn && memoizedProps !== fn)
+ ? ((memoizedProps = fn.children),
+ shouldSetTextContent(props, fn)
+ ? (memoizedProps = null)
+ : unmaskedContext &&
+ shouldSetTextContent(props, unmaskedContext) &&
+ (workInProgress.effectTag |= 16),
+ markRef(current, workInProgress),
+ 2147483647 !== renderExpirationTime &&
+ !useSyncScheduling &&
+ shouldDeprioritizeSubtree(props, fn)
+ ? ((workInProgress.expirationTime = 2147483647),
+ (workInProgress = null))
+ : (reconcileChildren(current, workInProgress, memoizedProps),
+ (workInProgress.memoizedProps = fn),
+ (workInProgress = workInProgress.child)))
+ : (workInProgress = bailoutOnAlreadyFinishedWork(
+ current,
+ workInProgress
+ ));
+ return workInProgress;
+ case 6:
+ return (
+ null === current &&
+ tryToClaimNextHydratableInstance(workInProgress),
+ (current = workInProgress.pendingProps),
+ null === current && (current = workInProgress.memoizedProps),
+ (workInProgress.memoizedProps = current),
+ null
+ );
+ case 8:
+ workInProgress.tag = 7;
+ case 7:
+ props = workInProgress.pendingProps;
+ if (didPerformWorkStackCursor.current)
+ null === props &&
+ ((props = current && current.memoizedProps),
+ invariant(
+ null !== props,
+ "We should always have pending or current props. This error is likely caused by a bug in React. Please file an issue."
+ ));
+ else if (null === props || workInProgress.memoizedProps === props)
+ props = workInProgress.memoizedProps;
+ fn = props.children;
+ workInProgress.stateNode =
+ null === current
+ ? mountChildFibersInPlace(
+ workInProgress,
+ workInProgress.stateNode,
+ fn,
+ renderExpirationTime
+ )
+ : current.child === workInProgress.child
+ ? reconcileChildFibers(
+ workInProgress,
+ workInProgress.stateNode,
+ fn,
+ renderExpirationTime
+ )
+ : reconcileChildFibersInPlace(
+ workInProgress,
+ workInProgress.stateNode,
+ fn,
+ renderExpirationTime
+ );
+ workInProgress.memoizedProps = props;
+ return workInProgress.stateNode;
+ case 9:
+ return null;
+ case 4:
+ a: {
+ pushHostContainer(
+ workInProgress,
+ workInProgress.stateNode.containerInfo
+ );
+ props = workInProgress.pendingProps;
+ if (didPerformWorkStackCursor.current)
+ null === props &&
+ ((props = current && current.memoizedProps),
+ invariant(
+ null != props,
+ "We should always have pending or current props. This error is likely caused by a bug in React. Please file an issue."
+ ));
+ else if (null === props || workInProgress.memoizedProps === props) {
+ workInProgress = bailoutOnAlreadyFinishedWork(
+ current,
+ workInProgress
+ );
+ break a;
+ }
+ null === current
+ ? (workInProgress.child = reconcileChildFibersInPlace(
+ workInProgress,
+ workInProgress.child,
+ props,
+ renderExpirationTime
+ ))
+ : reconcileChildren(current, workInProgress, props);
+ workInProgress.memoizedProps = props;
+ workInProgress = workInProgress.child;
+ }
+ return workInProgress;
+ case 10:
+ a: {
+ renderExpirationTime = workInProgress.pendingProps;
+ if (didPerformWorkStackCursor.current)
+ null === renderExpirationTime &&
+ (renderExpirationTime = workInProgress.memoizedProps);
+ else if (
+ null === renderExpirationTime ||
+ workInProgress.memoizedProps === renderExpirationTime
+ ) {
+ workInProgress = bailoutOnAlreadyFinishedWork(
+ current,
+ workInProgress
+ );
+ break a;
+ }
+ reconcileChildren(current, workInProgress, renderExpirationTime);
+ workInProgress.memoizedProps = renderExpirationTime;
+ workInProgress = workInProgress.child;
+ }
+ return workInProgress;
+ default:
+ invariant(
+ !1,
+ "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+ );
+ }
+ },
+ beginFailedWork: function(current, workInProgress, renderExpirationTime) {
+ switch (workInProgress.tag) {
+ case 2:
+ pushContextProvider(workInProgress);
+ break;
+ case 3:
+ pushHostRootContext(workInProgress);
+ break;
+ default:
+ invariant(
+ !1,
+ "Invalid type of work. This error is likely caused by a bug in React. Please file an issue."
+ );
+ }
+ workInProgress.effectTag |= 64;
+ null === current
+ ? (workInProgress.child = null)
+ : workInProgress.child !== current.child &&
+ (workInProgress.child = current.child);
+ if (
+ 0 === workInProgress.expirationTime ||
+ workInProgress.expirationTime > renderExpirationTime
+ )
+ return bailoutOnLowPriority(current, workInProgress);
+ workInProgress.firstEffect = null;
+ workInProgress.lastEffect = null;
+ reconcileChildrenAtExpirationTime(
+ current,
+ workInProgress,
+ null,
+ renderExpirationTime
+ );
+ 2 === workInProgress.tag &&
+ ((current = workInProgress.stateNode),
+ (workInProgress.memoizedProps = current.props),
+ (workInProgress.memoizedState = current.state));
+ return workInProgress.child;
+ }
+ };
+}
+function ReactFiberCompleteWork(config, hostContext, hydrationContext) {
+ function markUpdate(workInProgress) {
+ workInProgress.effectTag |= 4;
+ }
+ var createInstance = config.createInstance,
+ createTextInstance = config.createTextInstance,
+ appendInitialChild = config.appendInitialChild,
+ finalizeInitialChildren = config.finalizeInitialChildren,
+ prepareUpdate = config.prepareUpdate,
+ persistence = config.persistence,
+ getRootHostContainer = hostContext.getRootHostContainer,
+ popHostContext = hostContext.popHostContext,
+ getHostContext = hostContext.getHostContext,
+ popHostContainer = hostContext.popHostContainer,
+ prepareToHydrateHostInstance =
+ hydrationContext.prepareToHydrateHostInstance,
+ prepareToHydrateHostTextInstance =
+ hydrationContext.prepareToHydrateHostTextInstance,
+ popHydrationState = hydrationContext.popHydrationState,
+ updateHostContainer = void 0,
+ updateHostComponent = void 0,
+ updateHostText = void 0;
+ config.mutation
+ ? ((updateHostContainer = function() {}),
+ (updateHostComponent = function(current, workInProgress, updatePayload) {
+ (workInProgress.updateQueue = updatePayload) &&
+ markUpdate(workInProgress);
+ }),
+ (updateHostText = function(current, workInProgress, oldText, newText) {
+ oldText !== newText && markUpdate(workInProgress);
+ }))
+ : persistence
+ ? invariant(!1, "Persistent reconciler is disabled.")
+ : invariant(!1, "Noop reconciler is disabled.");
+ return {
+ completeWork: function(current, workInProgress, renderExpirationTime) {
+ var newProps = workInProgress.pendingProps;
+ if (null === newProps) newProps = workInProgress.memoizedProps;
+ else if (
+ 2147483647 !== workInProgress.expirationTime ||
+ 2147483647 === renderExpirationTime
+ )
+ workInProgress.pendingProps = null;
+ switch (workInProgress.tag) {
+ case 1:
+ return null;
+ case 2:
+ return popContextProvider(workInProgress), null;
+ case 3:
+ popHostContainer(workInProgress);
+ pop(didPerformWorkStackCursor, workInProgress);
+ pop(contextStackCursor, workInProgress);
+ newProps = workInProgress.stateNode;
+ newProps.pendingContext &&
+ ((newProps.context = newProps.pendingContext),
+ (newProps.pendingContext = null));
+ if (null === current || null === current.child)
+ popHydrationState(workInProgress), (workInProgress.effectTag &= -3);
+ updateHostContainer(workInProgress);
+ return null;
+ case 5:
+ popHostContext(workInProgress);
+ renderExpirationTime = getRootHostContainer();
+ var type = workInProgress.type;
+ if (null !== current && null != workInProgress.stateNode) {
+ var oldProps = current.memoizedProps,
+ instance = workInProgress.stateNode,
+ currentHostContext = getHostContext();
+ instance = prepareUpdate(
+ instance,
+ type,
+ oldProps,
+ newProps,
+ renderExpirationTime,
+ currentHostContext
+ );
+ updateHostComponent(
+ current,
+ workInProgress,
+ instance,
+ type,
+ oldProps,
+ newProps,
+ renderExpirationTime
+ );
+ current.ref !== workInProgress.ref &&
+ (workInProgress.effectTag |= 128);
+ } else {
+ if (!newProps)
+ return (
+ invariant(
+ null !== workInProgress.stateNode,
+ "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+ ),
+ null
+ );
+ current = getHostContext();
+ if (popHydrationState(workInProgress))
+ prepareToHydrateHostInstance(
+ workInProgress,
+ renderExpirationTime,
+ current
+ ) && markUpdate(workInProgress);
+ else {
+ current = createInstance(
+ type,
+ newProps,
+ renderExpirationTime,
+ current,
+ workInProgress
+ );
+ a: for (oldProps = workInProgress.child; null !== oldProps; ) {
+ if (5 === oldProps.tag || 6 === oldProps.tag)
+ appendInitialChild(current, oldProps.stateNode);
+ else if (4 !== oldProps.tag && null !== oldProps.child) {
+ oldProps.child["return"] = oldProps;
+ oldProps = oldProps.child;
+ continue;
+ }
+ if (oldProps === workInProgress) break;
+ for (; null === oldProps.sibling; ) {
+ if (
+ null === oldProps["return"] ||
+ oldProps["return"] === workInProgress
+ )
+ break a;
+ oldProps = oldProps["return"];
+ }
+ oldProps.sibling["return"] = oldProps["return"];
+ oldProps = oldProps.sibling;
+ }
+ finalizeInitialChildren(
+ current,
+ type,
+ newProps,
+ renderExpirationTime
+ ) && markUpdate(workInProgress);
+ workInProgress.stateNode = current;
+ }
+ null !== workInProgress.ref && (workInProgress.effectTag |= 128);
+ }
+ return null;
+ case 6:
+ if (current && null != workInProgress.stateNode)
+ updateHostText(
+ current,
+ workInProgress,
+ current.memoizedProps,
+ newProps
+ );
+ else {
+ if ("string" !== typeof newProps)
+ return (
+ invariant(
+ null !== workInProgress.stateNode,
+ "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+ ),
+ null
+ );
+ current = getRootHostContainer();
+ renderExpirationTime = getHostContext();
+ popHydrationState(workInProgress)
+ ? prepareToHydrateHostTextInstance(workInProgress) &&
+ markUpdate(workInProgress)
+ : (workInProgress.stateNode = createTextInstance(
+ newProps,
+ current,
+ renderExpirationTime,
+ workInProgress
+ ));
+ }
+ return null;
+ case 7:
+ newProps = workInProgress.memoizedProps;
+ invariant(
+ newProps,
+ "Should be resolved by now. This error is likely caused by a bug in React. Please file an issue."
+ );
+ workInProgress.tag = 8;
+ type = [];
+ a: for (
+ (oldProps = workInProgress.stateNode) &&
+ (oldProps["return"] = workInProgress);
+ null !== oldProps;
+
+ ) {
+ if (5 === oldProps.tag || 6 === oldProps.tag || 4 === oldProps.tag)
+ invariant(!1, "A call cannot have host component children.");
+ else if (9 === oldProps.tag) type.push(oldProps.type);
+ else if (null !== oldProps.child) {
+ oldProps.child["return"] = oldProps;
+ oldProps = oldProps.child;
+ continue;
+ }
+ for (; null === oldProps.sibling; ) {
+ if (
+ null === oldProps["return"] ||
+ oldProps["return"] === workInProgress
+ )
+ break a;
+ oldProps = oldProps["return"];
+ }
+ oldProps.sibling["return"] = oldProps["return"];
+ oldProps = oldProps.sibling;
+ }
+ oldProps = newProps.handler;
+ newProps = oldProps(newProps.props, type);
+ workInProgress.child = reconcileChildFibers(
+ workInProgress,
+ null !== current ? current.child : null,
+ newProps,
+ renderExpirationTime
+ );
+ return workInProgress.child;
+ case 8:
+ return (workInProgress.tag = 7), null;
+ case 9:
+ return null;
+ case 10:
+ return null;
+ case 4:
+ return (
+ popHostContainer(workInProgress),
+ updateHostContainer(workInProgress),
+ null
+ );
+ case 0:
+ invariant(
+ !1,
+ "An indeterminate component should have become determinate before completing. This error is likely caused by a bug in React. Please file an issue."
+ );
+ default:
+ invariant(
+ !1,
+ "Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue."
+ );
+ }
+ }
+ };
+}
+function ReactFiberCommitWork(config, captureError) {
+ function safelyDetachRef(current) {
+ var ref = current.ref;
+ if (null !== ref)
+ try {
+ ref(null);
+ } catch (refError) {
+ captureError(current, refError);
+ }
+ }
+ function commitUnmount(current) {
+ "function" === typeof onCommitUnmount && onCommitUnmount(current);
+ switch (current.tag) {
+ case 2:
+ safelyDetachRef(current);
+ var instance = current.stateNode;
+ if ("function" === typeof instance.componentWillUnmount)
+ try {
+ (instance.props = current.memoizedProps),
+ (instance.state = current.memoizedState),
+ instance.componentWillUnmount();
+ } catch (unmountError) {
+ captureError(current, unmountError);
+ }
+ break;
+ case 5:
+ safelyDetachRef(current);
+ break;
+ case 7:
+ commitNestedUnmounts(current.stateNode);
+ break;
+ case 4:
+ mutation && unmountHostComponents(current);
+ }
+ }
+ function commitNestedUnmounts(root) {
+ for (var node = root; ; )
+ if (
+ (commitUnmount(node),
+ null === node.child || (mutation && 4 === node.tag))
+ ) {
+ if (node === root) break;
+ for (; null === node.sibling; ) {
+ if (null === node["return"] || node["return"] === root) return;
+ node = node["return"];
+ }
+ node.sibling["return"] = node["return"];
+ node = node.sibling;
+ } else (node.child["return"] = node), (node = node.child);
+ }
+ function isHostParent(fiber) {
+ return 5 === fiber.tag || 3 === fiber.tag || 4 === fiber.tag;
+ }
+ function unmountHostComponents(current) {
+ for (
+ var node = current,
+ currentParentIsValid = !1,
+ currentParent = void 0,
+ currentParentIsContainer = void 0;
+ ;
+
+ ) {
+ if (!currentParentIsValid) {
+ currentParentIsValid = node["return"];
+ a: for (;;) {
+ invariant(
+ null !== currentParentIsValid,
+ "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+ );
+ switch (currentParentIsValid.tag) {
+ case 5:
+ currentParent = currentParentIsValid.stateNode;
+ currentParentIsContainer = !1;
+ break a;
+ case 3:
+ currentParent = currentParentIsValid.stateNode.containerInfo;
+ currentParentIsContainer = !0;
+ break a;
+ case 4:
+ currentParent = currentParentIsValid.stateNode.containerInfo;
+ currentParentIsContainer = !0;
+ break a;
+ }
+ currentParentIsValid = currentParentIsValid["return"];
+ }
+ currentParentIsValid = !0;
+ }
+ if (5 === node.tag || 6 === node.tag)
+ commitNestedUnmounts(node),
+ currentParentIsContainer
+ ? removeChildFromContainer(currentParent, node.stateNode)
+ : removeChild(currentParent, node.stateNode);
+ else if (
+ (4 === node.tag
+ ? (currentParent = node.stateNode.containerInfo)
+ : commitUnmount(node),
+ null !== node.child)
+ ) {
+ node.child["return"] = node;
+ node = node.child;
+ continue;
+ }
+ if (node === current) break;
+ for (; null === node.sibling; ) {
+ if (null === node["return"] || node["return"] === current) return;
+ node = node["return"];
+ 4 === node.tag && (currentParentIsValid = !1);
+ }
+ node.sibling["return"] = node["return"];
+ node = node.sibling;
+ }
+ }
+ var getPublicInstance = config.getPublicInstance,
+ mutation = config.mutation;
+ config = config.persistence;
+ mutation ||
+ (config
+ ? invariant(!1, "Persistent reconciler is disabled.")
+ : invariant(!1, "Noop reconciler is disabled."));
+ var commitMount = mutation.commitMount,
+ commitUpdate = mutation.commitUpdate,
+ resetTextContent = mutation.resetTextContent,
+ commitTextUpdate = mutation.commitTextUpdate,
+ appendChild = mutation.appendChild,
+ appendChildToContainer = mutation.appendChildToContainer,
+ insertBefore = mutation.insertBefore,
+ insertInContainerBefore = mutation.insertInContainerBefore,
+ removeChild = mutation.removeChild,
+ removeChildFromContainer = mutation.removeChildFromContainer;
+ return {
+ commitResetTextContent: function(current) {
+ resetTextContent(current.stateNode);
+ },
+ commitPlacement: function(finishedWork) {
+ a: {
+ for (var parent = finishedWork["return"]; null !== parent; ) {
+ if (isHostParent(parent)) {
+ var parentFiber = parent;
+ break a;
+ }
+ parent = parent["return"];
+ }
+ invariant(
+ !1,
+ "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
+ );
+ parentFiber = void 0;
+ }
+ var isContainer = (parent = void 0);
+ switch (parentFiber.tag) {
+ case 5:
+ parent = parentFiber.stateNode;
+ isContainer = !1;
+ break;
+ case 3:
+ parent = parentFiber.stateNode.containerInfo;
+ isContainer = !0;
+ break;
+ case 4:
+ parent = parentFiber.stateNode.containerInfo;
+ isContainer = !0;
+ break;
+ default:
+ invariant(
+ !1,
+ "Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue."
+ );
+ }
+ parentFiber.effectTag & 16 &&
+ (resetTextContent(parent), (parentFiber.effectTag &= -17));
+ a: b: for (parentFiber = finishedWork; ; ) {
+ for (; null === parentFiber.sibling; ) {
+ if (
+ null === parentFiber["return"] ||
+ isHostParent(parentFiber["return"])
+ ) {
+ parentFiber = null;
+ break a;
+ }
+ parentFiber = parentFiber["return"];
+ }
+ parentFiber.sibling["return"] = parentFiber["return"];
+ for (
+ parentFiber = parentFiber.sibling;
+ 5 !== parentFiber.tag && 6 !== parentFiber.tag;
+
+ ) {
+ if (parentFiber.effectTag & 2) continue b;
+ if (null === parentFiber.child || 4 === parentFiber.tag) continue b;
+ else
+ (parentFiber.child["return"] = parentFiber),
+ (parentFiber = parentFiber.child);
+ }
+ if (!(parentFiber.effectTag & 2)) {
+ parentFiber = parentFiber.stateNode;
+ break a;
+ }
+ }
+ for (var node = finishedWork; ; ) {
+ if (5 === node.tag || 6 === node.tag)
+ parentFiber
+ ? isContainer
+ ? insertInContainerBefore(parent, node.stateNode, parentFiber)
+ : insertBefore(parent, node.stateNode, parentFiber)
+ : isContainer
+ ? appendChildToContainer(parent, node.stateNode)
+ : appendChild(parent, node.stateNode);
+ else if (4 !== node.tag && null !== node.child) {
+ node.child["return"] = node;
+ node = node.child;
+ continue;
+ }
+ if (node === finishedWork) break;
+ for (; null === node.sibling; ) {
+ if (null === node["return"] || node["return"] === finishedWork)
+ return;
+ node = node["return"];
+ }
+ node.sibling["return"] = node["return"];
+ node = node.sibling;
+ }
+ },
+ commitDeletion: function(current) {
+ unmountHostComponents(current);
+ current["return"] = null;
+ current.child = null;
+ current.alternate &&
+ ((current.alternate.child = null),
+ (current.alternate["return"] = null));
+ },
+ commitWork: function(current, finishedWork) {
+ switch (finishedWork.tag) {
+ case 2:
+ break;
+ case 5:
+ var instance = finishedWork.stateNode;
+ if (null != instance) {
+ var newProps = finishedWork.memoizedProps;
+ current = null !== current ? current.memoizedProps : newProps;
+ var type = finishedWork.type,
+ updatePayload = finishedWork.updateQueue;
+ finishedWork.updateQueue = null;
+ null !== updatePayload &&
+ commitUpdate(
+ instance,
+ updatePayload,
+ type,
+ current,
+ newProps,
+ finishedWork
+ );
+ }
+ break;
+ case 6:
+ invariant(
+ null !== finishedWork.stateNode,
+ "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
+ );
+ instance = finishedWork.memoizedProps;
+ commitTextUpdate(
+ finishedWork.stateNode,
+ null !== current ? current.memoizedProps : instance,
+ instance
+ );
+ break;
+ case 3:
+ break;
+ default:
+ invariant(
+ !1,
+ "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+ );
+ }
+ },
+ commitLifeCycles: function(current, finishedWork) {
+ switch (finishedWork.tag) {
+ case 2:
+ var instance = finishedWork.stateNode;
+ if (finishedWork.effectTag & 4)
+ if (null === current)
+ (instance.props = finishedWork.memoizedProps),
+ (instance.state = finishedWork.memoizedState),
+ instance.componentDidMount();
+ else {
+ var prevProps = current.memoizedProps;
+ current = current.memoizedState;
+ instance.props = finishedWork.memoizedProps;
+ instance.state = finishedWork.memoizedState;
+ instance.componentDidUpdate(prevProps, current);
+ }
+ finishedWork = finishedWork.updateQueue;
+ null !== finishedWork && commitCallbacks(finishedWork, instance);
+ break;
+ case 3:
+ instance = finishedWork.updateQueue;
+ null !== instance &&
+ commitCallbacks(
+ instance,
+ null !== finishedWork.child ? finishedWork.child.stateNode : null
+ );
+ break;
+ case 5:
+ instance = finishedWork.stateNode;
+ null === current &&
+ finishedWork.effectTag & 4 &&
+ commitMount(
+ instance,
+ finishedWork.type,
+ finishedWork.memoizedProps,
+ finishedWork
+ );
+ break;
+ case 6:
+ break;
+ case 4:
+ break;
+ default:
+ invariant(
+ !1,
+ "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+ );
+ }
+ },
+ commitAttachRef: function(finishedWork) {
+ var ref = finishedWork.ref;
+ if (null !== ref) {
+ var instance = finishedWork.stateNode;
+ switch (finishedWork.tag) {
+ case 5:
+ ref(getPublicInstance(instance));
+ break;
+ default:
+ ref(instance);
+ }
+ }
+ },
+ commitDetachRef: function(current) {
+ current = current.ref;
+ null !== current && current(null);
+ }
+ };
+}
+var NO_CONTEXT = {};
+function ReactFiberHostContext(config) {
+ function requiredContext(c) {
+ invariant(
+ c !== NO_CONTEXT,
+ "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+ );
+ return c;
+ }
+ var getChildHostContext = config.getChildHostContext,
+ getRootHostContext = config.getRootHostContext,
+ contextStackCursor = { current: NO_CONTEXT },
+ contextFiberStackCursor = { current: NO_CONTEXT },
+ rootInstanceStackCursor = { current: NO_CONTEXT };
+ return {
+ getHostContext: function() {
+ return requiredContext(contextStackCursor.current);
+ },
+ getRootHostContainer: function() {
+ return requiredContext(rootInstanceStackCursor.current);
+ },
+ popHostContainer: function(fiber) {
+ pop(contextStackCursor, fiber);
+ pop(contextFiberStackCursor, fiber);
+ pop(rootInstanceStackCursor, fiber);
+ },
+ popHostContext: function(fiber) {
+ contextFiberStackCursor.current === fiber &&
+ (pop(contextStackCursor, fiber), pop(contextFiberStackCursor, fiber));
+ },
+ pushHostContainer: function(fiber, nextRootInstance) {
+ push(rootInstanceStackCursor, nextRootInstance, fiber);
+ nextRootInstance = getRootHostContext(nextRootInstance);
+ push(contextFiberStackCursor, fiber, fiber);
+ push(contextStackCursor, nextRootInstance, fiber);
+ },
+ pushHostContext: function(fiber) {
+ var rootInstance = requiredContext(rootInstanceStackCursor.current),
+ context = requiredContext(contextStackCursor.current);
+ rootInstance = getChildHostContext(context, fiber.type, rootInstance);
+ context !== rootInstance &&
+ (push(contextFiberStackCursor, fiber, fiber),
+ push(contextStackCursor, rootInstance, fiber));
+ },
+ resetHostContainer: function() {
+ contextStackCursor.current = NO_CONTEXT;
+ rootInstanceStackCursor.current = NO_CONTEXT;
+ }
+ };
+}
+function ReactFiberHydrationContext(config) {
+ function deleteHydratableInstance(returnFiber, instance) {
+ var fiber = new FiberNode(5, null, 0);
+ fiber.type = "DELETED";
+ fiber.stateNode = instance;
+ fiber["return"] = returnFiber;
+ fiber.effectTag = 8;
+ null !== returnFiber.lastEffect
+ ? ((returnFiber.lastEffect.nextEffect = fiber),
+ (returnFiber.lastEffect = fiber))
+ : (returnFiber.firstEffect = returnFiber.lastEffect = fiber);
+ }
+ function tryHydrate(fiber, nextInstance) {
+ switch (fiber.tag) {
+ case 5:
+ return (
+ (nextInstance = canHydrateInstance(
+ nextInstance,
+ fiber.type,
+ fiber.pendingProps
+ )),
+ null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
+ );
+ case 6:
+ return (
+ (nextInstance = canHydrateTextInstance(
+ nextInstance,
+ fiber.pendingProps
+ )),
+ null !== nextInstance ? ((fiber.stateNode = nextInstance), !0) : !1
+ );
+ default:
+ return !1;
+ }
+ }
+ function popToNextHostParent(fiber) {
+ for (
+ fiber = fiber["return"];
+ null !== fiber && 5 !== fiber.tag && 3 !== fiber.tag;
+
+ )
+ fiber = fiber["return"];
+ hydrationParentFiber = fiber;
+ }
+ var shouldSetTextContent = config.shouldSetTextContent;
+ config = config.hydration;
+ if (!config)
+ return {
+ enterHydrationState: function() {
+ return !1;
+ },
+ resetHydrationState: function() {},
+ tryToClaimNextHydratableInstance: function() {},
+ prepareToHydrateHostInstance: function() {
+ invariant(
+ !1,
+ "Expected prepareToHydrateHostInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+ );
+ },
+ prepareToHydrateHostTextInstance: function() {
+ invariant(
+ !1,
+ "Expected prepareToHydrateHostTextInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+ );
+ },
+ popHydrationState: function() {
+ return !1;
+ }
+ };
+ var canHydrateInstance = config.canHydrateInstance,
+ canHydrateTextInstance = config.canHydrateTextInstance,
+ getNextHydratableSibling = config.getNextHydratableSibling,
+ getFirstHydratableChild = config.getFirstHydratableChild,
+ hydrateInstance = config.hydrateInstance,
+ hydrateTextInstance = config.hydrateTextInstance,
+ hydrationParentFiber = null,
+ nextHydratableInstance = null,
+ isHydrating = !1;
+ return {
+ enterHydrationState: function(fiber) {
+ nextHydratableInstance = getFirstHydratableChild(
+ fiber.stateNode.containerInfo
+ );
+ hydrationParentFiber = fiber;
+ return (isHydrating = !0);
+ },
+ resetHydrationState: function() {
+ nextHydratableInstance = hydrationParentFiber = null;
+ isHydrating = !1;
+ },
+ tryToClaimNextHydratableInstance: function(fiber) {
+ if (isHydrating) {
+ var nextInstance = nextHydratableInstance;
+ if (nextInstance) {
+ if (!tryHydrate(fiber, nextInstance)) {
+ nextInstance = getNextHydratableSibling(nextInstance);
+ if (!nextInstance || !tryHydrate(fiber, nextInstance)) {
+ fiber.effectTag |= 2;
+ isHydrating = !1;
+ hydrationParentFiber = fiber;
+ return;
+ }
+ deleteHydratableInstance(
+ hydrationParentFiber,
+ nextHydratableInstance
+ );
+ }
+ hydrationParentFiber = fiber;
+ nextHydratableInstance = getFirstHydratableChild(nextInstance);
+ } else
+ (fiber.effectTag |= 2),
+ (isHydrating = !1),
+ (hydrationParentFiber = fiber);
+ }
+ },
+ prepareToHydrateHostInstance: function(
+ fiber,
+ rootContainerInstance,
+ hostContext
+ ) {
+ rootContainerInstance = hydrateInstance(
+ fiber.stateNode,
+ fiber.type,
+ fiber.memoizedProps,
+ rootContainerInstance,
+ hostContext,
+ fiber
+ );
+ fiber.updateQueue = rootContainerInstance;
+ return null !== rootContainerInstance ? !0 : !1;
+ },
+ prepareToHydrateHostTextInstance: function(fiber) {
+ return hydrateTextInstance(fiber.stateNode, fiber.memoizedProps, fiber);
+ },
+ popHydrationState: function(fiber) {
+ if (fiber !== hydrationParentFiber) return !1;
+ if (!isHydrating)
+ return popToNextHostParent(fiber), (isHydrating = !0), !1;
+ var type = fiber.type;
+ if (
+ 5 !== fiber.tag ||
+ ("head" !== type &&
+ "body" !== type &&
+ !shouldSetTextContent(type, fiber.memoizedProps))
+ )
+ for (type = nextHydratableInstance; type; )
+ deleteHydratableInstance(fiber, type),
+ (type = getNextHydratableSibling(type));
+ popToNextHostParent(fiber);
+ nextHydratableInstance = hydrationParentFiber
+ ? getNextHydratableSibling(fiber.stateNode)
+ : null;
+ return !0;
+ }
+ };
+}
+function ReactFiberScheduler(config) {
+ function commitRoot(finishedWork) {
+ isCommitting = isWorking = !0;
+ var root = finishedWork.stateNode;
+ invariant(
+ root.current !== finishedWork,
+ "Cannot commit the same tree as before. This is probably a bug related to the return field. This error is likely caused by a bug in React. Please file an issue."
+ );
+ root.isReadyForCommit = !1;
+ ReactCurrentOwner.current = null;
+ if (1 < finishedWork.effectTag)
+ if (null !== finishedWork.lastEffect) {
+ finishedWork.lastEffect.nextEffect = finishedWork;
+ var firstEffect = finishedWork.firstEffect;
+ } else firstEffect = finishedWork;
+ else firstEffect = finishedWork.firstEffect;
+ prepareForCommit();
+ for (nextEffect = firstEffect; null !== nextEffect; ) {
+ var didError = !1,
+ _error = void 0;
+ try {
+ for (; null !== nextEffect; ) {
+ var effectTag = nextEffect.effectTag;
+ effectTag & 16 && commitResetTextContent(nextEffect);
+ if (effectTag & 128) {
+ var current = nextEffect.alternate;
+ null !== current && commitDetachRef(current);
+ }
+ switch (effectTag & -242) {
+ case 2:
+ commitPlacement(nextEffect);
+ nextEffect.effectTag &= -3;
+ break;
+ case 6:
+ commitPlacement(nextEffect);
+ nextEffect.effectTag &= -3;
+ commitWork(nextEffect.alternate, nextEffect);
+ break;
+ case 4:
+ commitWork(nextEffect.alternate, nextEffect);
+ break;
+ case 8:
+ (isUnmounting = !0),
+ commitDeletion(nextEffect),
+ (isUnmounting = !1);
+ }
+ nextEffect = nextEffect.nextEffect;
+ }
+ } catch (e) {
+ (didError = !0), (_error = e);
+ }
+ didError &&
+ (invariant(
+ null !== nextEffect,
+ "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
+ ),
+ captureError(nextEffect, _error),
+ null !== nextEffect && (nextEffect = nextEffect.nextEffect));
+ }
+ resetAfterCommit();
+ root.current = finishedWork;
+ for (nextEffect = firstEffect; null !== nextEffect; ) {
+ firstEffect = !1;
+ didError = void 0;
+ try {
+ for (; null !== nextEffect; ) {
+ var effectTag$jscomp$0 = nextEffect.effectTag;
+ effectTag$jscomp$0 & 36 &&
+ commitLifeCycles(nextEffect.alternate, nextEffect);
+ effectTag$jscomp$0 & 128 && commitAttachRef(nextEffect);
+ if (effectTag$jscomp$0 & 64)
+ switch (((_error = nextEffect),
+ (effectTag = void 0),
+ null !== capturedErrors &&
+ ((effectTag = capturedErrors.get(_error)),
+ capturedErrors["delete"](_error),
+ null == effectTag &&
+ null !== _error.alternate &&
+ ((_error = _error.alternate),
+ (effectTag = capturedErrors.get(_error)),
+ capturedErrors["delete"](_error))),
+ invariant(
+ null != effectTag,
+ "No error for given unit of work. This error is likely caused by a bug in React. Please file an issue."
+ ),
+ _error.tag)) {
+ case 2:
+ _error.stateNode.componentDidCatch(effectTag.error, {
+ componentStack: effectTag.componentStack
+ });
+ break;
+ case 3:
+ null === firstUncaughtError &&
+ (firstUncaughtError = effectTag.error);
+ break;
+ default:
+ invariant(
+ !1,
+ "Invalid type of work. This error is likely caused by a bug in React. Please file an issue."
+ );
+ }
+ var next = nextEffect.nextEffect;
+ nextEffect.nextEffect = null;
+ nextEffect = next;
+ }
+ } catch (e) {
+ (firstEffect = !0), (didError = e);
+ }
+ firstEffect &&
+ (invariant(
+ null !== nextEffect,
+ "Should have next effect. This error is likely caused by a bug in React. Please file an issue."
+ ),
+ captureError(nextEffect, didError),
+ null !== nextEffect && (nextEffect = nextEffect.nextEffect));
+ }
+ isWorking = isCommitting = !1;
+ "function" === typeof onCommitRoot && onCommitRoot(finishedWork.stateNode);
+ commitPhaseBoundaries &&
+ (commitPhaseBoundaries.forEach(scheduleErrorRecovery),
+ (commitPhaseBoundaries = null));
+ null !== firstUncaughtError &&
+ ((finishedWork = firstUncaughtError),
+ (firstUncaughtError = null),
+ onUncaughtError(finishedWork));
+ root = root.current.expirationTime;
+ 0 === root && (failedBoundaries = capturedErrors = null);
+ return root;
+ }
+ function completeUnitOfWork(workInProgress$jscomp$0) {
+ for (;;) {
+ var next = completeWork(
+ workInProgress$jscomp$0.alternate,
+ workInProgress$jscomp$0,
+ nextRenderExpirationTime
+ ),
+ returnFiber = workInProgress$jscomp$0["return"],
+ siblingFiber = workInProgress$jscomp$0.sibling;
+ var workInProgress = workInProgress$jscomp$0;
+ if (
+ 2147483647 === nextRenderExpirationTime ||
+ 2147483647 !== workInProgress.expirationTime
+ ) {
+ if (2 !== workInProgress.tag && 3 !== workInProgress.tag)
+ var newExpirationTime = 0;
+ else
+ (newExpirationTime = workInProgress.updateQueue),
+ (newExpirationTime =
+ null === newExpirationTime
+ ? 0
+ : newExpirationTime.expirationTime);
+ for (var child = workInProgress.child; null !== child; )
+ 0 !== child.expirationTime &&
+ (0 === newExpirationTime ||
+ newExpirationTime > child.expirationTime) &&
+ (newExpirationTime = child.expirationTime),
+ (child = child.sibling);
+ workInProgress.expirationTime = newExpirationTime;
+ }
+ if (null !== next) return next;
+ null !== returnFiber &&
+ (null === returnFiber.firstEffect &&
+ (returnFiber.firstEffect = workInProgress$jscomp$0.firstEffect),
+ null !== workInProgress$jscomp$0.lastEffect &&
+ (null !== returnFiber.lastEffect &&
+ (returnFiber.lastEffect.nextEffect =
+ workInProgress$jscomp$0.firstEffect),
+ (returnFiber.lastEffect = workInProgress$jscomp$0.lastEffect)),
+ 1 < workInProgress$jscomp$0.effectTag &&
+ (null !== returnFiber.lastEffect
+ ? (returnFiber.lastEffect.nextEffect = workInProgress$jscomp$0)
+ : (returnFiber.firstEffect = workInProgress$jscomp$0),
+ (returnFiber.lastEffect = workInProgress$jscomp$0)));
+ if (null !== siblingFiber) return siblingFiber;
+ if (null !== returnFiber) workInProgress$jscomp$0 = returnFiber;
+ else {
+ workInProgress$jscomp$0.stateNode.isReadyForCommit = !0;
+ break;
+ }
+ }
+ return null;
+ }
+ function performUnitOfWork(workInProgress) {
+ var next = beginWork(
+ workInProgress.alternate,
+ workInProgress,
+ nextRenderExpirationTime
+ );
+ null === next && (next = completeUnitOfWork(workInProgress));
+ ReactCurrentOwner.current = null;
+ return next;
+ }
+ function performFailedUnitOfWork(workInProgress) {
+ var next = beginFailedWork(
+ workInProgress.alternate,
+ workInProgress,
+ nextRenderExpirationTime
+ );
+ null === next && (next = completeUnitOfWork(workInProgress));
+ ReactCurrentOwner.current = null;
+ return next;
+ }
+ function workLoop(expirationTime) {
+ if (null !== capturedErrors) {
+ if (
+ !(
+ 0 === nextRenderExpirationTime ||
+ nextRenderExpirationTime > expirationTime
+ )
+ )
+ if (nextRenderExpirationTime <= mostRecentCurrentTime)
+ for (; null !== nextUnitOfWork; )
+ nextUnitOfWork = hasCapturedError(nextUnitOfWork)
+ ? performFailedUnitOfWork(nextUnitOfWork)
+ : performUnitOfWork(nextUnitOfWork);
+ else
+ for (; null !== nextUnitOfWork && !shouldYield(); )
+ nextUnitOfWork = hasCapturedError(nextUnitOfWork)
+ ? performFailedUnitOfWork(nextUnitOfWork)
+ : performUnitOfWork(nextUnitOfWork);
+ } else if (
+ !(
+ 0 === nextRenderExpirationTime ||
+ nextRenderExpirationTime > expirationTime
+ )
+ )
+ if (nextRenderExpirationTime <= mostRecentCurrentTime)
+ for (; null !== nextUnitOfWork; )
+ nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
+ else
+ for (; null !== nextUnitOfWork && !shouldYield(); )
+ nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
+ }
+ function renderRoot(root, expirationTime) {
+ invariant(
+ !isWorking,
+ "renderRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
+ );
+ isWorking = !0;
+ root.isReadyForCommit = !1;
+ if (
+ root !== nextRoot ||
+ expirationTime !== nextRenderExpirationTime ||
+ null === nextUnitOfWork
+ ) {
+ for (; -1 < index; ) (valueStack[index] = null), index--;
+ previousContext = emptyObject;
+ contextStackCursor.current = emptyObject;
+ didPerformWorkStackCursor.current = !1;
+ resetHostContainer();
+ nextRoot = root;
+ nextRenderExpirationTime = expirationTime;
+ nextUnitOfWork = createWorkInProgress(
+ nextRoot.current,
+ null,
+ expirationTime
+ );
+ }
+ var didError = !1,
+ error = null;
+ try {
+ workLoop(expirationTime);
+ } catch (e) {
+ (didError = !0), (error = e);
+ }
+ for (; didError; ) {
+ if (didFatal) {
+ firstUncaughtError = error;
+ break;
+ }
+ var failedWork = nextUnitOfWork;
+ if (null === failedWork) didFatal = !0;
+ else {
+ var boundary = captureError(failedWork, error);
+ invariant(
+ null !== boundary,
+ "Should have found an error boundary. This error is likely caused by a bug in React. Please file an issue."
+ );
+ if (!didFatal) {
+ try {
+ didError = boundary;
+ error = expirationTime;
+ for (boundary = didError; null !== failedWork; ) {
+ switch (failedWork.tag) {
+ case 2:
+ popContextProvider(failedWork);
+ break;
+ case 5:
+ popHostContext(failedWork);
+ break;
+ case 3:
+ popHostContainer(failedWork);
+ break;
+ case 4:
+ popHostContainer(failedWork);
+ }
+ if (failedWork === boundary || failedWork.alternate === boundary)
+ break;
+ failedWork = failedWork["return"];
+ }
+ nextUnitOfWork = performFailedUnitOfWork(didError);
+ workLoop(error);
+ } catch (e) {
+ didError = !0;
+ error = e;
+ continue;
+ }
+ break;
+ }
+ }
+ }
+ expirationTime = firstUncaughtError;
+ didFatal = isWorking = !1;
+ firstUncaughtError = null;
+ null !== expirationTime && onUncaughtError(expirationTime);
+ return root.isReadyForCommit ? root.current.alternate : null;
+ }
+ function captureError(failedWork, error) {
+ var boundary = (ReactCurrentOwner.current = null),
+ errorBoundaryFound = !1,
+ willRetry = !1,
+ errorBoundaryName = null;
+ if (3 === failedWork.tag)
+ (boundary = failedWork), isFailedBoundary(failedWork) && (didFatal = !0);
+ else
+ for (
+ var node = failedWork["return"];
+ null !== node && null === boundary;
+
+ ) {
+ 2 === node.tag
+ ? "function" === typeof node.stateNode.componentDidCatch &&
+ ((errorBoundaryFound = !0),
+ (errorBoundaryName = getComponentName(node)),
+ (boundary = node),
+ (willRetry = !0))
+ : 3 === node.tag && (boundary = node);
+ if (isFailedBoundary(node)) {
+ if (
+ isUnmounting ||
+ (null !== commitPhaseBoundaries &&
+ (commitPhaseBoundaries.has(node) ||
+ (null !== node.alternate &&
+ commitPhaseBoundaries.has(node.alternate))))
+ )
+ return null;
+ boundary = null;
+ willRetry = !1;
+ }
+ node = node["return"];
+ }
+ if (null !== boundary) {
+ null === failedBoundaries && (failedBoundaries = new Set());
+ failedBoundaries.add(boundary);
+ var info = "";
+ node = failedWork;
+ do {
+ a: switch (node.tag) {
+ case 0:
+ case 1:
+ case 2:
+ case 5:
+ var owner = node._debugOwner,
+ source = node._debugSource;
+ var JSCompiler_inline_result = getComponentName(node);
+ var ownerName = null;
+ owner && (ownerName = getComponentName(owner));
+ owner = source;
+ JSCompiler_inline_result =
+ "\n in " +
+ (JSCompiler_inline_result || "Unknown") +
+ (owner
+ ? " (at " +
+ owner.fileName.replace(/^.*[\\\/]/, "") +
+ ":" +
+ owner.lineNumber +
+ ")"
+ : ownerName ? " (created by " + ownerName + ")" : "");
+ break a;
+ default:
+ JSCompiler_inline_result = "";
+ }
+ info += JSCompiler_inline_result;
+ node = node["return"];
+ } while (node);
+ node = info;
+ failedWork = getComponentName(failedWork);
+ null === capturedErrors && (capturedErrors = new Map());
+ error = {
+ componentName: failedWork,
+ componentStack: node,
+ error: error,
+ errorBoundary: errorBoundaryFound ? boundary.stateNode : null,
+ errorBoundaryFound: errorBoundaryFound,
+ errorBoundaryName: errorBoundaryName,
+ willRetry: willRetry
+ };
+ capturedErrors.set(boundary, error);
+ try {
+ !1 !== showDialog(error) && console.error(error.error);
+ } catch (e) {
+ console.error(e);
+ }
+ isCommitting
+ ? (null === commitPhaseBoundaries &&
+ (commitPhaseBoundaries = new Set()),
+ commitPhaseBoundaries.add(boundary))
+ : scheduleErrorRecovery(boundary);
+ return boundary;
+ }
+ null === firstUncaughtError && (firstUncaughtError = error);
+ return null;
+ }
+ function hasCapturedError(fiber) {
+ return (
+ null !== capturedErrors &&
+ (capturedErrors.has(fiber) ||
+ (null !== fiber.alternate && capturedErrors.has(fiber.alternate)))
+ );
+ }
+ function isFailedBoundary(fiber) {
+ return (
+ null !== failedBoundaries &&
+ (failedBoundaries.has(fiber) ||
+ (null !== fiber.alternate && failedBoundaries.has(fiber.alternate)))
+ );
+ }
+ function computeAsyncExpiration() {
+ return 20 * ((((recalculateCurrentTime() + 100) / 20) | 0) + 1);
+ }
+ function computeExpirationForFiber(fiber) {
+ return 0 !== expirationContext
+ ? expirationContext
+ : isWorking
+ ? isCommitting ? 1 : nextRenderExpirationTime
+ : !useSyncScheduling || fiber.internalContextTag & 1
+ ? computeAsyncExpiration()
+ : 1;
+ }
+ function scheduleWork(fiber, expirationTime) {
+ return scheduleWorkImpl(fiber, expirationTime, !1);
+ }
+ function scheduleWorkImpl(fiber, expirationTime$jscomp$0) {
+ for (; null !== fiber; ) {
+ if (
+ 0 === fiber.expirationTime ||
+ fiber.expirationTime > expirationTime$jscomp$0
+ )
+ fiber.expirationTime = expirationTime$jscomp$0;
+ null !== fiber.alternate &&
+ (0 === fiber.alternate.expirationTime ||
+ fiber.alternate.expirationTime > expirationTime$jscomp$0) &&
+ (fiber.alternate.expirationTime = expirationTime$jscomp$0);
+ if (null === fiber["return"])
+ if (3 === fiber.tag) {
+ var root = fiber.stateNode;
+ !isWorking &&
+ root === nextRoot &&
+ expirationTime$jscomp$0 <= nextRenderExpirationTime &&
+ ((nextUnitOfWork = nextRoot = null),
+ (nextRenderExpirationTime = 0));
+ var expirationTime = expirationTime$jscomp$0;
+ nestedUpdateCount > NESTED_UPDATE_LIMIT &&
+ invariant(
+ !1,
+ "Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops."
+ );
+ if (null === root.nextScheduledRoot)
+ (root.remainingExpirationTime = expirationTime),
+ null === lastScheduledRoot
+ ? ((firstScheduledRoot = lastScheduledRoot = root),
+ (root.nextScheduledRoot = root))
+ : ((lastScheduledRoot = lastScheduledRoot.nextScheduledRoot = root),
+ (lastScheduledRoot.nextScheduledRoot = firstScheduledRoot));
+ else {
+ var remainingExpirationTime = root.remainingExpirationTime;
+ if (
+ 0 === remainingExpirationTime ||
+ expirationTime < remainingExpirationTime
+ )
+ root.remainingExpirationTime = expirationTime;
+ }
+ isRendering ||
+ (isBatchingUpdates
+ ? isUnbatchingUpdates && performWorkOnRoot(root, 1)
+ : 1 === expirationTime
+ ? performWork(1, null)
+ : isCallbackScheduled ||
+ ((isCallbackScheduled = !0),
+ scheduleDeferredCallback(performAsyncWork)));
+ } else break;
+ fiber = fiber["return"];
+ }
+ }
+ function scheduleErrorRecovery(fiber) {
+ scheduleWorkImpl(fiber, 1, !0);
+ }
+ function recalculateCurrentTime() {
+ return (mostRecentCurrentTime = (((now() - startTime) / 10) | 0) + 2);
+ }
+ function findHighestPriorityRoot() {
+ var highestPriorityWork = 0,
+ highestPriorityRoot = null;
+ if (null !== lastScheduledRoot)
+ for (
+ var previousScheduledRoot = lastScheduledRoot,
+ root = firstScheduledRoot;
+ null !== root;
+
+ ) {
+ var remainingExpirationTime = root.remainingExpirationTime;
+ if (0 === remainingExpirationTime) {
+ invariant(
+ null !== previousScheduledRoot && null !== lastScheduledRoot,
+ "Should have a previous and last root. This error is likely caused by a bug in React. Please file an issue."
+ );
+ if (root === root.nextScheduledRoot) {
+ firstScheduledRoot = lastScheduledRoot = root.nextScheduledRoot = null;
+ break;
+ } else if (root === firstScheduledRoot)
+ (firstScheduledRoot = remainingExpirationTime =
+ root.nextScheduledRoot),
+ (lastScheduledRoot.nextScheduledRoot = remainingExpirationTime),
+ (root.nextScheduledRoot = null);
+ else if (root === lastScheduledRoot) {
+ lastScheduledRoot = previousScheduledRoot;
+ lastScheduledRoot.nextScheduledRoot = firstScheduledRoot;
+ root.nextScheduledRoot = null;
+ break;
+ } else
+ (previousScheduledRoot.nextScheduledRoot = root.nextScheduledRoot),
+ (root.nextScheduledRoot = null);
+ root = previousScheduledRoot.nextScheduledRoot;
+ } else {
+ if (
+ 0 === highestPriorityWork ||
+ remainingExpirationTime < highestPriorityWork
+ )
+ (highestPriorityWork = remainingExpirationTime),
+ (highestPriorityRoot = root);
+ if (root === lastScheduledRoot) break;
+ previousScheduledRoot = root;
+ root = root.nextScheduledRoot;
+ }
+ }
+ previousScheduledRoot = nextFlushedRoot;
+ null !== previousScheduledRoot &&
+ previousScheduledRoot === highestPriorityRoot
+ ? nestedUpdateCount++
+ : (nestedUpdateCount = 0);
+ nextFlushedRoot = highestPriorityRoot;
+ nextFlushedExpirationTime = highestPriorityWork;
+ }
+ function performAsyncWork(dl) {
+ performWork(0, dl);
+ }
+ function performWork(minExpirationTime, dl) {
+ deadline = dl;
+ for (
+ findHighestPriorityRoot();
+ null !== nextFlushedRoot &&
+ 0 !== nextFlushedExpirationTime &&
+ (0 === minExpirationTime ||
+ nextFlushedExpirationTime <= minExpirationTime) &&
+ !deadlineDidExpire;
+
+ )
+ performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime),
+ findHighestPriorityRoot();
+ null !== deadline && (isCallbackScheduled = !1);
+ null === nextFlushedRoot ||
+ isCallbackScheduled ||
+ ((isCallbackScheduled = !0), scheduleDeferredCallback(performAsyncWork));
+ deadline = null;
+ deadlineDidExpire = !1;
+ nestedUpdateCount = 0;
+ if (hasUnhandledError)
+ throw ((minExpirationTime = unhandledError),
+ (unhandledError = null),
+ (hasUnhandledError = !1),
+ minExpirationTime);
+ }
+ function performWorkOnRoot(root, expirationTime) {
+ invariant(
+ !isRendering,
+ "performWorkOnRoot was called recursively. This error is likely caused by a bug in React. Please file an issue."
+ );
+ isRendering = !0;
+ if (expirationTime <= recalculateCurrentTime()) {
+ var finishedWork = root.finishedWork;
+ null !== finishedWork
+ ? ((root.finishedWork = null),
+ (root.remainingExpirationTime = commitRoot(finishedWork)))
+ : ((root.finishedWork = null),
+ (finishedWork = renderRoot(root, expirationTime)),
+ null !== finishedWork &&
+ (root.remainingExpirationTime = commitRoot(finishedWork)));
+ } else
+ (finishedWork = root.finishedWork),
+ null !== finishedWork
+ ? ((root.finishedWork = null),
+ (root.remainingExpirationTime = commitRoot(finishedWork)))
+ : ((root.finishedWork = null),
+ (finishedWork = renderRoot(root, expirationTime)),
+ null !== finishedWork &&
+ (shouldYield()
+ ? (root.finishedWork = finishedWork)
+ : (root.remainingExpirationTime = commitRoot(finishedWork))));
+ isRendering = !1;
+ }
+ function shouldYield() {
+ return null === deadline ||
+ deadline.timeRemaining() > timeHeuristicForUnitOfWork
+ ? !1
+ : (deadlineDidExpire = !0);
+ }
+ function onUncaughtError(error) {
+ invariant(
+ null !== nextFlushedRoot,
+ "Should be working on a root. This error is likely caused by a bug in React. Please file an issue."
+ );
+ nextFlushedRoot.remainingExpirationTime = 0;
+ hasUnhandledError || ((hasUnhandledError = !0), (unhandledError = error));
+ }
+ var hostContext = ReactFiberHostContext(config),
+ hydrationContext = ReactFiberHydrationContext(config),
+ popHostContainer = hostContext.popHostContainer,
+ popHostContext = hostContext.popHostContext,
+ resetHostContainer = hostContext.resetHostContainer,
+ _ReactFiberBeginWork = ReactFiberBeginWork(
+ config,
+ hostContext,
+ hydrationContext,
+ scheduleWork,
+ computeExpirationForFiber
+ ),
+ beginWork = _ReactFiberBeginWork.beginWork,
+ beginFailedWork = _ReactFiberBeginWork.beginFailedWork,
+ completeWork = ReactFiberCompleteWork(config, hostContext, hydrationContext)
+ .completeWork;
+ hostContext = ReactFiberCommitWork(config, captureError);
+ var commitResetTextContent = hostContext.commitResetTextContent,
+ commitPlacement = hostContext.commitPlacement,
+ commitDeletion = hostContext.commitDeletion,
+ commitWork = hostContext.commitWork,
+ commitLifeCycles = hostContext.commitLifeCycles,
+ commitAttachRef = hostContext.commitAttachRef,
+ commitDetachRef = hostContext.commitDetachRef,
+ now = config.now,
+ scheduleDeferredCallback = config.scheduleDeferredCallback,
+ useSyncScheduling = config.useSyncScheduling,
+ prepareForCommit = config.prepareForCommit,
+ resetAfterCommit = config.resetAfterCommit,
+ startTime = now(),
+ mostRecentCurrentTime = 2,
+ expirationContext = 0,
+ isWorking = !1,
+ nextUnitOfWork = null,
+ nextRoot = null,
+ nextRenderExpirationTime = 0,
+ nextEffect = null,
+ capturedErrors = null,
+ failedBoundaries = null,
+ commitPhaseBoundaries = null,
+ firstUncaughtError = null,
+ didFatal = !1,
+ isCommitting = !1,
+ isUnmounting = !1,
+ firstScheduledRoot = null,
+ lastScheduledRoot = null,
+ isCallbackScheduled = !1,
+ isRendering = !1,
+ nextFlushedRoot = null,
+ nextFlushedExpirationTime = 0,
+ deadlineDidExpire = !1,
+ hasUnhandledError = !1,
+ unhandledError = null,
+ deadline = null,
+ isBatchingUpdates = !1,
+ isUnbatchingUpdates = !1,
+ NESTED_UPDATE_LIMIT = 1e3,
+ nestedUpdateCount = 0,
+ timeHeuristicForUnitOfWork = 1;
+ return {
+ computeAsyncExpiration: computeAsyncExpiration,
+ computeExpirationForFiber: computeExpirationForFiber,
+ scheduleWork: scheduleWork,
+ batchedUpdates: function(fn, a) {
+ var previousIsBatchingUpdates = isBatchingUpdates;
+ isBatchingUpdates = !0;
+ try {
+ return fn(a);
+ } finally {
+ (isBatchingUpdates = previousIsBatchingUpdates) ||
+ isRendering ||
+ performWork(1, null);
+ }
+ },
+ unbatchedUpdates: function(fn) {
+ if (isBatchingUpdates && !isUnbatchingUpdates) {
+ isUnbatchingUpdates = !0;
+ try {
+ return fn();
+ } finally {
+ isUnbatchingUpdates = !1;
+ }
+ }
+ return fn();
+ },
+ flushSync: function(fn) {
+ var previousIsBatchingUpdates = isBatchingUpdates;
+ isBatchingUpdates = !0;
+ try {
+ a: {
+ var previousExpirationContext = expirationContext;
+ expirationContext = 1;
+ try {
+ var JSCompiler_inline_result = fn();
+ break a;
+ } finally {
+ expirationContext = previousExpirationContext;
+ }
+ JSCompiler_inline_result = void 0;
+ }
+ return JSCompiler_inline_result;
+ } finally {
+ (isBatchingUpdates = previousIsBatchingUpdates),
+ invariant(
+ !isRendering,
+ "flushSync was called from inside a lifecycle method. It cannot be called when React is already rendering."
+ ),
+ performWork(1, null);
+ }
+ },
+ deferredUpdates: function(fn) {
+ var previousExpirationContext = expirationContext;
+ expirationContext = computeAsyncExpiration();
+ try {
+ return fn();
+ } finally {
+ expirationContext = previousExpirationContext;
+ }
+ }
+ };
+}
+function ReactFiberReconciler$1(config) {
+ function findHostInstance(fiber) {
+ fiber = findCurrentHostFiber(fiber);
+ return null === fiber ? null : fiber.stateNode;
+ }
+ var getPublicInstance = config.getPublicInstance;
+ config = ReactFiberScheduler(config);
+ var computeAsyncExpiration = config.computeAsyncExpiration,
+ computeExpirationForFiber = config.computeExpirationForFiber,
+ scheduleWork = config.scheduleWork;
+ return {
+ createContainer: function(containerInfo, hydrate) {
+ var uninitializedFiber = new FiberNode(3, null, 0);
+ containerInfo = {
+ current: uninitializedFiber,
+ containerInfo: containerInfo,
+ pendingChildren: null,
+ remainingExpirationTime: 0,
+ isReadyForCommit: !1,
+ finishedWork: null,
+ context: null,
+ pendingContext: null,
+ hydrate: hydrate,
+ nextScheduledRoot: null
+ };
+ return (uninitializedFiber.stateNode = containerInfo);
+ },
+ updateContainer: function(element, container, parentComponent, callback) {
+ var current = container.current;
+ if (parentComponent) {
+ parentComponent = parentComponent._reactInternalFiber;
+ var parentContext;
+ b: {
+ invariant(
+ 2 === isFiberMountedImpl(parentComponent) &&
+ 2 === parentComponent.tag,
+ "Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue."
+ );
+ for (parentContext = parentComponent; 3 !== parentContext.tag; ) {
+ if (isContextProvider(parentContext)) {
+ parentContext =
+ parentContext.stateNode
+ .__reactInternalMemoizedMergedChildContext;
+ break b;
+ }
+ parentContext = parentContext["return"];
+ invariant(
+ parentContext,
+ "Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue."
+ );
+ }
+ parentContext = parentContext.stateNode.context;
+ }
+ parentComponent = isContextProvider(parentComponent)
+ ? processChildContext(parentComponent, parentContext)
+ : parentContext;
+ } else parentComponent = emptyObject;
+ null === container.context
+ ? (container.context = parentComponent)
+ : (container.pendingContext = parentComponent);
+ container = callback;
+ container = void 0 === container ? null : container;
+ callback =
+ null != element &&
+ null != element.type &&
+ null != element.type.prototype &&
+ !0 === element.type.prototype.unstable_isAsyncReactComponent
+ ? computeAsyncExpiration()
+ : computeExpirationForFiber(current);
+ insertUpdateIntoFiber(current, {
+ expirationTime: callback,
+ partialState: { element: element },
+ callback: container,
+ isReplace: !1,
+ isForced: !1,
+ nextCallback: null,
+ next: null
+ });
+ scheduleWork(current, callback);
+ },
+ batchedUpdates: config.batchedUpdates,
+ unbatchedUpdates: config.unbatchedUpdates,
+ deferredUpdates: config.deferredUpdates,
+ flushSync: config.flushSync,
+ getPublicRootInstance: function(container) {
+ container = container.current;
+ if (!container.child) return null;
+ switch (container.child.tag) {
+ case 5:
+ return getPublicInstance(container.child.stateNode);
+ default:
+ return container.child.stateNode;
+ }
+ },
+ findHostInstance: findHostInstance,
+ findHostInstanceWithNoPortals: function(fiber) {
+ fiber = findCurrentHostFiberWithNoPortals(fiber);
+ return null === fiber ? null : fiber.stateNode;
+ },
+ injectIntoDevTools: function(devToolsConfig) {
+ var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+ return injectInternals(
+ Object.assign({}, devToolsConfig, {
+ findHostInstanceByFiber: function(fiber) {
+ return findHostInstance(fiber);
+ },
+ findFiberByHostInstance: function(instance) {
+ return findFiberByHostInstance
+ ? findFiberByHostInstance(instance)
+ : null;
+ }
+ })
+ );
+ }
+ };
+}
+var ReactFiberReconciler$2 = Object.freeze({ default: ReactFiberReconciler$1 }),
+ ReactFiberReconciler$3 =
+ (ReactFiberReconciler$2 && ReactFiberReconciler$1) ||
+ ReactFiberReconciler$2,
+ reactReconciler = ReactFiberReconciler$3["default"]
+ ? ReactFiberReconciler$3["default"]
+ : ReactFiberReconciler$3,
+ viewConfigCallbacks = new Map(),
+ viewConfigs = new Map(),
+ ReactNativeFiberHostComponent = (function() {
+ function ReactNativeFiberHostComponent(tag, viewConfig) {
+ if (!(this instanceof ReactNativeFiberHostComponent))
+ throw new TypeError("Cannot call a class as a function");
+ this._nativeTag = tag;
+ this._children = [];
+ this.viewConfig = viewConfig;
+ }
+ ReactNativeFiberHostComponent.prototype.blur = function() {
+ TextInputState.blurTextInput(this._nativeTag);
+ };
+ ReactNativeFiberHostComponent.prototype.focus = function() {
+ TextInputState.focusTextInput(this._nativeTag);
+ };
+ ReactNativeFiberHostComponent.prototype.measure = function(callback) {
+ UIManager.measure(this._nativeTag, mountSafeCallback(this, callback));
+ };
+ ReactNativeFiberHostComponent.prototype.measureInWindow = function(
+ callback
+ ) {
+ UIManager.measureInWindow(
+ this._nativeTag,
+ mountSafeCallback(this, callback)
+ );
+ };
+ ReactNativeFiberHostComponent.prototype.measureLayout = function(
+ relativeToNativeNode,
+ onSuccess,
+ onFail
+ ) {
+ UIManager.measureLayout(
+ this._nativeTag,
+ relativeToNativeNode,
+ mountSafeCallback(this, onFail),
+ mountSafeCallback(this, onSuccess)
+ );
+ };
+ ReactNativeFiberHostComponent.prototype.setNativeProps = function(
+ nativeProps
+ ) {
+ nativeProps = diffProperties(
+ null,
+ emptyObject$1,
+ nativeProps,
+ this.viewConfig.validAttributes
+ );
+ null != nativeProps &&
+ UIManager.updateView(
+ this._nativeTag,
+ this.viewConfig.uiViewClassName,
+ nativeProps
+ );
+ };
+ return ReactNativeFiberHostComponent;
+ })();
+ReactNativeFiberHostComponent.prototype;
+var now =
+ "object" === typeof performance && "function" === typeof performance.now
+ ? function() {
+ return performance.now();
+ }
+ : function() {
+ return Date.now();
+ },
+ isCallbackScheduled = !1,
+ scheduledCallback = null,
+ frameDeadline = 0,
+ frameDeadlineObject = {
+ timeRemaining: function() {
+ return frameDeadline - now();
+ }
+ };
+function setTimeoutCallback() {
+ isCallbackScheduled = !1;
+ frameDeadline = now() + 5;
+ var callback = scheduledCallback;
+ scheduledCallback = null;
+ null !== callback && callback(frameDeadlineObject);
+}
+function recursivelyUncacheFiberNode(node) {
+ "number" === typeof node
+ ? uncacheFiberNode(node)
+ : (uncacheFiberNode(node._nativeTag),
+ node._children.forEach(recursivelyUncacheFiberNode));
+}
+var NativeRenderer = reactReconciler({
+ appendInitialChild: function(parentInstance, child) {
+ parentInstance._children.push(child);
+ },
+ createInstance: function(
+ type,
+ props,
+ rootContainerInstance,
+ hostContext,
+ internalInstanceHandle
+ ) {
+ hostContext = ReactNativeTagHandles.allocateTag();
+ if (viewConfigs.has(type)) var viewConfig = viewConfigs.get(type);
+ else
+ (viewConfig = viewConfigCallbacks.get(type)),
+ invariant(
+ "function" === typeof viewConfig,
+ "View config not found for name %s",
+ type
+ ),
+ viewConfigCallbacks.set(type, null),
+ (viewConfig = viewConfig()),
+ viewConfigs.set(type, viewConfig);
+ invariant(viewConfig, "View config not found for name %s", type);
+ type = viewConfig;
+ viewConfig = diffProperties(
+ null,
+ emptyObject$1,
+ props,
+ type.validAttributes
+ );
+ UIManager.createView(
+ hostContext,
+ type.uiViewClassName,
+ rootContainerInstance,
+ viewConfig
+ );
+ rootContainerInstance = new ReactNativeFiberHostComponent(
+ hostContext,
+ type
+ );
+ instanceCache[hostContext] = internalInstanceHandle;
+ instanceProps[hostContext] = props;
+ return rootContainerInstance;
+ },
+ createTextInstance: function(
+ text,
+ rootContainerInstance,
+ hostContext,
+ internalInstanceHandle
+ ) {
+ hostContext = ReactNativeTagHandles.allocateTag();
+ UIManager.createView(hostContext, "RCTRawText", rootContainerInstance, {
+ text: text
+ });
+ instanceCache[hostContext] = internalInstanceHandle;
+ return hostContext;
+ },
+ finalizeInitialChildren: function(parentInstance) {
+ if (0 === parentInstance._children.length) return !1;
+ var nativeTags = parentInstance._children.map(function(child) {
+ return "number" === typeof child ? child : child._nativeTag;
+ });
+ UIManager.setChildren(parentInstance._nativeTag, nativeTags);
+ return !1;
+ },
+ getRootHostContext: function() {
+ return emptyObject;
+ },
+ getChildHostContext: function() {
+ return emptyObject;
+ },
+ getPublicInstance: function(instance) {
+ return instance;
+ },
+ now: now,
+ prepareForCommit: function() {},
+ prepareUpdate: function() {
+ return emptyObject;
+ },
+ resetAfterCommit: function() {},
+ scheduleDeferredCallback: function(callback) {
+ scheduledCallback = callback;
+ isCallbackScheduled ||
+ ((isCallbackScheduled = !0), setTimeout(setTimeoutCallback, 1));
+ return 0;
+ },
+ shouldDeprioritizeSubtree: function() {
+ return !1;
+ },
+ shouldSetTextContent: function() {
+ return !1;
+ },
+ useSyncScheduling: !0,
+ mutation: {
+ appendChild: function(parentInstance, child) {
+ var childTag = "number" === typeof child ? child : child._nativeTag,
+ children = parentInstance._children,
+ index = children.indexOf(child);
+ 0 <= index
+ ? (children.splice(index, 1),
+ children.push(child),
+ UIManager.manageChildren(
+ parentInstance._nativeTag,
+ [index],
+ [children.length - 1],
+ [],
+ [],
+ []
+ ))
+ : (children.push(child),
+ UIManager.manageChildren(
+ parentInstance._nativeTag,
+ [],
+ [],
+ [childTag],
+ [children.length - 1],
+ []
+ ));
+ },
+ appendChildToContainer: function(parentInstance, child) {
+ UIManager.setChildren(parentInstance, [
+ "number" === typeof child ? child : child._nativeTag
+ ]);
+ },
+ commitTextUpdate: function(textInstance, oldText, newText) {
+ UIManager.updateView(textInstance, "RCTRawText", { text: newText });
+ },
+ commitMount: function() {},
+ commitUpdate: function(
+ instance,
+ updatePayloadTODO,
+ type,
+ oldProps,
+ newProps
+ ) {
+ updatePayloadTODO = instance.viewConfig;
+ instanceProps[instance._nativeTag] = newProps;
+ oldProps = diffProperties(
+ null,
+ oldProps,
+ newProps,
+ updatePayloadTODO.validAttributes
+ );
+ null != oldProps &&
+ UIManager.updateView(
+ instance._nativeTag,
+ updatePayloadTODO.uiViewClassName,
+ oldProps
+ );
+ },
+ insertBefore: function(parentInstance, child, beforeChild) {
+ var children = parentInstance._children,
+ index = children.indexOf(child);
+ 0 <= index
+ ? (children.splice(index, 1),
+ (beforeChild = children.indexOf(beforeChild)),
+ children.splice(beforeChild, 0, child),
+ UIManager.manageChildren(
+ parentInstance._nativeTag,
+ [index],
+ [beforeChild],
+ [],
+ [],
+ []
+ ))
+ : ((index = children.indexOf(beforeChild)),
+ children.splice(index, 0, child),
+ UIManager.manageChildren(
+ parentInstance._nativeTag,
+ [],
+ [],
+ ["number" === typeof child ? child : child._nativeTag],
+ [index],
+ []
+ ));
+ },
+ insertInContainerBefore: function(parentInstance) {
+ invariant(
+ "number" !== typeof parentInstance,
+ "Container does not support insertBefore operation"
+ );
+ },
+ removeChild: function(parentInstance, child) {
+ recursivelyUncacheFiberNode(child);
+ var children = parentInstance._children;
+ child = children.indexOf(child);
+ children.splice(child, 1);
+ UIManager.manageChildren(
+ parentInstance._nativeTag,
+ [],
+ [],
+ [],
+ [],
+ [child]
+ );
+ },
+ removeChildFromContainer: function(parentInstance, child) {
+ recursivelyUncacheFiberNode(child);
+ UIManager.manageChildren(parentInstance, [], [], [], [], [0]);
+ },
+ resetTextContent: function() {}
+ }
+});
+function findNodeHandle(componentOrHandle) {
+ if (null == componentOrHandle) return null;
+ if ("number" === typeof componentOrHandle) return componentOrHandle;
+ var internalInstance = componentOrHandle._reactInternalFiber;
+ if (internalInstance)
+ return NativeRenderer.findHostInstance(internalInstance);
+ if (componentOrHandle) return componentOrHandle;
+ invariant(
+ ("object" === typeof componentOrHandle &&
+ "_nativeTag" in componentOrHandle) ||
+ (null != componentOrHandle.render &&
+ "function" === typeof componentOrHandle.render),
+ "findNodeHandle(...): Argument is not a component (type: %s, keys: %s)",
+ typeof componentOrHandle,
+ Object.keys(componentOrHandle)
+ );
+ invariant(
+ !1,
+ "findNodeHandle(...): Unable to find node handle for unmounted component."
+ );
+}
+function findNumericNodeHandleFiber(componentOrHandle) {
+ componentOrHandle = findNodeHandle(componentOrHandle);
+ return null == componentOrHandle || "number" === typeof componentOrHandle
+ ? componentOrHandle
+ : componentOrHandle._nativeTag;
+}
+function _inherits(subClass, superClass) {
+ if ("function" !== typeof superClass && null !== superClass)
+ throw new TypeError(
+ "Super expression must either be null or a function, not " +
+ typeof superClass
+ );
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ enumerable: !1,
+ writable: !0,
+ configurable: !0
+ }
+ });
+ superClass &&
+ (Object.setPrototypeOf
+ ? Object.setPrototypeOf(subClass, superClass)
+ : (subClass.__proto__ = superClass));
+}
+var ReactNativeComponent = (function(_React$Component) {
+ function ReactNativeComponent() {
+ if (!(this instanceof ReactNativeComponent))
+ throw new TypeError("Cannot call a class as a function");
+ var call = _React$Component.apply(this, arguments);
+ if (!this)
+ throw new ReferenceError(
+ "this hasn't been initialised - super() hasn't been called"
+ );
+ return !call || ("object" !== typeof call && "function" !== typeof call)
+ ? this
+ : call;
+ }
+ _inherits(ReactNativeComponent, _React$Component);
+ ReactNativeComponent.prototype.blur = function() {
+ TextInputState.blurTextInput(findNumericNodeHandleFiber(this));
+ };
+ ReactNativeComponent.prototype.focus = function() {
+ TextInputState.focusTextInput(findNumericNodeHandleFiber(this));
+ };
+ ReactNativeComponent.prototype.measure = function(callback) {
+ UIManager.measure(
+ findNumericNodeHandleFiber(this),
+ mountSafeCallback(this, callback)
+ );
+ };
+ ReactNativeComponent.prototype.measureInWindow = function(callback) {
+ UIManager.measureInWindow(
+ findNumericNodeHandleFiber(this),
+ mountSafeCallback(this, callback)
+ );
+ };
+ ReactNativeComponent.prototype.measureLayout = function(
+ relativeToNativeNode,
+ onSuccess,
+ onFail
+ ) {
+ UIManager.measureLayout(
+ findNumericNodeHandleFiber(this),
+ relativeToNativeNode,
+ mountSafeCallback(this, onFail),
+ mountSafeCallback(this, onSuccess)
+ );
+ };
+ ReactNativeComponent.prototype.setNativeProps = function(nativeProps) {
+ var maybeInstance = void 0;
+ try {
+ maybeInstance = findNodeHandle(this);
+ } catch (error) {}
+ if (null != maybeInstance) {
+ var viewConfig = maybeInstance.viewConfig;
+ nativeProps = diffProperties(
+ null,
+ emptyObject$1,
+ nativeProps,
+ viewConfig.validAttributes
+ );
+ null != nativeProps &&
+ UIManager.updateView(
+ maybeInstance._nativeTag,
+ viewConfig.uiViewClassName,
+ nativeProps
+ );
+ }
+ };
+ return ReactNativeComponent;
+})(React.Component);
+ReactNativeComponent.prototype;
+var getInspectorDataForViewTag = void 0;
+getInspectorDataForViewTag = function() {
+ invariant(!1, "getInspectorDataForViewTag() is not available in production");
+};
+fiberBatchedUpdates = NativeRenderer.batchedUpdates;
+var roots = new Map();
+function fn$jscomp$inline_601(capturedError) {
+ var componentStack = capturedError.componentStack,
+ error = capturedError.error;
+ if (error instanceof Error) {
+ capturedError = error.message;
+ var name = error.name;
+ try {
+ error.message =
+ (capturedError ? name + ": " + capturedError : name) +
+ "\n\nThis error is located at:" +
+ componentStack;
+ } catch (e) {}
+ } else
+ error =
+ "string" === typeof error
+ ? Error(error + "\n\nThis error is located at:" + componentStack)
+ : Error("Unspecified error at:" + componentStack);
+ ExceptionsManager.handleException(error, !1);
+ return !1;
+}
+invariant(
+ showDialog === defaultShowDialog,
+ "The custom dialog was already injected."
+);
+invariant(
+ "function" === typeof fn$jscomp$inline_601,
+ "Injected showDialog() must be a function."
+);
+showDialog = fn$jscomp$inline_601;
+var ReactNativeRenderer = {
+ NativeComponent: ReactNativeComponent,
+ findNodeHandle: findNumericNodeHandleFiber,
+ render: function(element, containerTag, callback) {
+ var root = roots.get(containerTag);
+ root ||
+ ((root = NativeRenderer.createContainer(containerTag, !1)),
+ roots.set(containerTag, root));
+ NativeRenderer.updateContainer(element, root, null, callback);
+ return NativeRenderer.getPublicRootInstance(root);
+ },
+ unmountComponentAtNode: function(containerTag) {
+ var root = roots.get(containerTag);
+ root &&
+ NativeRenderer.updateContainer(null, root, null, function() {
+ roots["delete"](containerTag);
+ });
+ },
+ unmountComponentAtNodeAndRemoveContainer: function(containerTag) {
+ ReactNativeRenderer.unmountComponentAtNode(containerTag);
+ UIManager.removeRootView(containerTag);
+ },
+ createPortal: function(children, containerTag) {
+ return createPortal(
+ children,
+ containerTag,
+ null,
+ 2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
+ );
+ },
+ unstable_batchedUpdates: batchedUpdates,
+ flushSync: NativeRenderer.flushSync,
+ __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
+ NativeMethodsMixin: {
+ measure: function(callback) {
+ UIManager.measure(
+ findNumericNodeHandleFiber(this),
+ mountSafeCallback(this, callback)
+ );
+ },
+ measureInWindow: function(callback) {
+ UIManager.measureInWindow(
+ findNumericNodeHandleFiber(this),
+ mountSafeCallback(this, callback)
+ );
+ },
+ measureLayout: function(relativeToNativeNode, onSuccess, onFail) {
+ UIManager.measureLayout(
+ findNumericNodeHandleFiber(this),
+ relativeToNativeNode,
+ mountSafeCallback(this, onFail),
+ mountSafeCallback(this, onSuccess)
+ );
+ },
+ setNativeProps: function(nativeProps) {
+ var maybeInstance = void 0;
+ try {
+ maybeInstance = findNodeHandle(this);
+ } catch (error) {}
+ if (null != maybeInstance) {
+ var viewConfig = maybeInstance.viewConfig;
+ nativeProps = diffProperties(
+ null,
+ emptyObject$1,
+ nativeProps,
+ viewConfig.validAttributes
+ );
+ null != nativeProps &&
+ UIManager.updateView(
+ maybeInstance._nativeTag,
+ viewConfig.uiViewClassName,
+ nativeProps
+ );
+ }
+ },
+ focus: function() {
+ TextInputState.focusTextInput(findNumericNodeHandleFiber(this));
+ },
+ blur: function() {
+ TextInputState.blurTextInput(findNumericNodeHandleFiber(this));
+ }
+ },
+ ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin,
+ ReactGlobalSharedState: ReactGlobalSharedState,
+ ReactNativeComponentTree: ReactNativeComponentTree,
+ ReactNativePropRegistry: ReactNativePropRegistry,
+ TouchHistoryMath: TouchHistoryMath,
+ createReactNativeComponentClass: function(name, callback) {
+ invariant(
+ !viewConfigCallbacks.has(name),
+ "Tried to register two views with the same name %s",
+ name
+ );
+ viewConfigCallbacks.set(name, callback);
+ return name;
+ },
+ takeSnapshot: function(view, options) {
+ "number" !== typeof view &&
+ "window" !== view &&
+ (view = findNumericNodeHandleFiber(view) || "window");
+ return UIManager.__takeSnapshot(view, options);
+ }
+ }
+};
+NativeRenderer.injectIntoDevTools({
+ findFiberByHostInstance: getInstanceFromTag,
+ getInspectorDataForViewTag: getInspectorDataForViewTag,
+ bundleType: 0,
+ version: "16.1.1",
+ rendererPackageName: "react-native-renderer"
+});
+var ReactNativeRenderer$2 = Object.freeze({ default: ReactNativeRenderer }),
+ ReactNativeRenderer$3 =
+ (ReactNativeRenderer$2 && ReactNativeRenderer) || ReactNativeRenderer$2;
+module.exports = ReactNativeRenderer$3["default"]
+ ? ReactNativeRenderer$3["default"]
+ : ReactNativeRenderer$3;
diff --git a/Libraries/Renderer/shims/ReactNative.js b/Libraries/Renderer/shims/ReactNative.js
index 35b7c3909..a648cafbc 100644
--- a/Libraries/Renderer/shims/ReactNative.js
+++ b/Libraries/Renderer/shims/ReactNative.js
@@ -14,9 +14,9 @@ import type {ReactNativeType} from 'ReactNativeTypes';
let ReactNative;
if (__DEV__) {
- ReactNative = require('ReactNativeFiber-dev');
+ ReactNative = require('ReactNativeRenderer-dev');
} else {
- ReactNative = require('ReactNativeFiber-prod');
+ ReactNative = require('ReactNativeRenderer-prod');
}
module.exports = (ReactNative: ReactNativeType);
diff --git a/Libraries/Renderer/shims/ReactNativeTypes.js b/Libraries/Renderer/shims/ReactNativeTypes.js
index 5da688601..f20bb30fa 100644
--- a/Libraries/Renderer/shims/ReactNativeTypes.js
+++ b/Libraries/Renderer/shims/ReactNativeTypes.js
@@ -4,10 +4,9 @@
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
- * @providesModule ReactNativeTypes
* @flow
+ * @providesModule ReactNativeTypes
*/
-'use strict';
export type MeasureOnSuccessCallback = (
x: number,
diff --git a/Libraries/Renderer/shims/ReactTypes.js b/Libraries/Renderer/shims/ReactTypes.js
index 736d1210e..900582e5d 100644
--- a/Libraries/Renderer/shims/ReactTypes.js
+++ b/Libraries/Renderer/shims/ReactTypes.js
@@ -4,16 +4,14 @@
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
- * @providesModule ReactTypes
* @flow
+ * @providesModule ReactTypes
*/
-'use strict';
-
export type ReactNode =
| React$Element
- | ReactCoroutine
- | ReactYield
+ | ReactCall
+ | ReactReturn
| ReactPortal
| ReactText
| ReactFragment;
@@ -26,16 +24,16 @@ export type ReactText = string | number;
export type ReactEmpty = null | void | boolean;
-export type ReactCoroutine = {
+export type ReactCall = {
$$typeof: Symbol | number,
key: null | string,
children: any,
- // This should be a more specific CoroutineHandler
- handler: (props: any, yields: Array) => ReactNodeList,
+ // This should be a more specific CallHandler
+ handler: (props: any, returns: Array) => ReactNodeList,
props: any,
};
-export type ReactYield = {
+export type ReactReturn = {
$$typeof: Symbol | number,
value: mixed,
};
diff --git a/package.json b/package.json
index 22e3f8ad3..1f4ff6e22 100644
--- a/package.json
+++ b/package.json
@@ -142,7 +142,7 @@
"react-native": "local-cli/wrong-react-native.js"
},
"peerDependencies": {
- "react": "16.0.0"
+ "react": "16.1.1"
},
"dependencies": {
"absolute-path": "^0.0.0",
@@ -211,8 +211,8 @@
"flow-bin": "^0.59.0",
"jest": "21.3.0-beta.8",
"prettier": "1.7.0",
- "react": "16.0.0",
- "react-test-renderer": "16.0.0",
+ "react": "16.1.1",
+ "react-test-renderer": "16.1.1",
"shelljs": "^0.7.8",
"sinon": "^2.2.0"
}